:root{--bg-app: #060b117d;--bg-rail: #080e14;--bg-panel: #0e1620;--bg-elevated: #141e29;--bg-hover: #1c2835;--bg-active: #243242;--bg-video: #03060a;--bg-overlay: rgba(4, 9, 14, .76);--bg-glass: rgba(14, 22, 32, .027);--bg-glass-soft: rgba(14, 22, 32, .5);--line: #2b62a042;--line-soft: rgba(255, 255, 255, .05);--line-strong: #22303f;--text: #e7edf3;--text-dim: #a4b0bd;--text-mute: #7b8795;--text-faint: #5c6774;--brand-blue: #005aa8;--brand-blue-lit: #56b9fb;--brand-blue-soft: rgba(0, 106, 196, .16);--icon: var(--brand-blue-lit);--icon-rgb: 86, 185, 251;--brand-pale: #c9e6fb;--glass-tint: 58, 150, 224;--glass-sheen: 198, 228, 255;--brand-green: #006b05;--brand-green-lit: #12a01c;--crown: #f6e3ae;--crown-glow: rgba(246, 227, 174, .36);--accent: #0062b8;--accent-hover: #0572cc;--accent-press: #004d96;--accent-soft: rgba(0, 98, 184, .18);--accent-line: rgba(5, 114, 204, .45);--accent-ink: #f4f9ff;--accent-rgb: 0, 98, 184;--live: #4ade80;--live-soft: rgba(74, 222, 128, .14);--live-line: rgba(74, 222, 128, .34);--danger: #ef4d55;--danger-hover: #f4666d;--danger-soft: rgba(239, 77, 85, .13);--danger-line: rgba(239, 77, 85, .36);--warn: #e8a33a;--warn-lit: #f2bd6b;--warn-soft: rgba(232, 163, 58, .13);--warn-line: rgba(232, 163, 58, .34);--r-xs: 5px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .42);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .62);--backdrop-art: url(/backdrop.png);--backdrop-tint: 0, 6, 17;--t-fast: .11s cubic-bezier(.3, 0, .2, 1);--t-base: .17s cubic-bezier(.3, 0, .2, 1);--t-slow: .26s cubic-bezier(.22, .61, .36, 1);--font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", Menlo, monospace;--topbar-h: 52px;--sidebar-w: 264px;--rail-h: 96px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-app);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}h1,h2,h3,h4,p{margin:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}::selection{background:var(--accent-soft);color:var(--text)}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill);border:2px solid transparent;background-clip:content-box}.scroll:hover::-webkit-scrollbar-thumb{background:#33474e;background-clip:content-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.section-label{display:flex;align-items:center;gap:6px;margin:0;padding:0 8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.section-label__count{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);letter-spacing:.06em}.btn{--btn-bg: var(--bg-elevated);--btn-bg-hover: var(--bg-hover);--btn-fg: var(--text);--btn-line: var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--btn-line);border-radius:var(--r-md);background:var(--btn-bg);color:var(--btn-fg);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast),opacity var(--t-fast)}.btn:hover:not(:disabled){background:var(--btn-bg-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn__label{overflow:hidden;text-overflow:ellipsis}.btn--primary{--btn-bg: var(--accent);--btn-bg-hover: var(--accent-hover);--btn-fg: var(--accent-ink);--btn-line: transparent;font-weight:600;box-shadow:0 6px 20px rgba(var(--accent-rgb),.34)}.btn--primary:hover:not(:disabled){box-shadow:0 8px 26px rgba(var(--accent-rgb),.46)}.btn--primary:active:not(:disabled){background:var(--accent-press);box-shadow:0 3px 12px rgba(var(--accent-rgb),.28)}.btn--primary:disabled{box-shadow:none}.btn--danger{--btn-bg: var(--danger);--btn-bg-hover: var(--danger-hover);--btn-fg: #fff;--btn-line: transparent;font-weight:600}.btn--quiet{--btn-bg: transparent;--btn-bg-hover: var(--bg-hover);--btn-fg: var(--text-dim);--btn-line: var(--line)}.btn--quiet:hover:not(:disabled){color:var(--text)}.btn--quiet-danger{--btn-bg: transparent;--btn-bg-hover: var(--danger-soft);--btn-fg: #ff9497;--btn-line: var(--line)}.btn--quiet-danger:hover:not(:disabled){--btn-line: var(--danger-line)}.btn--lg{height:42px;padding:0 18px;font-size:14.5px}.btn--sm{height:30px;padding:0 11px;font-size:13px}.btn--block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-mute);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--danger:hover:not(:disabled){background:var(--danger-soft);color:#ff9497}.icon-btn--on{background:var(--accent-soft);color:var(--brand-blue-lit)}.field{display:flex;flex-direction:column;gap:7px;text-align:left}.field__label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-mute)}.field__counter{font-variant-numeric:tabular-nums;color:var(--text-faint);font-weight:500;letter-spacing:0;text-transform:none}.field__hint{font-size:12.5px;color:var(--text-faint)}.field__error{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#ff9497}.input{width:100%;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-app);color:var(--text);font-size:14.5px;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.input::placeholder{color:var(--text-faint)}.input:hover:not(:focus){border-color:var(--line-strong)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input--invalid{border-color:var(--danger-line)}.input--code{font-family:var(--font-mono);font-size:15px;letter-spacing:.14em;text-transform:uppercase}.input--code:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input--code::placeholder{letter-spacing:.1em;text-transform:none}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-elevated);color:var(--text-dim);font-size:12.5px;white-space:nowrap}.chip--mono{font-family:var(--font-mono);letter-spacing:.1em;color:var(--brand-blue-lit);border-color:var(--accent-line);background:var(--brand-blue-soft)}button.chip--mono:hover{border-color:rgba(var(--accent-rgb),.62);background:rgba(var(--accent-rgb),.22)}button.chip{cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}button.chip:hover{background:var(--bg-hover);border-color:var(--line-strong)}.tag{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:var(--r-xs);background:var(--bg-active);color:var(--text-mute);font-size:10px;font-style:normal;font-weight:600;letter-spacing:.06em;text-transform:uppercase;flex:none}.tag--live{background:var(--live-soft);color:#6fe0a8}.tag--self{background:var(--accent-soft);color:var(--brand-blue-lit)}.avatar{position:relative;display:inline-grid;place-items:center;width:var(--avatar-size, 36px);height:var(--avatar-size, 36px);flex:none;border-radius:var(--r-pill);background:var(--avatar-bg, #2f434b);color:#fff;font-size:calc(var(--avatar-size, 36px) * .36);font-weight:600;letter-spacing:.02em;line-height:1;user-select:none}.avatar--empty{color:var(--text-mute);border:1px dashed var(--line-strong)}.avatar__img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.avatar--ring:after{content:"";position:absolute;inset:-3px;border:2px solid var(--live);border-radius:inherit}.avatar__status{position:absolute;right:-1px;bottom:-1px;width:calc(var(--avatar-size, 36px) * .3);height:calc(var(--avatar-size, 36px) * .3);min-width:9px;min-height:9px;border-radius:var(--r-pill);background:var(--text-faint);box-shadow:0 0 0 2.5px var(--status-ring, var(--bg-panel))}.avatar__status--connected{background:var(--live)}.avatar__status--connecting,.avatar__status--new,.avatar__status--checking{background:var(--warn)}.avatar__status--failed,.avatar__status--disconnected,.avatar__status--closed{background:var(--danger)}.picker{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-glass-soft)}.picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;justify-items:center}.picker__item{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-pill);cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast)}.picker__item:hover{background:var(--bg-hover)}.picker__item--on{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.picker__item input:focus-visible+.avatar{outline:2px solid var(--accent);outline-offset:2px}.picker__link{display:flex;flex-direction:column;gap:6px;padding-top:9px;border-top:1px solid var(--line-soft)}.picker__link-label{display:flex;align-items:center;gap:5px;color:var(--text-dim);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.picker__link--on .picker__link-label{color:var(--accent)}.picker__link-row{display:flex;align-items:center;gap:7px}.picker__link-input{min-width:0;height:34px;font-size:13px}.picker__link .field__error{font-size:11px;line-height:1.35}.picker-pop{position:absolute;z-index:30;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-elevated);box-shadow:var(--shadow-lg);text-align:left;animation:fade-up var(--t-fast) both}.picker-pop__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px 5px 12px;border-bottom:1px solid var(--line-soft);color:var(--text-dim);font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.picker-pop .picker{max-height:min(52vh,356px);border:0;border-radius:0 0 var(--r-md) var(--r-md);background:transparent}.picker-pop .picker__grid{min-height:0}.status{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px 0 9px;border-radius:var(--r-sm);color:var(--text-mute);font-size:12.5px;white-space:nowrap}.status__dot{width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}.status--online{color:#6fe0a8}.status--pending{color:var(--warn-lit)}.status--pending .status__dot{animation:pulse 1.5s ease-in-out infinite}.status--offline{color:#ff9497}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes island-in{0%{opacity:0;transform:scale(.3,.44)}62%{opacity:1;transform:scale(1.035,1.07)}to{opacity:1;transform:scale(1)}}@keyframes island-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.84,.56)}}@keyframes island-content{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes tools-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.boot{--boot-bg: #141414;--boot-surface: #1d1d1d;--boot-raised: #2a2a2a;--boot-raised-hover: #343434;--boot-line: #303030;--boot-ink: #ffffff;--boot-ink-dim: rgba(255, 255, 255, .74);--boot-ink-faint: rgba(255, 255, 255, .54);display:grid;place-content:center;justify-items:center;gap:16px;min-height:100dvh;padding:24px;background:var(--boot-bg);color:var(--boot-ink);font-family:var(--font-ui);text-align:center}.boot :focus-visible{outline:2px solid var(--boot-ink);outline-offset:2px}.boot__spinner{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:#ffffffc7;animation:boot-spin .72s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}.boot__text{margin:0;color:var(--boot-ink);font-size:13.5px}.boot__card{max-width:460px;padding:26px 28px;border:1px solid var(--boot-line);border-radius:var(--r-lg);background:var(--boot-surface);box-shadow:var(--shadow-lg)}.boot__title{margin:0 0 10px;color:var(--boot-ink);font-size:17px;font-weight:600}.boot__card .boot__text{color:var(--boot-ink-dim);line-height:1.6}.boot__hint{margin:14px 0 0;color:var(--boot-ink-faint);font-size:12.5px;line-height:1.6}.boot__hint code{padding:2px 6px;border-radius:var(--r-xs);background:var(--boot-raised);color:var(--boot-ink-dim);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}.boot__detail{margin:14px 0 0;padding:8px 10px;border-radius:var(--r-sm);background:var(--boot-raised);color:var(--boot-ink-faint);font-family:var(--font-mono);font-size:11.5px;line-height:1.5;overflow-wrap:anywhere}.boot__actions{display:flex;justify-content:center;margin-top:20px}.boot__btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;border:1px solid var(--boot-line);border-radius:var(--r-md);background:var(--boot-raised);color:var(--boot-ink);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.boot__btn:hover{background:var(--boot-raised-hover);border-color:var(--boot-ink-faint)}.boot__btn:active{transform:translateY(1px)}.lobby,.gate{position:relative;z-index:0;--backdrop-scrim: linear-gradient( 96deg, rgba(var(--backdrop-tint), .84) 0%, rgba(var(--backdrop-tint), .8) 32%, rgba(var(--backdrop-tint), .62) 54%, rgba(var(--backdrop-tint), .46) 72%, rgba(var(--backdrop-tint), .42) 100% )}.lobby:before,.gate:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(46% 44% at 50% 40%,rgba(var(--accent-rgb),.13),transparent 72%),radial-gradient(30% 34% at 84% 24%,rgba(var(--icon-rgb),.07),transparent 76%),var(--backdrop-scrim),radial-gradient(118% 86% at 50% 44%,rgba(var(--backdrop-tint),.1),rgba(var(--backdrop-tint),.4) 56%,rgba(var(--backdrop-tint),.88)),linear-gradient(180deg,rgba(var(--backdrop-tint),.48),rgba(var(--backdrop-tint),.26) 42%,rgba(var(--backdrop-tint),.42)),var(--backdrop-art) 50% 48% / cover no-repeat,var(--bg-app);animation:fade-in .7s ease-out both}.lobby:after,.gate:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at center,rgba(var(--icon-rgb),.42) .9px,transparent 1.7px);background-size:12px 12px;-webkit-mask-image:radial-gradient(26% 92% at 1% 50%,#000 0%,transparent 78%);mask-image:radial-gradient(26% 92% at 1% 50%,#000 0%,transparent 78%);opacity:.4}@media (max-width: 720px){.lobby,.gate{--backdrop-scrim: linear-gradient( 180deg, rgba(var(--backdrop-tint), .78) 0%, rgba(var(--backdrop-tint), .58) 42%, rgba(var(--backdrop-tint), .78) 100% )}.lobby:before,.gate:before{background-position:center,center,center,center,center,60% 46%}.lobby:after,.gate:after{opacity:.2}}@media (prefers-reduced-data: reduce){:root{--backdrop-art: none}}.lobby{min-height:100%;display:flex;flex-direction:column;padding:28px 24px 22px}.lobby__inner{flex:1;width:100%;max-width:1020px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 396px;align-items:center;gap:64px}.lobby__inner--centered{grid-template-columns:minmax(0,420px);justify-content:center}.lobby__footer{padding-top:24px;text-align:center;color:var(--text-faint);font-size:12.5px;text-shadow:0 1px 10px rgba(4,8,13,.9)}.lobby__footer .dot{margin:0 8px;opacity:.5}.lobby__heart{margin:0 4px;vertical-align:-2px;color:var(--icon)}.lobby__credit{color:var(--brand-blue-lit)}.intro{display:flex;flex-direction:column;gap:18px;animation:fade-up var(--t-slow) both;text-shadow:0 1px 16px rgba(4,8,13,.9)}.intro__title{font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.12;letter-spacing:-.025em}@supports (-webkit-background-clip: text) or (background-clip: text){.intro__title{background-image:linear-gradient(106deg,#ffffff 8%,var(--brand-pale) 44%,var(--icon) 96%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 18px rgba(4,8,13,.95))}}.intro__lead{max-width:46ch;color:var(--text-dim);font-size:15.5px}.intro__points{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding:0;list-style:none}.point{display:flex;align-items:center;gap:11px;color:var(--text-mute);font-size:13.5px}.point__icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--bg-glass-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--icon)}.brand{display:inline-flex;align-items:center;gap:10px}.brand:before{content:"";width:3px;height:15px;flex:none;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--brand-blue-lit),var(--brand-blue));box-shadow:0 0 12px rgba(var(--icon-rgb),.55)}.brand--lg:before{height:19px}.brand__mark{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink)}.brand__name{font-size:13px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.brand__tag{padding-left:10px;margin-left:2px;border-left:1px solid var(--line);color:var(--text-faint);font-size:12.5px}.brand--lg .brand__mark{width:40px;height:40px;border-radius:var(--r-lg)}.brand--lg .brand__name{font-size:14.5px;letter-spacing:.22em}.panel{position:relative;background:var(--bg-glass);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);border:1px solid var(--line-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d;animation:fade-up var(--t-slow) both}.panel:before{content:"";position:absolute;top:0;right:14%;left:14%;height:1px;background:linear-gradient(90deg,transparent,var(--brand-blue-lit),transparent);opacity:.7;pointer-events:none}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.panel{background:var(--bg-panel)}}.panel__head{padding:22px 24px 0}.panel__title{font-size:17px;font-weight:650;letter-spacing:-.01em}.panel__subtitle{margin-top:5px;color:var(--text-mute);font-size:13.5px}.panel__body{display:flex;flex-direction:column;gap:18px;padding:22px 24px 24px}.panel__foot{padding:14px 24px;border-top:1px solid var(--line-soft);color:var(--text-faint);font-size:12.5px;text-align:center}.panel--narrow{width:min(420px,100%);margin:0 auto;text-align:center}.identity{position:relative;display:flex;align-items:center;gap:14px}.identity .picker-pop{top:calc(100% + 10px);right:0;left:0}.identity .avatar{--status-ring: var(--bg-panel);transition:background var(--t-base)}.identity__pick{position:relative;flex:none;padding:0;border:0;border-radius:var(--r-pill);background:transparent;cursor:pointer;transition:transform var(--t-fast)}.identity__pick:hover{transform:translateY(-1px)}.identity__pen{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--bg-panel);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink)}.identity__field{flex:1;min-width:0}.divider{display:flex;align-items:center;gap:12px;color:var(--text-faint);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.join{display:flex;gap:8px}.join .input{flex:1;min-width:0}.join .btn{height:42px;flex:none}.notice{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:#1a202999;color:var(--text-mute);font-size:12.5px;text-align:left}.notice__icon{flex:none;margin-top:2px;color:var(--text-faint)}.notice--warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn-lit)}.notice--warn .notice__icon{color:var(--warn-lit)}.notice--danger{border-color:var(--danger-line);background:var(--danger-soft);color:#ff9497}.notice--danger .notice__icon{color:#ff9497}.gate{min-height:100%;display:grid;place-items:center;padding:24px}.gate__card{width:min(400px,100%)}.gate__room{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:var(--text-mute);font-size:12.5px}.gate__preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 2px}.gate__preview .avatar{--status-ring: var(--bg-panel);transition:background var(--t-base)}.gate__preview-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.gate__preview-name--empty{color:var(--text-faint);font-weight:500}.gate__preview{position:relative}.gate__preview .picker-pop{top:calc(100% + 4px);right:24px;left:24px}@media (max-width: 940px){.lobby__inner{grid-template-columns:minmax(0,440px);justify-content:center;align-content:center;gap:34px;padding:8px 0 4px}.intro{text-align:center;align-items:center}.intro__points{display:none}}@media (max-width: 520px){.lobby{padding:20px 16px 16px}.panel__head{padding:18px 18px 0}.panel__body{padding:18px}.join{flex-direction:column}.join .input{flex:none}.join .btn{width:100%}}.stores{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}.glass{--glass-accent: var(--glass-accent-default, 255, 255, 255);--glass-ink: var(--glass-ink-default, var(--text-dim));position:relative;display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px;isolation:isolate;overflow:hidden;border-radius:var(--r-pill);border:1px solid rgba(var(--glass-sheen),.2);background:linear-gradient(168deg,rgba(var(--glass-tint),.26),rgba(var(--glass-tint),.11) 46%,rgba(var(--glass-tint),.05));-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px .5px rgba(var(--glass-sheen),.62),inset 0 -8px 14px -10px rgba(var(--glass-tint),.6),inset 0 0 18px rgba(var(--glass-tint),.1),0 8px 24px #0006;color:var(--text);font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;user-select:none;text-shadow:0 1px 8px rgba(4,8,13,.55);transition:transform var(--t-base),box-shadow var(--t-base),background var(--t-base),border-color var(--t-base)}.glass:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 100% at 50% -20%,rgba(var(--glass-sheen),.42) 0%,rgba(var(--glass-tint),.14) 40%,transparent 70%);transition:opacity var(--t-base)}.glass:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background-image:linear-gradient(100deg,transparent 34%,rgba(var(--glass-sheen),.32) 47%,rgba(var(--glass-tint),.12) 54%,transparent 66%);background-repeat:no-repeat;background-size:300% 100%;background-position:110% 0}.glass:hover:after{background-position:-10% 0;transition:background-position .9s cubic-bezier(.22,.61,.36,1)}.glass:hover{transform:translateY(-2px);border-color:rgba(var(--glass-sheen),.36);background:linear-gradient(168deg,rgba(var(--glass-tint),.34),rgba(var(--glass-tint),.16) 46%,rgba(var(--glass-tint),.07));box-shadow:inset 0 1px .5px rgba(var(--glass-sheen),.8),inset 0 -8px 14px -10px rgba(var(--glass-tint),.7),inset 0 0 22px rgba(var(--glass-tint),.13),inset 0 0 26px rgba(var(--glass-accent),.32),0 14px 30px #00000080,0 0 16px -9px rgba(var(--glass-accent),.9)}.glass:active{transform:translateY(0);box-shadow:inset 0 1px .5px rgba(var(--glass-sheen),.5),inset 0 0 16px rgba(var(--glass-tint),.08),0 4px 12px #0006}.glass:focus-visible{border-radius:var(--r-pill);outline:2px solid rgb(var(--glass-accent));outline-offset:3px}.glass__icon{flex:none;color:var(--glass-ink)}.glass__out{flex:none;margin-left:1px;color:var(--text-faint);transition:transform var(--t-fast),color var(--t-fast)}.glass:hover .glass__out{color:var(--text-dim);transform:translate(1px,-1px)}.glass[data-accent=blue]{--glass-accent: 0, 98, 184;--glass-tint: 58, 150, 224;--glass-sheen: 198, 228, 255;--glass-ink: #7cc4fb}.glass[data-accent=green]{--glass-accent: 18, 160, 28;--glass-tint: 70, 202, 82;--glass-sheen: 214, 245, 216;--glass-ink: #5fdd65}.glass[data-accent=ember]{--glass-accent: 232, 112, 32;--glass-tint: 245, 160, 96;--glass-sheen: 255, 224, 202;--glass-ink: #ffa262}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass{background:#142329db}}@media (max-width: 940px){.stores{justify-content:center}}.room{height:100%;height:100dvh;display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr);background:var(--bg-app);overflow:hidden}.room__body{position:relative;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:0}.topbar{display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;background:var(--bg-panel);border-bottom:1px solid var(--line);min-width:0}.topbar__brand{display:flex;align-items:center;gap:9px;min-width:0}.topbar__mark{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink)}.topbar__name{font-size:14.5px;font-weight:650;letter-spacing:-.01em}.topbar__sep{width:1px;height:18px;flex:none;background:var(--line)}.topbar__room{display:flex;align-items:center;gap:8px;min-width:0}.topbar__code{height:28px}.topbar__spacer{flex:1;min-width:8px}.topbar__actions{display:flex;align-items:center;gap:6px;flex:none}.copy-btn{gap:7px}.copy-btn--done,button.copy-btn--done:hover{color:#6fe0a8;border-color:var(--live-line);background:var(--live-soft)}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--bg-rail);border-right:1px solid var(--line)}.sidebar__head{padding:12px;border-bottom:1px solid var(--line)}.sidebar__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;padding:14px 8px 16px}.sidebar__foot{position:relative;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--text-faint);font-size:11.5px;text-align:center}.whoami{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 9px 4px 5px;border:1px solid transparent;border-radius:var(--r-pill);background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.whoami:hover,.whoami[aria-expanded=true]{border-color:var(--line);background:var(--bg-hover);color:var(--text-dim)}.whoami .avatar{--status-ring: var(--bg-rail)}.whoami__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whoami__pen{flex:none;color:var(--text-faint);transition:color var(--t-fast)}.whoami:hover .whoami__pen,.whoami[aria-expanded=true] .whoami__pen{color:var(--brand-blue-lit)}.sidebar__foot .picker-pop{right:10px;bottom:calc(100% + 6px);left:10px}.invite{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-panel)}.invite__label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.invite__code{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-mono);font-size:16px;font-weight:600;letter-spacing:.14em;color:var(--text)}.member-group{display:flex;flex-direction:column;gap:2px}.member-group .section-label{margin-bottom:6px}.member{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:var(--r-md);background:transparent;color:inherit;text-align:left;transition:background var(--t-fast)}button.member{cursor:pointer}button.member:hover{background:var(--bg-hover)}.member--active{background:var(--bg-active)}.member .avatar{--status-ring: var(--bg-rail)}.member--active .avatar,button.member:hover .avatar{--status-ring: var(--bg-active)}.member__body{flex:1;min-width:0}.member__name{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:500;color:var(--text-dim)}.member--self .member__name,.member--sharing .member__name{color:var(--text)}.member__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member__sub{display:flex;align-items:center;gap:5px;margin-top:1px;font-size:11.5px;color:var(--text-faint)}.member__sub--live{color:#6fe0a8}.member__badge{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-xs);color:var(--text-faint)}.member--sharing .member__badge{color:#6fe0a8}.member__empty{padding:2px 8px;color:var(--text-faint);font-size:12.5px}.scan-slot{position:relative;flex:none;padding:10px 12px;border-top:1px solid var(--line)}.scan-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:34px;padding:0 10px;border:1px dashed var(--line-strong);border-radius:var(--r-md);background:transparent;color:var(--text-mute);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.scan-add:hover,.scan-add--on{border-style:solid;border-color:var(--accent-line);background:var(--accent-soft);color:var(--brand-blue-lit)}.scan{display:flex;flex-direction:column;gap:7px;padding:10px 11px 11px;border:1px solid var(--accent-line);border-radius:var(--r-md);background:linear-gradient(152deg,var(--brand-blue-soft),transparent 60%),var(--bg-panel);box-shadow:var(--shadow-sm);animation:fade-up var(--t-base) both}.scan__head{display:flex;align-items:center;gap:8px}.scan__glyph{flex:none;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--accent-line);border-radius:var(--r-sm);background:var(--brand-blue-soft);color:var(--brand-blue-lit)}.scan__kicker{flex:1;min-width:0;display:flex;flex-direction:column;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-blue-lit)}.scan__by{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-faint)}.scan__manage{flex:none;display:flex;gap:2px}.scan__act{width:24px;height:24px}.scan__title{display:flex;align-items:center;gap:6px;min-width:0;margin:1px 0 0;font-size:13.5px;font-weight:600;color:var(--text)}.scan__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan__tag{flex:none;padding:1px 5px 2px;border:1px solid var(--line);border-radius:var(--r-xs);color:var(--text-faint);font-family:var(--font-mono);font-size:9.5px;font-style:normal;font-weight:600;letter-spacing:.06em}.scan__from{display:flex;align-items:center;gap:5px;min-width:0;margin:-3px 0 1px;color:var(--text-faint);font-size:11.5px}.scan__from svg{flex:none}.scan__host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan__get{height:34px;font-size:13.5px}.scan-pop{right:10px;bottom:calc(100% + 6px);left:10px}.scan-form{display:flex;flex-direction:column;gap:11px;padding:11px 12px 12px}.scan-form .field{gap:5px}.scan-form .field__label{font-size:10.5px}.scan-form .field__hint,.scan-form .field__error{font-size:11px;line-height:1.35}.scan-form__input{height:34px;font-size:13px}.scan-form__actions{display:flex;gap:8px}.scan-form__actions .btn{flex:1}.stage-col{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-app)}.stage{position:relative;flex:1;display:flex;min-height:0;padding:14px 14px 0}.stage--empty{align-items:center;justify-content:center;padding:24px}.tile{position:relative;flex:1;min-width:0;min-height:0;margin:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-video);overflow:hidden}.tile__frame{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.tile__frame[data-zoomed]{cursor:grab}.tile__frame[data-panning]{cursor:grabbing}.tile__zoom{position:absolute;inset:0;transform-origin:center center;transition:transform 90ms ease-out}.tile__frame[data-panning] .tile__zoom{transition:none}.tile__video{display:block;width:100%;height:100%;object-fit:contain;background:var(--bg-video);-webkit-user-drag:none;pointer-events:none}.tile__zoom-badge{position:absolute;right:12px;bottom:12px;z-index:3;padding:4px 9px;border:1px solid var(--accent-line);border-radius:var(--r-pill);background:var(--bg-overlay);backdrop-filter:blur(10px);color:var(--brand-blue-lit);font-size:11.5px;font-variant-numeric:tabular-nums}.tile__paused{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#06080be6;backdrop-filter:blur(6px);color:var(--text-mute)}.tile__paused-title{color:var(--text);font-size:15px;font-weight:600}.tile__paused-text{max-width:42ch;font-size:13px}.tile__paused .btn{margin-top:6px}.tile__label{position:absolute;left:12px;bottom:12px;z-index:5;max-width:calc(100% - 24px);display:flex;align-items:center;gap:8px;height:30px;padding:0 11px 0 8px;border:1px solid var(--line-soft);border-radius:var(--r-pill);background:var(--bg-overlay);backdrop-filter:blur(10px);font-size:12.5px;color:var(--text)}.tile__label .avatar{--status-ring: transparent}.tile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__actions{position:absolute;top:12px;right:12px;z-index:5;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity var(--t-base),transform var(--t-base)}.tile:hover .tile__actions,.tile:focus-within .tile__actions{opacity:1;transform:none}.tile__action{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--bg-overlay);backdrop-filter:blur(10px);color:var(--text-dim);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.tile__action:hover:not(:disabled){background:#14161ceb;color:var(--text)}.tile__action:disabled{opacity:.35;cursor:not-allowed}.tile__audio{position:absolute;top:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid var(--accent-line);border-radius:var(--r-pill);background:var(--bg-overlay);backdrop-filter:blur(10px);color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.tile__audio:hover{background:var(--accent-soft)}.live-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--live);animation:live-pulse 2.4s ease-in-out infinite}.reactions{position:absolute;inset:0;padding:inherit;pointer-events:none;z-index:5}.reactions__area{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--r-lg);container-type:size}.stage-col:fullscreen .reactions__area{border-radius:0}.reaction{position:absolute;bottom:4%;--rise: 320px;display:flex;flex-direction:column;align-items:center;gap:4px;translate:-50%;animation:reaction-rise var(--dur, 2.6s) cubic-bezier(.32,.06,.42,1) forwards;will-change:transform,opacity}@supports (height: 1cqh){.reaction{--rise: 74cqh}}.reaction__sway{display:flex;flex-direction:column;align-items:center;gap:4px;animation:reaction-sway var(--dur, 2.6s) cubic-bezier(.34,.02,.4,1) forwards}.reaction__glyph{filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}.reaction__who{max-width:132px;padding:2px 8px;border-radius:var(--r-pill);background:var(--bg-overlay);color:var(--text-dim);font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reaction--self .reaction__who{color:var(--brand-blue-lit)}@keyframes reaction-rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}72%{opacity:1}to{transform:translateY(calc(var(--rise) * -1));opacity:0}}@keyframes reaction-sway{0%{transform:translate(0) rotate(calc(var(--tilt, 8deg) * -1)) scale(.3)}14%{transform:translate(calc(var(--drift, 0px) * .28)) rotate(var(--tilt, 8deg)) scale(calc(var(--scale, 1) * 1.18))}30%{transform:translate(calc(var(--drift, 0px) * .5)) rotate(calc(var(--tilt, 8deg) * -.5)) scale(var(--scale, 1))}to{transform:translate(var(--drift, 0px)) rotate(var(--tilt, 8deg)) scale(calc(var(--scale, 1) * .92))}}.rail{display:flex;gap:10px;padding:12px 14px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.thumb{position:relative;width:170px;height:96px;flex:none;padding:0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-video);overflow:hidden;cursor:pointer;transition:border-color var(--t-fast),transform var(--t-fast)}.thumb:hover{border-color:var(--line-strong)}.thumb--active{border-color:var(--accent)}.thumb__video{display:block;width:100%;height:100%;object-fit:cover;background:var(--bg-video);pointer-events:none}.thumb__hit{position:absolute;inset:0;z-index:1;border:0;padding:0;background:transparent;cursor:pointer}.thumb__audio{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--accent-line);border-radius:var(--r-xs);background:var(--bg-overlay);backdrop-filter:blur(8px);color:var(--text);cursor:pointer}.thumb--paused .thumb__video{opacity:.25;filter:grayscale(1)}.thumb--paused{border-style:dashed}.thumb__paused,.thumb__muted{position:absolute;z-index:2;display:grid;place-items:center;pointer-events:none}.thumb__paused{inset:0;color:var(--text-mute)}.thumb__muted{top:6px;right:6px;width:24px;height:24px;border-radius:var(--r-xs);background:var(--bg-overlay);backdrop-filter:blur(8px);color:#ff9497}.thumb__name{position:absolute;left:6px;right:6px;bottom:6px;z-index:2;display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--r-xs);background:var(--bg-overlay);backdrop-filter:blur(8px);color:var(--text);font-size:11.5px;text-align:left;pointer-events:none}.thumb__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{display:flex;flex-direction:column;align-items:center;max-width:400px;text-align:center;animation:fade-up var(--t-slow) both}.empty__art{display:grid;place-items:center;width:88px;height:88px;margin-bottom:18px;border:1px dashed var(--line-strong);border-radius:var(--r-xl);background:var(--bg-panel);color:var(--text-faint)}.empty__art--live{border-style:solid;border-color:var(--live-line);background:var(--live-soft)}.empty__art--live .live-dot{width:12px;height:12px}.empty__title{font-size:16.5px;font-weight:600;letter-spacing:-.01em}.empty__text{margin-top:6px;color:var(--text-mute);font-size:13.5px}.empty__actions{display:flex;align-items:center;gap:10px;margin-top:20px}.empty__note{margin-top:16px;max-width:340px}.dock{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 14px calc(14px + env(safe-area-inset-bottom));flex:none}.dock__bar{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg-panel);box-shadow:var(--shadow-sm);max-width:100%}.dock__bar .btn{height:38px;border-radius:var(--r-pill);padding:0 16px}.dock__bar .icon-btn{width:38px;height:38px;border-radius:var(--r-pill)}.dock__sep{width:1px;height:22px;margin:0 2px;flex:none;background:var(--line)}.dock__hint{color:var(--text-faint);font-size:12px;text-align:center;max-width:46ch}.react-bar{display:flex;align-items:center;gap:2px}.react-btn{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;padding:0;border:0;border-radius:var(--r-pill);background:transparent;cursor:pointer;transition:background var(--t-fast),transform var(--t-fast)}.react-btn:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px) scale(1.08)}.react-btn:active:not(:disabled){transform:translateY(0) scale(.94)}.react-btn:disabled{opacity:.4;cursor:not-allowed}.tools{position:absolute;top:0;right:0;bottom:0;z-index:36;display:flex;flex-direction:column;min-height:0;width:min(392px,92vw);border-left:1px solid var(--line);background:var(--bg-rail);box-shadow:var(--shadow-lg);animation:tools-in var(--t-base) cubic-bezier(.22,.86,.28,1) both}.tools__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 8px 9px 14px;border-bottom:1px solid var(--line);flex:none}.tools__title{display:flex;align-items:center;gap:9px;color:var(--text);font-size:13.5px;font-weight:650}.tools__title svg{color:var(--brand-blue-lit)}.tools__n{padding:1px 6px;border-radius:var(--r-pill);background:var(--bg-active);color:var(--text-mute);font-size:10.5px;font-style:normal;font-variant-numeric:tabular-nums;font-weight:600}.tools__search{position:relative;display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);flex:none}.tools__field{height:34px;padding:0 32px 0 33px;border-radius:var(--r-sm);font-size:13px}.tools__field::placeholder{color:var(--text-faint)}.tools__search-icon{position:absolute;left:23px;color:var(--text-faint);pointer-events:none;transition:color var(--t-fast)}.tools__search:focus-within .tools__search-icon{color:var(--brand-blue-lit)}.tools__search-clear{position:absolute;right:21px;display:grid;place-items:center;width:19px;height:19px;padding:0;border:0;border-radius:var(--r-pill);background:var(--bg-active);color:var(--text-mute);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.tools__search-clear:hover{background:var(--bg-hover);color:var(--text)}.tools__body{flex:1;min-height:0;padding-bottom:6px}.tools__empty{padding:26px 16px;color:var(--text-faint);font-size:12.5px;text-align:center}.tools__empty strong{color:var(--text-dim);font-weight:600}.tools__group-name{position:sticky;top:0;z-index:1;padding:12px 14px 7px;background:var(--bg-rail);box-shadow:inset 0 -1px 0 var(--line-soft)}.tool{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:start;column-gap:11px;padding:8px 14px;color:inherit;text-decoration:none;transition:background var(--t-fast)}.tool:before{content:"";position:absolute;top:5px;bottom:5px;left:0;width:2px;border-radius:0 2px 2px 0;background:var(--accent);transform:scaleY(0);transition:transform var(--t-fast)}.tool:hover,.tool:focus-visible{background:var(--bg-hover)}.tool:hover:before,.tool:focus-visible:before{transform:scaleY(1)}.tool__glyph{grid-row:span 2;margin-top:2px;color:var(--text-faint);transition:color var(--t-fast)}.tool:hover .tool__glyph{color:var(--brand-blue-lit)}.tool__name{grid-column:2;grid-row:1;display:flex;align-items:baseline;gap:8px;min-width:0}.tool__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.tool__by{flex:none;color:var(--text-faint);font-size:11px;font-style:normal}.tool__tag{grid-column:3;grid-row:1;align-self:center;padding:1px 5px 2px;border:1px solid var(--line);border-radius:var(--r-xs);color:var(--text-faint);font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;transition:border-color var(--t-fast),color var(--t-fast)}.tool:hover .tool__tag{border-color:var(--accent-line);color:var(--brand-blue-lit)}.tool__text{grid-column:2 / span 2;grid-row:2;margin-top:1px;color:var(--text-mute);font-size:12px;line-height:1.35}.tool:hover .tool__text{color:var(--text-dim)}.tools__foot{flex:none;padding:9px 14px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--text-faint);font-size:11px}.island-layer{position:fixed;top:calc(var(--topbar-h) + 10px);right:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 14px;pointer-events:none}.island{display:flex;align-items:center;max-width:min(400px,100%);padding:7px 15px 7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-pill);background:#03080ae6;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:0 12px 32px #0000008c,inset 0 1px #ffffff12;color:var(--text);font-size:13px;text-align:left;cursor:pointer;pointer-events:auto;transform-origin:top center;animation:island-in .44s cubic-bezier(.22,.86,.28,1) both}.island--leaving{animation:island-out .22s cubic-bezier(.4,0,.7,.25) both;pointer-events:none}.island__content{display:flex;min-width:0;align-items:center;gap:9px;animation:island-content .24s ease-out .13s both}.island__glyph{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:var(--r-pill);background:#ffffff12;color:var(--text-dim)}.island__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.island--success .island__glyph{background:var(--live-soft);color:#6fe0a8}.island--error .island__glyph{background:var(--danger-soft);color:#ff9497}.island--warn .island__glyph{background:var(--warn-soft);color:var(--warn-lit)}.scrim{position:absolute;inset:0;z-index:25;border:0;padding:0;background:#0607098c;animation:fade-in var(--t-fast) ease-out;cursor:pointer}.scrim--tools{z-index:34}.u-compact-only{display:none}@media (min-width: 1025px){.scrim:not(.scrim--tools){display:none}}@media (max-width: 1024px){.room__body{grid-template-columns:minmax(0,1fr)}.sidebar{position:absolute;top:0;bottom:0;left:0;z-index:30;width:min(288px,86vw);box-shadow:var(--shadow-lg);transform:translate(-101%);transition:transform var(--t-base)}.room[data-sidebar=open] .sidebar{transform:none}.sidebar__close,.u-compact-only{display:inline-grid}.u-wide-only{display:none}}@media (max-width: 720px){:root{--topbar-h: 48px}.topbar__name{font-size:13.5px}.topbar__sep{display:none}.stage,.rail{padding:10px 10px 0}.thumb{width:132px;height:76px}.dock{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.dock__bar{width:100%;justify-content:center}.dock__bar .btn{padding:0 14px;min-width:0}}@media (max-width: 460px){.topbar__brand{display:none}.island{border-radius:var(--r-lg);padding:8px 14px 8px 8px}.island__content{align-items:flex-start}.island__text{white-space:normal}.topbar__status .status__label{display:none}.empty__actions{flex-direction:column;width:100%}.empty__actions .btn{width:100%}}.stage-col:fullscreen{padding:0;background:#000}.stage-col:fullscreen .stage{padding:0}.stage-col:fullscreen .tile{border:0;border-radius:0}.smenu{position:fixed;z-index:80;width:244px;padding:6px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:#10141bf5;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);box-shadow:var(--shadow-lg);color:var(--text);cursor:default}.smenu__head{display:flex;align-items:center;gap:6px;padding:6px 8px 8px;overflow:hidden;color:var(--text-mute);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.smenu__rule{height:1px;margin:5px 0;border:0;background:var(--line)}.smenu__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 9px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-dim);font-size:13.5px;text-align:left;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.smenu__item:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.smenu__item:disabled{opacity:.4;cursor:not-allowed}.smenu__item--on{color:var(--brand-blue-lit)}.smenu__group{display:flex;align-items:center;gap:4px;padding:2px}.smenu__step{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:30px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-elevated);color:var(--text-dim);font-size:12.5px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.smenu__step:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.smenu__step:disabled{opacity:.4;cursor:not-allowed}.smenu__scale{min-width:42px;color:var(--brand-blue-lit);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.smenu__volume{display:flex;align-items:center;gap:8px;padding:4px 9px 8px}.smenu__mute{display:grid;place-items:center;width:26px;height:26px;flex:none;border:0;border-radius:var(--r-xs);background:transparent;color:var(--text-dim);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.smenu__mute:hover{background:var(--bg-hover);color:var(--text)}.smenu__percent{min-width:34px;color:var(--text-mute);font-size:11.5px;font-variant-numeric:tabular-nums;text-align:right}.smenu__range{flex:1;min-width:0;height:4px;margin:0;appearance:none;-webkit-appearance:none;border-radius:var(--r-pill);background:var(--bg-active);cursor:pointer}.smenu__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border:0;border-radius:50%;background:var(--brand-blue-lit);cursor:pointer}.smenu__range::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--brand-blue-lit);cursor:pointer}.smenu__note{padding:4px 9px 8px;color:var(--text-faint);font-size:11.5px;line-height:1.45}.smenu__note--foot{padding-top:8px;margin-top:3px;border-top:1px solid var(--line)}.crown,.member__crown{display:inline-grid;place-items:center;flex:none;color:var(--crown);filter:drop-shadow(0 0 5px var(--crown-glow))}.member__crown{margin-left:1px}.member{position:relative}.member--clickable{cursor:pointer}.member--clickable:hover{background:var(--bg-hover)}.member__hit{position:absolute;inset:0;z-index:1;border:0;padding:0;border-radius:inherit;background:transparent;cursor:pointer}.member__kick{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;flex:none;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-faint);font-size:11.5px;font-weight:600;cursor:pointer;opacity:0;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.member:hover .member__kick,.member__kick:focus-visible,.member__kick--confirm{opacity:1}.member__kick:hover{background:var(--danger-soft);color:#ff9497}.member__kick--confirm{border-color:var(--danger-line);background:var(--danger-soft);color:#ff9497}.member__kick-label{white-space:nowrap}.topbar__lock,.topbar__tools{gap:6px;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}button.topbar__tools:hover{border-color:var(--line-strong);background:var(--bg-hover);color:var(--text)}.topbar__tools--on{border-color:var(--accent-line);background:var(--accent-soft);color:var(--brand-blue-lit)}button.topbar__lock:hover{border-color:var(--line-strong);background:var(--bg-hover);color:var(--text)}.topbar__lock--on{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn-lit)}button.topbar__lock--on:hover{background:#e8a33a33;color:var(--warn)}