@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--stage:#0c0e11;--bg:#141619;--bg-1:#1b1e22;--bg-2:#22262b;--bg-3:#2a2f35;--bg-hover:#333940;--header-bg:#141619e6;--fs-marketing:clamp(44px,5.42vw,78px);--line:#ffffff14;--line-soft:#ffffff0d;--line-strong:#ffffff1f;--line-solid:#30353c;--text:#f7f8f8;--text-2:#dce0e6;--muted:#a7adb7;--faint:#a0a7b2;--quaternary:#62666d;--accent:#5e6ad2;--accent-bright:#7170ff;--accent-text:#9ca3ff;--accent-soft:#5e6ad233;--highlight:oklch(76% .134 295);--invert:#e5e5e6;--invert-hover:#fff;--invert-ink:#08090a;--green:#4cb782;--green-soft:#4cb7821f;--red:#eb5757;--danger:#c93a3a;--danger-text:#ff8f8f;--danger-line:#eb575759;--danger-bg:#eb57571a;--warn-line:#f2c94c66;--warn-bg:#f2c94c14;--warn-text:#f2d488;--phase-idle:var(--muted);--phase-pending:var(--accent-bright);--phase-live:var(--green);--phase-error:var(--red);--phase-ended:var(--faint);--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--display:"Bricolage Grotesque Variable","Bricolage Grotesque","Segoe UI",Arial,sans-serif;--mono:"Berkeley Mono","JetBrains Mono","Cascadia Code",ui-monospace,monospace;--track-tight:-.025em;--track-body:0;--fs-micro:12px;--fs-caption:13px;--fs-ui:14px;--fs-body:16px;--fs-lead:clamp(16px,1.25vw,18px);--fs-h4:18px;--fs-h3:20px;--fs-count:28px;--lh-display:1.1;--lh-heading:1.3;--lh-ui:1.4;--lh-snug:1.5;--lh-body:1.6;--measure:65ch;--fs-display:clamp(38px,4.45vw,64px);--fs-h2:clamp(32px,3.34vw,48px);--radius-frame:12px;--radius-inner:8px;--radius-lg:16px;--radius:12px;--radius-sm:8px;--radius-xs:6px;--pill:9999px;--edge:inset 0 0 0 1px #ffffff08;--invert-edge:0 8px 2px #0000,0 5px 2px #00000003,0 3px 2px #0000000a,0 1px 1px #00000012,0 0 1px #00000014;--shadow-window:0 0 0 1px var(--line);--ease:cubic-bezier(.25,.46,.45,.94);--ease-out:cubic-bezier(.16,1,.3,1);--ease-link:cubic-bezier(.165,.84,.44,1);--spring:linear(0,.09 3%,.33 7%,.63 12%,.86 18%,.99 24%,1.04 30%,1.03 38%,1 52%,1);--dur-1:.1s;--dur-2:.16s;--dur-3:.24s;--dur-4:.32s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--stack:20px;font-family:var(--sans);font-kerning:normal;color:var(--text-2);background:var(--bg);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-weight:400}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;interpolate-size:allow-keywords}body{-webkit-font-smoothing:antialiased;background:var(--bg);margin:0}::selection{background:var(--accent);color:#fff}button,input,select{font:inherit;font-feature-settings:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button[aria-busy=true]{cursor:progress}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}a{color:inherit;text-decoration:none}.skip-link{z-index:20;background:var(--invert);color:var(--invert-ink);border-radius:var(--pill);font-weight:510;font-size:var(--fs-ui);transition:top var(--dur-2) var(--ease);padding:8px 14px;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.app-shell{z-index:1;max-width:1344px;margin:0 auto;padding:0 32px;position:relative}header{z-index:10;align-items:center;gap:4px;height:72px;margin:0 -32px;padding:0 32px;display:flex;position:sticky;top:0}header:before{content:"";z-index:-1;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);position:absolute;inset:0 calc(50% - 50vw)}.wordmark{color:var(--text);align-items:center;gap:9px;display:flex}.brand-mark{flex-shrink:0;overflow:visible}.brand-type{white-space:nowrap;font:700 20px/1 var(--display);letter-spacing:-.04em;display:block}.brand-type .brand-ai{color:var(--highlight)}.brand-play{fill:var(--highlight)}.small-label,.preview-tag,.live-label,.eyebrow,.section-index,.flow li>small,.fig{font-family:var(--mono);letter-spacing:.04em;font-weight:400;font-size:var(--fs-micro);text-transform:uppercase}.site-nav{margin-left:auto;display:flex;position:relative}.site-nav a{z-index:1;height:36px;font:400 var(--fs-ui)/1 var(--sans);color:var(--muted);border-radius:var(--pill);transition:color var(--dur-1) var(--ease);align-items:center;padding:0 14px;display:inline-flex;position:relative}.site-nav a:hover{color:var(--text)}.site-nav:before{content:"";width:var(--glide-w,0);border-radius:var(--pill);opacity:0;transform:translateX(var(--glide-x,0));transition:transform var(--dur-3) var(--ease-out),width var(--dur-3) var(--ease-out),opacity var(--dur-2) var(--ease);background:#ffffff14;position:absolute;top:0;bottom:0;left:0}.site-nav.gliding:before{opacity:1}.nav-divider{background:var(--line-solid);width:1px;height:16px;margin:0 12px}main{counter-reset:sec;padding:128px 0 24px}.hero-band{padding-bottom:64px;position:relative}.hero-band:before{content:"";z-index:-1;border-bottom:1px solid var(--line);pointer-events:none;position:absolute;inset:-200px calc(50% - 50vw) 0}.hero-copy{margin:0 0 72px}.blur-in>span,.blur-in>em,.hero-settle>span,.hero-settle>em{animation:hero-settle .3s var(--ease-out) both;display:inline-block}.blur-in>em,.hero-settle>em{animation-delay:70ms}@keyframes hero-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h1{font:510 var(--fs-display)/var(--lh-display) var(--sans);color:var(--text);letter-spacing:var(--track-tight);text-wrap:balance;margin:0 0 28px}h1 em,.section h2 em,.cta-band h2 em{color:var(--highlight);font-style:normal}.hero-meta{justify-content:space-between;align-items:baseline;gap:32px;display:flex}.intro{color:var(--muted);font-size:var(--fs-lead);line-height:var(--lh-body);letter-spacing:var(--track-body);max-width:var(--measure);text-wrap:pretty;margin:0}.hero-aside{font-size:var(--fs-body);line-height:var(--lh-snug);color:var(--muted);transition:color var(--dur-2) var(--ease-link);flex-shrink:0;align-items:baseline;gap:8px;display:inline-flex}.hero-aside b{color:var(--text);font-weight:510}.hero-aside span{transition:transform var(--dur-2) var(--ease-link)}a.hero-aside:hover{color:var(--text)}a.hero-aside:hover span{transform:translate(2px)}.eyebrow{color:var(--muted);margin:0 0 24px;display:block}.dot{border:1.5px solid var(--muted);width:9px;height:9px;transition:background-color var(--dur-2),border-color var(--dur-2);border-radius:50%;flex-shrink:0;display:inline-block}.dot.live{border-color:var(--green);background:var(--green);box-shadow:0 0 0 3px #4cb78226}.notice{border-radius:var(--radius-inner);background:var(--bg-2);box-shadow:var(--edge);color:var(--text-2);font-size:var(--fs-ui);line-height:var(--lh-snug);margin:0 0 24px;padding:14px 18px}.workspace{border-radius:var(--radius-frame);background:var(--bg-1);min-height:560px;box-shadow:var(--shadow-window);transition:box-shadow var(--dur-3) var(--ease);grid-template-columns:minmax(0,1fr) 376px;margin:0 -20px;padding:8px;display:grid;position:relative;overflow:hidden}.workspace.live{box-shadow:0 0 0 1px #4cb78259}.media-area{border-radius:var(--radius-inner);border:1px solid var(--line);background:var(--stage);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.media-area>.stage{flex:1}.media-area:before{content:"";background:var(--phase-color);opacity:0;z-index:2;pointer-events:none;height:1px;transition:opacity var(--dur-3) var(--ease);position:absolute;inset:0 0 auto}.workspace:not([data-phase=idle]) .media-area:before{opacity:.9}.stage{background:var(--stage);justify-content:center;align-items:center;min-height:540px;display:flex;position:relative}.stage video{aspect-ratio:auto;object-fit:contain;background:var(--stage);width:100%;min-width:0;max-height:70vh;display:block}.stage.original-size{max-height:70vh;display:block;overflow:auto}.stage.original-size video{flex-shrink:0;max-width:none;max-height:none}.stage:focus-visible{outline-offset:-3px}.preview-tag{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--pill);font-size:var(--fs-micro);color:var(--text-2);align-items:center;gap:8px;padding:7px 12px;line-height:1;display:flex;position:absolute;top:12px;left:12px}.empty-state{text-align:center;max-width:420px;padding:32px}.screen-icon{color:var(--quaternary);margin:0 auto 24px;display:block;overflow:visible}.screen-icon .arrow{color:var(--text-2);animation:lift 3.2s var(--ease) infinite}.screen-icon .halo{fill:#ffffff0a;transform-origin:50% 45%;animation:halo 3.2s var(--ease) infinite}.empty-state h2{font:510 var(--fs-h3)/1.3 var(--sans);color:var(--text);letter-spacing:-.012em;text-wrap:balance;margin:0 0 8px}.empty-state p{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty;margin:0}aside{gap:var(--stack);background:0 0;flex-direction:column;padding:16px 12px 16px 24px;display:flex}aside>p{font-size:var(--fs-ui);line-height:var(--lh-snug);color:var(--text-2);margin:0}.panel-heading{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:4px 0 16px;display:flex}.panel-heading h2{font:590 var(--fs-h4)/var(--lh-heading) var(--sans);color:var(--text);letter-spacing:0;margin:0}.small-label{font-size:var(--fs-micro);color:var(--muted);border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--line-strong);padding:4px 8px}[data-phase=idle]{--phase-color:var(--phase-idle)}[data-phase=requesting],[data-phase=preview],[data-phase=connecting]{--phase-color:var(--phase-pending)}[data-phase=live]{--phase-color:var(--phase-live)}[data-phase=error],[data-phase=disconnected]{--phase-color:var(--phase-error)}[data-phase=ended]{--phase-color:var(--phase-ended)}.status-badge{height:28px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-2);font:400 var(--fs-caption)/1.2 var(--sans);white-space:nowrap;background:0 0;border-radius:16px;align-items:center;gap:8px;padding:0 12px 0 10px;display:inline-flex}.badge-dot{background:var(--phase-color);width:8px;height:8px;transition:background-color var(--dur-2) var(--ease);border-radius:50%}[data-phase=requesting] .badge-dot,[data-phase=connecting] .badge-dot{animation:wait 1.1s var(--ease) infinite alternate}.status{color:var(--text-2);font-size:var(--fs-body);font-weight:510;line-height:var(--lh-snug);font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.status:focus{outline:none}.status:focus-visible{outline:2px solid var(--accent-bright);outline-offset:5px;border-radius:2px}.btn{--btn-h:40px;--btn-px:16px;--btn-fs:var(--fs-ui);--btn-r:var(--radius-inner);min-height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--btn-r);font:510 var(--btn-fs)/var(--lh-ui) var(--sans);letter-spacing:0;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex;position:relative}.btn>svg{width:16px;height:16px;transition:transform .15s var(--ease);flex-shrink:0}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.btn-xs{--btn-h:32px;--btn-px:12px;--btn-fs:var(--fs-caption);--btn-r:var(--radius-xs);gap:8px}.btn-sm{--btn-h:36px;--btn-px:14px}.btn-lg{--btn-h:48px;--btn-px:22px;--btn-fs:var(--fs-body)}.btn-block{width:100%}.btn-primary{background:var(--invert);border-color:var(--invert);color:var(--invert-ink)}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--invert-hover);border-color:var(--invert-hover)}.btn-primary.copied,.btn-primary.copied:hover{background:var(--green);border-color:var(--green);color:var(--invert-ink)}.btn-secondary{background:var(--bg-1);border-color:var(--line-strong);color:var(--text)}.btn-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--bg-2);border-color:#fff3}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0f}.btn-danger{color:var(--danger-text);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-line)}.btn:disabled,.btn[aria-disabled=true]{opacity:1;cursor:not-allowed;color:var(--faint);border-color:var(--line);background:0 0}.btn-ghost:disabled{border-color:#0000}.btn[aria-busy=true]{cursor:progress}.btn:hover:not(:disabled):not([aria-disabled=true]) .i-right{transform:translate(3px)}.btn:hover:not(:disabled) .i-up{transform:translateY(-1px)}.btn:hover:not(:disabled) .i-turn{transform:rotate(60deg)}.check-wrap{place-items:center;display:inline-grid;position:relative}.check path{stroke-dasharray:16;stroke-dashoffset:16px;animation:draw .36s var(--ease-out) 60ms forwards}.sparks{pointer-events:none;position:absolute;top:50%;left:50%}.sparks i{opacity:0;width:2px;height:10px;animation:spark .6s var(--ease-out) forwards;background:currentColor;border-radius:1px;position:absolute;top:-5px;left:-1px}.sparks i:nth-child(2){--r:45deg}.sparks i:nth-child(3){--r:90deg}.sparks i:nth-child(4){--r:135deg}.sparks i:nth-child(5){--r:180deg}.sparks i:nth-child(6){--r:225deg}.sparks i:nth-child(7){--r:270deg}.sparks i:nth-child(8){--r:315deg}.typing{gap:3px;margin-left:2px;display:inline-flex}.typing i{width:4px;height:4px;animation:typing 1.2s var(--ease) infinite;background:currentColor;border-radius:50%}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.hint{font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--faint);margin:calc(var(--space-2) - var(--stack)) 0 0;font-variant-numeric:tabular-nums;text-wrap:wrap}.privacy-note{border-top:1px solid var(--line-soft);color:var(--faint);gap:12px;margin-top:auto;padding-top:20px;display:flex}.privacy-note svg{color:var(--muted);flex-shrink:0;margin-top:3px}.privacy-note p{font-size:var(--fs-caption);line-height:var(--lh-snug);color:var(--faint);margin:0}.panel-group{gap:var(--stack);border-top:1px solid var(--line-soft);flex-direction:column;margin-top:4px;padding-top:24px;display:flex}.group-title{font:510 var(--fs-caption)/var(--lh-ui) var(--sans);letter-spacing:0;color:var(--muted);margin:0}.session-audio{align-items:center;gap:8px;display:flex}.encoder-line{border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--line-soft);font:400 var(--fs-micro)/var(--lh-snug) var(--mono);color:var(--faint);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;background:0 0;margin:0;padding:10px 12px}.end-session{margin-top:4px}.spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.viewer-count{border-radius:var(--radius-inner);box-shadow:inset 0 0 0 1px var(--line-soft);background:0 0;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.viewer-count strong{min-width:1ch;font:510 var(--fs-count)/1 var(--sans);letter-spacing:var(--track-tight);color:var(--text);font-variant-numeric:tabular-nums;display:inline-block}.viewer-count span{font-size:var(--fs-ui);line-height:var(--lh-ui);color:var(--muted)}label{font-size:var(--fs-ui);font-weight:510;line-height:var(--lh-ui);color:var(--text-2)}input{border-radius:var(--radius-inner);width:100%;height:40px;color:var(--text);font-size:var(--fs-ui);line-height:var(--lh-ui);margin-top:calc(var(--space-2) - var(--stack));box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-2) var(--ease),background-color var(--dur-1);background:#ffffff05;border:0;padding:0 14px}input:hover:not(:disabled):not(:focus){box-shadow:inset 0 0 0 1px var(--line-strong)}input:focus{box-shadow:inset 0 0 0 1px var(--accent-bright),0 0 0 3px var(--accent-soft);outline:none}input::placeholder{color:var(--faint)}.quality-trigger{anchor-name:--quality;border-radius:var(--radius-inner);width:100%;min-width:0;height:40px;color:var(--text);font-size:var(--fs-ui);margin-top:calc(var(--space-2) - var(--stack));text-align:left;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease);background:#ffffff05;border:0;align-items:center;gap:10px;padding:0 12px 0 14px;display:flex}.quality-trigger:hover:not(:disabled),.quality-trigger[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--line-strong);background:#ffffff0d}.quality-trigger:focus-visible{box-shadow:inset 0 0 0 1px var(--accent-bright),0 0 0 3px var(--accent-soft);outline:none}.quality-value{white-space:nowrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.quality-value b,.quality-menu b{color:var(--text);font-weight:510}.quality-value span,.quality-menu [role=option] span{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.chevron{color:var(--muted);transition:transform var(--dur-3) var(--ease-out),color var(--dur-2);flex-shrink:0}.quality-trigger:hover:not(:disabled) .chevron{color:var(--text)}.quality-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.quality-menu{position-anchor:--quality;inset:auto;top:anchor(bottom);left:anchor(left);width:anchor-size(width);position-try-fallbacks:flip-block;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-2);box-shadow:0 0 0 1px var(--line),0 12px 32px -8px #000000b3;opacity:0;transform-origin:top;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease-out),display var(--dur-2) allow-discrete,overlay var(--dur-2) allow-discrete;background:#18191bf0;border:0;border-radius:10px;margin:4px 0;padding:6px;list-style:none;position:fixed;overflow:visible;transform:translateY(-2px)scale(.98)}.quality-menu:popover-open{opacity:1;transform:none}@starting-style{.quality-menu:popover-open{opacity:0;transform:translateY(-2px)scale(.98)}}.quality-menu [role=option]{z-index:1;border-radius:var(--radius-xs);height:36px;font-size:var(--fs-ui);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.quality-menu .tick{color:var(--text);animation:pop var(--dur-3) var(--spring);flex-shrink:0;margin-left:auto}.quality-menu .glide{height:var(--glide-h,0);border-radius:var(--radius-xs);transform:translateY(var(--glide-y,0));transition:transform var(--dur-3) var(--ease-out),height var(--dur-3) var(--ease-out);background:#ffffff14;position:absolute;top:0;left:6px;right:6px}.quality-trigger:disabled{opacity:.55}.error{border-radius:var(--radius-inner);font-size:var(--fs-ui);line-height:var(--lh-snug);color:var(--danger-text);background:var(--danger-bg);box-shadow:inset 0 0 0 1px var(--danger-line);animation:shake .36s var(--ease);padding:12px 14px}summary{cursor:pointer;font-size:var(--fs-ui);color:var(--muted);line-height:var(--lh-body);transition:color var(--dur-1)}summary:hover{color:var(--text)}.viewer-controls{border-top:1px solid var(--line-soft);background:0 0;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.live-label{color:var(--green);background:var(--green-soft);border-radius:var(--pill);white-space:nowrap;font-size:var(--fs-micro);align-items:center;gap:8px;margin-right:4px;padding:6px 12px;display:flex}.live-label .dot.live{width:7px;height:7px}.audio-control-note{font-size:var(--fs-caption);color:var(--muted)}.volume-control{min-width:140px;font-size:var(--fs-caption);color:var(--muted);flex:1;align-items:center;gap:8px;font-weight:400;display:flex}.volume-control input{width:100%;min-width:70px;max-width:150px;height:auto;box-shadow:none;accent-color:var(--text-2);cursor:pointer;background:0 0;margin:0;padding:0}.volume-control input:hover:not(:disabled):not(:focus),.volume-control input:focus{box-shadow:none}.volume-control input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.media-area:fullscreen{background:var(--stage);border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;display:grid}.media-area:fullscreen .stage{min-height:0;max-height:none;overflow:auto}.media-area:fullscreen video{max-width:100%;max-height:100%}.media-area:fullscreen .original-size video{max-width:none;max-height:none}.viewer-list{margin:calc(var(--space-2) - var(--stack)) 0 0;scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent;gap:2px;max-height:240px;padding:0;list-style:none;display:grid;overflow:auto}.viewer-list li{border-radius:var(--radius-xs);font-size:var(--fs-ui);line-height:var(--lh-ui);color:var(--text-2);transition:background-color var(--dur-1) var(--ease);align-items:center;gap:12px;padding:6px 8px;font-weight:510;display:flex}.viewer-list li:hover{background:#ffffff0d}.viewer-list li>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.avatar{width:28px;height:28px;color:var(--text);font:590 var(--fs-micro)/1 var(--sans);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.avatar:after{content:"";background:var(--green);border:2px solid var(--bg-1);width:10px;height:10px;transition:border-color var(--dur-1);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.viewer-list .remove{color:var(--muted);border-radius:var(--radius-xs);font-size:var(--fs-caption);opacity:0;transition:opacity var(--dur-1) var(--ease),background-color var(--dur-1),color var(--dur-1);background:0 0;border:0;flex-shrink:0;padding:5px 10px;font-weight:510}.viewer-list li:hover .remove,.viewer-list .remove:focus-visible{opacity:1}.viewer-list .remove:hover{background:var(--danger-bg);color:var(--danger-text)}@media (hover:none){.viewer-list .remove{opacity:1}}.platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.platforms>li{border-radius:var(--radius);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease);align-items:center;gap:16px;padding:18px 20px;display:flex}.platforms>li:hover{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-strong)}.platform-icon{border-radius:var(--radius-sm);background:var(--bg-2);width:40px;height:40px;color:var(--text-2);box-shadow:var(--edge);transition:color var(--dur-2) var(--ease),transform var(--dur-3) var(--spring);flex-shrink:0;place-items:center;display:grid}.platforms>li:hover .platform-icon{color:var(--accent-text);transform:translateY(-2px)}.platforms>li>div{flex-direction:column;gap:4px;min-width:0;margin-right:auto;display:flex}.platforms>li>div b{font-size:var(--fs-body);line-height:var(--lh-ui);color:var(--text);letter-spacing:var(--track-body);font-weight:510}.platforms>li>div span{font-size:var(--fs-ui);line-height:var(--lh-ui);color:var(--muted)}.platform-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none;display:flex}.platform-tags li{border-radius:var(--pill);font-size:var(--fs-caption);color:var(--text-2);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:6px;padding:5px 12px 5px 10px;display:inline-flex}.platform-tags svg{color:var(--muted);flex-shrink:0}.statement{max-width:1100px;font:510 var(--fs-h2)/var(--lh-display) var(--sans);letter-spacing:var(--track-tight);color:var(--text-2);text-wrap:pretty;margin:160px 0 0}.statement strong{color:var(--highlight);font-weight:510}.section{counter-increment:sec;margin-top:128px;padding:128px 0 0;scroll-margin-top:80px;position:relative}.statement+.section{margin-top:160px}.section:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:calc(50% - 50vw);right:calc(50% - 50vw)}.section-head{flex-direction:column;gap:20px;max-width:760px;margin-bottom:56px;display:flex}.section-index{color:var(--faint);margin-bottom:16px;line-height:16.8px;display:block}.section-index:before{content:counter(sec) ".0";color:var(--muted);margin-right:12px}.section h2{font:510 var(--fs-h2)/var(--lh-display) var(--sans);color:var(--text);letter-spacing:var(--track-tight);text-wrap:balance;margin:0}.section-head p{color:var(--muted);font:400 var(--fs-lead)/var(--lh-snug) var(--sans);letter-spacing:0;margin:0}.flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.flow li{padding-top:40px;position:relative}.flow li:before{content:"";z-index:1;background:var(--muted);border:3px solid var(--bg-3);box-sizing:content-box;width:9px;height:9px;box-shadow:0 0 0 4px var(--bg);transition:background-color var(--dur-2) var(--ease);border-radius:50%;position:absolute;top:0;left:0}.flow li:first-child:before{background:var(--accent-bright)}.flow li:after{content:"";background:var(--line);transform-origin:0;height:1px;position:absolute;top:7px;left:23px;right:-32px}.flow li:last-child:after{right:0}.flow li:hover:before{background:var(--text)}.flow h3{font:590 var(--fs-h3)/var(--lh-heading) var(--sans);color:var(--text);letter-spacing:var(--track-body);margin:0 0 12px}.flow p{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty;max-width:38ch;margin:0}.flow li>small{color:var(--faint);margin-top:16px;line-height:16.8px;display:block}.features{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.features li{border-left:1px solid var(--line);padding:36px 32px 56px;position:relative}.features li:nth-child(3n+1){border-left:0;padding-left:0}.features li:nth-child(n+4){border-top:1px solid var(--line)}.features h3{font:590 var(--fs-h3)/var(--lh-heading) var(--sans);color:var(--text);letter-spacing:var(--track-body);margin:56px 0 8px}.features p{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty;max-width:36ch;margin:0}.glyph{color:var(--quaternary);transition:color var(--dur-2) var(--ease);justify-content:space-between;align-items:center;display:flex}.fig{font-size:var(--fs-micro);color:var(--faint);transition:color var(--dur-2) var(--ease);line-height:1}.features li:hover .glyph{color:var(--text-2)}.features li:hover .fig{color:var(--muted)}.faq{border-top:1px solid var(--line);max-width:880px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{font:510 var(--fs-h4)/var(--lh-heading) var(--sans);letter-spacing:var(--track-body);color:var(--text);padding:24px 40px 24px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:before,.faq summary:after{content:"";background:var(--faint);width:11px;height:1px;transition:transform var(--dur-3) var(--ease-out),background-color var(--dur-1);position:absolute;top:50%;right:4px}.faq summary:after{transform:rotate(90deg)}.faq details[open] summary:before{transform:rotate(45deg)}.faq details[open] summary:after{transform:rotate(135deg)}.faq summary:hover:before,.faq summary:hover:after{background:var(--text)}.faq details::details-content{block-size:0;transition:block-size var(--dur-3) var(--ease-out),content-visibility var(--dur-3) allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}.faq details p{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body);max-width:var(--measure);text-wrap:pretty;margin:0;padding:0 0 28px}.cta-band{text-align:center;flex-direction:column;align-items:center;gap:40px;padding:200px 0;display:flex}.cta-band h2{font:510 clamp(36px,5vw,72px)/1 var(--sans);letter-spacing:var(--track-tight);color:var(--text);text-wrap:balance;margin:0}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}footer{font-size:var(--fs-ui);line-height:var(--lh-snug);grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding:64px 0 80px;display:grid;position:relative}footer:before{content:"";background:var(--line-solid);height:1px;position:absolute;top:0;left:calc(50% - 50vw);right:calc(50% - 50vw)}.footer-brand{align-content:start;gap:12px;display:grid}.footer-brand .brand-type{font-size:18px;line-height:1}.footer-brand .brand-mark{width:24px;height:24px}.footer-brand>span:not(.wordmark){color:var(--faint)}.footer-col{flex-direction:column;display:flex}.footer-title{font:510 var(--fs-ui)/var(--lh-snug) var(--sans);color:var(--text);margin:0 0 20px}.footer-col a{color:var(--muted);transition:color var(--dur-1) var(--ease);line-height:36px}.footer-col a:hover{color:var(--text)}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}@keyframes frame-in{0%{opacity:0;filter:blur(4px);transform:translateY(16px)scale(.985)}to{opacity:1;filter:none;transform:none}}@keyframes lift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes halo{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes blur-word{0%{opacity:0;filter:blur(8px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes spark{0%{opacity:1;transform:rotate(var(--r,0deg)) translateY(-10px) scaleY(1)}55%{opacity:1}to{opacity:0;transform:rotate(var(--r,0deg)) translateY(-26px) scaleY(.2)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes wait{0%{opacity:1}to{opacity:.3}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-1px)}}.reveal{animation:rise .6s var(--ease-out) both}.reveal-2{animation-delay:80ms}.reveal-3{animation-delay:.16s}.reveal-4{animation-delay:.24s}.frame-enter{transform-origin:50% 0;animation:frame-in .8s var(--ease-out) .2s both}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.discord-heading{max-width:900px;margin-bottom:40px}.discord-heading h1{overflow-wrap:anywhere;margin-top:20px}.discord-next-step{margin-top:12px}.channel-name{color:var(--accent-text);overflow-wrap:anywhere;font-weight:590}.command{color:var(--accent-text);background:var(--accent-soft);border-radius:var(--radius-xs);font:500 .9em/1.6 var(--mono);text-transform:none;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:2px 6px}.intro strong:not(.channel-name),.hint strong,.empty-state strong{color:var(--text);font-weight:590}.discord-options{border-top:1px solid var(--line);padding-top:12px}.discord-option-fields{flex-direction:column;gap:12px;padding-top:16px;display:flex}.workspace.discord-idle{grid-template-columns:minmax(0,1fr);max-width:620px;min-height:0}.workspace.discord-idle .media-area{display:none}.privacy-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.privacy-list li{border-bottom:1px solid var(--line);color:var(--text-2);font-size:var(--fs-body);line-height:var(--lh-body);align-items:flex-start;gap:12px;padding:20px 0;display:flex}.privacy-list svg{color:var(--muted);flex-shrink:0;margin-top:5px}.privacy-list .caution,.privacy-list .caution svg{color:var(--warn-text)}.faq-section .section-head p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted)}.agents h3{font-size:var(--fs-h3);line-height:var(--lh-ui);color:var(--text);margin:28px 0 10px;font-weight:510}.code-card{border-radius:var(--radius-inner);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line);font:var(--fs-ui)/var(--lh-body) var(--mono);color:var(--text-2);align-items:center;gap:12px;margin:0;padding:14px 16px;display:flex;overflow-x:auto}pre.code-card{white-space:pre;display:block}.code-card code{font:inherit;overflow-wrap:anywhere}.tool-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tool-list li{border-radius:var(--radius-frame);background:var(--bg-1);box-shadow:inset 0 0 0 1px var(--line);padding:24px}.tool-list code{font:var(--fs-caption) var(--mono);color:var(--accent-text)}.tool-list h3{margin:10px 0 6px}.tool-list p{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body);margin:0}.not-found-actions{margin:28px 0 0}@media (pointer:coarse){input,.quality-trigger{height:44px;font-size:var(--fs-body)}.btn-xs:before,.btn-sm:before,.header-cta:before,.viewer-list .remove:before{content:"";height:max(100%,44px);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.viewer-list .remove{position:relative}}@media (width<=1100px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}.features li:nth-child(3n+1){border-left:1px solid var(--line);padding-left:32px}.features li:nth-child(odd){border-left:0;padding-left:0}.features li:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=1000px){.workspace{grid-template-columns:minmax(0,1fr) 336px;margin:0 -8px}.stage{min-height:400px}.section-head{grid-template-columns:1fr;gap:20px}}@media (width>=1001px){.faq-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:start;gap:56px;display:grid}.faq-section .section-head{grid-template-columns:1fr;gap:16px;margin-bottom:0;position:sticky;top:96px}.faq{max-width:none}}@media (width<=760px){:root{--fs-h3:18px}.platforms{grid-template-columns:1fr}.platforms>li{flex-wrap:wrap}.platform-tags{justify-content:flex-start;width:100%;padding-left:50px}.app-shell{padding:0 16px}header{height:64px;margin:0 -16px;padding:0 16px}.site-nav,.wordmark~.nav-divider{display:none}.header-cta{--btn-h:36px;margin-left:auto}main{padding-top:96px}h1{margin-bottom:16px;line-height:1.1}.hero-meta{flex-direction:column;gap:16px}.hero-copy{margin-bottom:40px}.frame-enter{animation-name:rise-frame}.workspace{grid-template-columns:1fr;margin:0 -8px;padding:6px}.stage{min-height:240px}.empty-state{padding:40px 16px}aside{padding:20px 12px 12px}input,.quality-trigger{height:44px;font-size:var(--fs-body)}.privacy-note{margin-top:4px}.stage video{max-height:55vh}.viewer-controls{gap:4px;padding:8px}.volume-control{min-width:130px}.btn:not(.btn-xs):not(.btn-lg):not(.header-cta){--btn-h:44px}.statement{margin-top:96px;line-height:1.15}.statement+.section{margin-top:96px}.section{margin-top:64px;padding-top:64px}.section h2{line-height:1.15}.section-head{margin-bottom:48px}.section-head p{line-height:var(--lh-snug)}.flow{grid-template-columns:1fr;gap:40px}.flow li{padding:0 0 0 40px}.flow li:before{top:4px}.flow li:not(:last-child):after{transform-origin:top;width:1px;height:auto;inset:24px auto -32px 7px}.flow li:last-child:after{display:none}.flow li>small{margin-top:12px}.features{grid-template-columns:1fr}.features li,.features li:nth-child(n){border-left:0;padding:28px 0 32px}.features li+li{border-top:1px solid var(--line)}.features h3{margin-top:40px}.privacy-list{grid-template-columns:1fr}.cta-band{padding:120px 0}footer{grid-template-columns:1fr 1fr;padding:48px 0 56px}.footer-brand{grid-column:1/-1}}@keyframes rise-frame{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.marketing-page{color:var(--text-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.marketing-page h1{font:700 var(--fs-marketing)/1.04 var(--display);letter-spacing:-.04em}.marketing-page .section h2,.marketing-page .statement,.marketing-page .cta-band h2{font-family:var(--display);letter-spacing:-.035em;font-weight:700}.marketing-page .hero-meta .intro{font-size:var(--fs-lead);line-height:var(--lh-body);max-width:var(--measure)}.hero-discord{border:1px solid var(--line-strong);border-radius:var(--radius-inner);background:var(--bg-1);max-width:100%;color:var(--text);align-items:center;gap:14px;min-height:76px;margin-top:32px;padding:14px 18px;display:inline-flex}.hero-discord-icon{width:32px;height:36px;font:400 28px/1 var(--mono);color:var(--accent-text);flex-shrink:0;place-items:center;display:grid}.hero-discord>span:nth-child(2){min-width:0}.hero-discord strong{font:510 var(--fs-body)/var(--lh-snug) var(--sans);display:block}.hero-discord small{font:400 var(--fs-ui)/var(--lh-snug) var(--sans);color:var(--muted);display:block}.hero-discord code{color:var(--accent-text);font-family:var(--mono)}.hero-discord-arrow{flex-shrink:0;margin-left:16px}.hero-discord:active{transform:scale(.98)}.marketing-page .site-nav:before{background:var(--bg-2)}.marketing-page .hero-band:before{animation:none}.marketing-page .hero-meta{animation:hero-settle .24s var(--ease-out) 70ms both}.marketing-page .hero-band>.workspace{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-1);animation:none}.marketing-page .section-index:before{display:none}.marketing-page .section-index,.marketing-label{font:500 var(--fs-micro)/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text)}.marketing-label{margin-bottom:24px;display:block}.marketing-page .section h2{line-height:1.08}.discord-hero .intro,.marketing-page .section-head p{font-size:var(--fs-lead);line-height:var(--lh-body);letter-spacing:var(--track-body)}.marketing-page .section-head p{max-width:54ch}.marketing-page .btn-lg{line-height:var(--lh-ui);white-space:normal;padding-block:12px}.marketing-page .hint{color:var(--muted)}.marketing-page .statement{max-width:1020px;line-height:1.15}.marketing-page .section{margin-top:96px;padding-top:96px}.marketing-page .features p,.marketing-page .flow p,.marketing-page .privacy-list,.marketing-page .faq details p{font-size:var(--fs-body);line-height:var(--lh-body)}.discord-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;margin-bottom:72px;display:grid}.discord-hero h1{font-size:var(--fs-marketing);letter-spacing:var(--track-tight);margin:0;line-height:1.06}.discord-hero .intro{max-width:46ch}.discord-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.discord-guide{isolation:isolate;padding-top:0;position:relative}.discord-hero{min-height:280px;margin-bottom:64px}.hero-command{border:1px solid var(--accent-soft);border-radius:var(--radius-inner);font:500 var(--fs-body)/1.5 var(--mono);color:var(--accent-text);background:var(--accent-soft);margin-top:24px;padding:6px 12px;display:inline-block}.discord-hero .marketing-label{text-transform:none;letter-spacing:var(--track-body);font:500 var(--fs-ui)/var(--lh-snug) var(--sans);align-items:center;gap:10px;display:flex}.discord-hero .marketing-label svg{color:var(--accent-text)}.discord-hero h1 em{color:var(--highlight)}.discord-hero-detail #discord-install-status{font-size:var(--fs-ui);line-height:var(--lh-body);max-width:50ch;min-height:42px;margin-top:16px}.discord-promo .section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;max-width:none;margin-bottom:48px;display:grid}.discord-promo .section-head p{color:var(--text-2)}.discord-promo .section-head .btn{margin-top:24px}.discord-editorial{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:96px;display:grid}.discord-editorial-heading>p{color:var(--muted);max-width:38ch;font-size:var(--fs-lead);line-height:var(--lh-body);text-wrap:pretty;margin:24px 0}.text-link{min-height:44px;font-size:var(--fs-body);color:var(--text);text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.text-link svg,.flow-fake-button svg{transition:transform .15s var(--ease);flex-shrink:0}.text-link:hover svg{transform:translate(3px)}.setup-panel{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-inner);overflow:hidden}.setup-panel-bar{border-bottom:1px solid var(--line);font-size:var(--fs-ui);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.setup-permission{font-size:var(--fs-caption);color:var(--muted)}.setup-list{margin:0;padding:8px 24px;list-style:none}.setup-list>li{gap:16px;padding:28px 0;display:flex}.setup-list>li+li{border-top:1px solid var(--line)}.setup-list>li>div{flex:1;min-width:0}.setup-number{border:1px solid var(--line);width:28px;height:28px;font:400 var(--fs-micro)/1 var(--mono);color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.setup-list h3,.discord-steps h3{font:590 var(--fs-h3)/var(--lh-heading) var(--sans);color:var(--text);margin:0 0 10px}.setup-list p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);margin:0}.copy-command{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-xs);align-items:center;gap:8px;margin-top:16px;padding:4px 4px 4px 12px;display:flex}.copy-command code{min-width:0;font:400 var(--fs-ui)/1.65 var(--mono);overflow-wrap:anywhere;color:var(--text);flex:1}.copy-command button{border-radius:var(--radius-xs);width:40px;height:40px;color:var(--muted);transition:background-color var(--dur-2),color var(--dur-2);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.copy-command button:hover{background:var(--bg-2);color:var(--text)}.copy-command-icons{width:16px;height:16px;display:block;position:relative}.copy-command-icons svg{transition:none;position:absolute;inset:0}.copy-command-done,.command-copied .copy-command-idle{opacity:0;transform:scale(.85)}.command-copied .copy-command-done{opacity:1;transform:scale(1)}.copy-motion .copy-command-icons svg{transition:opacity .16s var(--ease-out),transform .2s var(--ease-out)}.setup-list .copy-feedback{font-size:var(--fs-caption);min-height:38px;margin-top:8px}.setup-options{border-top:1px solid var(--line);padding:0 24px}.setup-options summary{min-height:52px;font-size:var(--fs-ui);color:var(--text);cursor:pointer;align-content:center}.setup-options p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);margin:0 0 16px}.setup-options .command{white-space:normal;overflow-wrap:anywhere}.discord-steps{counter-reset:discord-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none;display:grid}.discord-steps>li{counter-increment:discord-step;border-top:1px solid var(--line);min-width:0;padding-top:28px}.discord-steps>li:before{content:"0" counter(discord-step);font:400 var(--fs-micro)/1.5 var(--mono);color:var(--muted);margin-bottom:28px;display:block}.discord-steps p,.discord-notes{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body)}.discord-steps .command{white-space:normal;overflow-wrap:anywhere}.discord-notes{max-width:800px;padding-left:24px}.discord-notes li+li{margin-top:20px}.discord-flow{border-top:1px solid var(--line-solid);margin:0;padding-top:32px}.flow-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.7fr);align-items:center;gap:64px;display:grid}.flow-demo-controls{border:0;min-width:0;margin:0;padding:0}.flow-demo-controls legend{color:var(--muted);font:400 var(--fs-caption)/var(--lh-snug) var(--mono);margin-bottom:24px;padding:0}.flow-step{border-bottom:1px solid var(--line);position:relative}.flow-radio{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;transition:none;animation:none;position:absolute;overflow:hidden}.flow-step label{cursor:pointer;border-radius:var(--radius-xs);align-items:baseline;gap:16px;min-height:120px;padding:28px 8px;display:flex}.flow-step-index{width:22px;color:var(--muted);font:400 var(--fs-micro)/1.5 var(--mono);flex-shrink:0;position:relative}.flow-step-index svg{display:none;position:absolute;top:1px;left:0}.flow-step-copy{gap:8px;min-width:0;display:grid}.flow-step-copy strong{font:700 24px/1.2 var(--display);letter-spacing:-.02em;color:var(--muted)}.flow-step-hint{max-width:30ch;color:var(--muted);font-size:var(--fs-ui);line-height:var(--lh-snug)}.flow-step-arrow{color:var(--muted);visibility:hidden;margin-left:auto}.flow-step:has(input:checked) strong{color:var(--text)}.flow-step:has(input:checked) .flow-step-index{color:var(--text)}.flow-step:has(input:checked) .flow-step-index>span{visibility:hidden}.flow-step:has(input:checked) .flow-step-index svg{display:block}.flow-step:has(input:checked) .flow-step-arrow{visibility:visible}.flow-step:has(input:focus-visible) label{outline:2px solid var(--accent-text);outline-offset:4px}.flow-stage{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-frame);min-width:0;padding:32px}.flow-scene{grid-template-rows:auto 1fr auto;gap:24px;min-height:540px;display:none}:is(.discord-flow:has(.flow-radio[value="0"]:checked) .flow-scene[data-scene="0"],.discord-flow:has(.flow-radio[value="1"]:checked) .flow-scene[data-scene="1"],.discord-flow:has(.flow-radio[value="2"]:checked) .flow-scene[data-scene="2"]){display:grid}.flow-scene-kicker{font:400 var(--fs-micro)/1.5 var(--mono);color:var(--muted)}.flow-scene-heading p{color:var(--text-2);font:700 clamp(20px,2vw,28px)/1.25 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:10px 0 0}.flow-scene-heading code{color:var(--accent-text);font:500 .8em/1.5 var(--mono);white-space:nowrap}.flow-scene-heading strong{color:var(--highlight);font-weight:inherit}.flow-mock{border:1px solid var(--line-strong);border-radius:var(--radius-inner);background:var(--bg);pointer-events:none;-webkit-user-select:none;user-select:none;align-self:center;width:100%;max-width:560px;margin-inline:auto;overflow:hidden}.flow-mock-bar{border-bottom:1px solid var(--line);min-height:46px;color:var(--muted);font-size:var(--fs-caption);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.flow-mock-bar>span:first-child{color:var(--text-2);align-items:center;gap:8px;display:flex}.flow-mock-bar i{color:var(--muted);font-size:20px;font-style:normal}.flow-chat-message{gap:12px;padding:24px;display:flex}.flow-chat-message+.flow-chat-message{padding-top:0}.flow-avatar{background:var(--bg-3);width:32px;height:32px;font-size:var(--fs-micro);color:var(--text-2);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.flow-bot-avatar{background:var(--text);color:var(--bg)}.flow-chat-message b{color:var(--text);font:600 var(--fs-ui)/var(--lh-snug) var(--sans);align-items:center;gap:6px;display:flex}.flow-chat-message b small{font:500 var(--fs-micro)/var(--lh-snug) var(--mono);border:1px solid var(--line-strong);color:var(--muted);border-radius:3px;padding:0 5px}.flow-chat-body{flex:1;min-width:0}.flow-chat-command{font:500 20px/1.5 var(--mono);color:var(--accent-text);margin-top:8px;display:block}.flow-private-card{background:var(--bg-1);border-left:2px solid var(--accent-text);border-radius:0 var(--radius-xs) var(--radius-xs) 0;margin-top:10px;padding:16px}.flow-private-card p{color:var(--text-2);font-size:var(--fs-body);line-height:var(--lh-snug);margin:0 0 16px}.flow-fake-button{border:1px solid var(--line-strong);border-radius:var(--radius-xs);min-height:36px;color:var(--text);font:500 var(--fs-ui)/var(--lh-snug) var(--sans);background:var(--bg-2);justify-content:center;align-items:center;gap:12px;padding:8px 12px;display:inline-flex}.flow-fake-primary{background:var(--invert);color:var(--invert-ink);border-color:#0000}.flow-private-note{color:var(--muted);font-size:var(--fs-caption);line-height:var(--lh-snug);align-items:center;gap:6px;margin-top:12px;display:flex}.flow-browser-brand{font-family:var(--display);font-weight:700}.flow-capture-body{text-align:center;padding:20px 24px}.flow-capture-body>p{color:var(--text-2);font-size:var(--fs-body);line-height:var(--lh-snug);margin:0 0 16px}.flow-source-preview{background:var(--stage);border:1px solid var(--line-strong);border-radius:var(--radius-xs);max-width:300px;color:var(--accent-text);margin:0 auto 20px;overflow:hidden}.flow-game-art{width:100%;height:auto;color:var(--accent-text);display:block}.flow-source-preview>span{background:var(--bg-2);color:var(--text-2);font-size:var(--fs-caption);justify-content:space-between;gap:12px;padding:8px 12px;display:flex}.flow-source-preview>span>span{color:var(--accent-text)}.flow-invite-title{font-size:var(--fs-body);color:var(--text-2);margin:8px 0 12px}.flow-watch-preview{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--stage);margin:0 24px 20px;overflow:hidden}.flow-watch-preview .flow-game-art{max-height:130px}.flow-watch-preview>span{color:var(--muted);font-size:var(--fs-caption);text-align:center;padding:0 12px 12px;display:block}.flow-scene-note{color:var(--muted);font-size:var(--fs-ui);line-height:var(--lh-body);max-width:58ch;margin:0}.discord-flow figcaption{font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--muted);text-align:right;margin-top:20px}.discord-flow figcaption strong{color:var(--text-2);font-weight:500}.flow-motion .flow-scene{animation:flow-scene-in .22s var(--ease-out)}@keyframes flow-scene-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.hero-discord{transition:transform .15s var(--ease-out)}.hero-discord:hover{border-color:var(--accent-text);background:var(--bg-2)}.hero-discord-arrow{transition:transform .15s var(--ease)}.hero-discord:hover .hero-discord-arrow{transform:translate(3px)}.flow-step label:hover{background:var(--bg-1)}.flow-step label:hover strong{color:var(--text)}}@media (prefers-reduced-motion:reduce){.hero-discord,.hero-discord-arrow{transition:none!important}.hero-discord:active,.hero-discord:hover .hero-discord-arrow{transform:none}}@media (width<=1100px){.discord-hero{gap:40px}.discord-editorial{gap:48px}.flow-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:32px}.flow-stage{padding:24px}.flow-step-copy strong{font-size:20px}}@media (width<=760px){.discord-promo .section-head{grid-template-columns:1fr;gap:20px}.marketing-page main{padding-top:72px}.marketing-page .hero-band{padding-bottom:32px}.hero-discord{gap:10px;width:100%;margin-top:24px;padding-inline:12px}.hero-discord-arrow{margin-left:auto}.marketing-page .section{margin-top:64px;padding-top:64px}.discord-hero{grid-template-columns:1fr;gap:28px;min-height:0;margin-bottom:48px}.discord-hero h1{font-size:var(--fs-marketing);letter-spacing:var(--track-tight);line-height:1.1}.marketing-label{margin-bottom:20px}.discord-actions{gap:10px;margin-top:24px}.discord-editorial{grid-template-columns:1fr;gap:32px}.setup-panel-bar{flex-wrap:wrap;padding-inline:16px}.setup-list,.setup-options{padding-inline:16px}.setup-list>li{gap:12px}.copy-command button{width:44px;height:44px}.setup-list .copy-feedback{min-height:38px}.discord-steps{grid-template-columns:1fr;gap:24px}.discord-steps>li:before{margin-bottom:16px}.flow-layout{grid-template-columns:1fr;gap:24px}.flow-demo-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.flow-demo-controls legend{margin-bottom:20px}.flow-step{border:0}.flow-step label{border:1px solid var(--line);background:var(--bg-1);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:88px;padding:12px 4px}.flow-step:has(input:checked) label{background:var(--bg-3);border-color:var(--line-strong)}.flow-step-hint,.flow-step-arrow{display:none}.flow-step-copy strong{min-height:34px;font:500 var(--fs-ui)/1.3 var(--sans);text-align:center;color:var(--muted);place-items:center;display:grid}.flow-step-index{text-align:center;height:18px}.flow-step-index svg{left:3px}.flow-stage{padding:20px 16px}.flow-scene{gap:20px;min-height:540px}.flow-scene-heading p{font-size:24px}.flow-mock-bar{padding-inline:12px}.flow-chat-message{gap:8px;padding:20px 12px}.flow-avatar{width:26px;height:26px}.flow-chat-command{font-size:18px}.flow-private-card{padding:12px 10px}.flow-capture-body{padding:20px 12px}.flow-watch-preview{margin:0 12px 16px}.flow-private-note{font-size:var(--fs-micro);gap:4px}.flow-private-note svg{flex-shrink:0}.discord-flow figcaption{text-align:left;max-width:45ch}}