:root{--void: #0a0616;--panel: #150e2b;--panel-2: #1e1440;--panel-3: #261a4e;--line: #33265e;--line-soft: #241a47;--ink: #efe9ff;--ink-dim: #a395d0;--ink-faint: #6e5fa0;--cyan: #4fe9ff;--magenta: #ff3da5;--amber: #ffc24d;--accent-1: #4fe9ff;--accent-2: #ff3da5;--accent-3: #ffc24d;--accent-4: #b6ff5c;--accent-5: #a46bff;--accent-6: #ff7a4d;--accent-7: #5b8cff;--accent-8: #3dffb0;--bg: var(--void);--surface: var(--panel);--surface-2: var(--panel-2);--surface-3: var(--panel-3);--border: var(--line);--border-soft: var(--line-soft);--text: var(--ink);--text-dim: var(--ink-dim);--text-faint: var(--ink-faint);--accent: var(--cyan);--hot: var(--magenta);--warn: var(--amber);--font-display: "Bungee", "Arial Black", sans-serif;--font-ui: "Chakra Petch", "Trebuchet MS", sans-serif;--font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2.25rem;--text-hero: clamp(2.5rem, 9vw, 3.75rem);--leading-tight: 1.1;--leading-body: 1.5;--tracking-mono: .12em;--tracking-wide: .06em;--space-1: .25rem;--space-2: .375rem;--space-3: .5rem;--space-4: .75rem;--space-5: 1rem;--space-6: 1.5rem;--space-7: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--radius-pill: 99px;--dur-press: 90ms;--dur-ui: .18s;--dur-enter: .38s;--ease: cubic-bezier(.2, .7, .3, 1);--glow-accent: 0 0 1.5rem rgba(79, 233, 255, .28);--glow-hot: 0 0 1.5rem rgba(255, 61, 165, .32);--shadow-sheet: 0 1.5rem 3rem rgba(0, 0, 0, .55);--rail-width: 14rem;--rail-fold-gap: calc(var(--space-4) + (var(--text-lg) * var(--leading-tight) - 2rem) / 2);--rail-width-folded: calc(2rem + 2 * var(--rail-fold-gap) + 1px);--board-gap: var(--space-4);--pad-size: clamp(7rem, 26vmin, 14rem);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;touch-action:pan-x pan-y}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);margin:0;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-tap-highlight-color:transparent}body:before{background:radial-gradient(60vw 40vw at 12% -5%,rgba(79,233,255,.1),transparent 65%),radial-gradient(50vw 38vw at 92% 8%,rgba(255,61,165,.09),transparent 62%),radial-gradient(50vw 34vw at 8% 104%,rgba(164,107,255,.1),transparent 62%),radial-gradient(55vw 36vw at 90% 106%,rgba(255,194,77,.07),transparent 65%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:0}#root{height:100%;position:relative;z-index:1}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit}img{max-width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}.display{font-family:var(--font-display);letter-spacing:.01em;line-height:var(--leading-tight);margin:0}.eyebrow{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-mono);margin:0;text-transform:uppercase}.hint{color:var(--text-faint);font-size:var(--text-sm);line-height:var(--leading-body);margin:0}.hint b{color:var(--warn);font-weight:400}.code{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;padding:var(--space-3) var(--space-4);text-transform:uppercase;transition:color var(--dur-ui),border-color var(--dur-ui),background var(--dur-ui);white-space:nowrap}@media(hover:hover){.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:hover:not(:disabled):before,.icon-btn:hover:before{opacity:1}}.btn,.icon-btn{--wash: 79, 233, 255;isolation:isolate;position:relative}.btn:before,.icon-btn:before{background:rgba(var(--wash),.05);border-radius:inherit;box-shadow:inset 0 0 .3rem rgba(var(--wash),.55),inset 0 0 1rem rgba(var(--wash),.38);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--dur-ui) var(--ease);z-index:-1}.btn:disabled{cursor:default;opacity:.45}.btn--primary:before{content:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--void);font-weight:500}@media(hover:hover){.btn--primary:hover:not(:disabled){background:var(--accent);box-shadow:var(--glow-accent);color:var(--void)}}.btn--danger{--wash: 255, 61, 165;border-color:#ff3da580;color:var(--hot)}@media(hover:hover){.btn--danger:hover:not(:disabled){border-color:var(--hot);color:var(--hot)}}.btn--on{border-color:var(--accent);color:var(--accent)}.btn--wide{flex:1;text-align:center;width:100%}.icon-btn{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;display:grid;flex:0 0 auto;height:2rem;justify-items:center;padding:0;transition:color var(--dur-ui),border-color var(--dur-ui),background var(--dur-ui);width:2rem}@media(hover:hover){.icon-btn:hover{border-color:var(--accent);color:var(--accent)}}.icon-btn:disabled{cursor:default;opacity:.45}.icon-btn[data-on=true]:before{opacity:1}.icon-btn[data-on=true]{border-color:var(--accent);color:var(--accent)}.icon-btn svg{height:1.1rem;width:1.1rem}.field{display:flex;flex-direction:column;gap:var(--space-2)}.flabel{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase}.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-weight:600;padding:var(--space-3) var(--space-4);width:100%}.input{transition:border-color var(--dur-ui) var(--ease),box-shadow var(--dur-ui) var(--ease)}.input:focus{background-image:linear-gradient(#4fe9ff0d,#4fe9ff0d);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),inset 0 0 .3rem #4fe9ff8c,inset 0 0 1rem #4fe9ff61;outline:none}.input::placeholder{color:var(--text-faint);font-weight:400}.row{align-items:center;display:flex;gap:var(--space-3)}.flabel--value{align-items:baseline;display:flex;justify-content:space-between}.flabel--value b{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:400;text-transform:none}.slider{--f: 0;--grab: .5rem;--at: calc(var(--grab) / 2 + (100% - var(--grab)) * var(--f));-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;height:1.25rem;margin:0;width:100%}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,rgba(79,233,255,.08) calc(var(--at) - 100%),rgba(79,233,255,.2) calc(var(--at) - 45%),rgba(79,233,255,.7) var(--at),transparent var(--at)) border-box,linear-gradient(180deg,rgba(79,233,255,.14) 0,transparent 30%,transparent 70%,rgba(79,233,255,.14) 100%) 0 0 / var(--at) 100% no-repeat border-box,linear-gradient(90deg,rgba(79,233,255,.14) 0,transparent .3rem) 0 0 / var(--at) 100% no-repeat border-box,linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(90deg,transparent var(--at),var(--border) var(--at)) border-box;border:1px solid transparent;border-radius:var(--radius-sm);box-sizing:border-box;height:.625rem}.slider::-moz-range-track{background:linear-gradient(90deg,rgba(79,233,255,.08) calc(var(--at) - 100%),rgba(79,233,255,.2) calc(var(--at) - 45%),rgba(79,233,255,.7) var(--at),transparent var(--at)) border-box,linear-gradient(180deg,rgba(79,233,255,.14) 0,transparent 30%,transparent 70%,rgba(79,233,255,.14) 100%) 0 0 / var(--at) 100% no-repeat border-box,linear-gradient(90deg,rgba(79,233,255,.14) 0,transparent .3rem) 0 0 / var(--at) 100% no-repeat border-box,linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(90deg,transparent var(--at),var(--border) var(--at)) border-box;border:1px solid transparent;border-radius:var(--radius-sm);box-sizing:border-box;height:.625rem}.slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--accent);border:0;border-radius:2px;box-shadow:0 0 .2rem #4fe9ffe6,0 0 .7rem #4fe9ff99;height:1.25rem;margin-top:calc((-.625rem - 2px)/2);width:var(--grab)}.slider::-moz-range-thumb{background:var(--accent);border:0;border-radius:2px;box-shadow:0 0 .2rem #4fe9ffe6,0 0 .7rem #4fe9ff99;height:1.25rem;width:var(--grab)}.check{align-items:start;cursor:pointer;display:flex;gap:var(--space-3)}.check input[type=checkbox]{accent-color:var(--accent);flex:0 0 auto;height:1rem;margin:.15rem 0 0;width:1rem}.check-body{display:grid;gap:var(--space-1)}.check-body b{color:var(--text);font-size:var(--text-sm);font-weight:600}.refused{background:#ffc24d14;border-left:2px solid var(--warn);display:grid;font-size:var(--text-sm);gap:var(--space-1);margin:0;padding:var(--space-3) var(--space-4)}.refused strong{color:var(--warn)}.refused span{color:var(--text-dim)}.avatar{align-items:center;border-radius:var(--radius-sm);color:var(--void);display:grid;flex:0 0 auto;font-family:var(--font-display);font-size:var(--text-xs);height:1.75rem;justify-items:center;width:1.75rem}.badge{background:var(--surface-3);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;padding:.1em .45em;white-space:nowrap}.badge--host{background:var(--accent);color:var(--void)}.badge--mute{background:#ff3da529;color:var(--hot)}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050310d1;display:grid;top:0;right:0;bottom:0;left:0;place-items:center;position:fixed;z-index:20}@supports selector(:has(*)){body:has(.toasts) .scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}}.sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sheet);display:flex;flex-direction:column;gap:var(--space-4);max-height:88dvh;overflow:auto;padding:var(--space-6);width:min(26rem,92vw)}.sheet[data-dropping=true]{border-color:var(--accent);box-shadow:var(--shadow-sheet),var(--glow-accent)}@media(max-width:620px){.scrim{align-items:end}.sheet{border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;max-height:90dvh;padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));width:100%}}.sheet>*+.field{margin-top:var(--space-4)}.sheet-title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.01em;margin:0}.sheet-sub{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;margin:calc(var(--space-4) * -1) 0 0}.slot{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);display:flex;font:inherit;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;width:100%}button.slot{cursor:pointer}@media(hover:hover){button.slot:hover:not(:disabled){border-color:var(--accent)}}button.slot:disabled{cursor:default;opacity:.6}.slot--empty{border-style:dashed}.slot[data-dropping=true]{background:var(--surface-2);border-color:var(--accent);border-style:solid}.slot-thumb{align-items:center;border-radius:var(--radius-sm);color:var(--text-faint);display:grid;flex:0 0 auto;height:2.5rem;justify-items:center;object-fit:cover;width:2.5rem}.slot-thumb--empty{background:var(--surface-2)}.slot-thumb svg{height:1.4rem;width:1.4rem}.slot-body{display:flex;flex:1;flex-direction:column;gap:.1rem;min-width:0}.slot-name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot--empty .slot-name{white-space:normal}.slot-meta{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs)}.qr{display:grid;justify-items:center}.qr svg{background:var(--ink);border-radius:var(--radius-sm);height:auto;max-width:13rem;padding:var(--space-3);width:100%}.console{--rail-pad: var(--space-4);display:grid;grid-template-areas:"rail stage";grid-template-columns:var(--rail-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%;transition:grid-template-columns var(--dur-enter) var(--ease)}.rail{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;gap:var(--space-4);grid-area:rail;min-height:0;padding:var(--space-4);padding-inline:var(--rail-pad)}.ident{align-items:start;column-gap:var(--space-3);display:grid;flex:0 0 auto;grid-template-areas:"name fold" "code code";grid-template-columns:minmax(0,1fr) auto;row-gap:var(--space-2)}.rail-rule{border-top:1px solid var(--border-soft);flex:0 0 auto}.ident-name{grid-area:name;min-width:0}.ident-name .display{-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--text-lg);line-clamp:3;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.rail-fold{grid-area:fold;margin-block:calc((var(--text-lg) * var(--leading-tight) - 2rem) / 2)}.rail-fold svg{transition:transform var(--dur-enter) var(--ease)}.ident-code{display:flex;grid-area:code;min-width:0}.share-link{align-items:baseline;color:inherit;display:flex;gap:var(--space-3);min-width:0;text-decoration:none}.share-link .code{min-width:0;text-decoration:underline dotted var(--border);text-underline-offset:.3em;transition:color var(--dur-ui)}.share-hint{color:var(--accent);flex:0 0 auto;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);opacity:0;text-transform:uppercase;transition:opacity var(--dur-ui)}@media(hover:hover){.share-link:hover .code{color:var(--text)}.share-link:hover .share-hint{opacity:1}}.share-link:focus-visible .share-hint,.share-link[data-copied=true] .share-hint{opacity:1}.rail-gear{align-items:center;display:flex;flex:0 0 auto}.rail-gear>.volume{flex:1;margin-left:var(--space-4);min-width:0}.rail-menu{position:relative}.rail-menu-list{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);bottom:calc(100% + var(--space-2));box-shadow:var(--shadow-sheet);display:flex;flex-direction:column;left:0;min-width:12rem;overflow:hidden;padding:var(--space-1);position:absolute;z-index:18}.rail-menu-controls{border-bottom:1px solid var(--border-soft);display:none;margin-bottom:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4)}.rail-menu-item{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;transition:color var(--dur-ui);white-space:nowrap;isolation:isolate;position:relative}.rail-menu-item:before{background:radial-gradient(ellipse 42% 150% at 0% 50%,rgba(79,233,255,.42) 0%,rgba(79,233,255,.18) 38%,rgba(79,233,255,.05) 78%,transparent 100%),linear-gradient(90deg,#4fe9ff1f,#4fe9ff0a);box-shadow:inset 3px 0 0 var(--accent),inset 14px 0 16px -10px #4fe9ff99;content:"";inset:0 calc(var(--space-1) * -1);opacity:0;pointer-events:none;position:absolute;transition:opacity var(--dur-ui) var(--ease);z-index:-1}@media(hover:hover){.rail-menu-item:hover{color:var(--text)}.rail-menu-item:hover:before{opacity:1}}.rail-menu-item:is(:active,:focus-visible):before{opacity:1}.rail-menu-item[data-on=true]{color:var(--accent)}@media(hover:hover){.rail-menu-item[data-on=true]:hover{color:var(--text)}}.people{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);grid-area:people;min-height:0}.rail-h{align-items:center;color:var(--text-dim);display:flex;flex:0 0 auto;font-family:var(--font-mono);font-size:var(--text-xs);gap:var(--space-2);letter-spacing:.13em;margin:0;text-transform:uppercase}.rail-h i{background:var(--hot);border-radius:50%;box-shadow:0 0 .6em var(--hot);flex:0 0 auto;height:.45em;width:.45em}@keyframes pulse{50%{opacity:.35}}.rail-h[data-link=live] i{animation:pulse 1.9s infinite}.rail-h[data-link=reconnecting]{color:var(--warn)}.rail-h[data-link=reconnecting] i{background:var(--warn);box-shadow:0 0 .6em var(--warn)}@media(prefers-reduced-motion:reduce){.rail-h[data-link=live] i{animation:none}}.roster{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:-3px calc(var(--rail-pad) * -1);min-height:0;overflow-y:auto;padding:3px var(--rail-pad)}.who{align-items:center;border:1px solid transparent;border-inline-width:0;border-radius:var(--radius-sm);display:flex;gap:var(--space-3);min-width:0;padding:var(--space-2) 0}.who{isolation:isolate}.who:before{background:radial-gradient(ellipse 42% 150% at 0% 50%,rgba(79,233,255,.6) 0%,rgba(79,233,255,.26) 38%,rgba(79,233,255,.06) 78%,transparent 100%),linear-gradient(90deg,#4fe9ff24,#4fe9ff0a);box-shadow:inset 3px 0 0 var(--accent),inset 14px 0 16px -10px #4fe9ffbf;content:"";inset:-3px calc(var(--rail-pad) * -1);opacity:0;pointer-events:none;position:absolute;transition:opacity var(--dur-ui) var(--ease);z-index:-1}.who[data-showing=true]:before{opacity:1}.who-open{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;flex:1;font:inherit;gap:var(--space-3);min-width:0;padding:0;text-align:left}span.who-open{cursor:default}.who{position:relative}button.who-open:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute}@media(hover:hover){button.who-open:hover .who-name{color:var(--who, var(--accent))}}.who-open[data-on=true] .who-name{color:var(--who, var(--accent))}.who-name{flex:1;font-size:var(--text-sm);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-you{color:var(--text-dim);font-weight:400}.who[data-muted-by-you=true] .who-name{color:var(--text-faint);text-decoration:line-through;text-decoration-color:#6e5fa0b3}.who[data-room-muted=true] :is(.avatar,.who-name,.badge:not(.badge--mute),.mute-btn--room){opacity:.55}.who[data-showing=true][data-room-muted=true] .mute-btn--room{opacity:1}.mute-btn{position:relative;z-index:1;align-items:center;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;display:grid;flex:0 0 auto;height:1.5rem;justify-items:center;opacity:.45;padding:0;transition:opacity var(--dur-ui),color var(--dur-ui);width:1.5rem}.mute-btn svg{height:1.05rem;width:1.05rem}@media(hover:hover){.mute-btn:hover{color:var(--text);opacity:1}}.mute-btn[data-on=true]{color:var(--accent);opacity:1}.mute-btn--room{color:var(--hot);cursor:default;opacity:1}.mute-btn--room:hover{color:var(--hot)}.who .badge--mute{background:linear-gradient(#ff3da529,#ff3da529),var(--bg);opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity var(--dur-ui) var(--ease);z-index:1}.who:has(.mute-btn) .badge--mute{right:calc(1.5rem + var(--space-3))}@media(hover:hover){.who:hover .badge--mute{opacity:1}}.who:has(:focus-visible) .badge--mute{opacity:1}.who-more{display:flex;position:absolute;right:calc(1.5rem + var(--space-3));margin-top:-.75rem;top:50%;z-index:1}@media(hover:hover){.who-more{opacity:0;transition:opacity var(--dur-ui) var(--ease)}.who:hover .who-more,.who-more[data-open=true],.who-more:has(:focus-visible){opacity:1}.who:is(:hover,:has(.who-more[data-open=true]),:has(.who-more :focus-visible)):has(.who-more) .who-open{margin-right:calc(1.5rem + var(--space-3))}}@media(hover:none){.who:has(.who-more) .who-open{margin-right:calc(1.5rem + var(--space-3))}}.who-menu{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sheet);display:flex;flex-direction:column;min-width:11rem;overflow:hidden;padding:var(--space-1);position:absolute;right:0;top:calc(100% + var(--space-1))}.who:has(.who-menu){z-index:3}.rail-menu-item--danger{color:var(--hot)}.rail-menu-item--danger:before{background:radial-gradient(ellipse 42% 150% at 0% 50%,rgba(255,61,165,.42) 0%,rgba(255,61,165,.18) 38%,rgba(255,61,165,.05) 78%,transparent 100%),linear-gradient(90deg,#ff3da51f,#ff3da50a);box-shadow:inset 3px 0 0 var(--hot),inset 14px 0 16px -10px #ff3da599}.volume{display:flex;flex-direction:column;gap:var(--space-2)}.volume-top{color:var(--text-faint);display:flex;font-family:var(--font-mono);font-size:var(--text-xs);justify-content:space-between;letter-spacing:.1em;text-transform:uppercase}.volume-top b{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:400}.stage{display:grid;grid-area:stage;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;padding:var(--space-4);place-items:center;position:relative}@property --light{inherits: true; initial-value: transparent; syntax: "<color>";}.stage-head{--light: var(--accent);transition:--light var(--dur-ui) var(--ease);align-items:center;display:flex;gap:var(--space-3);grid-row:1;isolation:isolate;justify-content:center;justify-self:stretch;margin-bottom:var(--space-3);max-width:100%;min-height:2.25rem;position:relative}.stage-head .stage-copy{position:absolute;right:0;top:50%;transform:translateY(-50%)}.stage-head .stage-home{display:none;left:0;position:absolute;top:50%;transform:translateY(-50%)}.stage-head:before{background:linear-gradient(180deg,var(--light) 0 3px,transparent 3px),linear-gradient(180deg,color-mix(in srgb,var(--light) 50%,transparent) 0,transparent .9rem),radial-gradient(ellipse 38% 100% at 50% 0%,color-mix(in srgb,var(--light) 42%,transparent) 0%,color-mix(in srgb,var(--light) 20%,transparent) 35%,color-mix(in srgb,var(--light) 6%,transparent) 70%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--light) 14%,transparent) 0%,transparent 100%);animation:light-in var(--dur-ui) var(--ease);content:"";inset:calc(var(--space-4) * -1) calc(var(--space-4) * -1) calc(var(--space-3) * -1);pointer-events:none;position:absolute;z-index:-1}@keyframes light-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.stage-head:before{animation:none}}.stage-whose{color:var(--text);font-size:var(--text-sm);font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-head[data-copying=true]{--light: var(--warn)}.stage-refusal{color:var(--warn);font-size:var(--text-sm);grid-row:2;margin:0 0 var(--space-3);text-align:center}.stage-board{grid-row:3;height:100%;max-height:30rem;position:relative;width:100%}.stage-board[data-banks="2"]{max-height:none}.board{display:grid;gap:var(--board-gap);grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:100%;transition:opacity var(--dur-ui) var(--ease);width:100%}.board[data-banks="2"]{grid-template-rows:repeat(4,minmax(0,1fr))}.add-more{background:transparent;border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-faint);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);left:50%;letter-spacing:.12em;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);position:absolute;text-transform:uppercase;top:100%;transform:translate(-50%);transition:color var(--dur-ui),border-color var(--dur-ui);white-space:nowrap}@media(hover:hover){.add-more:hover{border-color:var(--accent);color:var(--accent)}}.board[data-theirs=true] .pad-art[data-empty=true]{opacity:.5}.board[data-theirs=true] .pad:disabled{opacity:.3}.board[data-copying=true] .pad:not(:disabled){outline:2px dashed var(--warn);outline-offset:-3px}@media(hover:hover){.board[data-copying=true] .pad:not(:disabled):hover{outline-style:solid}}.pad-copy,.pad-paste{align-items:center;background:#050310b8;color:var(--warn);display:grid;font-family:var(--font-mono);font-size:var(--text-sm);top:0;right:0;bottom:0;left:0;justify-items:center;letter-spacing:var(--tracking-mono);opacity:0;position:absolute;text-transform:uppercase;transition:opacity var(--dur-ui)}@media(hover:hover){.pad:hover:not(:disabled) :is(.pad-copy,.pad-paste){opacity:1}}.pad:focus-visible :is(.pad-copy,.pad-paste){opacity:1}.pad-paste[data-on=true]{animation:pulse 1.2s infinite;opacity:1}@media(prefers-reduced-motion:reduce){.pad-paste[data-on=true]{animation:none}}.board[data-editing=true] .pad{touch-action:none;user-select:none;-webkit-user-select:none}.pad[data-moving=true]{border-color:var(--accent);box-shadow:0 0 0 1px #4fe9ff59,var(--glow-accent),var(--shadow-sheet);cursor:grabbing;transition:none;z-index:2}.board[data-moving=true] .pad{cursor:grabbing}.board[data-offline=true]{opacity:.45}.pad{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;overflow:hidden;padding:0;position:relative;transition:transform var(--dur-press),box-shadow var(--dur-ui),border-color var(--dur-ui),opacity var(--dur-ui)}@media(hover:hover){.pad:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 1px #4fe9ff59,var(--glow-accent)}}.pad:active:not(:disabled){transform:scale(.975)}.pad[data-dropping=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),var(--glow-accent)}.pad-art{background-position:center;background-repeat:no-repeat;background-size:cover;top:0;right:0;bottom:0;left:0;opacity:.85;position:absolute}.pad-art[data-empty=true]{background:repeating-linear-gradient(135deg,var(--surface-2) 0 6px,var(--surface) 6px 12px)}.pad-shade{background:linear-gradient(to top,#050310f2 26%,#0503101f 72%);top:0;right:0;bottom:0;left:0;position:absolute}.pad-foot{align-items:flex-end;align-items:last baseline;display:flex;gap:var(--space-2);justify-content:space-between;padding:0 var(--space-3) var(--space-3);position:relative}.pad-title{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.005em;line-height:var(--leading-tight);min-width:0;text-align:left;text-wrap:balance}.pad-title[data-empty=true]{color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.pad-key{color:var(--text-faint);flex:0 0 auto;font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.pad[data-editing=true] .pad-key{color:var(--accent)}.pad:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.4}.board[data-cooling=true] .pad[data-cooled=true]{border-color:#ffc24d73;filter:none;opacity:1}.pad-cool{align-items:center;background:#050310b8;color:var(--warn);display:grid;font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;top:0;right:0;bottom:0;left:0;justify-items:center;position:absolute}.pad-cool:before{aspect-ratio:1;border:.14em solid rgba(255,194,77,.22);border-radius:50%;content:"";height:56%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pad[data-editing=true],.pad[data-empty=true]{cursor:cell}.pad[data-editing=true]:after,.pad[data-empty=true]:after{border:1px dashed rgba(79,233,255,.7);border-radius:calc(var(--radius-lg) - .25rem);content:"";top:.28em;right:.28em;bottom:.28em;left:.28em;pointer-events:none;position:absolute}.pad[data-empty=true]:not([data-editing=true]):after{border-color:var(--border)}.pad-pen{color:var(--accent);filter:drop-shadow(0 0 .25em rgba(0,0,0,.9));height:1.1em;position:absolute;right:.45em;top:.45em;width:1.1em}.presence{display:flex;flex-direction:column;gap:var(--space-2);left:50%;pointer-events:none;position:absolute;top:var(--space-4);transform:translate(-50%);z-index:5}.notice{animation:notice-in var(--dur-ui) var(--ease);background:#0a0616cc;border:1px solid var(--border-soft);border-radius:var(--radius-pill);color:var(--text-dim);font-size:var(--text-sm);padding:var(--space-1) var(--space-4);white-space:nowrap}@keyframes notice-in{0%{opacity:0;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){.notice{animation:none}}@media not all and (max-width:620px){.console :is(.ident-name,.ident-code,.rail-h,.control-pad-note,.who-name,.who .badge,.rail-gear>.volume){transition:opacity var(--dur-ui) var(--ease)}.who{transition:background-color var(--dur-ui) var(--ease),border-color var(--dur-ui) var(--ease)}.who{padding-block:calc(var(--space-1) / 2)}.console[data-rail=folded]{--rail-pad: var(--rail-fold-gap);grid-template-columns:var(--rail-width-folded) minmax(0,1fr)}.console[data-rail=folded] .rail{padding-bottom:var(--rail-pad)}.console[data-rail=folded] .rail-fold svg{transform:rotate(180deg)}.console:is([data-rail=folding],[data-rail=unfolding]) :is(.ident-name,.ident-code,.rail-h,.control-pad-note,.who-name,.who .badge,.mute-btn,.rail-gear>.volume){opacity:0}.console:is([data-rail=folding],[data-rail=folded],[data-rail=unfolding]) .who{background-color:transparent;border-color:transparent}.console[data-rail=folded] .ident{grid-template-areas:"fold";grid-template-columns:minmax(0,1fr);justify-items:end}.console[data-rail=folded] :is(.ident-name,.ident-code,.rail-h,.control-pad-note,.who-name,.who .badge,.mute-btn,.who-more){display:none}.console[data-rail=folded] .rail-gear{flex-direction:column-reverse;gap:var(--space-3)}.console[data-rail=folded] .rail-gear>.volume{transition:opacity var(--dur-ui) var(--ease) var(--dur-enter)}.console[data-rail=folded] .rail-gear>.volume{align-items:center;flex:0 0 auto;margin-left:0}.console[data-rail=folded] .volume .slider{--len: calc(var(--rail-width) - 3 * var(--space-4) - 2rem - 1px);margin:calc((var(--len) - 1.25rem) / 2) calc((1.25rem - var(--len)) / 2);transform:rotate(-90deg);width:var(--len)}.console[data-rail=folded] .volume-top{display:grid;place-items:center}.console[data-rail=folded] .volume-top>*{grid-area:1 / 1;transition:opacity var(--dur-ui) var(--ease)}.console[data-rail=folded] .volume-top span{writing-mode:vertical-rl}.console[data-rail=folded] .volume-top b{opacity:0}.console[data-rail=folded] .volume:is([data-dragging=true],:has(input:focus-visible)) span{opacity:0}.console[data-rail=folded] .volume:is([data-dragging=true],:has(input:focus-visible)) b{opacity:1}.console[data-rail=unfolding] .rail-gear>.volume{transition:none}.console[data-rail=folded] .who{border-width:0;justify-content:flex-start;padding:0 0 0 .125rem}.console[data-rail=folded] .who-open{flex:0 0 auto}.console[data-sliding=true] .roster{overflow:visible}.console[data-rail=unfolding] .rail{overflow:hidden}.console[data-rail=unfolding] .rail>*{width:calc(var(--rail-width) - 2 * var(--space-4) - 1px)}}.tabbar{display:none}@media(max-width:620px){.console{grid-template-areas:"ident" "panel" "tabs";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.rail{display:contents}.ident{align-items:center;background:var(--surface);border-bottom:1px solid var(--border-soft);grid-area:ident;grid-template-areas:"name" "code";grid-template-columns:minmax(0,1fr);padding:var(--space-3) calc(var(--space-4) + 2rem + var(--space-3)) var(--space-3) var(--space-4);row-gap:0}.rail-fold,.rail-rule{display:none}.rail-gear{align-self:center;grid-area:ident;justify-self:end;padding:0 var(--space-4) 0 0}.rail-gear>.volume{display:none}.rail-menu-controls{display:block}.rail-menu-list{bottom:auto;left:auto;right:0;top:calc(100% + var(--space-2))}.ident-name .display{line-clamp:1;-webkit-line-clamp:1}.people,.stage{grid-area:panel}.people{padding:var(--space-4)}.stage-head .stage-home{display:grid}.console[data-tab=pads] .people,.console[data-tab=people] .stage{display:none}.pad:not([data-editing=true]) .pad-key{display:none}.stage-board,.stage-board[data-banks="2"]{max-height:none}.board,.board[data-banks="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}.board[data-banks="2"][data-bank="1"] .pad:nth-child(n+11),.board[data-banks="2"][data-bank="2"] .pad:nth-child(-n+10){display:none}.add-more{display:none}.tabbar{background:var(--surface);border-top:1px solid var(--border-soft);display:grid;grid-area:tabs;grid-template-columns:1fr 1fr;padding-bottom:env(safe-area-inset-bottom)}.tabbar[data-banks="2"]{grid-template-columns:1fr 1fr 1fr}.tab{align-items:center;background:transparent;border:0;border-top:2px solid transparent;color:var(--text-faint);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--text-xs);gap:var(--space-1);letter-spacing:.12em;padding:var(--space-3) 0;text-transform:uppercase}.tab svg{height:1.5rem;width:1.5rem}.tab[aria-selected=true]{background:#4fe9ff0f;border-top-color:var(--accent);color:var(--accent)}}.control-pad-note{background:#ff3da51a;border-left:2px solid var(--hot);color:var(--text-dim);flex:0 0 auto;font-size:var(--text-sm);line-height:var(--leading-body);margin:0;padding:var(--space-2) var(--space-3)}.toasts{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;z-index:19}@supports selector(:has(*)){body:has(.scrim) .toasts{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050310d1}}.toast{--box: 30vw;align-items:center;animation:rise var(--life) linear forwards;bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);left:var(--lane);position:absolute;max-width:var(--box);text-align:center;transform:translate(-50%);width:max-content}.toast-art{--ratio: 1;--fit: 1;--art: calc(var(--box) * min(1, var(--ratio)) * var(--fit));aspect-ratio:var(--ratio);height:auto;width:var(--art);filter:drop-shadow(0 0 .125rem color-mix(in srgb,var(--who, var(--accent)) 70%,transparent)) drop-shadow(0 0 1.25rem color-mix(in srgb,var(--who, var(--accent)) 55%,transparent)) drop-shadow(0 .5rem 1.5rem rgba(0,0,0,.85))}.toast-art--none{--art: calc(var(--pad-width, var(--pad-size)) * .56);color:var(--who, var(--text-faint));margin-block:calc(var(--art) * -.178)}.toast-who{color:var(--text);font-family:var(--font-display);font-size:var(--text-2xl);line-height:.95;text-shadow:0 0 1.2em rgba(79,233,255,.55),0 .125rem .5rem rgba(5,3,16,.9)}.toast-what{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.16em;text-shadow:0 .125rem .5rem rgba(5,3,16,.9);text-transform:uppercase}@media(max-width:620px){.toast{--box: 75vw}}@media(max-width:620px){.toast-who{font-size:var(--text-xl)}}@keyframes rise{0%{opacity:0;transform:translate(-50%)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,-55dvh)}}@media(prefers-reduced-motion:reduce){.toast{animation:toast-fade var(--life) linear forwards}@keyframes toast-fade{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}}.door{display:grid;height:100%;overflow-y:auto;padding:var(--space-6);place-items:center}.door-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sheet);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);width:min(24rem,100%)}.wordmark{--lit: var(--text);--lit-glow: 0 0 1.5rem rgba(79, 233, 255, .34);animation:tube-on 1.1s steps(1,end) .15s both;color:var(--lit);font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0;text-shadow:var(--lit-glow);text-wrap:balance}.wordmark--hero{--lit: var(--accent);font-size:var(--text-hero)}@keyframes tube-on{0%{color:var(--text-faint);text-shadow:none}38%{color:var(--lit);text-shadow:var(--lit-glow)}43%{color:var(--text-faint);text-shadow:none}51%{color:var(--lit);text-shadow:var(--lit-glow)}54%{color:var(--text-faint);text-shadow:none}60%{color:var(--lit);text-shadow:var(--lit-glow)}62%{color:var(--text-faint);text-shadow:none}66%{color:var(--lit);text-shadow:var(--lit-glow)}71%{color:var(--lit);opacity:.72;text-shadow:none}75%,to{color:var(--lit);opacity:1;text-shadow:var(--lit-glow)}}@media(prefers-reduced-motion:reduce){.wordmark{animation:none}}.door-lede{color:var(--text-dim);margin:0}.faces{display:flex;flex-wrap:wrap;gap:var(--space-1)}.present{border-left:2px solid var(--border);color:var(--text-dim);font-size:var(--text-sm);margin:0;padding-left:var(--space-3)}.present strong{color:var(--text);font-weight:600}.door-card>*+.field{margin-top:var(--space-4)}.refusal{color:var(--warn);font-size:var(--text-sm);left:0;margin-top:var(--space-3);padding:0 var(--space-6);position:absolute;right:0;top:100%}.pairing-code{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.18em;margin:0;text-align:center}