:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg: #060913;--bg-elevated: rgba(8, 13, 26, .84);--surface: rgba(13, 19, 36, .92);--surface-strong: #10172b;--surface-soft: rgba(23, 31, 53, .86);--ink: #d9d9de;--ink-muted: #9b9ca3;--ink-soft: #73757c;--accent: #c8c9cd;--accent-strong: #aeb0b7;--accent-soft: rgba(210, 212, 217, .08);--success: #bbbbc0;--warning: #c4c5ca;--danger: #9d9ea6;--danger-soft: rgba(157, 158, 166, .12);--border: rgba(148, 149, 157, .18);--border-strong: rgba(184, 186, 193, .24);--shadow: 0 26px 60px rgba(0, 0, 0, .42);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{min-height:100vh;overflow:hidden;color:var(--ink);background:radial-gradient(circle at top left,rgba(210,212,217,.05),transparent 32%),radial-gradient(circle at top right,rgba(255,255,255,.03),transparent 24%),linear-gradient(180deg,#070a12,#05070f)}h1,h2,h3,p{margin:0}button,input,summary{font:inherit}button{cursor:pointer}input{width:100%;border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem;background:#070b16e6;color:var(--ink)}input::placeholder{color:#95a2bfb8}label{display:grid;gap:.45rem;font-weight:600;color:var(--ink)}.app-shell,.join-shell,.organizer-shell{width:min(1460px,calc(100vw - 32px));margin:0 auto;padding:18px 0 32px}.join-shell{min-height:100vh;display:grid;place-items:center}.organizer-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden}.join-card,.stage-card,.participant-card,.host-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(180deg,#0f1627f5,#0a0f1ce6),radial-gradient(circle at top right,rgba(255,255,255,.04),transparent 34%);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.join-card{width:min(620px,100%);padding:2.1rem}.join-copy,.small-copy,.participant-meta,.center-copy,.header-copy{color:var(--ink-muted)}.join-form,.stacked-fields,.moderation-list,.token-list{display:grid;gap:1rem}.advanced-join{border:1px dashed var(--border);border-radius:16px;padding:.9rem 1rem;background:#0b111fd1}.advanced-join summary{font-weight:600}.brand-mark,.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}.brand-mark{color:#bfc1c8}.eyebrow{color:var(--accent-strong)}.primary-button,.ghost-button,.danger-button,.video-control-button{border-radius:0;padding:.82rem 1.2rem;border:1px solid transparent;transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease}.primary-button{background:linear-gradient(180deg,#cacbd0,#9d9ea6);color:#111319;font-weight:700}.primary-button.active{background:linear-gradient(180deg,#b6b7bd,#7f8087);color:#05070d}.ghost-button,.video-control-button{background:#121c31eb;border-color:#ffffff14;color:#c8c9ce;font-weight:600}.danger-button{background:var(--danger-soft);color:#c8c9ce;border-color:#ffffff14;font-weight:700}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.video-control-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.video-control-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.error-banner,.notice-banner,.empty-card,.copy-notice{border-radius:16px;padding:.95rem 1rem;margin-bottom:1rem}.error-banner{background:#ff6d8421;color:#ffb3c0;border:1px solid rgba(255,109,132,.24)}.notice-banner,.copy-notice{background:#ffffff0f;color:#cbccd1;border:1px solid rgba(255,255,255,.08)}.empty-card{background:#0a0f1cb3;color:var(--ink-muted);border:1px dashed var(--border)}.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;margin-bottom:.85rem;padding:.7rem 1rem;background:#070b16d1;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:inset 0 1px #ffffff08}.brand-block{min-width:80px}.header-title{display:grid;gap:.05rem}.header-title h1{font-size:clamp(1.3rem,1.8vw,1.65rem)}.room-version{color:var(--ink-soft);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.header-title.compact .eyebrow{font-size:.66rem}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;flex-wrap:wrap}.status-pill,.session-pill,.count-pill,.role-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.45rem .8rem;font-size:.88rem}.status-pill{background:#ffffff0f;color:#d2d3d8}.status-pill.connecting{background:#ffffff14;color:#c7c8ce}.status-pill.error,.status-pill.disconnected{background:#ff6d8424;color:#d1d2d7}.session-pill,.count-pill,.role-pill{background:#ffffff0f;color:#c8c9cf;border:1px solid rgba(255,255,255,.05)}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 62px;grid-template-areas:"stage rail";gap:1.25rem;align-items:start}.main-stage-column{grid-area:stage;display:grid;gap:.75rem}.host-panel,.drawer-stack,.utility-stack{display:grid;gap:1rem}.action-rail{grid-area:rail;display:grid;gap:.7rem;align-content:start;position:sticky;top:12px}.stage-card,.participant-card,.host-card{padding:.9rem}.stage-header,.card-heading,.field-with-button,.participant-name-row,.moderation-row,.moderation-actions,.participant-pill{display:flex;align-items:center}.stage-header,.card-heading,.participant-name-row,.moderation-row,.field-with-button{justify-content:space-between;gap:.8rem}.stage-header{margin-bottom:.75rem}.stage-header h2{font-size:1rem}.stage-video-frame{aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;position:relative;background:radial-gradient(circle at top right,rgba(255,255,255,.04),transparent 26%),linear-gradient(180deg,#02050b,#070c16);border:1px solid rgba(255,255,255,.08)}.stage-video-empty{min-height:380px}.stage-video-frame video{width:100%;height:100%;object-fit:contain;display:block;background:#01040a}.stage-freeze-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;background:#01040a;z-index:1;pointer-events:none}.stage-freeze-frame.visible{display:block}.stage-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;gap:.8rem;padding:2rem;color:#f8fbff}.stage-overlay{z-index:1;pointer-events:none;background:linear-gradient(180deg,#02050be6,#040912b8)}.stage-actions{position:absolute;top:.75rem;right:.75rem;z-index:2;display:flex;gap:.5rem}.video-control-button{padding:.6rem .85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-diagnostics{position:absolute;top:.75rem;left:.75rem;z-index:2;width:min(360px,calc(100% - 7rem));padding:.7rem .8rem;background:#060a13d1;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--mono);font-size:.75rem;color:#d6d7dc}.stage-diagnostics-title{margin-bottom:.55rem;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:.78rem;font-weight:700;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em}.stage-diagnostics-grid{display:grid;grid-template-columns:auto 1fr;gap:.25rem .7rem}.stage-diagnostics-grid span{color:var(--ink-soft)}.stage-diagnostics-grid strong{color:var(--ink);font-weight:600;text-align:right}.stage-diagnostics-empty,.stage-diagnostics-error{color:var(--ink-muted);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:.8rem}.stage-diagnostics-error{margin-top:.55rem;color:#d0a8af}.stage-badge{position:absolute;bottom:.75rem;left:.75rem;background:#080d1ac2;color:#f8fafc;padding:.55rem .9rem;border-radius:0;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-freeze-note{position:absolute;right:.75rem;bottom:.75rem;max-width:min(420px,calc(100% - 8rem));padding:.55rem .8rem;background:#080d1ad1;color:#d7d8dd;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.participant-grid,.moderation-list{display:grid;gap:.8rem}.participant-pill,.token-card,.moderation-row{border-radius:12px;padding:.75rem .8rem;background:#10172beb;border:1px solid rgba(133,160,220,.14)}.participant-pill{gap:.65rem;align-items:center;min-width:180px}.participant-pill.speaking{border-color:var(--border-strong);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #ffffff0d}.participant-avatar{width:32px;height:32px;border-radius:0;display:grid;place-items:center;flex:0 0 auto;font-weight:600;color:#12141a;background:linear-gradient(180deg,#cdced3,#8f9097)}.participant-summary{min-width:0;flex:1}.participant-name-row{align-items:flex-start}.participant-name-row strong{font-size:.92rem}.participant-tags{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.participant-meta{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;margin-top:.2rem}.token-card{display:grid;gap:.6rem}.mono-copy{font-family:var(--mono);font-size:.92rem;color:var(--ink-muted)}.field-with-button{gap:.65rem}.field-with-button input{background:#070b16e6}.moderation-actions{gap:.6rem;justify-content:flex-end}.audio-anchor{display:none}.participant-strip{padding:.65rem .75rem}.participant-strip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.participant-strip .participant-grid{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overflow-y:hidden;gap:.55rem;padding-bottom:.1rem}.trace-list{display:grid;gap:.7rem;max-height:340px;overflow-y:auto;padding-right:.1rem}.trace-row{display:grid;gap:.35rem;padding:.7rem .8rem;background:#10172beb;border:1px solid rgba(133,160,220,.14)}.trace-row-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.trace-summary{white-space:pre-wrap;word-break:break-word}.rail-button{width:100%;min-height:56px;padding:.8rem .5rem;border:1px solid rgba(255,255,255,.08);background:#0c121ff0;color:#cfd0d5;border-radius:0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-weight:600}.rail-button.active,.rail-button:hover{background:#ffffff14}.rail-button.danger{color:#bcbec5}.utility-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end}.utility-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#00000085}.utility-drawer{position:relative;z-index:1;width:min(360px,calc(100vw - 24px));height:100%;overflow-y:auto;padding:1rem;background:#080c16f5;border-left:1px solid rgba(255,255,255,.08);box-shadow:-18px 0 36px #0000005c}.utility-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}@media(max-width:1320px){.room-layout{grid-template-columns:minmax(0,1fr) 62px;grid-template-areas:"stage rail"}}@media(max-width:980px){.room-layout,.app-header{grid-template-columns:1fr;grid-template-areas:"stage" "rail"}.moderation-row,.field-with-button{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.participant-grid{max-height:none}.action-rail{position:static;grid-auto-flow:column;grid-template-columns:repeat(4,1fr)}.rail-button{writing-mode:initial;text-orientation:initial;transform:none;min-height:46px}}@media(max-width:640px){.app-shell,.join-shell{width:min(100vw - 20px,100%);padding-top:12px}.join-card,.stage-card,.participant-card,.host-card{padding:1rem;border-radius:22px}.participant-pill{align-items:center;min-width:160px}.participant-name-row{flex-direction:column;align-items:flex-start}.participant-tags{justify-content:flex-start}.utility-drawer{width:min(100vw - 12px,100%);padding:.9rem}}:root{--shell-bg: #070809;--shell-panel: #101115;--shell-panel-soft: #171820;--shell-ink: #f4f4f7;--shell-muted: #a1a3ac;--shell-line: rgba(255, 255, 255, .08);--shell-blue: #19a7ff;--shell-blue-soft: rgba(25, 167, 255, .18);--shell-gold: #f0b318;--shell-purple: #8757ff;--shell-red: #b0222a}body{background:linear-gradient(180deg,#080809,#050506);color:var(--shell-ink)}.room-shell{width:min(100vw - 20px,100%);height:100vh;display:flex;flex-direction:column;padding:10px 0 18px;overflow:hidden}.room-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:48px;margin-bottom:.75rem;padding:.35rem .8rem;background:#0e0f12f5;border:1px solid var(--shell-line);border-radius:14px}.room-wordmark{font-size:clamp(1.55rem,2vw,1.9rem);font-weight:800;letter-spacing:.03em;color:var(--shell-blue)}.status-strip{display:flex;align-items:center;justify-content:center;gap:.55rem;min-width:0;overflow-x:auto;padding:.1rem 0}.status-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:.45rem .8rem;background:#121318fa;border:1px solid rgba(255,255,255,.06);border-radius:12px;white-space:nowrap;color:var(--shell-ink)}.status-chip svg{width:18px;height:18px}.status-chip.tone-connected svg,.status-chip.tone-connected{color:#3ee573}.status-chip.tone-connecting svg,.status-chip.tone-connecting{color:#f5cc58}.status-chip.tone-error svg,.status-chip.tone-error,.status-chip.tone-disconnected svg,.status-chip.tone-disconnected{color:#ff7d89}.room-version{justify-self:end;color:#ffffff8f;font-size:.76rem;font-weight:700;letter-spacing:.12em}.viewer-shell{display:grid;grid-template-columns:244px minmax(0,1fr) 72px;gap:.8rem;align-items:stretch;flex:1;min-height:0;overflow:hidden}.viewer-shell.side-panel-open{grid-template-columns:244px minmax(0,1fr) 72px 360px}.viewer-sidebar,.viewer-side-panel,.viewer-rail,.participant-sidebar,.viewer-surface-shell{background:#0f1014fa;border:1px solid var(--shell-line);border-radius:18px}.viewer-sidebar{padding:0;overflow:hidden;min-height:0}.participant-sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0}.participant-sidebar-topbar{display:flex;align-items:center;gap:.7rem;min-height:28px;padding:0 .9rem;border-bottom:1px solid rgba(255,255,255,.04);background:#18191fe6}.sidebar-dot{width:12px;height:12px;border-radius:999px}.sidebar-dot-live{border:2px solid var(--shell-blue);background:transparent}.sidebar-dot-outline{border:1px solid rgba(255,255,255,.6);border-radius:3px}.participant-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .8rem}.participant-sidebar-header h2{font-size:1.06rem}.participant-sidebar-list{display:grid;align-content:start;gap:.8rem;overflow-y:auto;padding:0 .7rem .9rem}.participant-sidebar-item{display:grid;grid-template-columns:82px minmax(0,1fr);gap:.7rem;align-items:center;padding:.85rem .7rem;background:#111216;border-radius:16px}.participant-sidebar-item.speaking{box-shadow:inset 0 0 0 1px #19a7ff6b}.participant-avatar.participant-avatar-large{width:82px;height:82px;border-radius:999px;border:3px solid rgba(154,156,170,.36);background:#2a2b31;color:#8d91a7;font-size:1.5rem}.participant-sidebar-copy{min-width:0;position:relative}.participant-row-head{display:flex;align-items:center;gap:.6rem;justify-content:space-between}.participant-row-head strong{font-size:1rem;line-height:1.2}.participant-kebab{display:inline-grid;place-items:center;width:28px;height:28px;border:none;padding:0;background:transparent;color:#ffffff85}.participant-kebab:disabled{opacity:.45;cursor:default}.participant-menu-popover,.participant-rename-popover{margin-top:.55rem;padding:.45rem;border-radius:12px;background:#1b1d24;border:1px solid rgba(255,255,255,.08)}.participant-menu-popover{width:max-content;min-width:140px}.participant-menu-item{width:100%;padding:.48rem .65rem;border:none;border-radius:10px;background:transparent;color:#f3f4f7;text-align:left;font-size:.9rem}.participant-menu-item:hover{background:#ffffff0f}.participant-rename-popover{display:grid;gap:.42rem}.participant-rename-label{display:grid;gap:.28rem;font-size:.75rem}.participant-rename-input{width:100%;min-height:32px;padding:.5rem .65rem;border-radius:10px;background:#0e1015;font-size:.9rem}.participant-rename-error{color:#ffb4bd;font-size:.76rem}.participant-rename-actions{display:flex;justify-content:flex-end;gap:.35rem}.participant-rename-button{min-height:30px;padding:.35rem .65rem;border-radius:9px;border:1px solid rgba(255,255,255,.08);font-weight:600;font-size:.88rem}.participant-rename-button.ghost{background:transparent;color:#d7d8de}.participant-rename-button.primary{background:var(--shell-blue);border-color:transparent;color:#fff}.participant-status-row{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap;margin-top:.35rem;color:var(--shell-muted);font-size:.8rem}.participant-inline-icon.host{color:var(--shell-gold)}.participant-inline-tag{padding:.12rem .42rem;border-radius:999px;background:#ffffff14;color:var(--shell-ink);font-size:.72rem}.viewer-stage-column{display:flex;flex-direction:column;gap:.85rem;min-width:0;min-height:0}.viewer-surface-shell{display:flex;min-height:0;flex:1;padding:.7rem;overflow:hidden}.stage-video-fit-shell{display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden}.viewer-surface-shell .stage-video-frame{min-height:0;background:#020202;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.viewer-surface-shell .stage-video-empty{min-height:0}.stage-video-frame video{object-fit:contain;background:#000}.stage-placeholder,.stage-overlay{background:linear-gradient(180deg,#01020314,#00000059)}.stage-placeholder h2{font-size:clamp(1.15rem,1.6vw,1.7rem)}.stage-diagnostics{width:min(360px,calc(100% - 1.5rem));background:#0a0b0ee6;border-radius:14px}.stage-badge,.stage-freeze-note{border-radius:12px;background:#0a0a0ce6}.viewer-control-bar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.55rem .8rem;background:#0b0c10fa;border:1px solid var(--shell-line);border-radius:16px;align-self:center;max-width:100%;flex-wrap:wrap}.viewer-control-group{display:flex;align-items:center;gap:.45rem}.viewer-control-group-right{justify-content:flex-end}.viewer-action-button{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111216;color:#ffffffdb;padding:0}.viewer-action-button svg{width:17px;height:17px}.viewer-action-button.tone-active.is-active{background:var(--shell-blue);color:#fff;border-color:transparent}.viewer-action-button.tone-accent,.viewer-action-button.tone-accent.is-active{background:var(--shell-purple);color:#fff;border-color:transparent}.viewer-action-button.tone-danger{color:#ff5d64}.viewer-control-divider{width:1px;height:30px;background:#ffffff1f}.source-chip{display:inline-flex;align-items:center;gap:.7rem;min-width:0;max-width:min(100%,260px);min-height:42px;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0f1014;color:var(--shell-ink)}.source-chip-copy{display:grid;text-align:left}.source-chip-copy strong{font-size:.84rem}.source-chip-copy small{color:var(--shell-muted);font-size:.72rem}.source-chip-dot{width:12px;height:12px;border-radius:999px;border:2px solid var(--shell-blue)}.source-chip-dot.live{background:var(--shell-blue)}.viewer-rail-column{display:flex}.viewer-rail{display:flex;flex-direction:column;gap:.55rem;width:72px;padding:.65rem}.rail-icon-button{position:relative;display:inline-grid;place-items:center;width:100%;height:46px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#15161b;color:#ffffffc2}.rail-icon-button.tone-host{color:var(--shell-gold)}.rail-icon-button.tone-danger{border-color:#b0222ae6;color:#f0f2f6}.rail-icon-button.is-active{background:var(--shell-blue);color:#fff;border-color:transparent}.viewer-rail-spacer{flex:1}.viewer-rail-more{position:relative}.viewer-more-menu{position:absolute;right:calc(100% + 10px);bottom:0;display:grid;gap:.25rem;min-width:210px;padding:.45rem;background:#f1f1f2;border-radius:14px;box-shadow:0 24px 50px #00000073;z-index:20}.more-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem .85rem;border:none;border-radius:12px;background:transparent;color:#363840;text-align:left}.more-menu-item:hover{background:#090a0d14}.viewer-side-panel{display:flex;flex-direction:column;min-height:0;padding:1rem;overflow:hidden}.viewer-side-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.viewer-side-panel-header h2{font-size:1.05rem}.panel-close-button{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:none;border-radius:999px;background:#ffffff1f;color:#f4f4f7}.viewer-side-panel-body{min-height:0;overflow-y:auto;padding-right:.15rem}.panel-error-dock{margin-top:.9rem;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(176,34,42,.38);background:linear-gradient(180deg,#4a181d57,#271114eb);color:#ffd0d5}.panel-error-dock strong{display:block;margin-top:.2rem;margin-bottom:.3rem;font-size:.96rem;color:#fff1f3}.panel-error-dock p{margin:0;color:#f5c0c7;word-break:break-word}.panel-stack{display:grid;gap:1rem}.panel-card,.panel-message-card,.diagnostic-card,.activity-item,.trace-feed-item{padding:1rem;border-radius:16px;background:var(--shell-panel-soft);border:1px solid rgba(255,255,255,.05)}.panel-card h3,.panel-message-card h3{margin-bottom:.35rem;font-size:.98rem}.panel-card p,.panel-message-card p,.activity-item span,.diagnostic-card span{color:var(--shell-muted)}.panel-message-card{background:#202127}.panel-placeholder-area{min-height:320px;border-radius:16px;background:#15161c;border:1px solid rgba(255,255,255,.04)}.panel-section-heading,.slider-heading,.trace-feed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.panel-primary-button,.inline-action,.panel-send-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.8rem 1rem;border:1px solid transparent;border-radius:12px;background:var(--shell-blue);color:#fff;font-weight:700}.inline-action{min-height:34px;padding:.45rem .8rem;background:#ffffff14;color:var(--shell-ink);font-weight:600}.source-tile{display:flex;align-items:center;gap:.8rem;width:100%;margin-top:.8rem;padding:.9rem 1rem;border:1px solid rgba(25,167,255,.6);border-radius:14px;background:#101115;color:var(--shell-ink)}.source-tile-copy{display:grid;flex:1;text-align:left}.panel-mono-block{margin-top:.8rem;padding:.8rem;border-radius:12px;background:#00000047;font-family:var(--mono);font-size:.84rem;color:#d8e6ff;overflow-wrap:anywhere}.quality-tab-row{display:flex;gap:.6rem;flex-wrap:wrap}.quality-tab-button{min-height:34px;padding:.35rem .1rem .45rem;border:none;border-bottom:2px solid rgba(255,255,255,.2);background:transparent;color:#d4d5d9}.quality-tab-button.is-active{color:#fff;border-color:var(--shell-blue)}.quality-summary-list{display:grid;gap:.5rem;margin-top:1rem}.client-diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.diagnostic-card strong{display:block;margin-top:.25rem;font-size:1rem}.activity-feed,.trace-feed{display:grid;gap:.75rem}.activity-item strong,.trace-feed-head strong{display:block;margin-bottom:.2rem}.panel-chat-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem}.range-slider{width:100%;height:6px;margin-top:.9rem;border-radius:999px;padding:0;background:linear-gradient(90deg,var(--shell-blue) 0%,var(--shell-blue) 60%,rgba(255,255,255,.3) 60%,rgba(255,255,255,.3) 100%);-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-slider::-webkit-slider-thumb{width:22px;height:22px;border:0;border-radius:999px;background:#f6f6f7;-webkit-appearance:none;-moz-appearance:none;appearance:none}.viewer-action-button:after,.rail-icon-button:after{content:attr(data-tooltip);position:absolute;opacity:0;pointer-events:none;padding:.45rem .7rem;border-radius:10px;background:#202125fa;color:#fff;white-space:nowrap;font-size:.88rem;transition:opacity .15s ease,transform .15s ease;z-index:5}.viewer-action-button:after{left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px)}.rail-icon-button:after{right:calc(100% + 12px);top:50%;left:auto;bottom:auto;transform:translateY(-50%) translate(4px)}.viewer-action-button:hover:after,.viewer-action-button:focus-visible:after,.rail-icon-button:hover:after,.rail-icon-button:focus-visible:after{opacity:1}.viewer-action-button:hover:after,.viewer-action-button:focus-visible:after{transform:translate(-50%) translateY(0)}.rail-icon-button:hover:after,.rail-icon-button:focus-visible:after{transform:translateY(-50%) translate(0)}.organizer-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex:0 0 auto}.organizer-subtitle{margin-top:.25rem;color:var(--ink-muted)}.organizer-topbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.organizer-primary{min-width:220px}.organizer-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:.85rem;min-height:0;overflow:auto;padding-right:.25rem;padding-bottom:1rem}.organizer-card,.organizer-login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(180deg,#0f1627f5,#0a0f1ce6),radial-gradient(circle at top right,rgba(255,255,255,.04),transparent 34%);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:1.1rem 1.15rem}.organizer-login-card{width:min(560px,100%);margin:10vh auto 0}.organizer-login-form,.organizer-obs-grid{display:grid;gap:.7rem}.organizer-card-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.organizer-copy{color:var(--ink-muted)}.organizer-error,.organizer-error-banner{border:1px solid rgba(255,99,132,.22);background:#5a121b6b;color:#ffd0d7;border-radius:16px;padding:.9rem 1rem}.organizer-error-banner{margin-bottom:1rem}.organizer-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.75rem}.organizer-stat,.organizer-link-card{border:1px solid var(--border);border-radius:18px;background:#080c18bd;padding:.8rem .9rem}.organizer-stat span,.organizer-link-meta span{display:block;color:var(--ink-muted);font-size:.86rem}.organizer-stat strong,.organizer-link-meta strong{display:block;margin-top:.2rem}.organizer-obs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organizer-span-2{grid-column:1 / -1}.organizer-copy-actions,.organizer-host-inline{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.organizer-host-inline input{flex:1 1 auto;min-width:320px;width:auto}.organizer-host-inline .ghost-button{flex:0 0 auto}.organizer-links-three-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;align-items:start}.organizer-links-column{display:grid;gap:.7rem;min-width:0}.organizer-link-card{display:grid;gap:.55rem}.organizer-link-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.organizer-card-wide{grid-column:1 / -1}.organizer-card-compact h2{font-size:1.05rem}.organizer-card-compact .eyebrow{margin-bottom:.2rem}.organizer-card input{padding:.72rem .85rem;border-radius:12px}.organizer-card .ghost-button,.organizer-topbar .ghost-button,.organizer-card .join-submit{padding:.72rem .95rem}.copied-link-button{background:#7f1826eb;border-color:#ff4e6c8c;color:#ffd7de}.copied-link-button:hover,.copied-link-button:focus-visible{background:#951c2df5;border-color:#ff6780b3}.organizer-danger,.organizer-danger:hover,.organizer-danger:focus-visible{border-color:#ff67808c;color:#ffd7de}.organizer-danger:hover,.organizer-danger:focus-visible{background:#6a15244d}.organizer-danger:disabled{border-color:#ff678038}.organizer-topbar .status-chip{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organizer-grid::-webkit-scrollbar{width:10px}.organizer-grid::-webkit-scrollbar-thumb{background:#94959d47;border-radius:999px}@media(max-width:1240px){.viewer-shell.side-panel-open{grid-template-columns:224px minmax(0,1fr) 72px 332px}.organizer-grid{grid-template-columns:1fr}.organizer-card-wide{grid-column:auto}.organizer-links-three-column{grid-template-columns:1fr}}@media(max-width:1024px){.viewer-shell,.viewer-shell.side-panel-open{grid-template-columns:minmax(0,1fr);overflow-y:auto}.viewer-stage-column{order:1}.viewer-rail-column{order:2}.viewer-sidebar{order:3}.viewer-side-panel{order:4;min-height:auto}.viewer-rail{flex-direction:row;width:100%;overflow-x:auto}.viewer-rail-spacer{display:none}.participant-sidebar{min-height:auto}.organizer-links-three-column,.organizer-obs-grid,.organizer-stat-grid{grid-template-columns:1fr}.organizer-shell{height:auto;min-height:100vh;overflow:visible}.organizer-grid{overflow:visible}}@media(max-width:760px){.room-topbar{grid-template-columns:1fr;justify-items:start}.status-strip{justify-content:flex-start}.viewer-control-bar{flex-wrap:wrap;justify-content:center}.client-diagnostics-grid,.panel-chat-footer{grid-template-columns:1fr}.organizer-topbar{flex-direction:column;align-items:stretch}.organizer-topbar-actions{justify-content:flex-start}}