: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;--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;--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%);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(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs);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);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(--text)}}.btn:disabled{cursor:default;opacity:.45}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--void);font-weight:500}@media(hover:hover){.btn--primary:hover:not(:disabled){box-shadow:var(--glow-accent);color:var(--void)}}.btn--danger{border-color:#ff3da580;color:var(--hot)}@media(hover:hover){.btn--danger:hover:not(:disabled){background:#ff3da51a;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(--text)}}.icon-btn[data-on=true]{background:#4fe9ff1a;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-faint);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::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}.slider{accent-color:var(--accent);width:100%}.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}.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-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{display:grid;grid-template-areas:"rail stage";grid-template-columns:var(--rail-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%}.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)}.ident{align-items:center;border-bottom:1px solid var(--border-soft);display:flex;flex:0 0 auto;gap:var(--space-3);padding-bottom:var(--space-4)}.ident-name{display:flex;flex:1;flex-direction:column;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}.ident-tools{display:none;gap:var(--space-2)}.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}}.rail-foot{border-top:1px solid var(--border-soft);display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.roster{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;min-height:0;overflow-y:auto;padding:0}.who{align-items:center;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-sm);display:flex;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-3)}.who[data-you=true]{background:#4fe9ff12}.who[data-showing=true]{border-color:var(--accent)}.who[data-room-muted=true]{opacity:.55}.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}@media(hover:hover){button.who-open:hover .who-name{color:var(--accent)}}.who-open[data-on=true] .who-name{color: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[data-muted-by-you=true]{background:var(--bg);border-color:var(--border-soft)}.who[data-muted-by-you=true] .who-name{color:var(--text-faint);text-decoration:line-through;text-decoration-color:#6e5fa0b3}.mute-btn{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}.who-cd{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:.15rem;margin-left:auto;width:4.4em}.who-cd b{color:var(--warn);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:400}.who-cd i{background:var(--surface-2);border-radius:var(--radius-pill);display:block;height:.2rem;overflow:hidden;width:100%}.who-cd i i{background:linear-gradient(90deg,var(--warn),#ff8a4d);height:100%}.who[data-cooling=true]{background:#ffc24d0f;border-color:#ffc24d73}.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}.volume input[type=range]{accent-color:var(--accent);width:100%}.volume-scrim{background:#05031080;top:0;right:0;bottom:0;left:0;position:absolute;z-index:15}.volume--column{align-items:center;background:#0a0616f0;border:1px solid var(--border);border-radius:var(--radius-pill);bottom:6rem;box-shadow:var(--shadow-sheet);padding:var(--space-4) var(--space-3);position:absolute;right:var(--space-4);top:5rem;z-index:16}.volume--column input[type=range]{direction:rtl;flex:1;min-height:0;width:auto;writing-mode:vertical-lr}.volume--column .volume-top{display:contents}.volume--column .volume-top b{letter-spacing:0;order:0;text-align:center;width:3ch}.volume--column input[type=range]{order:1}.volume--column .volume-top span{display:none}.stage{display:grid;grid-area:stage;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding:var(--space-4);place-items:center;position:relative}.stage-head{align-items:center;display:flex;gap:var(--space-3);grid-row:1;justify-content:center;margin-bottom:var(--space-3);max-width:100%}.stage-whose{color:var(--text-faint);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] .stage-whose{color: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;max-width:72rem;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}}.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}}.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{background:var(--surface);border-bottom:1px solid var(--border-soft);grid-area:ident;padding:var(--space-3) var(--space-4)}.ident-tools{display:flex}.ident-name .display{line-clamp:1;-webkit-line-clamp:1}.console[data-tab=people] .ident-tools .edit-btn{display:none}.people,.stage{grid-area:panel}.people{padding:var(--space-4)}.console[data-tab=pads] .people,.console[data-tab=people] .stage{display:none}.pad:not([data-editing=true]) .pad-key{display:none}.rail-foot .volume,.rail-foot .edit-btn{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 1.3fr}.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:30}.toast{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;text-align:center;transform:translate(-50%)}.toast-art{--ratio: 1;--fit: 1;--art: calc( min(var(--pad-width, var(--pad-size)), var(--pad-height, var(--pad-size)) * var(--ratio)) * var(--fit) );aspect-ratio:var(--ratio);height:auto;width:var(--art);filter:drop-shadow(0 .5rem 1.5rem rgba(0,0,0,.85))}.toast-art--none{--fit: .56;color: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-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{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{color:var(--text);font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0;text-shadow:0 0 1.5rem rgba(79,233,255,.34);text-wrap:balance}.wordmark--hero{color:var(--accent);font-size:var(--text-hero)}.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(--accent);font-weight:600}.refusal{color:var(--warn);font-size:var(--text-sm);min-height:1.25rem}.pairing-code{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.18em;margin:0;text-align:center}