@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.V9XBlW_className{font-family:Geist,Geist Fallback;font-style:normal}.V9XBlW_variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.C72cgW_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.C72cgW_variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root,:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0b;--tile:#141417;--ink:#f5f5fa;--muted:#8c919c;--glass:#ffffff12;--glass-strong:#141417b8;--glass-panel:#161619e6;--glass-line:#ffffff1f;--scrim:#00000073;--accent:#f5f5fa;--accent-ink:#0a0a0b;--chip:#ffffff14;--shadow:0 24px 60px #00000059}:root[data-theme=frost]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9eff6;--tile:#d9e0ed;--ink:#0d1217;--muted:#5c6673;--glass:#ffffff85;--glass-strong:#f5fafcc7;--glass-panel:#f7fafdeb;--glass-line:#ffffffd9;--scrim:#c9d6e673;--accent:#0d1217;--accent-ink:#fff;--chip:#0d12170f;--shadow:0 24px 60px #283c5a2e}:root{--on-photo:#10101252;--on-photo-ink:#fffffff5;--sans:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;--mono:var(--font-geist-mono), ui-monospace, monospace;--gutter:20px;--col:270px;--gap:12px;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.label{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:500}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.glass{background:var(--glass-strong);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(40px)saturate(1.2);backdrop-filter:blur(40px)saturate(1.2);box-shadow:var(--shadow)}.pill{height:34px;font-family:var(--mono);border-radius:999px;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.chip{background:var(--chip);height:28px;font-family:var(--mono);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;font-size:11.5px;font-weight:500;transition:background .15s;display:inline-flex}.chip:hover{background:color-mix(in srgb, var(--chip), var(--ink) 8%)}.chip[aria-pressed=true],.chip.on{background:var(--accent);color:var(--accent-ink)}.btn{height:36px;font-family:var(--mono);background:var(--chip);border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:12.5px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--chip), var(--ink) 10%)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:color-mix(in srgb, var(--accent), var(--bg) 12%)}:is(.pill,.chip,.btn,.on-photo,.dock-filter,.card-tag,.seg button,.aseg button){line-height:1}:where(.pill,.dock-filter,.card-tag){--pad-x:12px}:is(.pill,.chip,.btn,.on-photo,.dock-filter,.card-tag,.seg button,.aseg button) svg{flex:none;display:block}:where(.chip){--pad-x:11px}:where(.btn){--pad-x:14px}:is(.pill,.chip,.btn,.dock-filter,.card-tag):not(.icon){padding-left:var(--pad-x);padding-right:var(--pad-x)}:is(.pill,.chip,.btn,.dock-filter,.card-tag):not(.icon):has(>svg:first-child){padding-left:calc(var(--pad-x) - 3px)}:is(.pill,.chip,.btn,.dock-filter,.card-tag):not(.icon):has(>svg:last-child:not(:first-child)){padding-right:calc(var(--pad-x) - 3px)}.topfade{z-index:20;pointer-events:none;background:linear-gradient(to bottom, var(--bg) 35%, transparent);height:120px;position:fixed;inset:0 0 auto}.topbar{z-index:30;padding:18px var(--gutter) 0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{letter-spacing:-.01em;font-size:17px;font-weight:600}.topbar-right{align-items:center;gap:8px;display:flex}.saved-pill{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.saved-pill.active{background:var(--accent);color:var(--accent-ink);border-color:#0000}.badge{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);border-radius:999px;place-items:center;padding:0 5px;font-size:10px;display:inline-grid}.saved-pill .n{font-variant-numeric:tabular-nums}.theme-switch{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:999px;padding:4px;display:inline-flex}.theme-switch button{border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.theme-switch .ic-fill{display:none}.theme-switch button[aria-pressed=true] .ic-fill{display:block}.theme-switch button[aria-pressed=true] .ic-line{display:none}.theme-switch button[aria-pressed=false]{opacity:.5}.theme-switch:hover button[aria-pressed=false]:hover{opacity:1}.theme-switch:hover button[aria-pressed=false]:hover .ic-fill{display:block}.theme-switch:hover button[aria-pressed=false]:hover .ic-line{display:none}.theme-switch:has(button[aria-pressed=false]:hover) button[aria-pressed=true]{opacity:.5}.theme-switch:has(button[aria-pressed=false]:hover) button[aria-pressed=true] .ic-fill{display:none}.theme-switch:has(button[aria-pressed=false]:hover) button[aria-pressed=true] .ic-line{display:block}.intro{max-width:600px;padding:104px var(--gutter) 48px;text-align:center;margin:0 auto}.intro h1{letter-spacing:-.03em;margin:0 0 14px;font-size:56px;font-weight:500;line-height:1.05}.scramble .ch{position:relative}.scramble .ch.on,html.scr .scramble .ch{color:#0000}.scramble .gl{font-family:var(--mono);letter-spacing:0;color:var(--muted);pointer-events:none;font-size:.74em;font-weight:400;line-height:1;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.scramble .ch:not(.on) .gl{display:none}.intro p{color:var(--muted);max-width:560px;margin:0 auto;font-size:16px;line-height:1.55}.intro .meta{margin-top:14px}.page-head{padding-top:96px}.kicker{align-items:center;gap:6px;margin-bottom:14px;display:inline-flex}.feed{padding:0 var(--gutter) 140px}.masonry{gap:var(--gap);align-items:start;display:grid}.masonry-col{flex-direction:column;gap:20px;min-width:0;display:flex}.masonry.placed{display:block;position:relative}.masonry-item{position:absolute;top:0;left:0}.card.wide .card-media img{width:100%;height:auto}.feed-empty{text-align:center;padding:80px var(--gutter) 160px;color:var(--muted)}.card{display:block;position:relative}.card-media{border-radius:var(--radius);background:var(--tile);isolation:isolate;display:block;position:relative;overflow:hidden}.card-media img{width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.card:hover .card-media img{transform:scale(1.025)}.card-meta{padding:9px 2px 0}.card-title-row{align-items:flex-start;gap:8px;display:flex}.card-title{flex:1;font-size:13px;font-weight:500;line-height:1.35}.card-credit{font-family:var(--mono);color:var(--muted);opacity:0;max-height:0;font-size:11px;transition:max-height .25s,opacity .2s;overflow:hidden}.card:hover .card-credit,.card:focus-within .card-credit{opacity:1;max-height:20px;margin-top:3px}.card-credit.on-media{z-index:1;color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:linear-gradient(#0000,#0000008c);max-height:none;margin:0;padding:28px 12px 10px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.card:hover .card-credit.on-media,.card:focus-within .card-credit.on-media{max-height:none;margin:0}.on-photo{background:var(--on-photo);color:var(--on-photo-ink);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:999px;justify-content:center;align-items:center;gap:6px;height:32px;display:inline-flex}.card-pills{z-index:1;pointer-events:none;gap:6px;display:flex;position:absolute;top:12px;left:12px}.card-tag{font-family:var(--mono);opacity:0;padding-top:0;padding-bottom:0;font-size:11px;font-weight:500;transition:opacity .2s,transform .2s;transform:translateY(-3px)}.card-tag.always{opacity:1;transform:none}.card-actions{opacity:0;gap:8px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:12px;right:12px;transform:translateY(-3px)}.card-actions .on-photo{width:32px}.card:hover .card-tag,.card:hover .card-actions,.card:focus-within .card-tag,.card:focus-within .card-actions{opacity:1;transform:none}.on-photo:hover{background:#10101280}.device-tile{background:var(--tile);border-radius:var(--radius);padding:16px;transition:background .2s;display:block}.device-tile:hover{background:color-mix(in srgb, var(--tile), var(--ink) 4%)}.device-thumbs{gap:6px;margin-bottom:64px;display:flex}.device-thumbs img{object-fit:cover;border-radius:8px;width:40px;height:40px}.device-name{letter-spacing:-.01em;margin:6px 0 4px;font-size:22px;font-weight:500}.bottomfade{z-index:20;pointer-events:none;background:linear-gradient(to top, var(--bg) 30%, transparent);height:170px;position:fixed;inset:auto 0 0}.dock-wrap{z-index:40;width:min(516px,100vw - 24px);position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.dock{border-radius:22px;align-items:center;gap:6px;padding:9px;display:flex}.dock-search{background:var(--chip);height:40px;color:var(--muted);text-align:left;border-radius:13px;flex:1;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.dock-search span.ph{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.kbd{font-family:var(--mono);background:var(--chip);color:var(--muted);border-radius:6px;padding:2px 6px;font-size:10px}.dock-filter{background:var(--chip);height:40px;font-family:var(--mono);white-space:nowrap;border-radius:13px;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.dock-plus{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:999px;flex:none;place-items:center;transition:transform .2s;display:grid}.dock-plus[aria-expanded=true] svg{transform:rotate(45deg)}.dock-plus svg{transition:transform .2s}.panel,.menu,.palette,.center-sheet,.toast{background:var(--glass-panel)}.panel{border-radius:20px;max-height:calc(100dvh - 140px);padding:20px;animation:.18s ease-out rise;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.panel h2{margin:0;font-size:18px;font-weight:500}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel p.lede{color:var(--muted);margin:6px 0 16px;font-size:13.5px;line-height:1.45}.field{border:1px solid var(--glass-line);background:var(--glass);height:46px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 6px 0 12px;display:flex}.field input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.field input::placeholder{color:var(--muted)}.chips{flex-wrap:wrap;gap:6px;display:flex}.section-label{margin:16px 0 8px}.frow{width:100%;height:38px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.frow:hover,.frow[aria-pressed=true]{background:var(--chip);color:var(--ink)}.frow .count{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:inline-flex}.frow .count svg{color:var(--ink)}.seg{background:var(--chip);border-radius:11px;padding:3px;display:flex}.seg button{height:30px;font-family:var(--mono);color:var(--muted);border-radius:8px;flex:1;font-size:12px}.seg button[aria-pressed=true]{background:var(--glass-strong);color:var(--ink)}.rule{background:var(--glass-line);border:0;height:1px;margin:14px 0}.scrim{z-index:35;background:var(--scrim);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:.18s ease-out fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.palette{z-index:50;border-radius:22px;width:min(680px,100vw - 24px);animation:.18s ease-out rise;position:fixed;top:120px;left:50%;overflow:hidden;transform:translate(-50%)}.palette-input{border-bottom:1px solid var(--glass-line);align-items:center;gap:12px;height:62px;padding:0 20px;display:flex}.palette-input input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:20px}.palette-input input::placeholder{color:var(--muted)}.palette-scopes{border-bottom:1px solid var(--glass-line);scrollbar-width:none;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.palette-body{max-height:min(56vh,460px);padding:6px 8px 8px;overflow:auto}.palette-group{padding:12px 10px 6px}.presult{border-radius:12px;align-items:center;gap:12px;padding:8px 10px;display:flex}.presult:hover,.presult[data-active=true]{background:var(--chip)}.presult img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.presult .ico{background:var(--chip);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.presult .t{font-size:14px;font-weight:500}.presult .s{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.presult .go{font-family:var(--mono);color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.palette-hints{border-top:1px solid var(--glass-line);font-family:var(--mono);color:var(--muted);gap:18px;padding:12px 20px;font-size:10px;display:flex}.palette-empty{text-align:center;padding:48px 24px}.palette-empty h3{margin:14px 0 6px;font-size:16px;font-weight:500}.modal-root{z-index:60;place-items:center;padding:50px 80px 40px;display:grid;position:fixed;inset:0}.modal-root>.scrim{z-index:0}.sheet{z-index:1;border-radius:26px;grid-template-columns:minmax(0,1fr) 460px;width:min(1280px,100%);height:min(800px,100dvh - 90px);animation:.2s ease-out rise;display:grid;position:relative;overflow:hidden}.slides{background:color-mix(in srgb, var(--bg), black 30%);place-items:center;display:grid;position:relative;overflow:hidden}.slides .nav{width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%)}.slides .nav.prev{left:16px}.slides .nav.next{right:16px}.slides .expand{width:36px;height:36px;position:absolute;top:16px;left:16px}.filmstrip{border-radius:14px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.filmstrip button{opacity:.55;outline-offset:1px;border-radius:8px;width:44px;height:44px;overflow:hidden}.filmstrip button[aria-current=true]{opacity:1;outline:2px solid var(--on-photo-ink)}.filmstrip img{object-fit:cover;width:100%;height:100%}.filmstrip .n{font-family:var(--mono);color:var(--on-photo-ink);padding:0 8px;font-size:11px}.details{flex-direction:column;padding:28px 30px 30px;display:flex;overflow:auto}.details-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.round{background:var(--chip);border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.round:hover{background:color-mix(in srgb, var(--chip), var(--ink) 10%)}.details h1{letter-spacing:-.02em;margin:8px 0 16px;font-size:30px;font-weight:500;line-height:1.15}.byline{align-items:baseline;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.avatar{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);text-transform:lowercase;border-radius:999px;place-items:center;font-size:13px;font-weight:600;display:grid}.actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex;position:relative}.summary{color:var(--muted);margin:0 0 20px;font-size:15px;line-height:1.55}.fold{border-top:1px solid var(--glass-line)}.fold summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;font-weight:500;list-style:none;display:flex}.fold summary::-webkit-details-marker{display:none}.fold[open] summary svg{transform:rotate(180deg)}.fold summary svg{color:var(--muted);transition:transform .2s}.fold .body{padding:0 0 16px}.sheet-row{justify-content:space-between;gap:16px;padding:4px 0;font-size:13px;display:flex}.sheet-row dt{font-family:var(--mono);color:var(--muted);font-size:11px}.sheet-row dd{text-align:right;margin:0;font-weight:500}.more{margin-top:auto;padding-top:24px}.more-row{gap:8px;margin-top:10px;display:flex}.more-row a{border-radius:10px;flex:none;width:64px;height:64px;overflow:hidden}.more-row img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.more-row a:hover img{transform:scale(1.06)}.keyhints{z-index:61;font-family:var(--mono);color:var(--muted);gap:18px;font-size:10px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.project-page .sheet{height:auto;min-height:640px;box-shadow:none;margin:90px auto 160px}.project-page .slides{min-height:640px}@media (min-width:721px){.project-page .sheet{align-items:start;overflow:clip}.project-page .slides{height:min(760px,100dvh - 120px);min-height:480px;position:sticky;top:90px}}.fold-peek{font-family:var(--mono);color:var(--muted);margin-left:auto;margin-right:10px;font-size:11px;font-weight:500}.project-wrap{padding:0 var(--gutter)}.fill-on-hover .ic-fill,.fill-on-hover:hover .ic-line,.fill-on-hover[aria-pressed=true] .ic-line{display:none}.fill-on-hover:hover .ic-fill,.fill-on-hover[aria-pressed=true] .ic-fill{display:block}.tags-row{border-top:1px solid var(--glass-line);padding:16px 0 4px}.slide-zoom{cursor:zoom-in;width:100%;height:100%;display:block}.slide-zoom img{object-fit:contain;width:100%;height:100%}.slide-video{aspect-ratio:16/9;background:#000;border:0;width:100%;height:auto;max-height:100%;display:block}.slides.is-playing{background:#000}video.slide-video{aspect-ratio:auto;object-fit:contain;width:100%;height:100%;max-height:none;position:absolute;inset:0}.sound-btn{z-index:2;--pad-x:12px;position:absolute;top:16px;left:16px}.sound-btn.on-photo{font-family:var(--mono);color:#fff;-webkit-backdrop-filter:blur(18px)saturate(170%);background:#1212146b;border:1px solid #ffffff2e;padding:0 12px 0 9px;font-size:12px;font-weight:500}.sound-btn.on-photo:hover{background:#12121499}.slides.is-playing .filmstrip{bottom:64px}.sound-btn.on{width:32px;padding:0!important}.xpost{justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:16px;overflow:hidden}.xpost iframe{color-scheme:normal;transform-origin:top;background:0 0;border:0;border-radius:14px;flex:none;width:min(550px,100%);display:block}.slides.is-post{background:var(--bg)}.slides>img{object-fit:contain;width:100%;height:100%}.play-btn{background:var(--on-photo);width:68px;height:68px;color:var(--on-photo-ink);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:999px;place-items:center;transition:transform .15s,background .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn:hover{background:#10101280;transform:translate(-50%,-50%)scale(1.06)}.play-btn.wide{width:auto;height:44px;font-family:var(--mono);align-items:center;gap:8px;padding:0 18px;font-size:12.5px;font-weight:500;display:inline-flex}.lightbox{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:zoom-out;background:#000000f7;place-items:center;padding:40px 90px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;cursor:default;width:100%;height:calc(100dvh - 80px)}.lb-close{width:40px;position:absolute;top:18px;right:18px}.lb-nav{width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav.prev{left:22px}.lb-nav.next{right:22px}.lb-count{font-family:var(--mono);padding:0 12px;font-size:11.5px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (max-width:720px){.lightbox{padding:0}.lightbox img{height:100dvh}.lb-nav{display:none}.slide-zoom img{object-fit:cover}}.menu{z-index:5;border-radius:14px;width:280px;padding:6px;animation:.15s ease-out rise;position:absolute;top:calc(100% + 8px);left:0}.menu button,.menu a{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px;font-size:13.5px;font-weight:500;display:flex}.menu button:hover,.menu a:hover{background:var(--chip)}.menu .quiet{color:var(--muted);font-size:12.5px;font-weight:400}.toast{z-index:80;font-family:var(--mono);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;animation:.18s ease-out rise;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.center-sheet{z-index:70;border-radius:22px;width:min(400px,100vw - 24px);padding:28px;animation:.18s ease-out rise;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.center-sheet h2{margin:18px 0 6px;font-size:22px;font-weight:500}.prose-page{max-width:600px;padding:110px var(--gutter) 200px;margin:0 auto}.prose-page h1{letter-spacing:-.02em;margin:14px 0 18px;font-size:36px;font-weight:500;line-height:1.18}.prose-page .lede{color:var(--muted);font-size:16px;line-height:1.55}.prose-page section{border-top:1px solid var(--glass-line);padding:22px 0 30px}.prose-page section h2{margin:8px 0 6px;font-size:18px;font-weight:500}.prose-page section p{color:var(--muted);margin:0 0 14px;font-size:14.5px;line-height:1.55}.notfound{text-align:center;min-height:100dvh;padding:0 var(--gutter);place-items:center;display:grid}.notfound h1{margin:10px 0 8px;font-size:28px;font-weight:500}.devices-strip{padding:0 var(--gutter) 160px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:-120px;display:flex}@media (max-width:720px){:root{--gutter:16px;--col:160px;--gap:8px;--radius:12px}.masonry-col{gap:16px}.topbar{padding-top:14px}.saved-pill .txt{display:none}.intro{text-align:left;padding:92px var(--gutter) 28px}.intro h1{font-size:34px}.intro p{margin:0;font-size:15px}.dock-wrap{width:auto;bottom:16px;left:12px;right:12px;transform:none}.dock-wrap.has-panel .dock{visibility:hidden}.dock-wrap.has-panel:before{content:"";background:var(--scrim);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1;position:fixed;inset:0}.device-name{font-size:17px}.device-thumbs{margin-bottom:40px}.device-thumbs img{width:32px;height:32px}.details-top .close-desktop,.details-top,.dock-search .kbd,.dock-filter .txt,.dock-filter .caret{display:none}.dock-filter{border-radius:999px;justify-content:center;width:40px;padding:0!important}.card-actions,.card-tag:not(.always){display:none}.panel{border-radius:26px 26px 0 0;max-height:88dvh;padding:26px 20px 34px;position:fixed;bottom:0;left:0;right:0}.panel:before{content:"";background:var(--muted);opacity:.5;border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:8px;left:50%}.palette{background:var(--bg);border:0;border-radius:0;width:100vw;height:100dvh;top:0;left:0;transform:none}.palette-body{height:calc(100dvh - 114px);max-height:none}.palette-hints{display:none}.modal-root{padding:0 0 env(safe-area-inset-bottom);overscroll-behavior:contain;background:var(--bg);visibility:visible;height:100lvh;display:block;bottom:auto;overflow-y:auto}body:has(>.modal-root:not(.closing))>main{visibility:hidden}.modal-root.closing{background:0 0;overflow:hidden}.modal-root.closing .scrim{opacity:0;transition:opacity .2s}.sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg);border:0;border-radius:0;grid-template-rows:auto;grid-template-columns:1fr;width:100vw;height:auto;min-height:100dvh;animation:none;overflow:visible}.project-page .sheet{min-height:0}.slides{height:58vh;min-height:360px}.slides>img{object-fit:cover}.slides .nav,.slides .expand{display:none}.slides.is-playing{height:auto;min-height:0;padding-top:76px}.slides.is-playing .slide-video{aspect-ratio:auto;width:100vw;height:56.25vw;max-height:none}.slides.is-playing video.slide-video{height:min(calc(100vw * var(--r,.5625)), 70vh);position:static}.sound-btn{top:88px;left:auto;right:12px}.slides.is-post{height:680px}.slides.is-post .xpost{inset:76px 8px 8px}.filmstrip{display:none}.details{padding:20px 16px 120px;overflow:visible}.details h1{font-size:26px}.keyhints{display:none}.project-page .sheet{margin:0}.project-wrap{padding:0}.mobile-close{display:grid!important}.center-sheet{border-radius:26px 26px 0 0;width:100vw;padding:26px 20px 36px;top:auto;bottom:0;left:0;transform:none}.prose-page{padding-top:92px}.prose-page h1{font-size:28px}.devices-strip{margin-top:-110px}.menu{border-radius:26px 26px 0 0;width:100vw;padding:20px 12px 34px;position:fixed;top:auto;bottom:0;left:0}}.mobile-close{z-index:2;width:36px;height:36px;display:none;position:absolute;top:54px;left:16px}.dots{gap:5px;display:none;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.dots i{opacity:.45;background:#fff;border-radius:999px;width:6px;height:6px}.dots i.on{opacity:1}@media (max-width:720px){.dots{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.score{align-items:center;gap:4px;display:inline-flex}.score>span:not(.mono){background:var(--glass-line);border-radius:50%;width:8px;height:8px}.score>span.on{background:var(--ink)}.score .mono{color:var(--muted);margin-left:6px;font-size:11px}.reason{margin:0 0 8px;font-size:13px}.doable-list{gap:8px;margin-top:14px;display:grid}.chip.static{cursor:default}.starter{border:1px solid var(--glass-line);border-radius:14px;margin-top:16px;padding:12px 14px}.starter-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.starter p+p{margin-top:8px}.starter p{font-family:var(--mono);margin:0;font-size:12px;line-height:1.6}.estimate-note{color:var(--muted);margin:14px 0 0;font-size:12px}.estimate-note a{text-underline-offset:2px;text-decoration:underline}.admin{min-height:100dvh}.admin-login{place-content:center;justify-items:center;gap:24px;min-height:100dvh;padding:20px;display:grid}.admin-login .wordmark{letter-spacing:-.02em;font-size:22px;font-weight:600}.admin-shell{min-height:100dvh}.admin-top{z-index:20;padding:12px var(--gutter);background:var(--glass-panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-line);align-items:center;gap:20px;display:flex;position:sticky;top:0}.admin-top .wordmark{letter-spacing:-.02em;align-items:baseline;gap:8px;font-weight:600;display:flex}.admin-top-right{gap:6px;margin-left:auto;display:flex}.admin-nav{gap:2px;display:flex;overflow-x:auto}.admin-tab{font-family:var(--mono);color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.admin-tab:hover,.admin-tab.on{color:var(--ink);background:var(--chip)}.admin-tab .count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);border-radius:9px;place-items:center;padding:0 5px;font-size:10.5px;display:grid}.admin-main{padding:28px var(--gutter) 120px;max-width:1400px;margin:0 auto}.admin-main h1{letter-spacing:-.02em;margin:0;font-size:28px}.admin-h2{margin:36px 0 12px;font-size:17px}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-empty{text-align:center;color:var(--muted);border:1px dashed var(--glass-line);border-radius:16px;padding:40px}.admin-error{color:#ff8b7a;margin:6px 0;font-size:13px}.admin-card{background:var(--glass);border:1px solid var(--glass-line);border-radius:18px;gap:12px;margin-bottom:12px;padding:18px;display:grid}.admin-card.done{opacity:.55}.admin-callout{background:var(--chip);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.admin-search{background:var(--chip);height:32px;color:var(--ink);font:inherit;border:0;border-radius:10px;padding:0 12px;font-size:13px}.admin .small,.small{font-size:12.5px}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--chip)}.btn.icon{justify-content:center;width:36px;padding:0}.btn.small{height:30px;font-size:11.5px}.btn.on{color:#f5c542}.btn:disabled{opacity:.5;pointer-events:none}.grow{flex:1}.warn{color:#f5c542!important}.inbox{gap:6px;margin:0;padding:0;list-style:none;display:grid}.inbox-row{background:var(--glass);border:1px solid #0000;border-radius:16px;align-items:center;gap:8px;padding:8px;display:flex}.inbox-row:hover{border-color:var(--glass-line)}.inbox-main{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.inbox-main img{object-fit:cover;background:var(--tile);border-radius:10px;flex:none;width:88px;height:66px}.inbox-text{flex:1;gap:4px;min-width:0;display:grid}.inbox-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.inbox-flag{color:#f5c542;align-items:center;gap:6px;font-size:12px;display:flex}.afield{gap:6px;font-size:12px;display:grid}.afield>span{font-family:var(--mono);color:var(--muted);font-size:11px}.afield em{font-style:normal}.admin input:not([type=checkbox]),.admin select,.admin textarea,.claim-form input,.claim-form textarea{background:color-mix(in srgb, var(--bg), transparent 30%);border:1px solid var(--glass-line);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:12px;padding:10px 12px;font-size:14px}.admin input:focus,.admin select:focus,.admin textarea:focus,.claim-form input:focus,.claim-form textarea:focus{outline:2px solid color-mix(in srgb, var(--ink), transparent 70%);outline-offset:1px}.check{align-items:center;gap:8px;font-size:13px;display:flex}.aseg{background:var(--chip);border-radius:12px;flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:inline-flex}.aseg button{height:30px;font-family:var(--mono);color:var(--muted);border-radius:9px;padding:0 12px;font-size:12px}.aseg button.on{background:var(--accent);color:var(--accent-ink)}.editor{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:28px;display:grid}.editor-left{gap:12px;display:grid;position:sticky;top:80px}.editor-right{gap:18px;display:grid}.editor fieldset{border:1px solid var(--glass-line);background:var(--glass);border-radius:18px;gap:12px;margin:0;padding:16px;display:grid}.editor legend{padding:0 6px;font-size:14px;font-weight:600}.editor legend .muted{font-size:12px;font-weight:400}.editor .row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.source-strip{gap:6px;display:grid}.source-title{align-items:center;gap:6px;font-weight:500;display:inline-flex}.section-label{margin-top:6px}.picker{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.pick{position:relative}.pick-img{aspect-ratio:4/3;opacity:.45;background:var(--tile);border-radius:12px;outline:2px solid #0000;width:100%;transition:opacity .15s;display:block;overflow:hidden}.pick-img img{object-fit:cover;width:100%;height:100%}.pick.on .pick-img{opacity:1;outline-color:color-mix(in srgb, var(--ink), transparent 50%)}.pick.cover .pick-img{outline-color:var(--ink)}.pick-n{color:#fff;font-family:var(--mono);background:#000000a6;border-radius:8px;padding:2px 7px;font-size:10.5px;position:absolute;top:6px;left:6px}.pick-star{color:#fff;background:#000000a6;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:6px;right:6px}.preview-card{background:var(--tile);border-radius:18px;max-width:340px;overflow:hidden}.preview-card img{width:100%;display:block}.preview-card .card-meta{padding:10px 12px 12px}.preview-card .card-credit{opacity:1;max-height:none}.preview-summary{max-width:340px;margin:0}.rows{gap:8px;display:grid}.rows-row{grid-template-columns:1fr 1.6fr 36px;gap:8px;display:grid}.editor-bar{background:var(--glass-panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-line);box-shadow:var(--shadow);border-radius:18px;padding:12px;position:sticky;bottom:12px}.editor-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bundle-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin .bundle-title{flex:1;min-width:200px;font-size:16px;font-weight:600}.faq-edit{grid-template-columns:1fr 1.6fr 36px;align-items:start;gap:8px;display:grid}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--glass-line);padding:8px;font-size:10.5px;font-weight:500}.admin-table td{border-bottom:1px solid var(--glass-line);padding:10px 8px}.note textarea{font-family:var(--mono);font-size:12.5px;line-height:1.55}@media (max-width:900px){.editor{grid-template-columns:1fr}.editor-left{position:static}.admin-top{flex-wrap:wrap}.admin-nav{order:3;width:100%}.rows-row,.faq-edit{grid-template-columns:1fr 36px}.rows-row input:nth-child(2),.faq-edit textarea{grid-column:1}.admin-table{display:block;overflow-x:auto}}.claim{max-width:560px}.claim-form{text-align:left;gap:10px;margin-top:20px;display:grid}.claim-done{margin-top:20px}.trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.faq{max-width:720px;padding:0 var(--gutter);margin:40px auto 0}.faq .fold summary{font-weight:500}.bulk-bar{z-index:5;background:var(--glass-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-line);border-radius:14px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;display:flex;position:sticky;top:66px}.row-check{width:18px;height:18px;accent-color:var(--ink);flex:none;margin:0 4px 0 6px}.inbox-row.picked{border-color:color-mix(in srgb, var(--ink), transparent 60%)}.fit{font-family:var(--mono);background:var(--chip);color:var(--muted);border-radius:8px;flex:none;padding:3px 8px;font-size:11px}.fit-5,.fit-4{background:var(--accent);color:var(--accent-ink)}.fit-1,.fit-2{color:#ff8b7a}.site-admin{border:1px dashed var(--glass-line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;padding:8px 10px;display:flex}.site-admin .label{margin-right:auto}.admin-pill{z-index:70;height:34px;font-family:var(--mono);background:var(--glass-panel);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;display:inline-flex;position:fixed;bottom:16px;left:16px}@media (max-width:720px){.admin-pill{top:70px;bottom:auto;left:12px}}.row-actions{align-items:center;gap:4px;display:flex}.editorial{max-width:720px;padding:120px var(--gutter) 40px;margin:0 auto}.editorial h1{letter-spacing:-.03em;margin:14px 0 18px;font-size:clamp(34px,5vw,52px);line-height:1.05}.editorial .answer{margin:0 0 28px;font-size:19px;line-height:1.55}.prose{color:color-mix(in srgb, var(--ink), var(--muted) 30%);font-size:16px;line-height:1.65}.prose h2{color:var(--ink);letter-spacing:-.01em;margin:36px 0 10px;font-size:22px}.prose h3{color:var(--ink);margin:26px 0 8px;font-size:17px}.prose a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{padding-left:20px}.prose li{margin:4px 0}.badge-box{max-width:720px;padding:18px var(--gutter);text-align:center;justify-items:center;gap:10px;margin:40px auto 0;display:grid}.newsletter{max-width:520px;padding:0 var(--gutter) 150px;text-align:center;gap:10px;margin:60px auto 0;display:grid}.newsletter form{gap:6px;display:flex}.newsletter input{border:1px solid var(--glass-line);background:var(--glass);height:42px;color:var(--ink);font:inherit;border-radius:12px;flex:1;min-width:0;padding:0 14px;font-size:14px}.steps{margin:8px 0;padding-left:20px;font-size:13.5px;line-height:1.6}.steps li{margin:4px 0}.hover-preview{opacity:0;pointer-events:none;z-index:0;background:#000;transition:opacity .2s;position:absolute;inset:0;overflow:hidden;container-type:size}.hover-preview.on{opacity:1}.hover-preview iframe,.hover-preview video{border:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hover-preview iframe{width:calc(1.32*max(100cqw,177.78cqh));height:calc(1.32*max(100cqh,56.25cqw))}.hover-preview video{object-fit:cover;width:100%;height:100%}.card-media .card-tag{z-index:1}.group-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.group-actions{gap:6px;display:flex}.card-pick{height:32px;font-family:var(--mono);border-radius:999px;align-items:center;padding:0 12px;font-size:11px;font-weight:500;display:inline-flex}.card.wide .card-title{font-size:15px}.nl-wrap{z-index:41;position:fixed;bottom:37px;right:28px}.nl-button.on-photo{background:var(--nl-glass);width:40px;height:40px;color:var(--ink);border:1px solid var(--nl-edge);-webkit-backdrop-filter:blur(18px)saturate(170%);box-shadow:inset 0 1px 0 var(--nl-edge);padding:0}.nl-button.on-photo:hover{background:var(--nl-glass-hover)}:root,:root[data-theme=night]{--nl-glass:#ffffff29;--nl-glass-hover:#ffffff42;--nl-edge:#ffffff38}:root[data-theme=frost]{--nl-glass:#ffffff73;--nl-glass-hover:#ffffffa6;--nl-edge:#ffffffe6}.masonry-item.stretched .card-media img{height:var(--media-h);object-fit:cover}.nl-panel{width:380px;position:absolute;bottom:calc(100% + 19px);left:auto;right:0}.newsletter.compact{text-align:left;max-width:none;margin:0;padding:0}.nl-title{margin:0;font-size:18px;font-weight:500}.nl-lede{margin:0 0 6px;font-size:13.5px}.newsletter form{align-items:stretch}.newsletter .btn{height:42px}.newsletter-slot{display:none}@media (max-width:720px){.nl-wrap{display:none}.newsletter-slot{display:block}}.snippet{border:1px solid var(--glass-line);border-radius:14px;margin:12px 0;overflow:hidden}.snippet-head{background:var(--chip);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.snippet pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-all;margin:0;padding:12px;font-size:12.5px}.prose-page code{font-family:var(--mono);background:var(--chip);word-break:break-all;border-radius:6px;padding:1px 6px;font-size:.86em}.narrow-pick .card.wide .card-title{font-size:13px}
