@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sheet-0:#eceae4;--sheet-1:#e4e1da;--sheet-2:#dbd7cf;--sheet-3:#cfcabf;--line:#c2bcb0;--line-soft:#ddd8ce;--ink:#33302a;--ink-dim:#4f4b44;--ink-faint:#625d54;--salmon:#9e4d2a;--salmon-deep:#7d3a1e;--wasabi:#5f7434;--tamago:#8a6417;--tuna:#a3423a;--info:#3d6b78;--pastel-clay:color-mix(in srgb, var(--salmon) 18%, var(--sheet-0));--pastel-sage:color-mix(in srgb, var(--wasabi) 18%, var(--sheet-0));--pastel-sky:color-mix(in srgb, var(--info) 18%, var(--sheet-0));--pastel-sand:color-mix(in srgb, var(--tamago) 18%, var(--sheet-0));--pastel-rose:color-mix(in srgb, var(--tuna) 18%, var(--sheet-0));--pastel-stone:color-mix(in srgb, var(--ink) 8%, var(--sheet-0));--tone-motion:var(--pastel-clay);--tone-motion-ink:var(--salmon);--tone-layout:var(--pastel-sage);--tone-layout-ink:var(--wasabi);--tone-content:var(--pastel-sky);--tone-content-ink:var(--info);--tone-docs:var(--pastel-sand);--tone-docs-ink:var(--tamago);--tone-3d:var(--pastel-rose);--tone-3d-ink:var(--tuna);--on-accent:#fdfaf7;--bg-0:var(--sheet-0);--bg-1:var(--sheet-1);--bg-2:var(--sheet-2);--bg-3:var(--sheet-3);--fg:var(--ink);--fg-dim:var(--ink-dim);--fg-faint:var(--ink-faint);--close-mark:var(--tuna);--accent:var(--salmon);--accent-dim:var(--salmon-deep);--shadow:#a9a297;--shadow-deep:#8a8378;--lift-1:0 1px 2px color-mix(in srgb, var(--shadow) 30%, transparent), 0 2px 8px color-mix(in srgb, var(--shadow) 18%, transparent);--lift-2:0 2px 4px color-mix(in srgb, var(--shadow) 32%, transparent), 0 8px 24px color-mix(in srgb, var(--shadow) 22%, transparent);--lift-3:0 4px 8px color-mix(in srgb, var(--shadow) 34%, transparent), 0 24px 60px color-mix(in srgb, var(--shadow) 28%, transparent);--shell:#d3cec4;--shell-deep:#b6b0a4;--shell-edge:#fff;--r-sm:4px;--r:6px;--r-lg:10px;--r-card:16px;--r-pill:999px;--glass:color-mix(in srgb, var(--sheet-0) 72%, transparent);--glass-edge:color-mix(in srgb, var(--shell-edge) 70%, transparent);--glass-blur:blur(18px) saturate(130%);--scrim:#1a17136b;--code-bg:#1d2226;--code-bg-deep:#171b1f;--code-line:#323a40;--code-edge:#ffffff17;--code-ink:#dde2e4;--code-ink-dim:#8b969c;--code-chip:#ffffff14;--code-chip-edge:#ffffff29;--syn-keyword:#5fafff;--syn-string:#87d787;--syn-number:#ffaf5f;--syn-literal:#ff875f;--syn-comment:#7b868c;--syn-function:#af87ff;--syn-property:#5fd7af;--syn-variable:#ffd7af;--syn-type:#5fd7d7;--syn-tag:#ff5f5f;--syn-selector:#afd75f;--syn-operator:#a9b3b9;--syn-meta:#8787ff;--syn-command:#ff875f;--folder:#5a6f34;--folder-deep:#44541f;--folder-fill:color-mix(in srgb, var(--folder) 16%, transparent);--mark-size:clamp(2.75rem, 11cqi, 3.25rem);--mark-glyph:var(--accent);--nav-height:66px;--ease-out:cubic-bezier(.23, 1, .32, 1);--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans:ui-sans-serif, -apple-system, "SF Pro Text", system-ui, sans-serif;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:120px;--shelf-row:clamp(5.5rem, 20cqi, 8.5rem);--t-xs:.6875rem;--t-sm:.8125rem;--t-md:.9375rem;--t-lg:1.0625rem;--t-h3:clamp(1.0625rem, .9rem + .7vw, 1.375rem);--t-h2:clamp(1.5rem, 1.1rem + 1.9vw, 2.5rem);--t-h1:clamp(2.75rem, 1.4rem + 6.4vw, 6.5rem);--container:1180px;--gutter:var(--s-5);--measure:68ch;--space-block:clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);--space-section:clamp(3rem, 2rem + 5vw, 7.5rem);--space-page:clamp(4rem, 2.5rem + 7.5vw, 11rem);--z-under:-1;--z-base:1;--z-raised:2;--z-desk:5;--z-boot:6;--z-sticky:20;--z-sticky-over:21;--z-scrim:29;--z-overlay:30;--z-overlay-over:31;--z-top:60;--bp-narrow:860px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sheet-0:#12171a;--sheet-1:#171d21;--sheet-2:#1e2529;--sheet-3:#262e33;--line:#37424a;--line-soft:#232b31;--ink:#e8e5df;--ink-dim:#a2aaa8;--ink-faint:#77817f;--salmon:#ff9270;--salmon-deep:#e8734d;--wasabi:#a8c46a;--tamago:#e8b84b;--tuna:#e0645a;--info:#7cc0cd;--on-accent:#2a1006;--close-mark:var(--fg);--folder:#9ec97a;--folder-deep:#78a854;--shadow:#05080a;--shadow-deep:#000;--shell:#232a2f;--shell-deep:#161b1f;--shell-edge:color-mix(in srgb, var(--ink) 22%, transparent);--scrim:#05080a9e;--code-bg:#21282d;--code-bg-deep:#1a2025;--code-line:#39434a;--glass:color-mix(in srgb, var(--sheet-2) 62%, transparent)}}@layer base{*,:before,:after{box-sizing:border-box}:root[data-scrolling] iframe,:root[data-scrolling] canvas{pointer-events:none}:root[data-scrolling] [data-lenis-prevent] iframe,:root[data-scrolling] [data-lenis-prevent] canvas{pointer-events:auto}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--bg-0);min-height:100svh;color:var(--fg);font:var(--t-md) / 1.6 var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex;overflow-x:hidden}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}}@layer blocks{@layer blocks{.device:not([data-device]){--device-width:22rem;--device-aspect:3 / 6;--device-columns:3;--device-bezel:6px;--device-corner:2.25rem;--device-lens:1100px;--device-tilt:-1deg;--device-deck:none;--device-hinge:none;--device-camera:block;--device-bar:none;--device-floor:0px}@media (width>=720px){.device:not([data-device]){--device-width:40rem;--device-aspect:3 / 4;--device-columns:5;--device-bezel:10px;--device-corner:1.5rem;--device-lens:1300px;--device-tilt:-2deg;--device-deck:none;--device-hinge:none;--device-camera:block;--device-bar:none;--device-floor:0px}}@media (width>=1080px){.device:not([data-device]){--device-width:60rem;--device-aspect:16 / 10.4;--device-columns:7;--device-bezel:8px;--device-corner:.75rem;--device-lens:1400px;--device-tilt:-4deg;--device-deck:block;--device-hinge:block;--device-camera:none;--device-bar:none;--device-floor:0px}}.device[data-device=phone]{--device-width:22rem;--device-aspect:3 / 6;--device-columns:3;--device-bezel:6px;--device-corner:2.25rem;--device-lens:1100px;--device-tilt:-1deg;--device-deck:none;--device-hinge:none;--device-camera:block;--device-bar:none;--device-floor:0px}.device[data-device=tablet]{--device-width:40rem;--device-aspect:3 / 4;--device-columns:5;--device-bezel:10px;--device-corner:1.5rem;--device-lens:1300px;--device-tilt:-2deg;--device-deck:none;--device-hinge:none;--device-camera:block;--device-bar:none;--device-floor:0px}.device[data-device=laptop]{--device-width:60rem;--device-aspect:16 / 10.4;--device-columns:7;--device-bezel:8px;--device-corner:.75rem;--device-lens:1400px;--device-tilt:-4deg;--device-deck:block;--device-hinge:block;--device-camera:none;--device-bar:none;--device-floor:0px}}.credit-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.credit-slot{height:100%;display:block;position:relative}.credit{gap:var(--s-1);height:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--bg-1);border:1px solid #0000;flex-direction:column;transition:border-color .2s,background .2s;display:flex}.credit-logo{object-fit:contain;flex-shrink:0;width:28px;height:28px}.credit-docs{top:var(--s-2);right:var(--s-2);opacity:0;position:absolute}.credit-slot:hover .credit-docs,.credit-slot:focus-within .credit-docs{opacity:1}@media (hover:none){.credit-docs{opacity:1}}@media (hover:hover) and (pointer:fine){.credit:hover{background:var(--bg-2);border-color:var(--line-soft)}}.container{width:min(100% - var(--gutter) * 2, var(--container));margin-inline:auto}.cq{container-type:inline-size}.section{padding-block:var(--space-page);border-top:1px solid var(--line-soft)}.section>*+*{margin-top:var(--space-block)}.section>.label+*{margin-top:var(--s-3)}.site-footer{padding-top:var(--space-section);margin-top:auto}[data-reveal]{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}[data-reveal=out]{opacity:0;transform:translateY(18px)}[data-reveal=in]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{transition:none}[data-reveal=out]{opacity:1;transform:none}}.nav{z-index:var(--z-sticky);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.nav:before{content:"";z-index:var(--z-under);background:linear-gradient(to bottom, var(--glass-edge), transparent 55%), color-mix(in srgb, var(--bg-3) 55%, transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:absolute;inset:0}.nav-link{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);padding:var(--s-2);transition:color .16s}@media (hover:hover) and (pointer:fine){.nav-link:hover{color:var(--fg)}}.nav-link[data-active=true]{color:var(--fg)}.nav-burger,.nav-group{position:relative}.nav-menu{position:static}.nav-menu summary,.nav-burger summary,.nav-group summary{cursor:pointer;list-style:none}.nav-menu summary::-webkit-details-marker{display:none}.nav-burger summary::-webkit-details-marker{display:none}.nav-group summary::-webkit-details-marker{display:none}.nav-chevron{color:var(--fg-faint);transition:transform .22s var(--ease-out)}[open]>summary .nav-chevron{transform:rotate(180deg)}.nav-menu[open]>summary,.nav-group[open]>summary{color:var(--fg)}.nav-panel{top:calc(100% + var(--s-3));z-index:var(--z-sticky-over);width:max-content;max-width:min(46rem, calc(100vw - var(--s-6)));padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(to bottom, var(--glass-edge), transparent 40%), color-mix(in srgb, var(--bg-1) 88%, transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--lift-3);transform-origin:top;animation:nav-panel-in .22s var(--ease-out);margin-inline:auto;position:absolute;left:0;right:0}@keyframes nav-panel-in{0%{opacity:0;translate:0 -6px;scale:.97}}.nav-panel-list{gap:var(--s-1);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:0;list-style:none;display:grid}.nav-panel-item{align-items:start;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-lg);color:var(--fg-dim);border:1px solid #0000;transition:background .16s,border-color .16s;display:flex}.nav-panel-icon{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:var(--r-lg);background:linear-gradient(160deg, color-mix(in srgb, var(--shell-edge) 55%, transparent), transparent 62%), var(--bg-3);width:34px;height:34px;color:var(--fg-dim);flex:none;place-items:center;transition:color .16s,border-color .16s;display:grid}.nav-panel-icon[data-tone=motion]{background:var(--tone-motion);color:var(--tone-motion-ink)}.nav-panel-icon[data-tone=layout]{background:var(--tone-layout);color:var(--tone-layout-ink)}.nav-panel-icon[data-tone=content]{background:var(--tone-content);color:var(--tone-content-ink)}.nav-panel-icon[data-tone=docs]{background:var(--tone-docs);color:var(--tone-docs-ink)}.nav-panel-icon[data-tone="3d"]{background:var(--tone-3d);color:var(--tone-3d-ink)}@media (hover:hover) and (pointer:fine){.nav-panel-item:hover{background:var(--bg-2);border-color:var(--line-soft)}.nav-panel-item:hover .nav-panel-icon{border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent)}.nav-panel-item:hover .nav-panel-icon[data-tone]{color:inherit;border-color:currentColor}}.nav-panel-item:focus-visible{background:var(--bg-2);border-color:var(--line-soft)}.nav-panel-description{font-size:var(--t-xs);color:var(--fg-faint);margin-top:2px;line-height:1.5;display:block}.nav-panel-all{margin-top:var(--s-2);padding:var(--s-3);border-top:1px solid var(--line-soft);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);transition:color .16s;display:block}@media (hover:hover) and (pointer:fine){.nav-panel-all:hover{color:var(--accent)}}.nav-burger{display:none}.nav-burger-toggle{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);width:42px;height:42px;color:var(--fg-dim);place-items:center;display:grid}.nav-burger[open] .nav-burger-toggle{top:var(--s-3);right:var(--s-4);z-index:var(--z-overlay-over);border-color:var(--line);background:var(--bg-2);color:var(--fg);position:fixed}.nav-burger-bars,.nav-burger-bars:before,.nav-burger-bars:after{width:16px;height:1.5px;transition:transform .26s var(--ease-out), background .16s ease;background:currentColor;border-radius:2px;display:block}.nav-burger-bars:before,.nav-burger-bars:after{content:"";position:relative}.nav-burger-bars:before{top:-5px}.nav-burger-bars:after{top:3.5px}.nav-burger[open] .nav-burger-bars{background:0 0}.nav-burger[open] .nav-burger-bars:before{transform:translateY(5px)rotate(45deg)}.nav-burger[open] .nav-burger-bars:after{transform:translateY(-5px)rotate(-45deg)}.nav-sheet{z-index:var(--z-overlay);gap:var(--s-1);width:min(23rem,86vw);height:100dvh;padding:calc(var(--s-8) + var(--s-3)) var(--s-4) var(--s-6);overscroll-behavior:contain;touch-action:pan-y;border-left:1px solid var(--line);background:var(--bg-1);box-shadow:-24px 0 60px color-mix(in srgb, var(--bg-3) 70%, transparent);flex-direction:column;animation:.42s cubic-bezier(.16,1,.3,1) nav-sheet-in;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.nav-burger:not([open]) .nav-sheet{display:none}@keyframes nav-sheet-in{0%{translate:100%}}.nav-burger[open]:before{content:"";z-index:var(--z-scrim);background:color-mix(in srgb, var(--bg-3) 62%, transparent);animation:.42s nav-scrim-in;position:fixed;inset:0}@keyframes nav-scrim-in{0%{opacity:0}}@media (width<=620px){.nav-sheet{width:100%;box-shadow:none;border-left:0}}.nav-sheet-title{padding:0 var(--s-3) var(--s-3);border-bottom:1px solid var(--line-soft)}.nav-group-summary{min-height:44px;padding:var(--s-2) var(--s-3);border-radius:var(--r-lg);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);transition:background .16s}@media (hover:hover) and (pointer:fine){.nav-group-summary:hover{background:var(--bg-2);color:var(--fg)}}.nav-group-summary:active,.nav-sheet .nav-panel-item:active{background:var(--bg-2)}.nav-group-summary .nav-chevron{margin-left:auto}.nav-sheet .nav-panel-list{grid-template-columns:minmax(0,1fr);gap:2px;padding:0}.nav-sheet .nav-panel-item{min-height:44px;padding:var(--s-3)}.nav-sheet .nav-panel-list,.nav-sheet>.nav-group>.nav-panel-all{margin-left:calc(var(--s-3) + 17px);border-left:1px solid var(--line-soft);padding-left:var(--s-3)}.nav-sheet .nav-panel-item .nav-panel-icon{width:28px;height:28px}.nav-sheet .nav-panel-all{margin-bottom:var(--s-4)}@media (prefers-reduced-motion:reduce){.nav-panel,.nav-sheet,.nav-burger[open]:before{animation:none}.nav-chevron,.nav-burger-bars,.nav-burger-bars:before,.nav-burger-bars:after{transition:none}}.nav-row{align-items:center;gap:var(--s-1);display:flex}.nav-mark{object-fit:contain;width:26px;height:26px;display:block}@media (width<=860px){.nav-row{display:none}.nav-burger{display:block}}.grid-auto{grid-template-columns:repeat(auto-fit, minmax(var(--grid-min,16rem), 1fr));display:grid}.grid-auto[data-gap="1"]{gap:var(--s-1)}.grid-auto[data-gap="2"]{gap:var(--s-2)}.grid-auto[data-gap="3"]{gap:var(--s-3)}.grid-auto[data-gap="4"]{gap:var(--s-4)}.grid-auto[data-gap="5"]{gap:var(--s-5)}.grid-auto[data-gap="6"]{gap:var(--s-6)}.grid-auto[data-gap="7"]{gap:var(--s-7)}.grid-auto>[data-span="2"]{grid-column:span 2}.grid-auto>[data-span="3"]{grid-column:span 3}.grid-auto>[data-span=full]{grid-column:1/-1}@media (width<=860px){.grid-auto>[data-span="2"],.grid-auto>[data-span="3"]{grid-column:auto}}.grid-auto[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-auto[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=860px){.grid-auto[data-columns]{grid-template-columns:minmax(0,1fr)}}.spacer{display:block}.spacer[data-size="1"]{height:var(--s-1)}.spacer[data-size="2"]{height:var(--s-2)}.spacer[data-size="3"]{height:var(--s-3)}.spacer[data-size="4"]{height:var(--s-4)}.spacer[data-size="5"]{height:var(--s-5)}.spacer[data-size="6"]{height:var(--s-6)}.spacer[data-size="7"]{height:var(--s-7)}.spacer[data-rule]{align-items:center;gap:var(--s-3);display:flex}.spacer[data-rule]:before,.spacer[data-rule]:after{content:"";background:var(--line-soft);flex:1;height:1px}.spacer-label{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint)}.hero{gap:var(--s-5);--hero-gap:var(--s-4);--hero-measure:62ch;flex-direction:column;display:flex}.hero-body{gap:var(--hero-gap);flex-direction:column;min-width:0;display:flex}.hero-split{gap:var(--s-6);align-items:center;display:grid}@container (width>=52rem){.hero-split[data-media]{grid-template-columns:minmax(0,1fr) minmax(0,22rem)}}.hero-title{font-size:var(--t-h2);letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.08}.hero-summary{max-width:var(--hero-measure);color:var(--fg-dim);text-wrap:pretty;margin:0}.hero[data-variant=landing]{min-height:calc(min(72svh, 620px) + var(--nav-height) + var(--s-6) + var(--s-8));padding-block:calc(var(--nav-height) + var(--s-6)) var(--s-8);--hero-gap:var(--s-6);--hero-measure:460px}.hero[data-variant=landing] .hero-split{gap:var(--s-7);flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,auto)}.hero[data-variant=landing] .hero-title{font-size:var(--t-h1);letter-spacing:-.04em;text-wrap:balance;line-height:.92}.hero[data-variant=landing] .hero-summary{font-size:var(--t-lg)}.hero-name{font-family:var(--mono);letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:600}.hero-bracket{color:var(--fg-faint)}.hero-version{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;color:var(--fg-faint);padding:2px var(--s-2);border:1px solid var(--line-soft);border-radius:999px}.hero-facts{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;margin:0;display:flex}.hero-fact{display:contents}.hero-fact-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-fact-value{align-items:center;gap:var(--s-2);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.06em;color:var(--fg-faint);margin:0;display:flex}.hero-actions{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}@container (width<=30rem){.hero-actions>*{flex:auto;justify-content:center}}.hero-shot{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-2);box-shadow:var(--lift-1);margin:0;overflow:hidden}.hero-shot-image{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.logo-stage{aspect-ratio:1;perspective:1100px;place-items:center;width:min(100%,62svh,460px);min-height:0;max-height:100%;margin-inline:auto;display:grid}.logo-spin{width:82%;transform-style:preserve-3d;will-change:transform;color:var(--fg)}.logo-placeholder{place-items:center;width:100%;height:100%;display:grid}.card-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(clamp(260px,30vw,320px),1fr));display:grid}.card{gap:var(--s-3);padding:var(--s-5);background:linear-gradient(to bottom, var(--glass-edge), transparent 42%), var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--r-card);box-shadow:var(--lift-1);transition:border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .26s var(--ease-out);flex-direction:column;display:flex}.card-media{width:calc(100% + 2 * var(--s-5));margin:calc(-1 * var(--s-5)) calc(-1 * var(--s-5)) 0;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-card) var(--r-card) 0 0;display:block}.card-icon{border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-2);width:26px;height:26px;color:var(--fg-faint);flex-shrink:0;place-items:center;display:grid}.card-icon[data-tone=motion]{background:var(--tone-motion);color:var(--tone-motion-ink)}.card-icon[data-tone=layout]{background:var(--tone-layout);color:var(--tone-layout-ink)}.card-icon[data-tone=content]{background:var(--tone-content);color:var(--tone-content-ink)}.card-icon[data-tone=docs]{background:var(--tone-docs);color:var(--tone-docs-ink)}.card-icon[data-tone="3d"]{background:var(--tone-3d);color:var(--tone-3d-ink)}@media (hover:hover) and (pointer:fine){.card:hover{background:var(--bg-2);border-color:var(--line);box-shadow:var(--lift-2);transform:translateY(-3px)}}.code{justify-content:space-between;align-items:start;gap:var(--s-4);padding:var(--s-3) var(--s-4);background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--r-lg);font-family:var(--mono);font-size:var(--t-sm);overflow-wrap:anywhere;min-width:0;display:flex}.code-block{padding:var(--s-4);background:var(--code-bg);color:var(--code-ink);border:1px solid var(--code-line);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--code-edge), var(--lift-1);font-family:var(--mono);font-size:var(--t-sm);tab-size:2;margin:0;line-height:1.7;overflow-x:auto}.th-code{overflow-x:auto}.code-block .th-code{font:inherit;background:0 0;margin:0;padding:0;overflow:visible}.th-keyword{color:var(--syn-keyword)}.th-string{color:var(--syn-string)}.th-number{color:var(--syn-number)}.th-literal{color:var(--syn-literal)}.th-comment{color:var(--syn-comment);font-style:italic}.th-function{color:var(--syn-function)}.th-property{color:var(--syn-property)}.th-variable{color:var(--syn-variable)}.th-type{color:var(--syn-type)}.th-tag{color:var(--syn-tag)}.th-selector{color:var(--syn-selector)}.th-operator{color:var(--syn-operator)}.th-meta{color:var(--syn-meta)}.th-heading{color:var(--code-ink);font-weight:700}.th-link{color:var(--syn-keyword);text-decoration:underline}.th-code-inline{color:var(--syn-property)}.th-inserted{color:var(--syn-string);background:color-mix(in srgb, var(--syn-string) 14%, transparent)}.th-deleted{color:var(--syn-tag);background:color-mix(in srgb, var(--syn-tag) 14%, transparent)}.code-block:has(.th-code--shell){background:var(--code-bg-deep)}.th-code--shell .th-command{color:var(--syn-command);font-weight:600}.copy-btn{align-items:center;gap:var(--s-1);padding:5px var(--s-3);border:1px solid var(--code-chip-edge);border-radius:var(--r);background:var(--code-chip);color:var(--code-ink);font-family:var(--mono);font-size:var(--t-xs);white-space:nowrap;cursor:pointer;transition:opacity .16s var(--ease-out), color .16s var(--ease-out), border-color .16s var(--ease-out);flex-shrink:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.copy-btn:hover{border-color:var(--code-ink-dim)}.copy-btn[data-ground=paper]:hover{border-color:var(--accent);color:var(--accent)}}.copy-btn[data-copied=true]{color:var(--syn-string);border-color:color-mix(in srgb, var(--syn-string) 40%, transparent)}.copy-btn[data-ground=paper]{border-color:var(--line);background:var(--bg-0);color:var(--fg-dim);box-shadow:inset 0 1px 0 var(--glass-edge), var(--lift-1);text-decoration:none}.copy-btn[data-ground=paper][data-copied=true]{color:var(--wasabi);border-color:color-mix(in srgb, var(--wasabi) 45%, transparent)}.copy-btn[data-ground=accent]{background:var(--accent);color:var(--on-accent);box-shadow:var(--lift-1);border-color:#0000;border-radius:999px;font-weight:600}.copy-btn[data-ground=accent][data-copied=true]{background:var(--wasabi)}.code-shell{position:relative}.code-tools{top:var(--s-2);right:var(--s-2);align-items:center;gap:var(--s-2);display:flex;position:absolute}.code-file{align-items:center;gap:var(--s-1);padding:4px var(--s-3);border:1px solid var(--code-line);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--code-bg-deep);color:var(--code-ink-dim);font-family:var(--mono);font-size:var(--t-xs);border-bottom:0;margin-bottom:-1px;display:inline-flex}.code-shell:has(.code-file) .code-block{border-top-left-radius:0}.code-lang{align-items:center;gap:var(--s-1);padding:3px var(--s-2);border-radius:var(--r);background:var(--code-chip);color:var(--code-ink-dim);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;display:inline-flex}.code-shell .copy-btn{opacity:0}.code-shell:hover .copy-btn,.code-shell:focus-within .copy-btn{opacity:1}@media (hover:none){.code-shell .copy-btn{opacity:1}}.th-line{width:max-content;min-width:100%;display:inline-block}.th-code--line-numbers .th-line:before{width:2.5em;color:var(--syn-comment);content:attr(data-line);text-align:right;-webkit-user-select:none;user-select:none;padding-right:1em;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);background:var(--accent);color:var(--on-accent);font:600 var(--t-sm) / 1 var(--sans);cursor:pointer;box-shadow:var(--lift-1);transition:background .16s ease, box-shadow .16s ease, translate .16s var(--ease-out);border:1px solid #0000;border-radius:999px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--accent-dim);box-shadow:var(--lift-2);translate:0 -1px}}.btn-ghost{border-color:var(--line);color:var(--fg-dim);box-shadow:none;background:0 0}@media (hover:hover) and (pointer:fine){.btn-ghost:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);border-color:var(--accent);color:var(--accent);box-shadow:none}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.palette{width:min(37rem, calc(100vw - 2 * var(--s-4)));border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--bg-0);box-shadow:var(--lift-3);color:inherit;margin:12vh auto auto;padding:0}.palette::backdrop{background:var(--scrim)}.palette-box{flex-direction:column;max-height:min(24rem,60vh);display:flex}.palette-head{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft);color:var(--fg-faint);display:flex}.palette-input{min-width:0;color:var(--fg);font:var(--t-md) / 1.4 var(--sans);background:0 0;border:0;outline:none;flex:1}.palette-kbd{padding:2px var(--s-2);border:1px solid var(--line-soft);border-radius:var(--r);font-family:var(--mono);font-size:var(--t-xs);color:var(--fg-faint)}.palette-list{padding:var(--s-2);margin:0;list-style:none;overflow-y:auto}.palette-item{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-2) var(--s-3);border-radius:var(--r-lg);color:var(--fg-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.palette-icon{border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-1);width:28px;height:28px;color:var(--fg-faint);flex-shrink:0;place-items:center;display:grid}.palette-icon[data-tone=motion]{background:var(--tone-motion);color:var(--tone-motion-ink)}.palette-icon[data-tone=layout]{background:var(--tone-layout);color:var(--tone-layout-ink)}.palette-icon[data-tone=content]{background:var(--tone-content);color:var(--tone-content-ink)}.palette-icon[data-tone=docs]{background:var(--tone-docs);color:var(--tone-docs-ink)}.palette-icon[data-tone="3d"]{background:var(--tone-3d);color:var(--tone-3d-ink)}.palette-item[data-active=true]{background:var(--bg-2);color:var(--fg)}.palette-trigger{align-items:center;gap:var(--s-2);padding:6px var(--s-3);border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);color:var(--fg-faint);font-family:var(--mono);font-size:var(--t-xs);cursor:pointer;transition:color .16s,border-color .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.palette-trigger:hover{color:var(--fg-dim);border-color:var(--line)}}.pages-num,.pages-step{min-width:34px;height:34px;padding:0 var(--s-2);border-radius:var(--r-lg);color:var(--fg-dim);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:color .16s,border-color .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.pages-num:hover,.pages-step:hover{border-color:var(--line-soft);color:var(--fg)}}.pages-num[aria-current=page]{border-color:var(--line);background:var(--bg-1);color:var(--fg)}.pages-step{rotate:90deg}.pages-step[data-dir=next]{rotate:-90deg}.pages-gap{color:var(--fg-faint)}.crumbs{display:block}.crumbs-list{align-items:center;gap:var(--s-1);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.crumbs-item a{color:var(--fg-faint);text-decoration:none;transition:color .16s}@media (hover:hover) and (pointer:fine){.crumbs-item a:hover{color:var(--accent)}}.crumbs-item [aria-current=page]{color:var(--fg-dim)}.crumbs-sep{color:var(--fg-faint);display:flex;rotate:-90deg}.tile{border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-2);width:26px;height:26px;color:var(--fg-faint);flex-shrink:0;place-items:center;display:grid}.tile[data-tone=motion]{background:var(--tone-motion);color:var(--tone-motion-ink)}.tile[data-tone=layout]{background:var(--tone-layout);color:var(--tone-layout-ink)}.tile[data-tone=content]{background:var(--tone-content);color:var(--tone-content-ink)}.tile[data-tone=docs]{background:var(--tone-docs);color:var(--tone-docs-ink)}.tile[data-tone="3d"]{background:var(--tone-3d);color:var(--tone-3d-ink)}.badge{padding:2px var(--s-2);border:1px solid var(--line-soft);background:var(--bg-2);color:var(--fg-dim);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.06em;border-radius:999px;align-items:center;display:inline-flex}.badge[data-tone=motion]{background:var(--tone-motion);color:var(--tone-motion-ink);border-color:#0000}.badge[data-tone=layout]{background:var(--tone-layout);color:var(--tone-layout-ink);border-color:#0000}.badge[data-tone=content]{background:var(--tone-content);color:var(--tone-content-ink);border-color:#0000}.badge[data-tone=docs]{background:var(--tone-docs);color:var(--tone-docs-ink);border-color:#0000}.badge[data-tone="3d"]{background:var(--tone-3d);color:var(--tone-3d-ink);border-color:#0000}.separator{background:var(--line-soft);border:0;margin:0}.separator[data-orientation=horizontal]{width:100%;height:1px;display:block}.separator[data-orientation=vertical]{align-self:stretch;width:1px;min-height:1em;display:inline-block}.skeleton{background:linear-gradient(100deg, var(--bg-2) 40%, var(--bg-1) 50%, var(--bg-2) 60%);border-radius:var(--r);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-sweep;display:inline-block}.skeleton[data-shape=line]{width:100%;height:.9em}.skeleton[data-shape=block]{aspect-ratio:16/9;border-radius:var(--r-lg);width:100%}.skeleton[data-shape=circle]{border-radius:999px;width:40px;height:40px}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--line-soft);border-top-color:var(--accent);border-radius:999px;animation:.8s linear infinite spinner-turn;display:inline-block}@keyframes spinner-turn{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--bg-2);animation:none}.spinner{animation:1.6s ease-in-out infinite spinner-pulse}}@keyframes spinner-pulse{50%{opacity:.4}}.avatar{border:1px solid var(--line-soft);background:var(--bg-2);color:var(--fg-dim);font-family:var(--mono);-webkit-user-select:none;user-select:none;border-radius:999px;place-items:center;font-weight:600;display:inline-grid;overflow:hidden}.avatar[data-tone=motion]{background:var(--tone-motion);color:var(--tone-motion-ink)}.avatar[data-tone=layout]{background:var(--tone-layout);color:var(--tone-layout-ink)}.avatar[data-tone=content]{background:var(--tone-content);color:var(--tone-content-ink)}.avatar[data-tone=docs]{background:var(--tone-docs);color:var(--tone-docs-ink)}.avatar[data-tone="3d"]{background:var(--tone-3d);color:var(--tone-3d-ink)}.avatar-image{object-fit:cover;width:100%;height:100%}.ratio{border-radius:var(--r-lg);position:relative;overflow:hidden}.ratio>*{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.empty{align-items:center;gap:var(--s-2);padding:var(--s-7) var(--s-5);border:1px dashed var(--line);border-radius:var(--r-card);text-align:center;color:var(--fg-dim);flex-direction:column;display:flex}.empty-icon{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);width:44px;height:44px;color:var(--fg-faint);place-items:center;display:grid}.item{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-lg);color:inherit;border:1px solid #0000;text-decoration:none;transition:background .16s,border-color .16s;display:flex}@media (hover:hover) and (pointer:fine){a.item:hover{background:var(--bg-2);border-color:var(--line-soft)}}.field-control{width:100%;padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-0);color:var(--fg);font:var(--t-md) / 1.5 var(--sans);transition:border-color .16s,box-shadow .16s;display:block}.field-control:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.field-control::placeholder{color:var(--fg-faint)}.field-textarea{resize:vertical;field-sizing:content;min-height:4.5em}.field{gap:var(--s-2);flex-direction:column;display:flex}.field-note{color:var(--fg-faint)}.field[data-invalid=true] .field-note{color:var(--tuna)}.field[data-invalid=true] .field-control{border-color:var(--tuna)}.choice input{width:16px;height:16px;accent-color:var(--accent);margin:0}.choice-group{gap:var(--s-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.switch-track{border:1px solid var(--line);background:var(--bg-2);border-radius:999px;align-items:center;width:38px;height:22px;padding:2px;transition:background .18s;display:inline-flex}.switch-thumb{background:var(--bg-0);width:16px;height:16px;box-shadow:var(--lift-1);transition:translate .18s var(--ease-out);border-radius:999px}.switch input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-track .switch-thumb{translate:16px}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}@media (prefers-reduced-motion:reduce){.switch-thumb,.switch-track{transition:none}}.select-wrap{display:block;position:relative}.select-wrap .field-control{appearance:none;padding-right:var(--s-6)}.select-chevron{top:50%;right:var(--s-3);pointer-events:none;color:var(--fg-faint);display:flex;position:absolute;translate:0 -50%}.slider{width:100%;accent-color:var(--accent)}.progress{background:var(--bg-2);width:100%;height:8px;accent-color:var(--accent);border:0;border-radius:999px;overflow:hidden}.progress::-webkit-progress-bar{background:var(--bg-2)}.progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.install-logo{object-fit:contain;width:16px;height:16px}.accordion{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);flex-direction:column;display:flex}.accordion-item+.accordion-item{border-top:1px solid var(--line-soft)}.accordion-summary{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);font-weight:600;font-size:var(--t-sm);cursor:pointer;list-style:none;display:flex}.accordion-summary::-webkit-details-marker{display:none}.accordion-chevron{color:var(--fg-faint);transition:rotate .18s var(--ease-out);display:flex}.accordion-item[open]>.accordion-summary .accordion-chevron{rotate:180deg}.accordion-body{padding:0 var(--s-4) var(--s-4)}@media (prefers-reduced-motion:reduce){.accordion-chevron{transition:none}}.tooltip{display:inline-block;position:relative}.tooltip-bubble{bottom:calc(100% + var(--s-2));z-index:var(--z-overlay);width:max-content;max-width:16rem;padding:var(--s-1) var(--s-3);border-radius:var(--r);background:var(--ink);color:var(--bg-0);font-size:var(--t-xs);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,visibility 0s .14s;position:absolute;left:50%;translate:-50%}.tooltip:hover .tooltip-bubble,.tooltip:focus-within .tooltip-bubble{opacity:1;visibility:visible;transition-delay:.35s,.35s}.toggle{align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-3);border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);color:var(--fg-dim);font:500 var(--t-sm) / 1 var(--sans);cursor:pointer;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.toggle[data-active=true]{background:var(--bg-3);border-color:var(--line);color:var(--fg)}.toggle-group{gap:var(--s-1);padding:var(--s-1);border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);margin:0;display:inline-flex}.toggle-group .toggle{background:0 0;border-color:#0000}.toggle-group .toggle[data-active=true]{background:var(--bg-3)}.table-frame{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.table th{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);text-align:left;font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);white-space:nowrap}.table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft)}.table tbody tr:last-child td{border-bottom:0}.table th[data-align=right],.table td[data-align=right]{text-align:right;font-variant-numeric:tabular-nums}.scroll-area{border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:var(--s-3);background:var(--bg-0);overflow-y:auto}.dialog{width:min(28rem, calc(100vw - 2 * var(--s-4)));border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--bg-0);box-shadow:var(--lift-3);color:inherit;margin:auto;padding:0}.dialog::backdrop,.sheet::backdrop{background:var(--scrim)}.dialog-box{padding:var(--s-5)}.dialog-close{border-radius:var(--r);width:30px;height:30px;color:var(--fg-faint);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.dialog-close:hover{border-color:var(--line-soft);color:var(--fg)}}.sheet{border:0;border-left:1px solid var(--line-soft);background:var(--bg-0);width:min(24rem,92vw);height:100dvh;max-height:none;box-shadow:var(--lift-3);color:inherit;animation:sheet-in .26s var(--ease-out);margin:0;padding:0;position:fixed;inset:0 0 0 auto}.sheet[data-side=left]{border-left:0;border-right:1px solid var(--line-soft);inset:0 auto 0 0}@keyframes sheet-in{0%{opacity:0;translate:24px}}.sheet[data-side=left]{animation-name:sheet-in-left}@keyframes sheet-in-left{0%{opacity:0;translate:-24px}}.sheet-box{height:100%;padding:var(--s-5);overflow-y:auto}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.toasts{bottom:var(--s-5);right:var(--s-5);z-index:var(--z-top);gap:var(--s-2);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-0);box-shadow:var(--lift-2);font-size:var(--t-sm);animation:toast-in .2s var(--ease-out)}@keyframes toast-in{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.avatar-group{display:inline-flex}.avatar-group .avatar{border:2px solid var(--bg-0)}.avatar-group>*+*{margin-left:-8px}.ref{display:inline-block;position:relative}.ref-link{font-family:var(--mono);color:var(--accent);border-bottom:1px dashed color-mix(in srgb, var(--accent) 50%, transparent);font-size:.9em;text-decoration:none}@media (hover:hover) and (pointer:fine){.ref-link:hover{border-bottom-style:solid}}.ref-card{left:0;top:calc(100% + var(--s-2));z-index:var(--z-overlay);width:max-content;max-width:min(21rem,80vw);padding:var(--s-3) var(--s-4);border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-0);box-shadow:var(--lift-2);opacity:0;transition:opacity .16s var(--ease-out), translate .16s var(--ease-out), display .16s allow-discrete;display:none;position:absolute;translate:0 -4px}.ref:hover .ref-card,.ref:focus-within .ref-card{opacity:1;transition-delay:.12s,.12s,0s;display:block;translate:0}@starting-style{.ref:hover .ref-card,.ref:focus-within .ref-card{opacity:0;translate:0 -4px}}@media (prefers-reduced-motion:reduce){.ref-card{transition:none;translate:0}}.act{align-items:center;gap:var(--s-1);padding:2px var(--s-2);border:1px solid var(--line-soft);border-radius:var(--r);background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-edge);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);display:inline-flex}.act[data-action=install]{background:var(--tone-motion);color:var(--tone-motion-ink)}.act[data-action=create]{background:var(--tone-layout);color:var(--tone-layout-ink)}.act[data-action=read]{background:var(--tone-content);color:var(--tone-content-ink)}.act[data-action=run]{background:var(--tone-docs);color:var(--tone-docs-ink)}.act[data-action=edit]{background:var(--tone-3d);color:var(--tone-3d-ink)}@media (width<=860px){.hero[data-variant=landing]{min-height:0;padding-block:var(--s-7)}.hero[data-variant=landing] .hero-split{gap:var(--s-6);grid-template-columns:1fr}.logo-stage{order:-1;max-width:340px;max-height:none}.nav-narrow-hide{display:none}}.showcase{margin:var(--s-6) 0 0;border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--bg-1);box-shadow:var(--lift-1);overflow:hidden}.showcase-bar{border-bottom:1px solid var(--line-soft)}.showcase-group{border:0;min-width:0;padding:0}.showcase-btn{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--r);color:var(--fg-faint);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;transition:color .16s,background .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.showcase-btn:hover{color:var(--fg)}}.showcase-btn[data-active=true]{background:var(--bg-3);border-color:var(--line-soft);color:var(--fg)}.showcase-devices{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-2);flex-wrap:wrap;flex:none;gap:2px;min-width:0;margin:0;padding:2px}.showcase-device{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border-radius:var(--r);color:var(--fg-faint);font-family:var(--mono);font-size:var(--t-xs);white-space:nowrap;cursor:pointer;background:0 0;border:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.showcase-device:hover{color:var(--fg-dim)}}.showcase-device[data-active=true]{background:var(--bg-3);color:var(--fg)}.showcase-device:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.showcase-stage{justify-content:center;align-items:start;gap:var(--s-4);background:var(--bg-0);padding:var(--s-3);display:flex}.showcase-stage[data-view=compare],.showcase-stage[data-view=xl],.showcase-stage[data-view=xxl]{justify-content:start;overflow-x:auto}.showcase-frame{flex:none;max-width:100%;margin:0}.showcase-frame-label{padding:0 var(--s-1) var(--s-2);font-family:var(--mono);font-size:var(--t-xs);color:var(--fg-faint)}.showcase-frame-label strong{color:var(--fg-dim);font-weight:500}.showcase-frame-note{padding-left:var(--s-3);margin-left:auto}.showcase-viewport{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-0);width:100%;max-width:100%;display:block}.showcase-stage:not([data-view=compare]) .showcase-viewport{transition:width .32s var(--ease-out)}@media (width<=860px){.showcase-frame-note{display:none}}.showcase-stackblitz{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-0);width:100%;display:block;overflow:hidden}.showcase-stackblitz iframe{border:0;width:100%;height:100%;display:block}.showcase-split{gap:var(--s-3);padding:var(--s-3);background:var(--bg-0);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=860px){.showcase-split{grid-template-columns:minmax(0,1fr)}}.showcase-code{max-height:480px;overflow:auto}.showcase-code .code-block{border:0;border-radius:0;margin:0}.showcase-install{align-items:center;gap:var(--s-2) var(--s-4);border-top:1px solid var(--line-soft);grid-template-columns:max-content minmax(0,1fr);display:grid}@media (width<=860px){.showcase-install{gap:var(--s-1);grid-template-columns:minmax(0,1fr)}.showcase-install>.label{margin-top:var(--s-2)}}.preview-root{padding:var(--s-5)}.preview-root.is-card{width:100%;height:100svh;padding:var(--s-4);place-items:center;display:grid;overflow:hidden}.preview-root.is-card>*{max-width:100%;max-height:100%}.prose{max-width:var(--measure);color:var(--fg-dim);overflow-wrap:break-word}.prose>*+*{margin-top:var(--s-4)}.prose h1,.prose h2,.prose h3{color:var(--fg);letter-spacing:-.02em;margin-top:var(--s-7);line-height:1.2}.prose h1{font-size:var(--t-h2)}.prose h2{font-size:var(--t-h3)}.prose h3{font-size:var(--t-lg)}.prose img{border:1px solid var(--line-soft);border-radius:var(--r-lg);max-width:100%;height:auto;display:block}.prose code{font-family:var(--mono);color:var(--accent);font-size:.9em}.prose .code-block{margin-top:var(--s-4)}.prose .code-block code{color:inherit;font-size:inherit}.prose ul,.prose ol{padding-left:var(--s-5)}.prose li+li{margin-top:var(--s-2)}.prose blockquote{margin:var(--s-5) 0;padding-left:var(--s-4);border-left:2px solid var(--line);color:var(--fg-faint)}.prose table{border-collapse:collapse;width:100%;font-size:var(--t-sm);display:block;overflow-x:auto}.prose th,.prose td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line-soft);text-align:left}.prose th{color:var(--fg);font-weight:600}.prose hr{border:0;border-top:1px solid var(--line-soft)}.prose h4{font-size:var(--t-md);font-weight:600;line-height:1.3}.prose h5,.prose h6{font-size:var(--t-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);font-weight:600}.prose li:has(>input[type=checkbox]){margin-inline-start:calc(-1 * var(--s-4));list-style:none}.prose li>input[type=checkbox]{accent-color:var(--accent);vertical-align:-.1em;margin-inline-end:var(--s-2)}.prose del{color:var(--fg-faint)}.prose .footnotes{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--line-soft);font-size:var(--t-sm);color:var(--fg-dim)}.prose [data-footnote-ref]{color:var(--accent);text-decoration:none}.prose [data-footnote-backref]{text-decoration:none}.markdown-alert{margin-top:var(--s-5);padding:var(--s-4);border-left:2px solid var(--accent);border-radius:0 var(--r-lg) var(--r-lg) 0;background:var(--bg-1)}.markdown-alert-title{margin:0 0 var(--s-2);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}.markdown-alert-content>*+*{margin-top:var(--s-3)}.markdown-alert-note{border-left-color:var(--info)}.markdown-alert-tip{border-left-color:var(--wasabi)}.markdown-alert-warning{border-left-color:var(--tamago)}.markdown-alert-caution{border-left-color:var(--accent)}.tabs{margin-top:var(--s-5);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden}.tab-list{gap:var(--s-1);padding:var(--s-2);background:var(--bg-1);border-bottom:1px solid var(--line-soft);flex-wrap:wrap;display:flex}.tab-label{padding:var(--s-1) var(--s-3);border-radius:var(--r);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);cursor:pointer;align-items:center;transition:color .16s,background .16s;display:inline-flex}.tab-radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tab-label:has(.tab-radio:checked){background:var(--bg-3);color:var(--fg)}.tab-label:has(.tab-radio:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.tab-panel{padding:var(--s-4);display:none}.tab-panel>*{margin-top:0}:is(.tab-list:has(.tab-label:first-of-type .tab-radio:checked)~.tab-panel[data-index="0"],.tab-list:has(.tab-label:nth-of-type(2) .tab-radio:checked)~.tab-panel[data-index="1"],.tab-list:has(.tab-label:nth-of-type(3) .tab-radio:checked)~.tab-panel[data-index="2"],.tab-list:has(.tab-label:nth-of-type(4) .tab-radio:checked)~.tab-panel[data-index="3"],.tab-list:has(.tab-label:nth-of-type(5) .tab-radio:checked)~.tab-panel[data-index="4"]){display:block}.doc-layout{gap:var(--s-7);grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"main aside";align-items:start;display:grid}.doc-layout[data-nav=true]{gap:var(--s-6);grid-template-columns:200px minmax(0,1fr) 200px;grid-template-areas:"nav main aside"}.doc-main{grid-area:main}.doc-actions-meta{align-items:center;gap:var(--s-2);flex-wrap:wrap;margin-right:auto;display:flex}.doc-actions-set{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}@container (width<=26rem){.doc-actions-meta,.doc-actions-set{width:100%}.doc-actions-set>*{flex:auto;justify-content:center}}.doc-aside{scrollbar-width:none;grid-area:aside;max-height:calc(100svh - 96px);position:sticky;top:72px;overflow-y:auto}.doc-aside::-webkit-scrollbar{display:none}.doc-aside-summary{justify-content:space-between;align-items:center;gap:var(--s-2);padding-left:calc(var(--s-3) + 1px);padding-bottom:var(--s-3);display:flex}.doc-aside-chevron{display:none}.doc-aside-list{border-left:1px solid var(--line-soft);margin:0;padding:0;list-style:none}.doc-aside-link{padding:var(--s-2) var(--s-3);font-size:var(--t-sm);color:var(--fg-faint);border-left:1px solid #0000;margin-left:-1px;line-height:1.35;transition:color .16s,border-color .16s;display:block}@media (hover:hover) and (pointer:fine){.doc-aside-link:hover{color:var(--fg-dim)}}.doc-aside-footer{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line-soft);align-items:start;gap:var(--s-2);flex-direction:column;display:flex}.doc-aside-link[data-active=true]{color:var(--fg);border-left-color:var(--accent)}.doc-aside-toggle:focus-visible+.doc-aside-summary{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}.doc-nav{scrollbar-width:none;grid-area:nav;max-height:calc(100svh - 96px);position:sticky;top:72px;overflow-y:auto}.doc-nav::-webkit-scrollbar{display:none}.doc-nav-summary{justify-content:space-between;align-items:center;gap:var(--s-2);padding-left:calc(var(--s-3) + 1px);padding-bottom:var(--s-3);display:flex}.doc-nav-chevron{display:none}.doc-nav-body{gap:var(--s-5);flex-direction:column;display:flex}.doc-nav-heading{margin:0 0 var(--s-2);padding-left:calc(var(--s-3) + 1px)}.doc-nav-list{border-left:1px solid var(--line-soft);margin:0;padding:0;list-style:none}.doc-nav-link{padding:var(--s-2) var(--s-3);font-size:var(--t-sm);color:var(--fg-faint);overflow-wrap:anywhere;border-left:1px solid #0000;margin-left:-1px;line-height:1.35;transition:color .16s,border-color .16s;display:block}@media (hover:hover) and (pointer:fine){.doc-nav-link:hover{color:var(--fg-dim)}}.doc-nav-item[data-active=true] .doc-nav-link{color:var(--fg);border-left-color:var(--accent)}.doc-nav-toggle:focus-visible+.doc-nav-summary{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}.prose h2,.prose h3{scroll-margin-top:80px}@media (width<=1199px){.doc-layout[data-nav=true]{gap:var(--s-7);grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"nav nav""main aside"}.doc-nav{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);max-height:none;position:static;overflow:visible}.doc-nav-summary{padding:var(--s-3) var(--s-4);cursor:pointer;min-height:44px}.doc-nav-chevron{color:var(--fg-faint);transition:transform .2s var(--ease-out);display:block;transform:rotate(90deg)}.doc-nav-toggle:checked+.doc-nav-summary .doc-nav-chevron{transform:rotate(-90deg)}.doc-nav-body{gap:var(--s-4);padding:var(--s-3) var(--s-4);border-top:1px solid var(--line-soft);display:none}.doc-nav-toggle:checked~.doc-nav-body{display:flex}.doc-nav-list{gap:var(--s-1);border-left:0;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));display:grid}.doc-nav-link{padding:var(--s-2) var(--s-3);border-radius:var(--r);border-left:0;margin-left:0}.doc-nav-item[data-active=true] .doc-nav-link{background:var(--bg-2);border-left:0}}@media (width<=1080px) and (width>=861px){.doc-layout,.doc-layout[data-nav=true]{gap:var(--s-5);grid-template-columns:minmax(0,1fr) 160px}}@media (width<=860px){.doc-layout{gap:var(--s-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"aside""main"}.doc-layout[data-nav=true]{grid-template-columns:minmax(0,1fr);grid-template-areas:"nav""aside""main"}.doc-nav-summary{gap:var(--s-3)}.doc-nav-link{padding:var(--s-3) var(--s-4);min-height:44px}.doc-aside{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-1);max-height:none;position:static}.doc-aside-summary{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);cursor:pointer;min-height:44px;display:flex}.doc-aside-chevron{color:var(--fg-faint);transition:transform .2s var(--ease-out);display:block;transform:rotate(90deg)}.doc-aside-toggle:checked+.doc-aside-summary .doc-aside-chevron{transform:rotate(-90deg)}.doc-aside-list{border-left:0;border-top:1px solid var(--line-soft);padding:var(--s-2);display:none}.doc-aside-toggle:checked~nav .doc-aside-list{display:block}.doc-aside-footer{display:none}.doc-aside-toggle:checked~.doc-aside-footer{padding:var(--s-3) var(--s-4);border-top:1px solid var(--line-soft);margin-top:0;display:flex}.doc-aside-link{padding:var(--s-3) var(--s-4);border-left:0;min-height:44px;margin-left:0}.doc-aside-link[data-active=true]{background:var(--bg-2);border-radius:var(--r);border-left:0}}.archive-chip{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--line-soft);background:var(--bg-1);min-height:36px;font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);border-radius:999px;transition:color .16s,background .16s,border-color .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.archive-chip:hover{color:var(--fg);border-color:var(--line)}}.archive-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.archive-count{opacity:.6;font-variant-numeric:tabular-nums}.archive-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.archive-card{border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--bg-1);transition:border-color .2s ease, transform .26s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.archive-card:hover{border-color:var(--line);transform:translateY(-3px)}}.archive-preview{aspect-ratio:16/9;background:var(--bg-0);border-bottom:1px solid var(--line-soft);place-items:center;display:grid;position:relative;overflow:hidden}.archive-card[data-tone=motion]{--tone:var(--tone-motion);--tone-ink:var(--tone-motion-ink)}.archive-card[data-tone=layout]{--tone:var(--tone-layout);--tone-ink:var(--tone-layout-ink)}.archive-card[data-tone=content]{--tone:var(--tone-content);--tone-ink:var(--tone-content-ink)}.archive-card[data-tone=docs]{--tone:var(--tone-docs);--tone-ink:var(--tone-docs-ink)}.archive-card[data-tone="3d"]{--tone:var(--tone-3d);--tone-ink:var(--tone-3d-ink)}.archive-deps{gap:var(--s-1) var(--s-2);flex-wrap:wrap;display:flex}.archive-dep{padding:2px var(--s-2);background:var(--pastel-stone);color:var(--fg-dim);font-family:var(--mono);font-size:var(--t-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;display:inline-flex}.archive-dep[data-none=true]{background:var(--tone-layout);color:var(--tone-layout-ink)}.archive-card[data-tone] .archive-preview{background:var(--tone)}.archive-card[data-tone] .archive-preview .label{color:var(--tone-ink)}.archive-frame{pointer-events:none;border:0;width:100%;height:100%}.archive-tag{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border-radius:var(--r);background:var(--bg-2);min-height:28px;font-family:var(--mono);font-size:var(--t-xs);color:var(--fg-faint);border:1px solid #0000;transition:color .16s,border-color .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.archive-tag:hover{color:var(--fg);border-color:var(--line)}}.archive-tag.is-active{color:var(--fg);border-color:var(--accent)}.menu{z-index:var(--z-top);min-width:13rem;padding:var(--s-1);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(to bottom, var(--glass-edge), transparent 40%), color-mix(in srgb, var(--bg-1) 92%, transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--lift-2);animation:menu-in .13s var(--ease-out);position:fixed}@keyframes menu-in{0%{opacity:0;scale:.96}}.menu-item{align-items:center;gap:var(--s-3);width:100%;min-height:38px;padding:var(--s-2) var(--s-3);border-radius:var(--r);color:var(--fg-dim);font:inherit;font-size:var(--t-sm);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.menu-item:disabled{color:var(--fg-faint);cursor:default}@media (hover:hover) and (pointer:fine){.menu-item:not(:disabled):hover{background:var(--bg-2);color:var(--fg)}}.menu-item:focus-visible{background:var(--bg-2);color:var(--fg);outline:2px solid var(--accent);outline-offset:-2px}.shelf{gap:clamp(var(--s-2), 1.5cqi, var(--s-3));grid-template-columns:repeat(auto-fit,minmax(clamp(6rem,22cqi,9.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.device-desktop .shelf-root>.shelf{grid-template-columns:repeat(var(--device-columns), minmax(0, 1fr));grid-auto-rows:var(--shelf-row);min-height:100%}.shelf-tile{height:100%;translate:var(--x,0) var(--y,0);position:relative}.shelf-tile[data-dragging=true]{z-index:var(--z-raised);cursor:grabbing}.shelf-cell:has(.shelf-tile[data-dragging=true]){z-index:var(--z-raised)}.shelf-cell{min-width:0}.shelf-face{width:100%;height:100%;padding:clamp(var(--s-2), 3cqi, var(--s-4)) clamp(var(--s-1), 2cqi, var(--s-3)) clamp(var(--s-3), 4cqi, var(--s-5));border-radius:var(--r);color:var(--fg-dim);font:inherit;text-align:center;cursor:pointer;transition:background .16s ease, border-color .16s ease, translate .22s var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:clamp(4px,1.2cqi,8px);display:flex}@media (hover:hover) and (pointer:fine){.shelf-face:hover{background:linear-gradient(to bottom, var(--glass-edge), transparent 45%), var(--bg-1);border-color:var(--line-soft);translate:0 -2px}}.shelf-face:focus-visible{background:var(--bg-1);border-color:var(--line-soft)}.shelf-face:active{background:var(--bg-2);translate:0}.shelf-glyph{color:var(--fg-faint);place-items:center;transition:color .16s;display:grid;position:relative}.shelf-glyph svg{width:clamp(22px,9cqi,40px);height:clamp(22px,9cqi,40px)}.shelf-count{background:var(--bg-3);min-width:18px;color:var(--fg-dim);font-family:var(--mono);font-size:var(--t-xs);text-align:center;border-radius:999px;padding:0 4px;line-height:18px;position:absolute;bottom:2px;right:-6px}.shelf-name{color:var(--fg);font-size:clamp(var(--t-xs), 3.2cqi, var(--t-sm));overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;min-width:0;font-weight:500}.shelf-note{font-size:var(--t-xs);color:var(--fg-faint);line-height:1.4}.shelf-more,.window-more{top:var(--s-2);right:var(--s-2);border-radius:var(--r);width:30px;height:30px;color:var(--fg-faint);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;transition:background .14s,color .14s;display:grid;position:absolute}@media (hover:hover) and (pointer:fine){.shelf-more:hover,.window-more:hover{background:var(--bg-2);color:var(--fg)}}.window{width:min(46rem, 100% - var(--s-4) * 2);border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(to bottom, var(--glass-edge), transparent 30%), color-mix(in srgb, var(--bg-1) 94%, transparent);max-height:min(80dvh,44rem);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--fg);box-shadow:var(--lift-3);animation:window-in .2s var(--ease-out);padding:0;overflow:hidden}.window::backdrop{background:var(--scrim);animation:.2s window-scrim-in}@keyframes window-in{0%{opacity:0;translate:0 8px;scale:.97}}@keyframes window-scrim-in{0%{opacity:0}}.window-frame{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.window-bar{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-3) 40%, transparent);display:flex}.window-path{scrollbar-width:none;flex-wrap:nowrap;flex:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.window-path::-webkit-scrollbar{display:none}.window-crumb{white-space:nowrap;flex:none;align-items:center;gap:2px;display:inline-flex}.window-sep{color:var(--fg-faint);transform:rotate(-90deg)}.window-crumb-button{padding:var(--s-1) var(--s-2);border-radius:var(--r);color:var(--fg-faint);font:inherit;font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0}.window-crumb-button[aria-current=true]{color:var(--fg);cursor:default}@media (hover:hover) and (pointer:fine){.window-crumb-button:not([aria-current=true]):hover{background:var(--bg-2);color:var(--fg)}}.window-close{border:1px solid var(--line-soft);border-radius:var(--r);width:34px;height:34px;color:var(--fg-dim);cursor:pointer;background:0 0;flex:none;place-items:center;transition:background .14s,color .14s;display:grid}@media (hover:hover) and (pointer:fine){.window-close:hover{background:var(--bg-2);color:var(--fg)}}.window-canvas{min-width:0;min-height:0;padding:clamp(var(--s-2), 2.5cqi, var(--s-4));overscroll-behavior:contain;flex:1;overflow-y:auto;container:pane/inline-size}.window-list{padding:var(--s-2);overscroll-behavior:contain;margin:0;list-style:none;overflow-y:auto}.window-row-cell{min-width:0}.window-row{position:relative}.window-face{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) calc(var(--s-6) + var(--s-2)) var(--s-3) var(--s-3);border-radius:var(--r-lg);min-height:48px;color:var(--fg-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;transition:background .14s,border-color .14s;display:flex}@media (hover:hover) and (pointer:fine){.window-face:hover{background:var(--bg-2);border-color:var(--line-soft)}}.window-face:focus-visible{background:var(--bg-2);border-color:var(--line-soft)}.window-face:active{background:var(--bg-3)}.window-icon{border:1px solid var(--line-soft);border-radius:var(--r);background:linear-gradient(160deg, var(--glass-edge), transparent 60%), var(--bg-3);width:32px;height:32px;color:var(--fg-dim);flex:none;place-items:center;display:grid}.window-note{font-size:var(--t-xs);color:var(--fg-faint);margin-top:1px;line-height:1.45;display:block}.window-meta{font-family:var(--mono);font-size:var(--t-xs);color:var(--fg-faint);flex:none}.window-into{color:var(--fg-faint);flex:none;transform:rotate(-90deg)}.window-more{top:50%;translate:0 -50%}@media (prefers-reduced-motion:reduce){.menu,.window,.window::backdrop{animation:none}.shelf-face{transition:none}}@media (width<=620px){.shelf{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.window{width:100%;max-height:86dvh}}.shelf-glyph svg path,.window-icon svg path{fill:var(--folder-fill);transition:fill .16s,stroke .16s}.shelf-glyph,.window-icon{color:var(--folder)}@media (hover:hover) and (pointer:fine){.shelf-face:hover .shelf-glyph,.window-face:hover .window-icon{color:var(--folder)}.shelf-tile[data-art=true] .shelf-glyph,.shelf-face:hover .shelf-tile[data-art=true] .shelf-glyph{color:inherit}.shelf-face:hover .shelf-glyph svg path,.window-face:hover .window-icon svg path{fill:color-mix(in srgb, var(--folder) 34%, transparent)}}:is(.window-icon:has(svg path[d^="M6 3h8l4 4v14H6z"]),.shelf-glyph:has(svg path[d^="M6 3h8l4 4v14H6z"])){color:var(--fg-dim)}:is(.window-icon:has(svg path[d^="M6 3h8l4 4v14H6z"]) svg path,.shelf-glyph:has(svg path[d^="M6 3h8l4 4v14H6z"]) svg path){fill:color-mix(in srgb, var(--ink) 8%, transparent)}.device{width:min(100%, var(--device-width,60rem));perspective:var(--device-lens);perspective-origin:50% 20%;margin-inline:auto;position:relative}.device-body{transform-origin:50% 100%;transform:rotateX(var(--device-tilt));transform-style:preserve-3d;aspect-ratio:var(--device-aspect);border:1px solid var(--line);border-radius:var(--device-corner);background:linear-gradient(170deg, var(--shell), var(--shell-deep));box-shadow:0 1px 0 var(--glass-edge) inset, var(--lift-3);position:relative}.device-screen{inset:var(--device-bezel);border-radius:calc(var(--device-corner) - var(--device-bezel));background:var(--bg-0);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--shadow-deep) 40%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadow) 25%, transparent);flex-direction:column;display:flex;position:absolute;overflow:hidden;transform:translateZ(1px)}.device-wallpaper{pointer-events:none;position:absolute;inset:0;overflow:hidden}.device-back{border-radius:var(--device-corner);background:linear-gradient(160deg, var(--shell), var(--shell-deep));pointer-events:none;position:absolute;inset:0;transform:translateZ(-2px)}.device-camera{display:var(--device-camera);left:50%;top:calc(var(--device-bezel) / 2);background:var(--shell-deep);pointer-events:none;border-radius:999px;width:5px;height:5px;position:absolute;transform:translateZ(2px)}.device-bar{display:var(--device-bar);left:50%;bottom:calc(var(--device-bezel) + var(--s-2));background:color-mix(in srgb, var(--ink) 22%, transparent);pointer-events:none;border-radius:999px;width:34%;height:4px;position:absolute;transform:translateZ(2px)}.device-hinge{display:var(--device-hinge);background:linear-gradient(to right, transparent, var(--shell), transparent);pointer-events:none;border-radius:999px;height:2px;position:absolute;bottom:-1px;left:12%;right:12%}.device-base{display:var(--device-deck);height:26px;transform-style:preserve-3d;transform-origin:50% 0;position:relative;transform:rotateX(72deg)}.device-deck{border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);background:linear-gradient(to bottom, var(--shell), var(--shell-deep) 70%);border-top:0;position:absolute;inset:0}.device-pad{background:color-mix(in srgb, var(--bg-3) 60%, transparent);border-radius:3px;width:22%;height:42%;position:absolute;top:30%;left:50%;translate:-50%}.device-shadow{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--shadow-deep) 45%, transparent), transparent 70%);filter:blur(6px);pointer-events:none;width:78%;height:34px;position:absolute;bottom:-18px;left:50%;translate:-50%}.device-strip{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-1) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none;grid-template-columns:1fr auto 1fr;display:grid}.device-title{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);text-align:center;grid-column:2}.device-tools{justify-self:end;align-items:center;gap:var(--s-2);grid-column:3;min-width:0;display:flex}.device-desktop{scrollbar-gutter:stable;min-height:0;padding:clamp(var(--s-3), 3cqi, var(--s-4));padding-bottom:calc(var(--s-4) + var(--device-floor));touch-action:pan-y;flex:1;overflow-y:auto;container:pane/inline-size}.device-screen{container:screen/inline-size}.search-field{align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);padding:var(--s-2) var(--s-3);border:1px solid var(--line-soft);border-radius:var(--r-lg);background:color-mix(in srgb, var(--bg-3) 55%, transparent);display:flex}.search-field:focus-within{border-color:var(--line);outline:2px solid var(--accent);outline-offset:1px}.search-glyph{color:var(--fg-faint);flex:none}.search-input{min-width:0;color:var(--fg);font:inherit;font-size:var(--t-sm);background:0 0;border:0;flex:1}.search-input:focus{outline:none}.search-input::placeholder{color:var(--fg-faint)}.search-count{font-family:var(--mono);font-size:var(--t-xs);color:var(--fg-faint);flex:none}.shelf-results{max-height:none;padding:0}.window-where{font-family:var(--mono);font-size:var(--t-xs);color:var(--folder);margin-top:1px;display:block}.desk-window{translate:var(--x,0) var(--y,0);width:min(30rem, calc(100% - var(--s-5)));border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(to bottom, var(--glass-edge), transparent 22%), color-mix(in srgb, var(--bg-1) 96%, transparent);max-height:min(78%,30rem);box-shadow:var(--lift-3);animation:desk-window-in .16s var(--ease-out);flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}@keyframes desk-window-in{0%{opacity:0;translate:0 4px}}.desk-window[data-dragging=true]{-webkit-user-select:none;user-select:none;cursor:grabbing}.desk-bar{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:40px;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-3) 45%, transparent);cursor:grab;touch-action:none;flex:none;display:flex}.desk-title{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.desk-close{border-radius:var(--r);width:32px;height:32px;color:var(--close-mark);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;transition:background .14s,color .14s;display:grid}@media (hover:hover) and (pointer:fine){.desk-close:hover{background:color-mix(in srgb, var(--close-mark) 14%, transparent);color:var(--close-mark)}}.desk-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.shelf-root{min-height:100%;position:relative;overflow:clip}@media (width<=620px){.desk-window{width:100%;max-height:100%;translate:0}}.dock{padding:clamp(5px,1.4cqi,9px);padding-bottom:calc(clamp(5px, 1.4cqi, 9px) + var(--device-floor));background:color-mix(in srgb, var(--bg-3) 86%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--bg-3) 90%, transparent), inset 0 2px 6px color-mix(in srgb, var(--bg-3) 60%, transparent);z-index:var(--z-desk);flex:none;align-items:center;gap:clamp(4px,1.2cqi,8px);display:flex}.dock-start{width:clamp(28px,6cqi,34px);height:clamp(28px,6cqi,34px);color:var(--fg-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;transition:background .14s,color .14s;display:grid}@media (hover:hover) and (pointer:fine){.dock-start:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--fg)}}.search-results{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.search-result{align-items:center;gap:var(--s-3);width:100%;min-height:44px;padding:var(--s-2);border-radius:var(--r);color:var(--fg-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}@media (hover:hover) and (pointer:fine){.dock-result:hover{background:var(--bg-2)}}.dock-result:focus-visible{background:var(--bg-2)}.dock-tasks{align-items:center;gap:var(--s-1);scrollbar-width:none;overscroll-behavior-x:contain;flex:1;min-width:0;display:flex;overflow-x:auto}.dock-tasks::-webkit-scrollbar{display:none}.dock-task{border-radius:var(--r);background:color-mix(in srgb, var(--bg-2) 70%, transparent);flex:none;align-items:center;display:inline-flex;overflow:hidden}.dock-task-face{align-items:center;gap:var(--s-2);min-height:clamp(28px,6cqi,34px);padding:0 var(--s-2) 0 var(--s-3);color:var(--fg-faint);font:inherit;font-family:var(--mono);font-size:var(--t-xs);cursor:pointer;background:0 0;border:0;display:inline-flex}.dock-task-face[data-active=true]{color:var(--fg);box-shadow:inset 0 -2px 0 var(--folder)}.dock-task-label{text-overflow:ellipsis;white-space:nowrap;max-width:clamp(4rem,18cqi,9rem);overflow:hidden}.dock-task-close{width:clamp(22px,5cqi,28px);height:clamp(28px,6cqi,34px);color:var(--fg-faint);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.dock-task-close:hover{background:var(--bg-3);color:var(--fg)}}.dock-corner{padding-inline:var(--s-2);flex:none}@media (prefers-reduced-motion:reduce){.desk-window{animation:none}}.term{--bg-0:var(--code-bg-deep);--bg-1:var(--code-bg);--bg-2:var(--code-bg-deep);--bg-3:var(--code-bg);--fg:var(--code-ink);--fg-dim:var(--code-ink-dim);--fg-faint:var(--code-ink-dim);--line:var(--code-line);--line-soft:var(--code-line);--accent:var(--syn-literal);--on-accent:var(--code-bg-deep);background:var(--code-bg);height:100%;min-height:0;color:var(--code-ink);font-family:var(--mono);display:flex}.term .code-block,.term pre{background:var(--code-bg-deep);border:1px solid var(--code-line)}.term :not(pre)>code{padding:1px var(--s-1);border-radius:var(--r-sm);background:var(--code-bg-deep);color:var(--syn-property)}.term-aside{border-right:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-3) 60%, transparent);flex-direction:column;flex:0 0 13rem;min-height:0;display:none}@container pane (width>=30rem){.term[data-aside=true] .term-aside{display:flex}}.term-aside-head{justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-3);border-bottom:1px solid var(--line-soft);flex:none;display:flex}.term-aside-title{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint)}.term-new{padding:2px var(--s-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg-dim);font:inherit;font-size:var(--t-xs);cursor:pointer;background:0 0}@media (hover:hover) and (pointer:fine){.term-new:hover{border-color:var(--accent);color:var(--accent)}}.term-threads{min-height:0;padding:var(--s-2);overscroll-behavior:contain;flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.term-thread-face{min-width:0;padding:var(--s-2);border-radius:var(--r-sm);color:var(--fg-dim);font:inherit;font-size:var(--t-xs);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;flex:1;overflow:hidden}.term-thread-face[data-active=true]{background:var(--bg-2);color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}.term-thread-drop{width:22px;color:var(--fg-faint);font:inherit;cursor:pointer;background:0 0;border:0;flex:none}@media (hover:hover) and (pointer:fine){.term-thread-face:hover{background:var(--bg-2);color:var(--fg)}.term-thread-drop:hover{color:var(--accent)}}.term-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.term-log{gap:clamp(var(--s-3), 3cqi, var(--s-4));min-height:0;padding:clamp(var(--s-3), 3cqi, var(--s-4));overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:1;display:flex;overflow-y:auto}.term-banner{align-items:center;gap:var(--s-2);font-size:var(--t-xs);letter-spacing:.22em;text-transform:lowercase;-webkit-user-select:none;user-select:none;flex:none;margin:0;display:flex}.term-slash{color:var(--fg-faint)}.term-mark{color:var(--accent)}.term-greeting{color:var(--fg-faint);font-size:var(--t-xs);text-wrap:pretty;margin:0;line-height:1.6}.term-elsewhere,.term-openers{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.term-elsewhere{margin-top:var(--s-3)}.term-openers{margin-top:var(--s-4)}.term-link,.term-opener{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--fg-dim);font:inherit;font-size:var(--t-xs);text-align:left;cursor:pointer;background:0 0;line-height:1.5;text-decoration:none;transition:border-color .14s,color .14s;display:inline-flex}@media (hover:hover) and (pointer:fine){.term-link:hover,.term-opener:hover{border-color:var(--accent);color:var(--accent)}}.term-link:focus-visible,.term-opener:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent);color:var(--accent)}.term-opener:disabled{opacity:.5;cursor:default}.term-link svg,.term-opener svg{flex:none}.term-elsewhere li:nth-child(4n+1) .term-link svg{color:var(--syn-keyword)}.term-elsewhere li:nth-child(4n+2) .term-link svg{color:var(--syn-number)}.term-elsewhere li:nth-child(4n+3) .term-link svg{color:var(--syn-tag)}.term-elsewhere li:nth-child(4n+4) .term-link svg{color:var(--syn-property)}@media (hover:hover) and (pointer:fine){.term-link:hover svg{color:inherit}}.term-turn{gap:var(--s-3);grid-template-columns:auto 1fr;min-width:0;display:grid}.term-sigil{color:var(--fg-faint);font-size:var(--t-sm);-webkit-user-select:none;user-select:none;line-height:1.6}.term-turn[data-role=assistant] .term-sigil{color:var(--accent)}.term-body{min-width:0;font-size:clamp(var(--t-xs), 3.2cqi, var(--t-sm));line-height:1.6}.term-body pre,.term-body table{max-width:100%;display:block;overflow-x:auto}.term-body a,.term-body code{overflow-wrap:anywhere}.term-plain{white-space:pre-wrap;margin:0}.term-caret{background:var(--accent);width:8px;height:1em;margin:0;animation:1s steps(2,start) infinite term-blink}@keyframes term-blink{50%{opacity:0}}.term-form{align-items:flex-end;gap:var(--s-2);padding:clamp(var(--s-2), 2.5cqi, var(--s-3));border-top:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg-3) 55%, transparent);flex:none;display:flex}.term-prompt{color:var(--accent);font-size:var(--t-sm);-webkit-user-select:none;user-select:none;flex:none;padding-bottom:6px}.term-field{min-width:0;max-height:7lh;padding:var(--s-2) 0;color:var(--fg);font:inherit;font-size:var(--t-sm);resize:none;background:0 0;border:0;flex:1;line-height:1.5}.term-field:focus-visible{outline:0}.term-field::placeholder{color:var(--fg-faint)}.term-send{align-items:center;gap:var(--s-2);min-height:32px;padding-inline:var(--s-3);border:1px solid var(--accent);border-radius:var(--r-pill);color:var(--accent);font:inherit;font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;flex:none;transition:background .14s,color .14s;display:inline-flex}.term-send svg{flex:none}.term-send[data-icon=true]{justify-content:center;width:32px;padding-inline:0}@media (hover:hover) and (pointer:fine){.term-send:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}}.term-send:disabled{border-color:var(--line);color:var(--fg-faint);cursor:default}.desk-window:has(.term){width:min(var(--w,44rem), 100%);height:var(--h,min(82%, 30rem));max-height:min(var(--h,min(82%, 30rem)), 100%)}.window-canvas:has(.term){padding:0;display:flex;overflow:hidden}.window-page:has(.term){flex:1;min-width:0;min-height:0;padding:0;display:flex}.window-page:has(.term) .term{flex:1;height:auto}@media (prefers-reduced-motion:reduce){.term-caret,.term-send{transition:none;animation:none}}.typed{white-space:pre;display:inline-flex}.typed-char{animation:1ms linear both typed-in;animation-delay:calc(var(--i) * var(--typed-step,55ms))}@keyframes typed-in{0%{opacity:0}to{opacity:1}}.typed-char:nth-child(9n+1){color:var(--syn-literal)}.typed-char:nth-child(9n+2){color:var(--syn-number)}.typed-char:nth-child(9n+3){color:var(--syn-variable)}.typed-char:nth-child(9n+4){color:var(--syn-string)}.typed-char:nth-child(9n+5){color:var(--syn-property)}.typed-char:nth-child(9n+6){color:var(--syn-type)}.typed-char:nth-child(9n+7){color:var(--syn-keyword)}.typed-char:nth-child(9n+8){color:var(--syn-function)}.typed-char:nth-child(9n+9){color:var(--syn-tag)}@media (prefers-reduced-motion:reduce){.typed-char{animation:none}}.boot{z-index:var(--z-boot);justify-content:center;align-items:center;gap:clamp(var(--s-3), 3cqi, var(--s-5));background:var(--bg-0);animation:boot-out .26s var(--ease-out) 1.4s forwards;flex-direction:column;display:flex;position:absolute;inset:0}.boot-stage{aspect-ratio:1;width:clamp(5rem,22cqi,9rem)}.boot-count{font-family:var(--mono);font-size:clamp(var(--t-sm), 5cqi, var(--t-lg));font-variant-numeric:tabular-nums;letter-spacing:.24em;color:var(--accent);margin:0}.boot-rail{background:var(--bg-3);border-radius:999px;width:clamp(8rem,44cqi,18rem);height:2px;overflow:hidden}.boot-fill{transform-origin:0;background:var(--accent);width:100%;height:100%;transition:transform .18s linear}@keyframes boot-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.boot{animation:none}.boot-fill{transition:none}}.theme-toggle{border:1px solid var(--line-soft);background:var(--bg-2);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--shadow) 22%, transparent);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.theme-toggle-option{width:28px;height:28px;color:var(--fg-faint);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .14s,color .14s;display:grid}.theme-toggle-option[aria-checked=true]{background:var(--bg-0);color:var(--accent);box-shadow:var(--lift-1)}@media (hover:hover) and (pointer:fine){.theme-toggle-option:hover{color:var(--fg)}}@media (prefers-reduced-motion:reduce){.theme-toggle-option{transition:none}}.window-canvas,.search-results,.device-desktop,.nav-sheet{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.window-canvas::-webkit-scrollbar{width:10px}.search-results::-webkit-scrollbar{width:10px}.device-desktop::-webkit-scrollbar{width:10px}.nav-sheet::-webkit-scrollbar{width:10px}.window-canvas::-webkit-scrollbar-track{background:0 0}.search-results::-webkit-scrollbar-track{background:0 0}.device-desktop::-webkit-scrollbar-track{background:0 0}.nav-sheet::-webkit-scrollbar-track{background:0 0}.window-canvas::-webkit-scrollbar-thumb{background:var(--line);background-clip:content-box;border:2px solid #0000;border-radius:999px}.search-results::-webkit-scrollbar-thumb{background:var(--line);background-clip:content-box;border:2px solid #0000;border-radius:999px}.device-desktop::-webkit-scrollbar-thumb{background:var(--line);background-clip:content-box;border:2px solid #0000;border-radius:999px}.nav-sheet::-webkit-scrollbar-thumb{background:var(--line);background-clip:content-box;border:2px solid #0000;border-radius:999px}@media (hover:hover) and (pointer:fine){.window-canvas::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);background-clip:content-box}.search-results::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);background-clip:content-box}.device-desktop::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);background-clip:content-box}.nav-sheet::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);background-clip:content-box}}.desk-body>.window-frame{flex-direction:column;min-height:0;display:flex}.dock-icon{border-radius:var(--r);width:30px;height:30px;color:var(--fg);place-items:center;transition:background .14s,color .14s;display:grid}@media (hover:hover) and (pointer:fine){.dock-icon:hover{background:var(--bg-3)}}.clock{color:var(--fg-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.desk-window{width:min(var(--w,min(30rem, calc(100% - var(--s-5)))), 100%);height:var(--h,auto);max-height:min(var(--h,min(78%, 30rem)), 100%);min-width:min(15rem,100%);min-height:10rem}.desk-window[data-resizing=true]{-webkit-user-select:none;user-select:none}.desk-resize{cursor:nwse-resize;touch-action:none;background:repeating-linear-gradient(-45deg, transparent 0 3px, var(--line) 3px 4px);border-bottom-right-radius:var(--r-lg);width:20px;height:20px;position:absolute;bottom:0;right:0}@media (hover:hover) and (pointer:fine){.desk-resize:hover{background:repeating-linear-gradient(-45deg, transparent 0 3px, var(--fg-faint) 3px 4px)}}.window-page{min-width:0;padding:clamp(var(--s-2), 3cqi, var(--s-4));font-size:clamp(var(--t-xs), 3.4cqi, var(--t-sm))}.window-page pre,.window-page table{max-width:100%;display:block;overflow-x:auto}.window-page img,.window-page svg,.window-page video{max-width:100%;height:auto}.window-page a,.window-page code{overflow-wrap:anywhere}@media (width<=620px){.desk-resize{display:none}}.search-results{min-height:0;padding:var(--s-2);flex:1;margin:0;list-style:none;overflow-y:auto}.window-frame>.search-field{margin:var(--s-3) var(--s-3) 0;flex:none}.dock-task-face[data-minimised=true]{opacity:.55;box-shadow:none}.dock-task-face[data-minimised=true]:hover{opacity:1}.video{margin:var(--s-6) 0;gap:var(--s-2);flex-direction:column;display:flex}.video-stage{aspect-ratio:var(--video-ratio,16 / 9);border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--bg-2);position:relative;overflow:hidden}.video-stage>:is(iframe,video,mux-player){border:0;width:100%;height:100%;display:block}.video-poster{cursor:pointer;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid}.video-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-play{background:color-mix(in srgb, var(--bg-0) 82%, transparent);width:64px;height:64px;color:var(--fg);box-shadow:var(--lift-2);transition:transform .22s var(--ease-out), background .16s ease;border-radius:999px;place-items:center;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.video-poster:hover .video-play{background:var(--bg-0);transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.video-play{transition:none}.video-poster:hover .video-play{transform:none}}.video-badge{right:var(--s-3);bottom:var(--s-3);padding:2px var(--s-2);border-radius:var(--r);background:color-mix(in srgb, var(--bg-0) 78%, transparent);color:var(--fg-dim);font-family:var(--mono);font-size:var(--t-xs);position:absolute}.video-btn{align-items:center;gap:var(--s-1);min-height:32px;padding:var(--s-1) var(--s-2);border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-1);color:var(--fg-dim);font-family:var(--mono);font-size:var(--t-xs);cursor:pointer;display:inline-flex}@media (hover:hover) and (pointer:fine){.video-btn:hover{border-color:var(--line);color:var(--fg)}}@media (width>=900px){.video[data-variant=cinema] .video-stage{--cinema-bleed:min(var(--s-8), max(var(--s-2), (100vw - var(--container)) / 2 - var(--s-3)));width:calc(100% + var(--cinema-bleed) * 2);margin-inline:calc(var(--cinema-bleed) * -1)}}.video[data-variant=card]{gap:var(--s-1);margin:0}.video[data-variant=card] .video-play{width:44px;height:44px}.video[data-variant=card] .video-caption{font-size:var(--t-xs)}.video[data-variant=reel] .video-stage,.video[data-variant=reel] figcaption{max-width:22rem;margin-inline:auto}.video[data-theme=dark] .video-stage{border-color:var(--bg-3);background:var(--bg-3)}.video[data-theme=dark] .video-play{background:color-mix(in srgb, var(--bg-0) 88%, transparent)}.questions{margin-block:var(--s-6)}.questions-title{margin-bottom:var(--s-3);font-size:var(--t-sm);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-dim);font-weight:600}.questions-list{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));margin:0;padding:0;list-style:none;display:grid}.questions-ask{align-items:center;gap:var(--s-2);width:100%;padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r);background:var(--bg-1);color:var(--fg);font:inherit;font-size:var(--t-sm);text-align:left;cursor:pointer;transition:border-color .16s var(--ease-out), background .16s var(--ease-out);display:flex}.questions-ask:before{content:"?";background:var(--bg-2);width:1.5rem;height:1.5rem;color:var(--fg-dim);font-family:var(--mono);font-size:var(--t-xs);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.questions-ask[data-static=true]{cursor:default}@media (hover:hover) and (pointer:fine){.questions-ask:not([data-static=true]):hover{border-color:var(--accent);background:var(--bg-2)}}.consent{inset-inline:var(--s-4);bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));z-index:var(--z-overlay-over);max-width:26rem;padding:var(--s-4);gap:var(--s-3);background:var(--bg-0);border:1px solid var(--line-soft);border-radius:var(--r-card);box-shadow:var(--lift-3);flex-direction:column;margin-inline-start:auto;display:flex;position:fixed}.consent-actions{gap:var(--s-2);display:flex}.consent-actions>*{flex:auto;justify-content:center}}@layer utilities{.flex{display:flex}.grid{display:grid}.block{display:block}.hidden{display:none}.col{flex-direction:column}.wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:end}.justify-start{justify-content:start}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.inline-flex{display:inline-flex}.flex-1{flex:1}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.fixed{position:fixed}.inset-0{inset:0}.z-1{z-index:var(--z-base)}.z-nav{z-index:var(--z-sticky)}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.gap-6{gap:var(--s-6)}.gap-7{gap:var(--s-7)}.m-0{margin:0}.mx-auto{margin-inline:auto}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.mt-auto{margin-top:auto}.mt-1{margin-top:var(--s-1)}.mt-2{margin-top:var(--s-2)}.mt-3{margin-top:var(--s-3)}.mt-4{margin-top:var(--s-4)}.mt-5{margin-top:var(--s-5)}.mt-6{margin-top:var(--s-6)}.mt-7{margin-top:var(--s-7)}.mb-1{margin-bottom:var(--s-1)}.mb-2{margin-bottom:var(--s-2)}.mb-3{margin-bottom:var(--s-3)}.mb-4{margin-bottom:var(--s-4)}.mb-5{margin-bottom:var(--s-5)}.mb-6{margin-bottom:var(--s-6)}.mb-7{margin-bottom:var(--s-7)}.p-1{padding:var(--s-1)}.p-2{padding:var(--s-2)}.p-3{padding:var(--s-3)}.p-4{padding:var(--s-4)}.p-5{padding:var(--s-5)}.p-6{padding:var(--s-6)}.px-2{padding-inline:var(--s-2)}.px-3{padding-inline:var(--s-3)}.px-4{padding-inline:var(--s-4)}.px-5{padding-inline:var(--s-5)}.p-0{padding:0}.py-2{padding-block:var(--s-2)}.py-3{padding-block:var(--s-3)}.py-4{padding-block:var(--s-4)}.py-5{padding-block:var(--s-5)}.py-6{padding-block:var(--s-6)}.py-7{padding-block:var(--s-7)}.w-full{width:100%}.h-full{height:100%}.max-w-prose{max-width:var(--measure)}.max-w-sm{max-width:460px}.max-w-full{max-width:100%}.text-xs{font-size:var(--t-xs)}.text-sm{font-size:var(--t-sm)}.text-md{font-size:var(--t-md)}.text-lg{font-size:var(--t-lg)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.mono{font-family:var(--mono)}.uppercase{text-transform:uppercase}.text-center{text-align:center}.text-end{text-align:end}.nowrap{white-space:nowrap}.italic{font-style:italic}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.break-anywhere{overflow-wrap:anywhere}.leading-tight{line-height:1.15}.h1{font-size:var(--t-h1);letter-spacing:-.04em;font-weight:600;line-height:.92}.h2{font-size:var(--t-h2);letter-spacing:-.025em;font-weight:600;line-height:1.08}.h3{font-size:var(--t-h3);letter-spacing:-.012em;font-weight:600;line-height:1.25}.label{align-items:center;gap:var(--s-2);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);display:inline-flex}.label svg{flex:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fg{color:var(--fg)}.fg-dim{color:var(--fg-dim)}.fg-faint{color:var(--fg-faint)}.fg-accent{color:var(--accent)}.bg-1{background:var(--bg-1)}.bg-2{background:var(--bg-2)}.border{border:1px solid var(--line)}.border-t{border-top:1px solid var(--line-soft)}.border-b{border-bottom:1px solid var(--line-soft)}.border-s{border-inline-start:1px solid var(--line-soft)}.border-e{border-inline-end:1px solid var(--line-soft)}.rounded{border-radius:var(--r)}.rounded-lg{border-radius:var(--r-lg)}.rounded-xl{border-radius:var(--r-card)}.rounded-full{border-radius:999px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.pointer{cursor:pointer}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}