@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e9fcf2a736cc2865-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5ba6339fa8c3ef7b-s.woff2) format("woff2");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:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7510f746b21ae7c3-s.woff2) format("woff2");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:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3c365cdafe49b4eb-s.p.woff2) format("woff2");unicode-range:u+00??,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:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3d2d27a4cad47329-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/70c6212c0873ede2-s.woff2) format("woff2");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:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/1ce1ffaf105af326-s.woff2) format("woff2");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:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/4642fe567cc45cd6-s.p.woff2) format("woff2");unicode-range:u+00??,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:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/381ef99eada06d71-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/efb1d0d3266e2361-s.woff2) format("woff2");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:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/cdca6fff670edd4c-s.woff2) format("woff2");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:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d536ec48f0acd73b-s.p.woff2) format("woff2");unicode-range:u+00??,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:Prompt Fallback;src:local("Arial");ascent-override:97.38%;descent-override:37.70%;line-gap-override:0.00%;size-adjust:111.93%}.__className_533250{font-family:Prompt,Prompt Fallback;font-style:normal}.__variable_533250{--font-prompt:"Prompt","Prompt Fallback"}:root{--ci-navy:#0d1e4c;--ci-magenta:#c448cb;--ci-pink:#e5c9d7;--ci-sky:#83a6ce;--ci-maroon:#83415e;--ci-slate:#26415e;--ci-abyss:#0b1b32;--ci-apricot:#e8a87c;--ci-text-on-dark:#eef2f8;--surface-0:#081527;--surface-1:var(--ci-abyss);--surface-2:#0f2340;--surface-3:var(--ci-navy);--bg:var(--surface-0);--bg-raised:var(--surface-2);--bg-card:#0d1f39;--border:#1d3557;--border-strong:var(--ci-slate);--text:var(--ci-text-on-dark);--text-dim:#a9bcd6;--text-faint:#6d84a6;--accent:var(--ci-magenta);--accent-text:#ffffff;--link:var(--ci-sky);--xp:var(--ci-apricot);--live:var(--ci-maroon);--ping-good:#3fb950;--cta-fill-bg:var(--ci-magenta);--cta-fill-text:#ffffff;--cta-alt-bg:transparent;--cta-alt-text:var(--ci-text-on-dark);--radius:4px;--radius-lg:8px;--radius-xl:14px;--radius-pill:999px;--glow-accent:0 0 0 1px var(--ci-magenta),0 0 14px color-mix(in srgb,var(--ci-magenta) 40%,transparent);--glow-soft:0 0 24px color-mix(in srgb,var(--ci-sky) 18%,transparent);--shadow-card:0 1px 0 rgb(255 255 255/4%) inset,0 18px 40px -24px rgb(0 0 0/70%);--gradient-brand:linear-gradient(135deg,var(--ci-slate) 0%,var(--ci-sky) 55%,var(--ci-apricot) 100%);--gradient-neon:linear-gradient(135deg,var(--ci-magenta) 0%,#7b5ce0 50%,var(--ci-sky) 100%);--font-ui:var(--font-prompt),"Segoe UI",-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;--font-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,monospace;--numeric-feature:"tnum" 1,"lnum" 1;--step-display:clamp(2.5rem,1.6rem + 4.2vw,4.75rem);--step-h2:clamp(1.75rem,1.3rem + 1.9vw,2.6rem);--step-h3:clamp(1.125rem,1.02rem + 0.4vw,1.3rem);--step-body:clamp(1rem,0.97rem + 0.15vw,1.0625rem);--step-small:0.875rem;--step-micro:0.75rem;--container:1140px;--container-narrow:720px;--gutter:clamp(1.25rem,0.8rem + 2vw,2.5rem);--section-y:clamp(4rem,3rem + 5vw,7.5rem);--ease:cubic-bezier(0.2,0.6,0.2,1);--fast:120ms;--slow:320ms}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--step-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body,figure,h1,h2,h3,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}::selection{background:color-mix(in srgb,var(--accent) 45%,transparent);color:#fff}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.narrow{max-width:var(--container-narrow)}.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1rem;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius)}.skip:focus{left:1rem;top:1rem}.kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--step-micro);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.section{padding-block:var(--section-y)}.section-head{display:flex;flex-direction:column;gap:.75rem;max-width:46rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}.h2{font-size:var(--step-h2);font-weight:600;line-height:1.2;letter-spacing:-.01em}.lede{color:var(--text-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;font-size:var(--step-small);font-weight:600;border-radius:var(--radius-pill);border:1px solid transparent;transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease),background-color var(--fast) var(--ease),border-color var(--fast) var(--ease);white-space:nowrap}.btn,.btn:hover{text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--cta-fill-bg);color:var(--cta-fill-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 85%,white);box-shadow:var(--glow-accent)}.btn-ghost{background:var(--cta-alt-bg);color:var(--cta-alt-text);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--ci-sky);background:color-mix(in srgb,var(--ci-sky) 10%,transparent)}.btn-lg{padding:1rem 1.75rem;font-size:1rem}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.mono{font-family:var(--font-mono);font-feature-settings:var(--numeric-feature)}.mark{display:block;flex:none}.wordmark{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--text)}.wordmark:hover{text-decoration:none}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface-0) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.header-inner{height:64px}.header-inner,.header-nav{display:flex;align-items:center;gap:1.5rem}.header-nav{-webkit-margin-start:auto;margin-inline-start:auto}.header-link{font-size:var(--step-small);color:var(--text-dim)}.header-link:hover{color:var(--text);text-decoration:none}@media (max-width:700px){.header-link.optional{display:none}}.lang{position:relative}.lang-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:var(--step-small);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-pill)}.lang-btn:hover{color:var(--text);border-color:var(--border-strong)}.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + .5rem);min-width:10rem;padding:.35rem;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 20px 40px -20px rgb(0 0 0/80%);z-index:30}.lang-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .65rem;font-size:var(--step-small);border-radius:var(--radius);color:var(--text-dim)}.lang-item:hover{background:color-mix(in srgb,var(--ci-sky) 12%,transparent)}.lang-item:hover,.lang-item[aria-current=true]{color:var(--text)}.lang-item[aria-current=true]:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.hero{position:relative;padding-block:clamp(3rem,2rem + 5vw,6rem) var(--section-y);overflow:hidden}.hero:before{content:"";position:absolute;inset:-30% -10% auto -10%;height:70vh;background:radial-gradient(45% 55% at 18% 20%,color-mix(in srgb,var(--ci-magenta) 22%,transparent),transparent 70%),radial-gradient(45% 60% at 78% 8%,color-mix(in srgb,var(--ci-sky) 16%,transparent),transparent 70%);pointer-events:none;z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-gap:clamp(2rem,1rem + 4vw,4.5rem);gap:clamp(2rem,1rem + 4vw,4.5rem);align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.hero-copy{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}.hero-title{font-size:var(--step-display);font-weight:600;line-height:1.05;letter-spacing:-.03em;-webkit-padding-before:.1em;padding-block-start:.1em}.hero-rule{width:4.5rem;height:3px;border-radius:2px;background:var(--gradient-neon);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}.hero-body{font-size:clamp(1.0625rem,1rem + .4vw,1.25rem);color:var(--text-dim);max-width:34rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}.hero-note{font-size:var(--step-small);color:var(--text-faint)}.mock{position:relative;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:0 40px 80px -40px rgb(0 0 0/85%),var(--glow-soft);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mock-bar{display:flex;align-items:center;gap:.5rem;height:36px;padding-inline:.85rem;background:var(--surface-0);border-bottom:1px solid var(--border);font-size:var(--step-micro);color:var(--text-faint)}.mock-dots{display:flex;gap:.35rem;-webkit-margin-start:auto;margin-inline-start:auto}.mock-dot{width:8px;height:8px;border-radius:2px;background:var(--border-strong)}.mock-body{display:grid;grid-template-columns:56px 168px minmax(0,1fr);min-height:340px}.mock-rail{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem 0;background:var(--surface-0);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border)}.mock-room{width:34px;height:34px;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border)}.mock-room.active{background:var(--gradient-neon);border-color:transparent;box-shadow:var(--glow-accent)}.mock-side{padding:.85rem .75rem;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;gap:.55rem}.mock-side-title{font-size:var(--step-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.mock-channel{display:flex;align-items:center;gap:.4rem;padding:.3rem .45rem;border-radius:var(--radius);font-size:var(--step-small);color:var(--text-dim)}.mock-channel.active{background:color-mix(in srgb,var(--ci-sky) 14%,transparent);color:var(--text)}.mock-channel .hash{color:var(--text-faint)}.mock-main{display:flex;flex-direction:column;gap:.75rem;padding:.9rem 1rem 1rem;background:var(--surface-2)}.mock-msg{display:grid;grid-template-columns:28px minmax(0,1fr);grid-gap:.6rem;gap:.6rem;align-items:start}.mock-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-brand);display:grid;place-items:center;font-size:var(--step-micro);font-weight:600;color:var(--ci-navy)}.mock-who{font-weight:600}.mock-text,.mock-who{font-size:var(--step-small)}.mock-text{color:var(--text-dim);line-height:1.5}.mock-voice{-webkit-margin-before:auto;margin-block-start:auto;display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--border-strong);font-size:var(--step-micro)}.mock-voice .live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2.4s var(--ease) infinite}.mock-voice .ping{-webkit-margin-start:auto;margin-inline-start:auto;font-family:var(--font-mono);font-feature-settings:var(--numeric-feature);color:var(--ping-good)}.mock-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.mock-bars span{width:3px;background:var(--ci-sky);border-radius:1px;animation:talk 1.1s var(--ease) infinite}.mock-bars span:first-child{height:40%;animation-delay:0s}.mock-bars span:nth-child(2){height:75%;animation-delay:.12s}.mock-bars span:nth-child(3){height:55%;animation-delay:.24s}.mock-bars span:nth-child(4){height:90%;animation-delay:60ms}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes talk{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media (max-width:560px){.mock-body{grid-template-columns:44px minmax(0,1fr)}.mock-side{display:none}}.grid-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));grid-gap:1rem;gap:1rem}.feature{position:relative;padding:1.4rem 1.35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--fast) var(--ease),transform var(--fast) var(--ease),background-color var(--fast) var(--ease)}.feature:hover{border-color:var(--border-strong);transform:translateY(-2px);background:color-mix(in srgb,var(--bg-card) 80%,var(--surface-2))}.feature:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:var(--gradient-neon);opacity:0;transition:opacity var(--fast) var(--ease);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.feature:hover:after{opacity:1}.feature-icon{width:34px;height:34px;margin-bottom:.9rem;border-radius:var(--radius);display:grid;place-items:center;background:color-mix(in srgb,var(--ci-sky) 14%,transparent);color:var(--ci-sky)}.feature h3{font-size:var(--step-h3);font-weight:600;margin-bottom:.35rem}.feature p{font-size:var(--step-small);color:var(--text-dim)}.panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(1.5rem,1rem + 3vw,3.5rem);gap:clamp(1.5rem,1rem + 3vw,3.5rem);align-items:center;padding:clamp(1.5rem,1rem + 3vw,3rem);background:radial-gradient(60% 100% at 100% 0,color-mix(in srgb,var(--ci-magenta) 14%,transparent),transparent 70%),var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}@media (max-width:860px){.panel{grid-template-columns:minmax(0,1fr)}}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.stat{padding:1rem 1.1rem;background:color-mix(in srgb,var(--surface-0) 70%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-value{display:block;font-size:1.5rem;font-weight:600;font-family:var(--font-mono);font-feature-settings:var(--numeric-feature);color:var(--text)}.stat-label{font-size:var(--step-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.points{display:flex;flex-direction:column;gap:.85rem;-webkit-margin-before:1.5rem;margin-block-start:1.5rem}.point{display:grid;grid-template-columns:20px minmax(0,1fr);grid-gap:.75rem;gap:.75rem;font-size:var(--step-small);color:var(--text-dim)}.point svg{-webkit-margin-before:.25rem;margin-block-start:.25rem;color:var(--accent)}.cta{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:clamp(2.5rem,2rem + 4vw,4.5rem) var(--gutter);border-block:1px solid var(--border);background:radial-gradient(50% 120% at 50% 0,color-mix(in srgb,var(--ci-magenta) 16%,transparent),transparent 70%),var(--surface-1)}.footer{padding-block:3rem 2.5rem;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);background:var(--surface-1);font-size:var(--step-small)}.footer-grid{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between}.footer-col h4{margin:0 0 .65rem;font-size:var(--step-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.footer-col li+li{-webkit-margin-before:.4rem;margin-block-start:.4rem}.footer-col a{color:var(--text-dim)}.footer-col a:hover{color:var(--text)}.footer-bottom{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;-webkit-margin-before:2.5rem;margin-block-start:2.5rem;-webkit-padding-before:1.5rem;padding-block-start:1.5rem;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);color:var(--text-faint);font-size:var(--step-micro)}.badge-preview{padding:.15rem .55rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--xp)}.page-head{padding-block:clamp(2.5rem,2rem + 3vw,4.5rem) 0}.dl-grid{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;align-items:stretch}@media (max-width:900px){.dl-grid{grid-template-columns:minmax(0,1fr)}}.dl-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.dl-card.primary{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:radial-gradient(80% 100% at 0 0,color-mix(in srgb,var(--ci-magenta) 15%,transparent),transparent 65%),var(--bg-card)}.dl-head{display:flex;align-items:center;gap:.6rem}.dl-head h2{font-size:1.25rem;font-weight:600}.tag{padding:.1rem .5rem;font-size:var(--step-micro);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);color:var(--accent)}.dl-body{font-size:var(--step-small);color:var(--text-dim);flex:1 1}.dl-actions{gap:.5rem}.dl-actions,.dl-meta{display:flex;flex-wrap:wrap}.dl-meta{gap:.5rem 1rem;align-items:center;-webkit-margin-before:1.5rem;margin-block-start:1.5rem;font-size:var(--step-small);color:var(--text-faint)}.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));grid-gap:1rem 2rem;gap:1rem 2rem}.note{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:.7rem;gap:.7rem;font-size:var(--step-small);color:var(--text-dim)}.note svg{-webkit-margin-before:.3rem;margin-block-start:.3rem;color:var(--ci-sky)}.callout{padding:1.1rem 1.25rem;border:1px solid var(--border);-webkit-border-start:2px solid var(--xp);border-inline-start:2px solid var(--xp);border-radius:var(--radius);background:color-mix(in srgb,var(--xp) 7%,transparent);font-size:var(--step-small);color:var(--text-dim)}.invite-wrap{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:clamp(1.5rem,1rem + 3vw,4rem) var(--gutter);position:relative;overflow:hidden}.invite-wrap:before{content:"";position:absolute;inset:-20% -20% auto -20%;height:60vh;background:radial-gradient(50% 60% at 50% 0,color-mix(in srgb,var(--ci-magenta) 20%,transparent),transparent 70%);pointer-events:none}.invite-card{position:relative;width:100%;max-width:30rem;padding:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);text-align:center;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.invite-mark{display:grid;place-items:center;margin-inline:auto;-webkit-margin-after:1.25rem;margin-block-end:1.25rem}.invite-kicker{justify-content:center;-webkit-margin-after:.6rem;margin-block-end:.6rem}.invite-title{font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem);font-weight:600;line-height:1.25}.invite-body{-webkit-margin-before:.6rem;margin-block-start:.6rem;font-size:var(--step-small);color:var(--text-dim)}.invite-room{display:flex;align-items:center;gap:.85rem;margin-block:1.25rem;padding:.85rem;text-align:start;background:color-mix(in srgb,var(--surface-0) 60%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg)}.invite-room-icon{width:44px;height:44px;flex:none;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--gradient-brand);color:var(--ci-navy);font-weight:600}.invite-room-name{font-weight:600}.invite-room-meta{display:flex;flex-wrap:wrap;gap:.25rem .85rem;font-size:var(--step-micro);color:var(--text-faint)}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-block:1.25rem;padding:.7rem .85rem;background:color-mix(in srgb,var(--surface-0) 60%,transparent);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:start}.invite-code-label{display:block;font-size:var(--step-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.invite-code-value{font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.16em;color:var(--text)}.invite-actions{display:flex;flex-direction:column;gap:.6rem}.invite-fallback{-webkit-margin-before:1.5rem;margin-block-start:1.5rem;-webkit-padding-before:1.25rem;padding-block-start:1.25rem;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);font-size:var(--step-small);color:var(--text-dim)}.invite-fallback strong{display:block;color:var(--text);font-weight:600}.invite-hint{-webkit-margin-before:.75rem;margin-block-start:.75rem;font-size:var(--step-micro);color:var(--text-faint)}.invite-warn{color:var(--xp)}.simple{min-height:calc(100vh - 64px);display:grid;place-items:center;text-align:center;padding:var(--section-y) var(--gutter)}.simple .h2{-webkit-margin-after:.75rem;margin-block-end:.75rem}.prose{display:flex;flex-direction:column;gap:1rem;color:var(--text-dim);font-size:var(--step-small)}.prose h2{-webkit-margin-before:1.5rem;margin-block-start:1.5rem;font-size:var(--step-h3);color:var(--text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:hover,.feature:hover{transform:none}}