:root{--color-void: oklch(12% .02 262);--color-void-deep: oklch(9% .016 262);--color-elev: oklch(16% .022 262);--color-ink: oklch(96% .008 250);--color-ink-2: oklch(81% .014 252);--color-ink-3: oklch(65% .016 254);--color-rule: oklch(27% .02 260);--color-accent: oklch(62% .17 250);--color-accent-deep: oklch(54% .19 252);--color-accent-deeper: oklch(48% .19 252);--color-accent-bright: oklch(74% .13 245);--color-focus: oklch(70% .19 248);--color-selection: oklch(62% .17 250 / .35);--bloom-top: oklch(55% .15 255 / .3);--bloom-halo: oklch(62% .17 250 / .12);--color-page: oklch(97% .006 85);--color-page-glass: oklch(97% .006 85 / .98);--color-page-2-glass: oklch(94% .008 85 / .97);--color-page-ink: oklch(25% .012 268);--color-page-ink-3: oklch(31% .012 268);--color-page-muted: oklch(52% .014 80);--color-page-rule: oklch(88% .01 85);--color-page-accent: oklch(52% .17 252);--color-page-accent-soft: oklch(52% .17 252 / .09);--color-page-accent-hover: oklch(52% .17 252 / .16);--color-page-accent-rim: oklch(52% .17 252 / .22);--glass-fill: rgba(255, 255, 255, .09);--glass-fill-faint: rgba(255, 255, 255, .06);--glass-rim: rgba(255, 255, 255, .12);--glass-rim-2: rgba(255, 255, 255, .1);--glass-crown: rgba(255, 255, 255, .6);--glass-crown-soft: rgba(255, 255, 255, .45);--glass-glint: rgba(255, 255, 255, .3);--glass-inner: rgba(255, 255, 255, .05);--glass-key-inset: rgba(0, 0, 0, .22);--glass-fringe-cool: rgba(120, 235, 255, .07);--glass-fringe-warm: rgba(255, 130, 220, .07);--glass-shadow: rgba(2, 4, 12, .45);--shadow-float: rgba(2, 4, 12, .35);--shadow-page: rgba(2, 4, 12, .25);--shadow-deep: rgba(2, 4, 12, .55);--glass-solid: oklch(18% .022 262);--font-display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--font-wordmark: "New York", ui-serif, Georgia, serif;--text-xs: .72rem;--text-sm: .845rem;--text-base: 1rem;--text-md: 1.185rem;--text-lg: 1.4rem;--text-xl: 1.75rem;--text-2xl: 2.15rem;--text-beat: clamp(1.9rem, 3.4vw + .6rem, 3.3rem);--text-display: clamp(2.7rem, 6.5vw, 5.6rem);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8.5rem;--page-gutter: clamp(1.25rem, 5vw, 3rem);--radius-panel: 28px;--radius-page: 18px;--radius-card: 22px;--radius-input: 16px;--radius-chip: 12px;--radius-key: 10px;--radius-pill: 999px;--rule-hair: 1px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-base: 1;--z-raised: 10;--z-sticky: 200}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-ink);background:var(--color-void);-webkit-font-smoothing:antialiased}::selection{background:var(--color-selection)}h1,h2,h3{overflow-wrap:anywhere;min-width:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:4px}.stage{position:relative;min-height:100dvh;isolation:isolate}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wallpaper{position:fixed;inset:-6%;z-index:-2;background:radial-gradient(64% 46% at 50% -12%,var(--bloom-top) 0%,transparent 70%),radial-gradient(46% 26% at 50% 58%,var(--bloom-halo) 0%,transparent 72%),linear-gradient(180deg,var(--color-void) 0%,var(--color-void) 60%,var(--color-void-deep) 100%)}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:absolute;inset:0 0 auto;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--page-gutter)}.wordmark{font-family:var(--font-wordmark);font-style:italic;font-size:19px;line-height:1;color:var(--color-ink);text-decoration:none;letter-spacing:.02em}.nav-get{font-size:13.5px;font-weight:600;line-height:1;color:var(--color-ink);text-decoration:none;white-space:nowrap;padding:10px 18px;border-radius:var(--radius-pill);border:var(--rule-hair) solid var(--color-rule);transition:background var(--dur-micro) var(--ease-out)}.nav-get:hover{background:var(--color-elev)}main{max-width:1160px;margin:0 auto;padding-inline:var(--page-gutter)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:clamp(38rem,96dvh,56rem);padding-block:calc(var(--space-2xl) + 24px) var(--space-2xl)}.hero-kicker{margin:0 0 var(--space-md);font-size:var(--text-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-3)}.hero h1{font-family:var(--font-display);font-weight:700;font-size:var(--text-display);line-height:.98;letter-spacing:-.035em;margin:0 0 var(--space-md);text-wrap:balance}.hero h1 em{font-style:normal;color:var(--color-accent-bright)}.lede{max-width:44ch;margin:0 0 var(--space-lg);font-size:clamp(1rem,1.4vw,var(--text-md));line-height:1.55;color:var(--color-ink-2);text-wrap:pretty}.cta-row{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.cta{display:inline-flex;align-items:center;line-height:1;white-space:nowrap;text-decoration:none;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--color-page);background:var(--color-accent-deep);border-radius:var(--radius-pill);padding:16px 28px;box-shadow:0 12px 32px var(--shadow-float);transition:background var(--dur-micro) var(--ease-out),transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.cta:hover{background:var(--color-accent-deeper);transform:translateY(-2px);box-shadow:0 18px 44px var(--shadow-deep)}.cta:active{transform:translateY(0)}.cta-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.hotkey-keys{display:flex;gap:6px;align-items:center}.key{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-ink-2);min-width:34px;padding:8px 0 10px;text-align:center;border-radius:var(--radius-key);background:var(--glass-fill-faint);border:var(--rule-hair) solid var(--glass-rim-2);box-shadow:inset 0 1px .5px var(--glass-crown-soft),inset 0 -3px 6px var(--glass-key-inset),0 6px 14px var(--shadow-float)}.key-wide{min-width:62px;font-size:11.5px;letter-spacing:.06em}.hero-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.panel{position:relative;isolation:isolate;contain:layout paint;width:min(600px,100%);padding:12px;border-radius:var(--radius-panel);text-align:left;background:var(--glass-fill);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:var(--rule-hair) solid var(--glass-rim);box-shadow:inset 0 1px .5px var(--glass-crown),inset 0 0 0 1px var(--glass-rim-2),inset 0 -10px 26px var(--glass-inner),inset 1px 0 0 var(--glass-fringe-cool),inset -1px 0 0 var(--glass-fringe-warm),0 24px 60px var(--glass-shadow)}@supports (backdrop-filter: url(#lg-refract)){.panel{-webkit-backdrop-filter:url(#lg-refract) blur(9px) saturate(185%);backdrop-filter:url(#lg-refract) blur(9px) saturate(185%)}.panel.lg--lens-on{-webkit-backdrop-filter:url(#lg-lens) blur(7px) saturate(185%);backdrop-filter:url(#lg-lens) blur(7px) saturate(185%)}}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(160px 160px at var(--mx, 50%) var(--my, 0%),var(--glass-glint),transparent 62%);mix-blend-mode:screen;opacity:.8}.panel>*{position:relative;z-index:var(--z-base)}.demo-hint{margin:0;min-height:1lh;font-size:var(--text-xs);color:var(--color-ink-3)}.demo-hint b{color:var(--color-ink-2);font-weight:600}.panel-page{border-radius:var(--radius-page);background:linear-gradient(180deg,var(--color-page-glass),var(--color-page-2-glass));color:var(--color-page-ink);padding:24px 24px 16px;min-height:21rem;display:flex;flex-direction:column;box-shadow:0 1px 0 var(--glass-crown) inset,0 10px 30px var(--shadow-page)}.panel-page:focus-visible{outline:2px solid var(--color-page-accent);outline-offset:-2px}.pg-welcome{margin:auto;font-family:var(--font-wordmark);font-size:var(--text-lg);color:var(--color-page-muted)}.pg-ask{margin:0 0 var(--space-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--color-page-muted)}.pg-ask b{font-weight:600;color:var(--color-page-accent)}.pg-title{font-family:var(--font-wordmark);font-weight:600;font-size:clamp(19px,2.6vw,23px);line-height:1.16;letter-spacing:-.012em;margin:0 0 var(--space-sm)}.pg-row{font-family:var(--font-wordmark);font-size:13.8px;line-height:1.56;margin:0 0 var(--space-xs);color:var(--color-page-ink-3)}.pg-row b{font-weight:600;color:var(--color-page-ink)}.pg-src{margin:var(--space-sm) 0 0;padding-top:var(--space-xs);border-top:var(--rule-hair) solid var(--color-page-rule);font-size:11px;letter-spacing:.01em;color:var(--color-page-muted)}.pg-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.pg-chip{font-family:var(--font-body);font-size:12.8px;font-weight:600;white-space:nowrap;color:var(--color-page-accent);background:var(--color-page-accent-soft);border:var(--rule-hair) solid var(--color-page-accent-rim);border-radius:var(--radius-chip);padding:8px 12px;min-height:36px;cursor:pointer;transition:background var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.pg-chip:hover{background:var(--color-page-accent-hover)}.pg-chip:active{transform:translateY(1px)}.pg-chip:disabled{opacity:.55;cursor:not-allowed}.pg-chip[data-ghost=true],.pg-chip[data-busy=true]{background:var(--color-page-accent);color:var(--color-page);transform:translateY(1px)}.stream{opacity:0;animation:stream .38s var(--ease-out) forwards;animation-delay:calc(var(--j, 0) * 60ms)}@keyframes stream{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel-composer{margin-top:12px;display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;border-radius:var(--radius-input);background:var(--glass-fill);border:var(--rule-hair) solid var(--glass-rim-2);box-shadow:inset 0 1px .5px var(--glass-crown-soft);color:var(--color-ink-3);font-size:13.5px;line-height:1}.pc-clip{opacity:.55;flex:none;display:grid}.pc-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden}.pc-text.is-typing{color:var(--color-ink)}.pc-send{flex:none;opacity:.6}.pc-send.is-hot{opacity:1;color:var(--color-accent-bright)}.caret{display:inline-block;width:1px;height:14px;margin-left:3px;vertical-align:-2px;background:var(--color-ink-2);animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.beats{padding-block:var(--space-4xl) var(--space-2xl);display:grid;gap:var(--space-xl)}.beat{border-top:var(--rule-hair) solid var(--color-rule);padding-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.beat:nth-child(2){margin-inline-start:clamp(0rem,7vw,6rem)}.beat:nth-child(3){margin-inline-start:clamp(0rem,14vw,12rem)}.beat h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-beat);line-height:1.02;letter-spacing:-.03em;margin:0}.beat-sub{margin:0;font-size:var(--text-base);color:var(--color-ink-3);max-width:52ch}.beat-sub b{font-weight:600;color:var(--color-ink-2)}.beat .hotkey-keys{margin-top:var(--space-2xs)}.beat .key{min-width:30px;padding:4px 0 8px;font-size:12px;box-shadow:inset 0 1px .5px var(--glass-crown-soft),inset 0 -3px 6px var(--glass-key-inset)}.mini-chips{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-2xs)}.mini-chip{font-size:12px;font-weight:600;white-space:nowrap;line-height:1;color:var(--color-accent-bright);background:var(--bloom-halo);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-chip);padding:10px 12px}.film-sec{padding-block:var(--space-3xl) var(--space-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.film-sec h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);letter-spacing:-.025em;line-height:1.05;margin:0;text-align:center}.film{width:min(880px,100%);aspect-ratio:16 / 10;border-radius:var(--radius-card);border:var(--rule-hair) solid var(--color-rule);background:var(--color-elev);object-fit:cover;display:block}.film--plate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);box-shadow:inset 0 1px 0 var(--glass-inner)}.film-play{width:58px;height:58px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--glass-fill-faint);border:var(--rule-hair) solid var(--color-rule);color:var(--color-ink-2)}.film-note{font-size:var(--text-sm);color:var(--color-ink-3)}.get{padding-block:var(--space-3xl) var(--space-3xl);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.get h2{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1;letter-spacing:-.03em;margin:0;max-width:18ch;text-wrap:balance}.foot{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;padding-block:var(--space-lg) var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-3)}.foot a{color:var(--color-ink-3);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;transition:color var(--dur-micro) var(--ease-out)}.foot a:hover{color:var(--color-ink-2)}.foot .wordmark{font-size:16px;color:var(--color-ink-2);text-decoration:none}.legal{padding-top:calc(var(--space-3xl) + var(--space-lg))}.legal-body{max-width:68ch;padding-bottom:var(--space-2xl);color:var(--color-ink-2)}.legal-body h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.15;color:var(--color-ink);margin:0 0 var(--space-xs)}.legal-body h2{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.25;color:var(--color-ink);margin:var(--space-xl) 0 var(--space-sm)}.legal-body .legal-meta{font-size:var(--text-sm);color:var(--color-ink-3);margin-top:0}.legal-body b{color:var(--color-ink);font-weight:600}.legal-body ul{padding-left:1.2em}.legal-body li+li{margin-top:var(--space-xs)}.legal-body a{color:var(--color-accent-bright);text-underline-offset:3px}.reveal{opacity:0;animation:rise .7s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.scrollin{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:calc(var(--k, 0) * .11s)}.scrollin.in{opacity:1;transform:none}@media(max-width:60rem){.beat:nth-child(2),.beat:nth-child(3){margin-inline-start:0}.beats{padding-block:var(--space-3xl) var(--space-xl)}}@media(max-width:40rem){.hero{min-height:0;padding-block:calc(var(--space-2xl) + 16px) var(--space-2xl)}.panel{padding:8px}.panel-page{padding:18px 18px 14px;min-height:23rem}.pg-chip{min-height:44px}.cta{width:100%;justify-content:center}.cta-row{flex-direction:column;gap:var(--space-md)}}@media(pointer:coarse){.pg-chip{min-height:44px}}@media(prefers-reduced-motion:reduce){.reveal,.stream{animation:none;opacity:1;transform:none}.scrollin{transition:none;opacity:1;transform:none}.caret{animation:none}.panel:before{background:radial-gradient(160px 160px at 50% 0%,var(--glass-glint),transparent 62%)}.cta,.cta:hover{transform:none}}@media(prefers-reduced-transparency:reduce){.panel,.panel-composer{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.panel:before{background:none}}.auth-stage{display:grid;place-items:center}.auth-main{width:min(420px,calc(100vw - 40px));position:relative;z-index:1}.auth-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 32px;border-radius:22px;text-align:center}.auth-sub{font-size:14.5px;line-height:1.55;color:var(--ink-soft);max-width:40ch}.auth-status{font-size:14px;color:var(--ink-soft)}.auth-status.ok{color:var(--ink);font-size:15px;font-weight:600}.auth-status.err{color:#ff8f87;font-size:13px}.auth-buttons{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--ink);font:inherit;font-size:14.5px;font-weight:550;cursor:pointer}.auth-btn:hover{background:#ffffff24}.auth-btn:disabled{opacity:.55;cursor:default}.auth-btn.primary{background:#ffffffeb;color:#101420;border-color:transparent}.auth-btn.primary:hover{background:#fff}.auth-alt{border:none;background:none;padding:0;font:inherit;font-size:12.5px;color:var(--ink-faint);cursor:pointer}.auth-alt:hover{color:var(--ink-soft);text-decoration:underline}.auth-card{background:linear-gradient(180deg,#ffffff0e,#ffffff05);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px #00000073}
