@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Doto;src:url(/fonts/Doto-Variable-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/InstrumentSerif-Regular-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/InstrumentSerif-Italic-latin.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root,[data-theme=light]{color-scheme:light;--surface:#f4f4f4;--surface-raised:#fff;--surface-sunk:#ebebeb;--surface-inverse:#08090a;--ink:#08090a;--ink-muted:#575961;--ink-subtle:#74767e;--ink-inverse:#f4f4f4;--line:#ddd;--line-strong:#74767e;--brand:#08090a;--brand-hover:#1d1e22;--brand-subtle:#ebebeb;--brand-text:#08090a;--on-brand:#fff;--accent:#e2704a;--accent-ink:#08090a;--accent-text:#a14829;--live:#c8291e;--on-live:#fff;--live-subtle:#ffeceb;--live-text:#c8291e;--success:#2c724f;--success-subtle:#edf7f2;--success-text:#2c724f;--info:#3d3e44;--info-subtle:#ebebeb;--info-text:#3d3e44;--focus:#08090a;--focus-inverse:#e8855f;--tint-stone:#ebe8e2;--tint-stone-ink:#2b2925;--tint-cloud:#e6eaee;--tint-cloud-ink:#23282d;--tint-ash:#e4e4e4;--tint-ash-ink:#1f1f1f;--tint-ember:#f8e1d6;--tint-ember-ink:#7b371f;--tint-signal:#ffd9d6;--tint-signal-ink:#a21f16;--gray-0:#fff;--gray-25:#fafafa;--gray-50:#f4f4f4;--gray-100:#ebebeb;--gray-200:#ddd;--gray-300:#c2c2c2;--gray-400:#9b9b9b;--gray-500:#74767e;--gray-600:#575961;--gray-700:#3d3e44;--gray-800:#1d1e22;--gray-900:#111214;--gray-950:#08090a;--ember-50:#fcf3ee;--ember-100:#f8e1d6;--ember-200:#f1c4af;--ember-300:#eba184;--ember-400:#e8855f;--ember-500:#e2704a;--ember-600:#c85a37;--ember-700:#a14829;--ember-800:#7b371f;--ember-900:#542617;--ember-950:#2f150d;--signal-50:#ffeceb;--signal-100:#ffd9d6;--signal-200:#feb4ae;--signal-300:#fc867e;--signal-400:#f6574c;--signal-500:#ea362a;--signal-600:#c8291e;--signal-700:#a21f16;--signal-800:#791811;--signal-900:#50100c;--signal-950:#2c0a07;--basil-50:#edf7f2;--basil-100:#dcefe6;--basil-200:#badecc;--basil-300:#8bc6a8;--basil-400:#54ab80;--basil-500:#3f8d66;--basil-600:#2c724f;--basil-700:#205b3d;--basil-800:#16412b;--basil-900:#102d1f;--basil-950:#0b1e14;--steel-50:#f5f6f7;--steel-100:#e8eaec;--steel-200:#d3d6da;--steel-300:#b6bac0;--steel-400:#979ca4;--steel-500:#787d86;--steel-600:#5d616a;--steel-700:#454850;--steel-800:#2e3035;--steel-900:#1c1d21;--steel-950:#101113;--leather-200:#e3c9a8;--leather-300:#cfa579;--leather-400:#b98450;--leather-500:#9c6636;--leather-600:#7e4f29;--leather-700:#603b20;--leather-800:#432917;--leather-900:#2b1a0f;--surface-warm:#f1ede6;--metal-hi:#f5f6f7;--metal-mid:#b6bac0;--metal-lo:#787d86;--stitch:#9c6636;--leather:#7e4f29;--leather-ink:#fff;--stream-radiance:#c9633f;--stream-standards:#3f78c4;--stream-vfx:#8059c4;--stream-realtime:#2f9a80;--stream-motion:#c4508f;--stream-ai:#a8792a;--stream-research:#5a9444;--stream-design:#9a7048;--stream-art:#bb4a3c;--stream-startups:#7c8530;--stream-games:#5a63c8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--radius-round:50%;--shadow-1:0 1px 2px #00000014, 0 2px 8px #0000000f;--shadow-2:0 4px 12px #0000001a, 0 12px 32px #00000014;--shadow-3:0 12px 24px #00000024, 0 32px 64px #0000001f;--shadow-product:0 1px 1px #14100c0f, 0 14px 18px -10px #14100c38, 0 38px 54px -26px #14100c4d;--shadow-edge:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #14100c14;--dur-instant:80ms;--dur-quick:.16s;--dur-base:.26s;--dur-slow:.48s;--dur-ring:.9s;--ease-whistle:cubic-bezier(.2, .9, .2, 1);--ease-settle:cubic-bezier(.3, 0, 0, 1);--ease-roll:cubic-bezier(.6, 0, .2, 1);--font-display:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-text:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-data:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-dot:"Doto", "Geist Mono", ui-monospace, monospace;--font-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--type-display-xl-size:72px;--type-display-xl-line:72px;--type-display-xl-weight:600;--type-display-xl-tracking:-.04em;--type-display-l-size:56px;--type-display-l-line:58px;--type-display-l-weight:600;--type-display-l-tracking:-.04em;--type-display-m-size:40px;--type-display-m-line:44px;--type-display-m-weight:600;--type-display-m-tracking:-.04em;--type-title-l-size:28px;--type-title-l-line:34px;--type-title-l-weight:600;--type-title-l-tracking:-.025em;--type-title-m-size:22px;--type-title-m-line:28px;--type-title-m-weight:600;--type-title-m-tracking:-.025em;--type-title-s-size:18px;--type-title-s-line:24px;--type-title-s-weight:600;--type-title-s-tracking:-.01em;--type-body-l-size:17px;--type-body-l-line:26px;--type-body-l-weight:400;--type-body-size:15px;--type-body-line:22px;--type-body-weight:400;--type-body-s-size:13px;--type-body-s-line:18px;--type-body-s-weight:400;--type-label-size:12px;--type-label-line:16px;--type-label-weight:600;--type-label-tracking:.08em;--type-data-l-size:48px;--type-data-l-line:48px;--type-data-l-weight:600;--type-data-l-tracking:-.02em;--type-data-m-size:28px;--type-data-m-line:32px;--type-data-m-weight:600;--type-data-s-size:14px;--type-data-s-line:20px;--type-data-s-weight:500;--type-dot-xl-size:96px;--type-dot-xl-line:96px;--type-dot-xl-weight:800;--type-dot-l-size:64px;--type-dot-l-line:64px;--type-dot-l-weight:800;--type-dot-m-size:40px;--type-dot-m-line:40px;--type-dot-m-weight:800;--type-serif-l-size:64px;--type-serif-l-line:64px;--type-serif-l-weight:400;--type-serif-l-tracking:-.02em;--type-serif-m-size:40px;--type-serif-m-line:44px;--type-serif-m-weight:400;--type-serif-m-tracking:-.015em;--type-serif-s-size:24px;--type-serif-s-line:30px;--type-serif-s-weight:400;--type-serif-s-tracking:-.005em}.dark,[data-theme=dark]{color-scheme:dark;--surface:#08090a;--surface-raised:#111214;--surface-sunk:#040405;--surface-inverse:#17181b;--ink:#f4f4f4;--ink-muted:#a3a4ab;--ink-subtle:#7d7f87;--line:#1d1e22;--brand:#f4f4f4;--brand-hover:#ddd;--brand-subtle:#1d1e22;--brand-text:#f4f4f4;--on-brand:#08090a;--accent-text:#eba184;--live-subtle:#2a0f0d;--live-text:#fc867e;--success:#3f8d66;--success-subtle:#0f1f17;--success-text:#8bc6a8;--info:#c2c2c2;--info-subtle:#1d1e22;--info-text:#c2c2c2;--focus:#e8855f;--tint-stone:#1f1d1a;--tint-stone-ink:#e7e3dc;--tint-cloud:#181c20;--tint-cloud-ink:#dfe4e9;--tint-ash:#202020;--tint-ash-ink:#e4e4e4;--tint-ember:#2c140b;--tint-ember-ink:#f1c4af;--tint-signal:#2e0f0d;--tint-signal-ink:#feb4ae;--surface-warm:#171513;--metal-hi:#b6bac0;--metal-mid:#5d616a;--metal-lo:#2e3035;--stitch:#b98450;--leather:#9c6636;--shadow-1:inset 0 1px 0 #ffffff0f;--shadow-2:inset 0 1px 0 #ffffff14, 0 8px 24px #00000073;--shadow-3:inset 0 1px 0 #ffffff1a, 0 24px 56px #0000008c;--shadow-product:inset 0 1px 0 #ffffff14, 0 18px 22px -12px #000000a6, 0 44px 60px -28px #000000bf;--shadow-edge:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #0009}[data-palette=signal]{--accent:#f6574c;--accent-text:#a21f16;--focus:#08090a;--focus-inverse:#f6574c}[data-palette=signal].dark,[data-palette=signal][data-theme=dark]{--accent:#f6574c;--accent-text:#fc867e;--focus:#f6574c;--focus-inverse:#f6574c}[data-palette=graphite]{--accent:#c2c2c2;--accent-text:#3d3e44;--focus:#08090a;--focus-inverse:#c2c2c2}[data-palette=graphite].dark,[data-palette=graphite][data-theme=dark]{--accent:#ddd;--accent-text:#ddd;--focus:#ddd;--focus-inverse:#c2c2c2}*,:before,:after{box-sizing:border-box}@view-transition{navigation:auto}html{color-scheme:light dark;-webkit-text-size-adjust:100%;scroll-padding-top:88px}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background:var(--surface);color:var(--ink);font-family:var(--font-text);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased;--gap:12px;flex-direction:column;min-height:100dvh;margin:0;display:flex}a{color:inherit;text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}[hidden]{display:none!important}.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(12px,3vw,24px)}.read{max-width:720px}main{padding-block:var(--space-3) var(--space-8);flex:1}main section{margin-top:var(--space-8)}main section:first-child{margin-top:var(--space-4)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}h1.hero{letter-spacing:-.045em;font-size:clamp(38px,6.4vw,76px);font-weight:600;line-height:.98}h1.page{letter-spacing:-.04em;font-size:clamp(30px,4.6vw,52px);font-weight:600;line-height:1.02}h2{font-size:var(--type-title-m-size);line-height:var(--type-title-m-line);letter-spacing:var(--type-title-m-tracking);font-weight:600}h3{font-size:var(--type-title-s-size);line-height:var(--type-title-s-line);letter-spacing:var(--type-title-s-tracking);font-weight:600}.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.label{font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:uppercase;opacity:.62}.data{font-family:var(--font-data);font-variant-numeric:tabular-nums;opacity:.7;font-size:12.5px}.dotnum{font-family:var(--font-dot);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,84px);line-height:1}.muted{color:var(--ink-muted)}.lede{color:var(--ink-muted);max-width:52ch;margin:var(--space-3) 0 0;text-wrap:pretty;font-size:18px;line-height:27px}.topbar{z-index:20;pointer-events:none;position:sticky;top:0}.bar{pointer-events:auto;align-items:center;gap:var(--space-2);border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, transparent);backdrop-filter:blur(18px)saturate(1.4);border-radius:0;max-width:1180px;margin-inline:auto;padding:10px clamp(12px,3vw,24px);display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:650;text-decoration:none;display:inline-flex}.wordmark .dot-logo{width:26px;height:26px}.streams{scrollbar-width:none;margin-bottom:var(--space-1);gap:2px;padding-bottom:10px;display:flex;overflow-x:auto}.page{min-width:0}.page>.wrap{max-width:none;padding-inline:0}.page>.wrap.read{max-width:720px}nav.explore{margin-bottom:var(--space-4);flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding-bottom:4px;display:flex}nav.explore .explore-kicker{font:600 11px/1.8 var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}nav.explore a{color:var(--ink-muted);white-space:nowrap;font-size:13px;text-decoration:none}nav.explore a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}nav.explore a[aria-current=page]{color:var(--ink);font-weight:650}.streams::-webkit-scrollbar{display:none}.streams a{border-radius:var(--radius-pill);color:var(--ink-muted);white-space:nowrap;transition:background var(--dur-quick) var(--ease-whistle), color var(--dur-quick) var(--ease-whistle);background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:7px;padding:6px 12px;font-size:14px;text-decoration:none;display:inline-flex}.streams a:hover{border-color:var(--line)}.streams a[aria-current=page]{border-color:#0000}.streams a[data-domain]:before{content:"";background:var(--sc,var(--line-strong));border-radius:2px;flex:none;width:8px;height:8px}.streams a:hover{background:var(--surface-sunk);color:var(--ink)}.streams a[aria-current=page]{color:var(--ink);background:0 0;font-weight:650}.streams a[data-domain][aria-current=page]{background:color-mix(in srgb, var(--sc,var(--brand)) 22%, transparent);color:var(--ink)}.sidenav{scrollbar-width:thin;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-raised) 60%, transparent);flex-direction:column;gap:2px;max-height:calc(100vh - 96px);padding:12px 10px;display:flex;position:sticky;top:78px;overflow-y:auto}.sidenav .label{margin:0 10px 4px}.sidenav nav{flex-direction:column;gap:2px;display:flex}.sidenav a{border-radius:var(--radius-md);color:var(--ink-muted);white-space:nowrap;transition:background var(--dur-quick) var(--ease-whistle), color var(--dur-quick) var(--ease-whistle);align-items:center;gap:8px;padding:7px 10px;font-size:14px;text-decoration:none;display:inline-flex}.sidenav a:hover{background:var(--surface-sunk);color:var(--ink)}.sidenav a[aria-current=page]{background:var(--brand);color:var(--on-brand)}.tools{align-items:center;gap:6px;margin-left:auto;display:flex}.theme{border-radius:var(--radius-pill);background:var(--surface-sunk);border:1px solid var(--line);padding:3px;display:inline-flex}.theme button{appearance:none;border-radius:var(--radius-pill);width:30px;height:28px;color:var(--ink-subtle);cursor:pointer;transition:background var(--dur-quick) var(--ease-whistle), color var(--dur-quick) var(--ease-whistle);background:0 0;border:0;place-items:center;display:grid}.theme button:hover{color:var(--ink)}.theme button[aria-checked=true]{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-1)}.theme svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.signin{border-radius:var(--radius-pill);background:var(--brand);min-height:36px;color:var(--on-brand);align-items:center;gap:8px;padding:0 14px 0 6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.signin .av{border-radius:var(--radius-round);background:var(--surface-raised);width:26px;height:26px;color:var(--ink);text-transform:uppercase;place-items:center;font-size:12px;font-weight:700;display:grid}.signin:hover{background:var(--brand-hover)}@media (width<=960px){.shell{display:block}.sidenav{scrollbar-width:none;background:0 0;border:0;flex-direction:row;align-items:center;max-height:none;padding:0 0 10px;position:static;overflow-x:auto}.sidenav::-webkit-scrollbar{display:none}.sidenav .label{display:none}.sidenav nav{flex-direction:row;flex:none}.sidenav a{border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-raised) 60%, transparent)}.sidenav a[aria-current=page]{border-color:#0000}}@media (width<=860px){.bar{padding:8px 8px 8px 14px}}.bento{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));grid-auto-flow:dense;grid-auto-rows:minmax(96px,auto);display:grid}.w2{grid-column:span 2}.w3{grid-column:span 3}.w4{grid-column:span 4}.h2{grid-row:span 2}.h3{grid-row:span 3}@media (width<=640px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.w3,.w4{grid-column:span 2}.h2,.h3{grid-row:auto}.tile.big .pic,.tile.h2 .pic{flex:0 0 190px}}@media (width<=400px){.bento{grid-template-columns:minmax(0,1fr)}.w2,.w3,.w4{grid-column:auto}}.tile{--t:var(--tint-ash);--ti:var(--tint-ash-ink);isolation:isolate;background:var(--t);color:var(--ti);border-radius:var(--radius-xl);transition:transform var(--dur-base) var(--ease-settle), box-shadow var(--dur-base) var(--ease-settle);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile.tint-stone{--t:var(--tint-stone);--ti:var(--tint-stone-ink)}.tile.tint-cloud{--t:var(--tint-cloud);--ti:var(--tint-cloud-ink)}.tile.tint-ash{--t:var(--tint-ash);--ti:var(--tint-ash-ink)}.tile.tint-ember{--t:var(--tint-ember);--ti:var(--tint-ember-ink)}.tile.tint-signal{--t:var(--tint-signal);--ti:var(--tint-signal-ink)}.tile.plain{--t:var(--surface-raised);--ti:var(--ink);box-shadow:var(--shadow-1)}.tile.dark{--t:var(--surface-inverse);--ti:var(--ink-inverse)}.tile.r-leaf{border-radius:var(--radius-xl) var(--radius-xs) var(--radius-xl) var(--radius-xs)}.tile.r-leaf2{border-radius:var(--radius-xs) var(--radius-xl) var(--radius-xs) var(--radius-xl)}.tile.r-arch{border-radius:120px 120px var(--radius-lg) var(--radius-lg)}.tile.r-pill{border-radius:var(--radius-pill)}.tile.r-tab{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-xs)}.tile.r-sq{border-radius:var(--radius-md)}a.tile,.tile.lift:hover{text-decoration:none}.tile:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.tile:active{transform:scale(.985)}.tile .art{width:100%;height:100%;color:var(--ti);transition:transform .6s var(--ease-settle);display:block}.tile .art .seed{fill:var(--accent)}.tile:hover .art{transform:scale(1.06)rotate(.6deg)}.tile .pic{flex:auto;min-height:92px;overflow:hidden}.tile .body{padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;gap:6px;display:flex}.tile h3{font-size:17px;line-height:21px}.tile.w2 h3,.tile.big h3{letter-spacing:-.025em;font-size:22px;line-height:26px}.tile.big h3{font-size:28px;line-height:31px}.tile h3 a{text-decoration:none}.tile h3 a:after{content:"";z-index:1;position:absolute;inset:0}.tile .ex{opacity:.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.tile.big .ex{-webkit-line-clamp:5;font-size:15.5px;line-height:22px}.tile .meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-s{letter-spacing:.02em;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ti) 12%, transparent);align-items:center;gap:6px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip-s .dot{border-radius:var(--radius-round);background:color-mix(in srgb, var(--ti) 40%, transparent);width:6px;height:6px}.chip-s .dot.fresh{background:var(--accent)}.tile .when{font-family:var(--font-data);opacity:.6;margin-left:auto;font-size:12px}.save{z-index:2;border-radius:var(--radius-round);cursor:pointer;background:color-mix(in srgb, var(--surface-raised) 82%, transparent);width:34px;height:34px;color:var(--ink);backdrop-filter:blur(8px);transition:transform var(--dur-quick) var(--ease-whistle);border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.save:hover{transform:scale(1.08)}.save:active{transform:scale(.92)}.save svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:17px;height:17px}.save[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.save[aria-pressed=true] svg{fill:currentColor}.mod{padding:var(--space-5);justify-content:space-between;gap:var(--space-4);text-decoration:none}.mod .label{opacity:.7}.mod .dotnum{opacity:1;max-width:none;margin:8px 0 0;font-size:clamp(52px,6vw,76px);line-height:1}.mod h3{letter-spacing:-.03em;margin-top:4px;font-size:22px;line-height:25px}.mod p{opacity:.8;max-width:30ch;margin:6px 0 0;font-size:14px;line-height:20px}.mod .go{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.mod .go span{transition:transform var(--dur-quick) var(--ease-whistle)}.mod:hover .go span{transform:translate(4px)}.mod .corner{opacity:.9;z-index:-1;width:120px;height:120px;position:absolute;bottom:-14px;right:-14px}.mod .corner .seed{fill:var(--accent)}.hero-tile{justify-content:space-between;min-height:340px;padding:clamp(20px,3.2vw,36px)}@media (width>=900px){.hero-tile .copy{padding-right:calc(clamp(90px,15vw,210px) + 24px)}}@media (width<=899px){.hero-tile .copy:before{content:"";float:right;width:calc(clamp(90px,15vw,210px) - 8px);height:clamp(90px,15vw,210px)}}.hero-tile .copy{max-width:min(100%,640px)}.hero-tile .lede{color:inherit;opacity:.8}.hero-tile .mascot{z-index:-1;width:clamp(90px,15vw,210px);position:absolute;top:clamp(12px,3vw,28px);right:clamp(12px,3vw,36px)}.chips{margin-top:var(--space-5);z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.chip{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ti,var(--ink)) 9%, transparent);min-height:34px;color:inherit;transition:background var(--dur-quick) var(--ease-whistle), transform var(--dur-quick) var(--ease-whistle);cursor:pointer;border:0;align-items:center;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{background:color-mix(in srgb, var(--ti,var(--ink)) 18%, transparent);transform:translateY(-1px)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--brand);color:var(--on-brand)}.dot-mascot .ring{fill:none;stroke:var(--ti,var(--ink));stroke-width:9px;stroke-linecap:round}.dot-mascot .eye{fill:var(--ti,var(--ink));transform-box:fill-box;transform-origin:50%;animation:5.2s infinite blink}.dot-mascot .seed{fill:var(--accent);animation:bob 2.4s var(--ease-settle) infinite;transform-box:fill-box;transform-origin:50%}.dot-mascot .cheek{fill:var(--accent);opacity:.25}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.field{flex-wrap:wrap;gap:8px;display:flex}.cf-turnstile{margin-top:10px}.cf-turnstile iframe{display:block}.icon-btns{flex-wrap:wrap;gap:8px;display:flex}.icon-tile .icon-name{font:600 11px/1.4 var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);text-align:center;margin-top:10px;display:block}.icon-tile.picked .icon-name{color:var(--ink)}.icon-grid{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));display:grid}.icon-tile{appearance:none;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);cursor:pointer;transition:transform var(--dur-quick) var(--ease-whistle), box-shadow var(--dur-quick) var(--ease-whistle);padding:14px}.icon-tile:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.icon-tile:active{transform:scale(.97)}.icon-tile.picked{outline:3px solid var(--accent);outline-offset:2px}.icon-tile svg{border-radius:22%;width:100%;height:auto;display:block}.icon-pick{gap:var(--space-5);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}@media (width<=700px){.icon-pick{grid-template-columns:minmax(0,1fr)}}.icon-preview{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);padding:24px}.icon-preview svg{width:100%;height:auto;display:block}.icon-src{white-space:pre-wrap;word-break:break-all;background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--radius-md);max-height:220px;margin:0;padding:12px;font-size:12px;overflow:auto}.input{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-raised);min-width:0;min-height:44px;color:var(--ink);font:inherit;flex:180px;padding:0 16px}.input::placeholder{color:var(--ink-subtle)}textarea.input{border-radius:var(--radius-md);resize:vertical;min-height:132px;padding:12px 16px;line-height:1.5}form[data-feedback] .input{border-radius:12px}form[data-feedback] input.input{padding:12px 16px}.btn{border-radius:var(--radius-pill);background:var(--brand);min-height:44px;color:var(--on-brand);cursor:pointer;transition:transform var(--dur-quick) var(--ease-whistle), background var(--dur-quick) var(--ease-whistle);border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-hover)}.btn:active{transform:scale(.96)}.btn.accent{background:var(--accent);color:var(--accent-ink)}.btn.ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn[disabled]{opacity:.5;cursor:progress}.form-msg{min-height:20px;margin:8px 0 0;font-size:14px}.form-msg.ok{color:var(--success-text)}.form-msg.err{color:var(--live-text)}.fine{opacity:.7;margin:8px 0 0;font-size:12.5px}.rows{margin:0;padding:0;list-style:none}.rows li{padding:var(--space-3) 0;border-top:1px solid var(--line);gap:4px var(--space-5);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.rows li:last-child{border-bottom:1px solid var(--line)}.rows .sub{color:var(--ink-muted);grid-column:1/-1;max-width:70ch;margin:0}.rows.pairs li{grid-template-columns:minmax(120px,200px) minmax(0,1fr)}.sec-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.sec-head a{color:var(--ink-muted);font-size:14px}table.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--ink-subtle);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--line-strong);font-size:12px;font-weight:600}.tbl td{padding:var(--space-3) var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--line);vertical-align:top}.table-scroll{overflow-x:auto}details.acc{border-top:1px solid var(--line);padding:var(--space-3) 0}details.acc:last-of-type{border-bottom:1px solid var(--line)}details.acc summary{cursor:pointer;font-weight:600}details.acc summary .data{margin-left:var(--space-2)}.prose p,.prose li{text-wrap:pretty;max-width:65ch}.prose h2{margin-top:var(--space-6);margin-bottom:var(--space-2)}.notice{background:var(--surface-sunk);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--ink-muted)}.filter{width:100%;max-width:420px;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font:inherit}.banner{justify-content:flex-end;min-height:190px;padding:clamp(20px,3vw,32px)}.banner .art-bg{z-index:-1;opacity:.32;position:absolute;inset:0}.bento.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.bento.cards>*{grid-area:auto}.banner .art-bg .art{height:100%}.banner h1{max-width:16ch}.banner .lede{color:inherit;opacity:.8}.demo canvas{border-radius:var(--radius-md);background:var(--surface-raised);touch-action:none;width:100%;height:auto;display:block}.demo .controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;font-size:13px;display:flex}.demo input[type=range]{accent-color:var(--accent)}.site-footer{margin-top:var(--space-8);padding:var(--space-6) 0 var(--space-7);color:var(--ink-muted);font-size:14px}.site-footer .wrap{gap:var(--space-4) var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.foot-why{flex-basis:100%;margin:0}.foot-feats{gap:var(--space-1) var(--space-5);flex-basis:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin:0;padding:0;list-style:none;display:grid}.foot-feats a{border-top:1px solid var(--line);padding:10px 0;text-decoration:none;display:block}.foot-feats a:hover strong{text-underline-offset:3px;text-decoration:underline}.foot-feats strong{color:var(--ink);font-size:14px;font-weight:650;display:block}.foot-feats span{font-size:13px}.foot-base{gap:var(--space-4) var(--space-6);border-top:1px solid var(--line);padding-top:var(--space-4);flex-wrap:wrap;flex-basis:100%;justify-content:space-between;align-items:center;display:flex}.site-footer nav{gap:0 var(--space-4);flex-wrap:wrap;display:flex}.foot-brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.foot-brand .dot-logo{flex:none}.site-footer nav a,.foot-brand a{align-items:center;min-height:44px;display:inline-flex}.foot-brand a{min-height:0;display:inline}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.tile .pic{position:relative}.tile .pic .art-wrap{position:absolute;inset:0}.tile .pic.has-img{min-height:130px}.tile .pic .thumb{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-settle);display:block;position:absolute;inset:0}.tile:hover .pic .thumb{transform:scale(1.05)}.tile .pic:not(.has-img){min-height:110px}.tile.w2 .pic,.tile.h2 .pic{min-height:150px}.buy{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;display:inline-flex}.buy-item{align-items:center;gap:6px;display:inline-flex}.buy-link{min-height:28px;padding:0 11px;font-size:12.5px}.paid-tag{font:600 10.5px/1 var(--font-data);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:3px 7px}.aff-note{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunk);color:var(--ink-muted);font-size:13.5px;line-height:20px}.aff-note p{max-width:80ch;margin:0}.deal-off{font:400 34px/1 var(--font-display,"Instrument Serif", Georgia, serif);color:var(--accent);margin:8px 0 2px}.deal-copy{min-height:28px;margin-left:6px;padding:0 10px;font-size:12px}.deal-left{margin:10px 0 0;font-size:13px;font-weight:600}.deal-left.soon{color:var(--accent)}.deal-code{font:600 14px/1 var(--font-data);background:var(--surface-raised);border:1px dashed var(--line-strong);border-radius:var(--radius-xs);user-select:all;padding:4px 8px}:root{--spring:var(--ease-settle);--note-paper:light-dark(#f7f3ea,#2b2519);--note-fog:light-dark(#ebe6d8,#272219);--note-stone:light-dark(#dcd3c0,#2f2a20);--note-sand:light-dark(#d6c7ab,#34291a);--note-clay:light-dark(#c8af87,#3b2d1b);--note-ember:light-dark(#f5dbce,#3c2113)}@supports (transition-timing-function:linear(0, 1)){:root{--spring:linear(0, .25 4%, .62 9%, .92 15%, 1.06 23%, 1.07 29%, 1.03 38%, .995 50%, 1.002 65%, 1)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar{backdrop-filter:blur(22px)saturate(1.8)}@media (prefers-reduced-transparency:reduce){.bar{background:var(--surface-raised);backdrop-filter:none}}@media (prefers-contrast:more){.bar,.tile,.feature,.note{border:1.5px solid var(--ink)}}.live{border-radius:var(--radius-pill);background:var(--surface-sunk);border:1px solid var(--line);min-height:30px;color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:7px;padding:0 12px;font-size:13px;display:inline-flex}.live b{color:var(--ink);font-weight:650}.pulse{border-radius:var(--radius-round);background:var(--success);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent);animation:2.4s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent)}70%,to{box-shadow:0 0 0 8px #0000}}.live-inline{color:var(--ink-muted);vertical-align:middle;text-transform:none;letter-spacing:0;margin-left:8px;font-weight:400;display:none}@media (width<=560px){.tools .live{display:none}.live-inline:not([hidden]){display:inline-flex}}.masthead{align-items:center;gap:var(--space-4);padding-block:var(--space-6) var(--space-4);display:flex}.masthead .mascot-s{width:clamp(54px,9vw,88px);color:var(--ink);--ti:var(--ink);flex:none}.masthead .label{margin:0 0 4px}h1.front-title{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;font-size:clamp(32px,5vw,60px);font-weight:650;line-height:1}.masthead .lede{margin-top:8px;font-size:17px;line-height:25px}.front{gap:var(--space-6);margin-top:var(--space-5);align-items:start;display:grid}@media (width>=900px){.front{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}}.feature{--t:var(--tint-ash);--ti:var(--tint-ash-ink);background:var(--t);color:var(--ti);border-radius:var(--radius-xl);isolation:isolate;transition:transform var(--dur-base) var(--spring), box-shadow var(--dur-base) var(--ease-settle);flex-direction:column;display:flex;position:relative;overflow:hidden}.feature.tint-stone{--t:var(--tint-stone);--ti:var(--tint-stone-ink)}.feature.tint-cloud{--t:var(--tint-cloud);--ti:var(--tint-cloud-ink)}.feature.tint-ember{--t:var(--tint-ember);--ti:var(--tint-ember-ink)}.feature.tint-signal{--t:var(--tint-signal);--ti:var(--tint-signal-ink)}.feature:active{transition-duration:var(--dur-instant);transform:scale(.985)}.feature-pic{aspect-ratio:16/9;margin:var(--space-4) var(--space-4) 0;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--ti) 8%, var(--t));position:relative;overflow:hidden}.feature-pic .art-wrap{position:absolute;inset:0}.feature-pic .art{width:100%;height:100%;color:var(--ti);display:block}.feature-pic .art .seed{fill:var(--accent)}.feature-pic .thumb{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.feature-body{padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;gap:8px;display:flex}.kicker{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;display:flex}.stream{letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ti,var(--ink)) 13%, transparent);align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.feature-title{letter-spacing:-.03em;font-size:22px;font-weight:650;line-height:26px}.feature.lead .feature-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,4.2vw,50px);line-height:1}.feature-title a{text-decoration:none}.feature-title a:after{content:"";z-index:1;position:absolute;inset:0}.feature-ex{opacity:.82;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:62ch;margin:0;font-size:15px;line-height:22px;display:-webkit-box;overflow:hidden}.feature.lead .feature-ex{-webkit-line-clamp:4;font-size:17px;line-height:25px}.src-link{z-index:2;opacity:.78;align-self:flex-start;padding:10px 0 2px;font-size:13px;font-weight:600;text-decoration:none;position:relative}.src-link:hover{opacity:1;text-decoration:underline}.tile .foot{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.tile .foot .src-link{align-self:auto;padding:8px 2px}.latest{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5) var(--space-3)}.latest .sec-head{margin-bottom:var(--space-2)}.rows-news{margin:0;padding:0;list-style:none}.nrow{padding:var(--space-4) 0;border-top:1px solid var(--line)}.nrow:first-child{border-top:0}.nrow.fresh{border-left:3px solid var(--accent);padding-left:12px}.nrow h3{letter-spacing:-.02em;margin:5px 0;font-size:18.5px;font-weight:600;line-height:24px}.nrow h3 a{text-decoration:none}.nrow h3 a:hover{text-decoration:underline 1.5px}.nrow h3 a:active{opacity:.6}.nrow .data{margin:0}.nrow .stream{color:var(--ink-muted);background:0 0;padding:0}.trio{gap:var(--space-5);margin-top:var(--space-6);display:grid}@media (width>=700px){.trio{grid-template-columns:repeat(3,minmax(0,1fr))}}.rail .sec-head h2{letter-spacing:-.03em;align-items:center;gap:10px;font-size:30px;display:flex}.rail .swatch{border-radius:var(--radius-round);background:var(--c);width:14px;height:14px}.stream-games{--c:var(--stream-realtime)}.stream-animation{--c:var(--stream-motion)}.stream-vfx{--c:var(--stream-vfx)}.stream-ai{--c:var(--stream-ai)}@media (width>=900px){.rail .bento{grid-template-columns:repeat(4,minmax(0,1fr))}}.community-band{gap:var(--space-3);display:grid}@media (width>=760px){.community-band{grid-template-columns:1fr 1.4fr}}.community-band .tile{min-height:190px}.story{max-width:760px;padding-top:var(--space-4);margin-inline:auto}.crumbs{color:var(--ink-muted);margin-bottom:var(--space-3);align-items:center;gap:8px;font-size:13.5px;display:flex}.crumbs a{padding:8px 0;text-decoration:none}.crumbs a:hover{text-decoration:underline}.byline{margin:0 0 var(--space-3);color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;display:flex}.story .chip-s{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}h1.story-title{letter-spacing:-.042em;font-size:clamp(30px,5vw,50px);font-weight:650;line-height:1.03}.story-pic{margin:var(--space-5) 0;aspect-ratio:16/9;border-radius:var(--radius-xl);background:var(--t,var(--tint-ash));color:var(--ti,var(--tint-ash-ink));position:relative;overflow:hidden}.story.tint-stone{--t:var(--tint-stone);--ti:var(--tint-stone-ink)}.story.tint-cloud{--t:var(--tint-cloud);--ti:var(--tint-cloud-ink)}.story.tint-ember{--t:var(--tint-ember);--ti:var(--tint-ember-ink)}.story.tint-signal{--t:var(--tint-signal);--ti:var(--tint-signal-ink)}.story.tint-ash{--t:var(--tint-ash);--ti:var(--tint-ash-ink)}.story-pic .art-wrap{position:absolute;inset:0}.story-pic .art{width:100%;height:100%;color:var(--ti);display:block}.story-pic .art .seed{fill:var(--accent)}.story-pic .thumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.inshort{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.inshort .label{margin:0 0 6px}.inshort-text{letter-spacing:-.005em;text-wrap:pretty;margin:0;font-size:19px;line-height:29px}.actions{gap:var(--space-3);margin:var(--space-5) 0 var(--space-7);flex-wrap:wrap;display:flex}.comments .sec-head{margin-bottom:var(--space-3)}.composer textarea,.reply-form textarea{border-radius:var(--radius-md);width:100%;padding:12px 14px}.input.area{resize:vertical;min-height:90px;line-height:1.45}.composer .btn-row,.reply-form .btn-row{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.who{margin-top:var(--space-2);color:var(--ink-muted);font-size:13.5px;display:block}.linkish{appearance:none;font:inherit;color:var(--ink-muted);cursor:pointer;text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--line-strong);background:0 0;border:0;padding:8px 2px;font-size:13.5px}.linkish:hover{color:var(--ink)}.linkish.danger{color:var(--live-text)}.linkish[disabled]{cursor:default;text-decoration:none}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.inline-form .input{flex:0 220px;min-height:36px}.inline-form .btn{min-height:36px;padding:0 14px}.thread{margin-top:var(--space-5);gap:var(--space-4);display:grid}.comment{border-top:1px solid var(--line);padding-top:var(--space-3)}.c-head{align-items:baseline;gap:10px;display:flex}.c-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:16px;line-height:24px}.c-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.replies{padding-left:var(--space-4);border-left:2px solid var(--line);gap:var(--space-3);margin-left:clamp(12px,4vw,32px);display:grid}.replies:empty{display:none}.reply-form{margin-top:var(--space-2)}.wall-tools{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.seg{border-radius:var(--radius-pill);background:var(--surface-sunk);border:1px solid var(--line);padding:3px;display:inline-flex}.seg-btn{appearance:none;border-radius:var(--radius-pill);min-height:40px;font:inherit;color:var(--ink-muted);cursor:pointer;transition:background var(--dur-quick) var(--ease-whistle), color var(--dur-quick) var(--ease-whistle), transform var(--dur-instant) var(--ease-whistle);background:0 0;border:0;padding:0 16px;font-size:14px;font-weight:600}.seg-btn:active{transform:scale(.96)}.seg-btn[aria-selected=true],.seg-btn[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}.compose{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--space-5)}.compose h2{margin-bottom:var(--space-3)}.field-row{margin-bottom:var(--space-3);gap:6px;max-width:640px;display:grid}.lbl{color:var(--ink-muted);font-size:13px;font-weight:600}select.input{padding-right:36px}.swatches{margin:0 0 var(--space-3);border:0;flex-wrap:wrap;align-items:center;gap:10px;padding:0;display:flex}.swatches legend{float:left;margin-right:var(--space-3);padding:0;line-height:40px}.sw{border-radius:var(--radius-round);cursor:pointer;border:2px solid var(--line-strong);width:40px;height:40px;position:relative}.sw input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sw:has(input:checked){outline:3px solid var(--focus);outline-offset:2px}.sw:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px}.sw-paper{background:var(--note-paper)}.sw-fog{background:var(--note-fog)}.sw-stone{background:var(--note-stone)}.sw-sand{background:var(--note-sand)}.sw-clay{background:var(--note-clay)}.sw-ember{background:var(--note-ember)}.sw-butter{background:var(--note-paper)}.sw-peach{background:var(--note-clay)}.sw-mint{background:var(--note-fog)}.sw-sky{background:var(--note-stone)}.sw-lilac{background:var(--note-sand)}.sw-rose{background:var(--note-ember)}.corkboard{gap:var(--space-4);padding:var(--space-3) 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));display:grid}.note{padding:26px var(--space-4) var(--space-3);min-height:190px;color:var(--ink);box-shadow:var(--shadow-1);transform:rotate(var(--tilt,0deg));transition:transform var(--dur-base) var(--spring), box-shadow var(--dur-base) var(--ease-settle);border-radius:6px 6px 6px 22px;flex-direction:column;gap:8px;display:flex;position:relative}.note:hover{box-shadow:var(--shadow-2);transform:rotate(0)translateY(-3px)}.note h3{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:18px;font-weight:650;line-height:22px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;font-size:15px;line-height:21px}.note-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.note-foot .data{opacity:.75;flex:100%}.note-tools{margin-right:auto}.pin{border-radius:var(--radius-round);background:var(--accent);width:14px;height:14px;margin-left:-7px;position:absolute;top:8px;left:50%;box-shadow:0 2px #0000002e,inset 0 -2px #00000026}.sw-paper.note{background:var(--note-paper)}.sw-fog.note{background:var(--note-fog)}.sw-stone.note{background:var(--note-stone)}.sw-sand.note{background:var(--note-sand)}.sw-clay.note{background:var(--note-clay)}.sw-ember.note{background:var(--note-ember)}.sw-butter.note{background:var(--note-paper)}.sw-peach.note{background:var(--note-clay)}.sw-mint.note{background:var(--note-fog)}.sw-sky.note{background:var(--note-stone)}.sw-lilac.note{background:var(--note-sand)}.sw-rose.note{background:var(--note-ember)}.vote{appearance:none;border-radius:var(--radius-pill);border:1.5px solid color-mix(in srgb, var(--ink) 40%, transparent);background:color-mix(in srgb, var(--surface-raised) 55%, transparent);min-height:40px;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;transition:transform var(--dur-instant) var(--ease-whistle), background var(--dur-quick) var(--ease-whistle);align-items:center;gap:6px;padding:0 14px;font-weight:650;display:inline-flex}.vote:active:not([disabled]){transform:scale(.94)}.vote[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.vote[disabled]{opacity:.55;cursor:default}.vote .arrow{font-size:11px}.pin-in{animation:pin-in var(--dur-slow) var(--spring) both}@keyframes pin-in{0%{transform:translateY(-24px) rotate(calc(var(--tilt,0deg) * 3)) scale(.9);opacity:0}to{transform:rotate(var(--tilt,0deg));opacity:1}}@media (prefers-reduced-motion:reduce){.note,.note:hover{transform:none}.pin-in,.pulse{animation:none}}.sec-head a{align-items:center;min-height:44px;padding-inline:4px;text-decoration-thickness:1px;display:inline-flex}details.acc summary{align-items:center;min-height:44px;padding-block:10px;display:flex}.tile .when{opacity:.8}.fine{opacity:.85}.tbl th{color:var(--ink-muted)}.src-link{opacity:1;color:inherit;text-underline-offset:3px;text-decoration:underline 1px}.stream,.chip-s{font-size:12px}.mod .corner{opacity:.4;width:96px;height:96px}.mod>div:first-child{padding-right:56px}@media (pointer:coarse){.sidenav a{padding-block:12px}.chip{min-height:44px}.theme button{width:40px;height:36px}.signin{min-height:44px}.crumbs a,.linkish{align-items:center;min-height:44px;display:inline-flex}}.crumbs a{justify-content:center;align-items:center;min-width:24px;padding-inline:4px;display:inline-flex}@media (width<=360px){.mod .corner{display:none}.mod>div:first-child{padding-right:0}}@media (pointer:coarse){.save{width:44px;height:44px}.src-link{align-items:center;min-height:44px;display:inline-flex}.wordmark{min-height:44px}}h2.h3like{font-size:var(--type-title-s-size);line-height:var(--type-title-s-line);letter-spacing:var(--type-title-s-tracking)}@media (width>=641px){.tile.h2 .pic.has-img{aspect-ratio:16/10;flex:none;min-height:0}.tile.h2:not(.w2) .pic.has-img{aspect-ratio:4/5}.tile.h2 .body{flex:auto}.tile.h2 .foot{margin-top:auto}}.input.area{border-radius:var(--radius-lg);padding-top:12px}.compose{max-width:780px}@media (width<=560px){.theme button{width:36px;height:36px}.wordmark{font-size:16px}.wordmark .dot-logo{width:22px;height:22px}.signin{min-height:40px;padding:0 12px 0 5px}}[data-domain=games],.stream-games{--sc:var(--stream-games)}[data-domain=animation],.stream-animation,[data-domain=motion-graphics],.stream-motion-graphics{--sc:var(--stream-motion)}[data-domain=vfx],.stream-vfx,[data-domain=offline-vfx],.stream-offline-vfx{--sc:var(--stream-vfx)}[data-domain=radiance-fields],.stream-radiance-fields{--sc:var(--stream-radiance)}[data-domain=standards],.stream-standards{--sc:var(--stream-standards)}[data-domain=real-time],.stream-real-time{--sc:var(--stream-realtime)}[data-domain=ai],.stream-ai{--sc:var(--stream-ai)}[data-domain=research],.stream-research{--sc:var(--stream-research)}[data-domain=startups],.stream-startups{--sc:var(--stream-startups)}[data-domain=design],.stream-design{--sc:var(--stream-design)}[data-domain=art],.stream-art{--sc:var(--stream-art)}[data-domain=own],.stream-own{--sc:var(--stream-realtime)}.feature[data-domain],.tile[data-domain]{--t:var(--surface-raised);--ti:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.feature[data-domain]:before,.tile[data-domain]:before{content:"";background:var(--sc);z-index:3;height:4px;position:absolute;inset:0 0 auto}.feature[data-domain] .stream,.stream[data-domain]{background:color-mix(in srgb, var(--sc) 20%, transparent);color:var(--ink)}.feature[data-domain] .stream:before,.stream[data-domain]:before{content:"";background:var(--sc);border-radius:2px;flex:none;width:8px;height:8px;margin-right:7px}.rail .swatch{background:var(--sc);border-radius:3px;width:12px;height:12px;margin-right:10px;display:inline-block}.rail .sec-head{border-bottom:2px solid var(--sc);padding-bottom:8px}.tile[data-domain] .chip-s{background:color-mix(in srgb, var(--sc) 18%, transparent)}.tile[data-domain] .chip-s .dot{background:var(--sc)}.tile,.tile[class*=r-]{border-radius:var(--radius-md)}.tile:hover,.tile:active{transform:none}.tile .pic:not(.has-img){display:none}.tile .pic.has-img{aspect-ratio:16/9;flex:none;min-height:0}.feature{border-radius:var(--radius-md)}.feature:hover{box-shadow:var(--shadow-1)}.logo{flex:none;display:block}.lg-fill{fill:var(--ink)}.lg-stroke{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.lg-cg{fill:none;stroke:var(--surface-raised);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.lg-seed{fill:var(--accent)}.wordmark{gap:10px}.explore{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.xcard{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);transition:border-color var(--dur-quick) var(--ease-whistle), box-shadow var(--dur-quick) var(--ease-whistle);flex-direction:column;gap:6px;text-decoration:none;display:flex}.xcard:hover{border-color:var(--line-strong);box-shadow:var(--shadow-1)}.xcard .label{opacity:.6}.xcard strong{font:650 18px/22px var(--font-display);letter-spacing:-.025em}.xcard .xnum{font:400 44px/1 var(--font-dot);letter-spacing:0}.xcard span:last-child{color:var(--ink-muted);font-size:13.5px;line-height:19px}.river-list{gap:0 var(--space-7);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=900px){.river-list{grid-template-columns:minmax(0,1fr)}}.river-row{gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid;position:relative}.river-row[data-domain]:before{content:"";background:var(--sc);width:28px;height:3px;position:absolute;top:-1px;left:0}.rr-body{min-width:0;padding-top:4px}.rr-body h3{letter-spacing:-.025em;margin-top:6px;font-size:21px;font-weight:650;line-height:25px}.rr-body h3 a{text-decoration:none}.rr-body h3 a:hover{text-decoration:underline;text-decoration-color:var(--line-strong)}.rr-ex{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.rr-pic{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--surface-sunk);width:168px;display:block;overflow:hidden}.rr-pic img{object-fit:cover;width:100%;height:100%;display:block}.river-row .stream[data-domain]{background:color-mix(in srgb, var(--sc) 20%, transparent);color:var(--ink)}.river-row .stream:before{content:"";background:var(--sc);border-radius:2px;flex:none;width:8px;height:8px;margin-right:7px}.river-row .save{width:30px;height:30px;box-shadow:none;opacity:.55;background:0 0;top:auto;bottom:10px;right:0}.river-row .save:hover,.river-row .save[aria-pressed=true]{opacity:1}.river-row .save[aria-pressed=true]{background:var(--accent)}@media (width<=640px){.rr-pic{width:96px}.rr-body h3{font-size:17px;line-height:21px}.rr-ex{display:none}.feature.lead .feature-title{font-size:26px;line-height:1.06}.feature-title{font-size:19px;line-height:23px}.rail .bento,.trio{gap:var(--space-3);scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.rail .bento::-webkit-scrollbar,.trio::-webkit-scrollbar{display:none}.rail .bento>.tile,.trio>.feature{scroll-snap-align:start;flex:0 0 78%;min-width:0}.rail .tile .ex,.trio .feature-ex{display:none}}.tm{opacity:.7;vertical-align:super;margin-left:1px;font-size:12px;line-height:0}.issue-list{margin:0;padding:0;list-style:none}.issue-list a{gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--line);grid-template-columns:112px 56px 1fr auto;align-items:center;text-decoration:none;display:grid}.issue-cover{object-fit:cover;border-radius:10px;width:112px;height:84px}.issue-cover-empty{background:var(--tint-cloud);color:var(--tint-cloud-ink);font:600 22px/1 var(--font-display);justify-content:center;align-items:center;display:inline-flex}.issue-hero{aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius-lg);width:100%;margin:var(--space-4) 0 var(--space-2);display:block}.issue-hero-empty{background:var(--tint-cloud);color:var(--tint-cloud-ink);font:600 44px/1 var(--font-display);justify-content:center;align-items:center;display:flex}@media (width<=640px){.issue-list a{grid-template-columns:72px 44px 1fr auto}.issue-cover{border-radius:8px;width:72px;height:54px}}.issue-list li:last-child a{border-bottom:1px solid var(--line)}.issue-list a:hover strong{text-decoration:underline;text-decoration-color:var(--line-strong)}.issue-no{font:500 22px/1 var(--font-dot)}.issue-main{gap:2px;display:grid}.issue-main strong{font:650 18px/22px var(--font-display);letter-spacing:-.02em}.issue-h{font-family:var(--font-serif);border-bottom:2px solid var(--line-strong);margin:var(--space-7) 0 var(--space-3);padding-bottom:6px;font-size:30px;font-style:italic;font-weight:400;line-height:32px}.issue-items{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.issue-items h3{letter-spacing:-.02em;margin:0;font-size:19px;line-height:24px}.issue-items h3 a{text-decoration:none}.issue-items h3 a:hover{text-decoration:underline;text-decoration-color:var(--line-strong)}.issue-ex{color:var(--ink-muted);max-width:62ch;margin:6px 0}.issue-nav{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line);font-size:14px;display:flex}.adm-status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunk);font-weight:600}.adm-status.st-approved{background:color-mix(in srgb, var(--success) 18%, transparent)}.adm-status.st-held{background:color-mix(in srgb, var(--live) 14%, transparent)}.adm-row{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line);cursor:pointer;align-items:flex-start;display:flex}.adm-row input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:4px}.adm-body{gap:2px;min-width:0;display:grid}.adm-pre{white-space:pre-wrap;word-break:break-word;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-3);font:13px/20px var(--font-data);max-height:520px;overflow:auto}.adm-frame{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;height:720px;margin-top:var(--space-3);background:var(--surface-warm)}