@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-ext-wght-normal-BUWC6ZS3.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-wght-normal-ENSFVLK4.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-greek-wght-normal-Y3BRZMJV.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-vietnamese-wght-normal-SP6EBKAH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-ext-wght-normal-TSLVDSQR.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-wght-normal-VBS632QH.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #0b0c10;--bg-raised: #101117;--surface: rgba(20, 22, 29, .72);--surface-strong: rgba(24, 26, 34, .88);--surface-solid: #14161d;--surface-sunken: rgba(255, 255, 255, .025);--surface-hover: rgba(255, 255, 255, .045);--surface-active: rgba(255, 255, 255, .07);--scrim: rgba(6, 7, 10, .56);--border: rgba(255, 255, 255, .075);--border-strong: rgba(255, 255, 255, .13);--border-focus: color-mix(in oklab, var(--accent) 70%, white 10%);--highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--text: #eceef3;--text-2: #a3a8b5;--text-3: #6c7180;--text-inverse: #0b0c10;--accent: #8b9cff;--accent-hover: color-mix(in oklab, var(--accent) 88%, white 12%);--accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);--accent-softer: color-mix(in oklab, var(--accent) 8%, transparent);--accent-text: color-mix(in oklab, var(--accent) 70%, white 30%);--accent-contrast: #0b0c10;--positive: #5fd49a;--negative: #ff6b6b;--attention: #ffc46b;--social: #7ab8ff;--fun: #d08bff;--neutral: #a3a8b5;--tier-bronze: #d9975f;--tier-silver: #c9d3e0;--tier-gold: #ffcd57;--team-blue: #4f8cff;--team-orange: #ff8a3d;--font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 12.5px;--text-md: 13.5px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 30px;--text-4xl: 44px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 8px;--radius: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--radius-sheet: 28px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .3), 0 24px 64px rgba(0, 0, 0, .45);--shadow-sheet: 0 2px 8px rgba(0, 0, 0, .35), 0 30px 80px -12px rgba(0, 0, 0, .7);--blur: 18px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.3, 1.3, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .16s;--dur: .2s;--dur-slow: .24s;--ease-sheet: cubic-bezier(.25, 1.08, .4, 1);--dur-sheet: .46s;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--keyboard-height: 0px;--touch: 44px;--panel-width: 440px;--sheet-gap: 8px;--sheet-top-gap: 40px;--hud-inset: 16px;--z-world: 0;--z-hud: 10;--z-monitor: 20;--z-panel: 30;--z-dialog: 40;--z-palette: 50;--z-toast: 60;--z-titlebar: 90}.accent-scope{--accent-hover: color-mix(in oklab, var(--accent) 88%, white 12%);--accent-soft: color-mix(in oklab, var(--accent) 15%, transparent);--accent-softer: color-mix(in oklab, var(--accent) 8%, transparent);--accent-text: color-mix(in oklab, var(--accent) 70%, white 30%);--border-focus: color-mix(in oklab, var(--accent) 70%, white 10%)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms;--dur-sheet: 1ms}}:root.reduce-motion{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms;--dur-sheet: 1ms}@media(max-width:720px){:root{--hud-inset: 12px}}@keyframes dsy-spin{to{transform:rotate(360deg)}}@keyframes dsy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dsy-fade-in{0%{opacity:0}}@keyframes dsy-rise-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes dsy-drop-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}}@keyframes dsy-scale-in{0%{opacity:0;transform:scale(.96)}}@keyframes dsy-slide-in-right{0%{opacity:.4;transform:translate(24px)}}@keyframes dsy-slide-in-up{0%{transform:translateY(100%)}}@keyframes dsy-sheet-in{0%{transform:translateY(calc(100% + 48px))}}@keyframes dsy-bar-in{0%{opacity:0;transform:translateY(12px)}}@keyframes dsy-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes dsy-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.anim-rise{animation:dsy-rise-in var(--dur-slow) var(--ease-out) both}.anim-drop{animation:dsy-drop-in var(--dur-slow) var(--ease-out) both}.anim-fade{animation:dsy-fade-in var(--dur) var(--ease-out) both}.anim-scale{animation:dsy-scale-in var(--dur) var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}:root.reduce-motion *,:root.reduce-motion *:before,:root.reduce-motion *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}@property --dlg-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-opsz-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}@property --count{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --tick{syntax: "<integer>"; inherits: false; initial-value: 0;}:root{--font-sans: "Inter Variable", "Inter Fallback", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-3: #8a8f9e;--text-bright: #f5f6fb;--accent-light: #a3b0ff;--accent-deep: #6f7ff2;--peach: #f2a46e;--cyan: #6bd0e0;--violet: #b79bff;--brand-gradient: linear-gradient(96deg, #dfe3ff 0%, #a9b5ff 30%, var(--violet) 62%, var(--peach) 100%);--heading-gradient: linear-gradient(180deg, #ffffff 30%, #c4c8d6 120%);--hairline-gradient: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05) 40%, rgba(255, 255, 255, .03));--accent-glow: radial-gradient(closest-side, color-mix(in oklab, var(--accent) 34%, transparent), transparent);--ink: #07080b;--surface-1: #0e0f15;--surface-2: #13141c;--media-bg: #0e0f14;--glass: rgba(255, 255, 255, .028);--glass-strong: rgba(255, 255, 255, .05);--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .14);--highlight-top: inset 0 1px 0 rgba(255, 255, 255, .06);--r-control: 10px;--r-tile: 14px;--r-card: 22px;--r-frame: 28px;--shadow-float: 0 1px 1px rgba(0, 0, 0, .3), 0 12px 24px -12px rgba(0, 0, 0, .7), 0 40px 80px -40px rgba(0, 0, 0, .9);--shadow-card: 0 1px 0 rgba(255, 255, 255, .02), 0 30px 60px -40px rgba(0, 0, 0, .9);--page-max: 1200px;--page-wide: 1280px;--gutter: 32px;--section-gap: 176px;--header-h: 88px;--display-hero: clamp(44px, min(6.9vw, 11vh), 100px);--display-1: clamp(40px, 6vw, 84px);--display-2: clamp(32px, 4.3vw, 60px);--display-3: clamp(24px, 2.3vw, 32px);--lede: clamp(17px, 1.3vw, 19.5px);--ease-cinema: cubic-bezier(.16, 1, .3, 1);--ease-glide: cubic-bezier(.32, .72, 0, 1)}@media(max-width:1024px){:root{--gutter: 24px;--section-gap: 128px}}@media(max-width:720px){:root{--gutter: 16px;--section-gap: 96px;--header-h: 76px}}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--header-h) + 16px);overflow-x:clip}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100dvh;overflow-x:clip;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;font-feature-settings:"cv11","ss01","ss03","calt";font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-weight:650;letter-spacing:-.03em;line-height:1.15;color:var(--text);text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}dl,dd,figure,blockquote{margin:0}img,svg,video,canvas,picture{display:block;max-width:100%}img,video{height:auto}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tabular{font-variant-numeric:tabular-nums}html.menu-open{overflow:hidden}.container{width:100%;max-width:calc(var(--page-max) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.container--wide{max-width:calc(var(--page-wide) + var(--gutter) * 2)}.container--narrow{max-width:calc(780px + var(--gutter) * 2)}.section{position:relative;padding-block:calc(var(--section-gap) / 2)}.section--flush-top{padding-top:0}.section~.section{content-visibility:auto;contain-intrinsic-size:auto 900px}:root[data-jumping] .section~.section,:root:has(:target) .section~.section{content-visibility:visible}site-footer{content-visibility:auto;contain-intrinsic-size:auto 560px}.rule{height:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent)}.grid{display:grid;gap:var(--grid-gap, var(--space-4))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}}.lit-card{position:relative;isolation:isolate;border-radius:var(--r-card);background:radial-gradient(120% 80% at 50% -20%,color-mix(in oklab,var(--lit, var(--accent)) 9%,transparent),transparent 60%),linear-gradient(180deg,#ffffff09,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff0e,var(--highlight-top),var(--shadow-card)}.lit-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--px, 50%) var(--py, 0%),color-mix(in oklab,var(--lit, var(--accent)) 13%,transparent),transparent 60%);transition:opacity .4s var(--ease-out)}.lit-card:after{content:"";position:absolute;inset:0;z-index:3;padding:1px;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--px, 50%) var(--py, 0%),color-mix(in oklab,var(--lit, var(--accent)) 75%,white),transparent 70%);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;transition:opacity .4s var(--ease-out)}@media(hover:hover)and (pointer:fine){.lit-card:hover:before,.lit-card:hover:after{opacity:1}}.lit-card{padding:var(--card-pad, clamp(22px, 2.4vw, 32px));transition:transform .5s var(--ease-cinema),box-shadow .4s var(--ease-out)}.lit-card>*{position:relative;z-index:1}@media(hover:hover)and (pointer:fine){.lit-card--lift:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff14,var(--highlight-top),0 40px 80px -40px #000000f2,0 30px 70px -50px color-mix(in oklab,var(--lit, var(--accent)) 60%,transparent)}}@media(prefers-reduced-motion:reduce){.lit-card{transform:none!important}}:root.reduce-motion .lit-card{transform:none!important}.tile-icon{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;color:color-mix(in oklab,var(--lit, var(--accent)) 38%,white);background:radial-gradient(120% 100% at 30% 0%,color-mix(in oklab,var(--lit, var(--accent)) 30%,transparent),transparent 75%),linear-gradient(180deg,#ffffff0f,#ffffff04);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--lit, var(--accent)) 30%,rgba(255,255,255,.06)),inset 0 1px #ffffff1a,0 10px 24px -12px color-mix(in oklab,var(--lit, var(--accent)) 80%,transparent)}.tile-icon--sm{width:34px;height:34px;border-radius:10px}.tone-accent{--lit: var(--accent)}.tone-social{--lit: var(--social)}.tone-fun{--lit: var(--fun)}.tone-positive{--lit: var(--positive)}.tone-attention{--lit: var(--attention)}.tone-peach{--lit: var(--peach)}.tone-cyan{--lit: var(--cyan)}.tone-violet{--lit: var(--violet)}.tone-negative{--lit: var(--negative)}.tone-neutral{--lit: var(--neutral)}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:3px 12px 3px 10px;border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--lit, var(--accent)) 28%,transparent);background:color-mix(in oklab,var(--lit, var(--accent)) 9%,transparent);color:color-mix(in oklab,var(--lit, var(--accent)) 42%,white);font-size:var(--text-sm);font-weight:600;line-height:1.2;white-space:nowrap}.status-pill__dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--lit, var(--accent));box-shadow:0 0 0 3px color-mix(in oklab,var(--lit, var(--accent)) 22%,transparent)}.text-link{color:var(--accent-text);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 40%,transparent);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out),text-decoration-color var(--dur-fast) var(--ease-out)}.text-link:hover{color:var(--text-bright);text-decoration-color:currentColor}.more-link{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch);color:var(--text-bright);font-weight:560;font-size:15px;letter-spacing:-.01em}.more-link site-icon{color:var(--lit, var(--accent-text));transition:transform .3s var(--ease-cinema)}.more-link:hover site-icon{transform:translate(4px)}.checks{display:flex;flex-direction:column;gap:10px}.checks li{display:flex;align-items:flex-start;gap:10px;color:var(--text-2);font-size:15px;line-height:1.5}.checks li site-icon{margin-top:3px;color:var(--positive)}.kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:linear-gradient(180deg,#ffffff17,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff1a,0 1px #00000080;color:var(--text-2);font-family:var(--font-mono);font-size:11px;line-height:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px 0 10px;border-radius:var(--radius-full);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff17,var(--highlight-top);color:var(--text-2);font-size:13px;font-weight:550;letter-spacing:-.003em;line-height:1;white-space:nowrap}.eyebrow:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--lit, var(--accent));box-shadow:0 0 0 3px color-mix(in oklab,var(--lit, var(--accent)) 20%,transparent),0 0 10px var(--lit, var(--accent))}.eyebrow--plain{min-height:0;padding:0;background:none;box-shadow:none;color:color-mix(in oklab,var(--lit, var(--accent)) 50%,white);font-size:13px;font-weight:600}.eyebrow--plain:before{display:none}.display-hero,.display-1,.display-2,.display-3{color:var(--text-bright);font-optical-sizing:auto;text-wrap:balance}.display-hero{font-size:var(--display-hero);font-weight:620;line-height:.98;letter-spacing:-.045em}.display-1{font-size:var(--display-1);font-weight:620;line-height:1;letter-spacing:-.042em}.display-2{font-size:var(--display-2);font-weight:610;line-height:1.04;letter-spacing:-.036em}.display-3{font-size:var(--display-3);font-weight:600;line-height:1.14;letter-spacing:-.026em}.display-hero,.display-1,.display-2{background:var(--heading-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.08em;margin-bottom:-.08em}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.08em;margin-bottom:-.08em}.lede{font-size:var(--lede);line-height:1.6;color:var(--text-2);max-width:33em;letter-spacing:-.011em}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.small{font-size:14px}.mono{font-family:var(--font-mono);font-feature-settings:normal;letter-spacing:0}.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);max-width:760px;margin-bottom:clamp(48px,6vw,80px)}.section-head .lede{margin-top:2px}.section-head--center{align-items:center;margin-inline:auto;text-align:center}.section-head--center .lede{margin-inline:auto}.prose{color:var(--text-2);font-size:16.5px;line-height:1.75}.prose>*+*{margin-top:1em}.prose h2{margin-top:2.4em;padding-top:1.2em;border-top:1px solid var(--hairline);font-size:clamp(22px,2.2vw,28px);letter-spacing:-.028em;color:var(--text-bright)}.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}.prose h3{margin-top:1.6em;font-size:var(--text-xl);color:var(--text)}.prose ul{display:flex;flex-direction:column;gap:.5em;padding-left:1.2em;list-style:disc}.prose li::marker{color:var(--accent)}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.prose code{padding:1px 6px;border-radius:6px;background:#ffffff0d;color:var(--text);font-size:.9em}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--radius-full);font-size:15px;font-weight:560;letter-spacing:-.012em;white-space:nowrap;text-decoration:none;transform:translate(var(--mx, 0px),var(--my, 0px));transition:transform .5s var(--ease-cinema),box-shadow .3s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out)}.button site-icon{transition:transform .3s var(--ease-cinema)}.button:hover site-icon{transform:translate(3px)}.button:active{transform:translate(var(--mx, 0px),var(--my, 0px)) scale(.98)}.button--sm{min-height:38px;padding:0 14px;font-size:14px;gap:6px}@media(pointer:coarse){.button--sm{min-height:var(--touch)}}.button--lg{min-height:54px;padding:0 26px;font-size:16px}.button--primary{overflow:hidden;color:#090a10;background:linear-gradient(180deg,#fff,#dfe3ff 55%,#c3cbff);box-shadow:inset 0 1px #fff,inset 0 -1px #3c46a04d,0 0 0 1px color-mix(in oklab,var(--accent) 55%,transparent),0 1px 2px #00000080,0 10px 30px -10px color-mix(in oklab,var(--accent) 85%,transparent),0 0 60px -20px color-mix(in oklab,var(--accent) 70%,transparent)}.button--primary:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.95) 47%,rgba(255,255,255,.95) 53%,transparent 70%);transform:translate(-130%);transition:transform .9s var(--ease-cinema)}.button--primary:hover{box-shadow:inset 0 1px #fff,inset 0 -1px #3c46a04d,0 0 0 1px color-mix(in oklab,var(--accent) 75%,transparent),0 1px 2px #00000080,0 16px 44px -10px color-mix(in oklab,var(--accent) 100%,transparent),0 0 80px -16px color-mix(in oklab,var(--accent) 85%,transparent)}.button--primary:hover:after{transform:translate(130%)}.button--ghost{color:var(--text-bright);background-color:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1a,var(--highlight-top);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.button--ghost:hover{background-color:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff29,var(--highlight-top)}.button--quiet{color:var(--text-2)}.button--quiet:hover{color:var(--text-bright);background-color:#ffffff0d}@media(prefers-reduced-motion:reduce){.button{transform:none}.button:after{display:none}}:root.reduce-motion .button{transform:none}:root.reduce-motion .button:after{display:none}.face{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;color:#0a0b10d9;font-size:10px;font-weight:700;letter-spacing:.01em;line-height:1;background:linear-gradient(160deg,var(--face-a),var(--face-b));box-shadow:0 0 0 2px #12131a,inset 0 1px #ffffff80;--face-a: #c5ceff;--face-b: #8b9cff}.face--a{--face-a: #ffd2b0;--face-b: #f2a46e}.face--b{--face-a: #b8f0d4;--face-b: #5fd49a}.face--c{--face-a: #dccbff;--face-b: #b79bff}.face--d{--face-a: #bfeaf2;--face-b: #6bd0e0}.face--sm{width:20px;height:20px;font-size:8.5px}.face--lg{width:36px;height:36px;font-size:12px}.ui-card{--tone: var(--accent);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:11px;padding:11px 12px 11px 11px;border-radius:16px;background:radial-gradient(90% 130% at 0% 0%,color-mix(in oklab,var(--tone) 18%,transparent),transparent 62%),linear-gradient(180deg,#191b22fa,#0e1015fa);box-shadow:0 22px 50px -22px #000000e6,0 14px 40px -26px color-mix(in oklab,var(--tone) 80%,transparent),0 0 0 1px #00000080}.ui-card:after{content:"";position:absolute;inset:0;z-index:2;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,color-mix(in oklab,var(--tone) 55%,rgba(255,255,255,.2)),#ffffff12 45%,#ffffff0d);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}.ui-card--positive{--tone: var(--positive)}.ui-card--attention{--tone: var(--attention)}.ui-card--fun{--tone: var(--fun)}.ui-card--social{--tone: var(--social)}.ui-card--negative{--tone: var(--negative)}.ui-card__icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;color:color-mix(in oklab,var(--tone) 45%,white);background:radial-gradient(120% 100% at 30% 0%,color-mix(in oklab,var(--tone) 34%,transparent),transparent 75%),#ffffff0a;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tone) 36%,transparent)}.ui-card__body{display:flex;flex-direction:column;gap:1px;min-width:0}.ui-card__title{color:var(--text-bright);font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.3;white-space:nowrap}.ui-card__text{color:var(--text-2);font-size:12px;line-height:1.3;white-space:nowrap}.ui-card__chip{flex:none;margin-left:4px;padding:5px 10px;border-radius:var(--radius-full);background:color-mix(in oklab,var(--tone) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tone) 40%,transparent);color:color-mix(in oklab,var(--tone) 40%,white);font-size:11.5px;font-weight:600}.ui-card__time{align-self:flex-start;flex:none;margin-left:6px;color:var(--text-3);font-size:11px}.ui-status{--tone: var(--accent);display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 8px;border-radius:var(--radius-full);background:color-mix(in oklab,var(--tone) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tone) 30%,transparent);color:color-mix(in oklab,var(--tone) 45%,white);font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap}.ui-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tone);box-shadow:0 0 8px var(--tone)}.ui-status--positive{--tone: var(--positive)}.ui-status--attention{--tone: var(--attention)}.ui-status--negative{--tone: var(--negative)}.ui-status--fun{--tone: var(--fun)}.ui-status--social{--tone: var(--social)}.ui-window{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#14151df5,#0c0d12fa);box-shadow:0 0 0 1px #00000080,var(--shadow-float)}.ui-window:after{content:"";position:absolute;inset:0;z-index:2;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff24,#ffffff0a 50%,#ffffff0f);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}.ui-window__bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text-2);font-size:12.5px;font-weight:550}.ui-window__dots{display:inline-flex;gap:6px}.ui-window__dots i{width:9px;height:9px;border-radius:50%;background:#ffffff1f}.ui-window__title{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--text)}.ui-window__end{margin-left:auto}@media(prefers-reduced-motion:no-preference){:root.reveal-on .reveal,:root.reveal-on .reveal-media,:root.reveal-on .reveal-stagger>*{transition:opacity .7s var(--ease-out),transform .9s var(--ease-cinema);transition-delay:calc(var(--stagger, 0) * 70ms)}:root.reveal-on .reveal:not([data-shown]),:root.reveal-on .reveal-stagger:not([data-shown])>*{opacity:0;transform:translateY(22px)}:root.reveal-on .reveal-media:not([data-shown]){opacity:0;transform:translateY(36px) scale(.97)}:root.reveal-on[data-jumping] .reveal,:root.reveal-on[data-jumping] .reveal-media,:root.reveal-on[data-jumping] .reveal-stagger>*{opacity:1;transform:none;transition:none}}.reveal-stagger>:nth-child(2){--stagger: 1}.reveal-stagger>:nth-child(3){--stagger: 2}.reveal-stagger>:nth-child(4){--stagger: 3}.reveal-stagger>:nth-child(5){--stagger: 4}.reveal-stagger>:nth-child(6){--stagger: 5}.reveal-stagger>:nth-child(7){--stagger: 6}.reveal-stagger>:nth-child(n+8){--stagger: 7}.live:not([data-live]),.live:not([data-live]):before,.live:not([data-live]):after,.live:not([data-live]) *,.live:not([data-live]) *:before,.live:not([data-live]) *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.live,.live:before,.live:after,.live *,.live *:before,.live *:after{animation:none!important}}@keyframes site-count{0%{--count: 0}}@media(prefers-reduced-motion:no-preference){.count-up[data-counting]{animation:site-count 1.8s var(--ease-cinema) both}}.count-up{--count: var(--to);counter-reset:count var(--count)}.count-up:before{content:counter(count)}