:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page-3);--page-1: #090b10;--page-2: #10151f;--page-3: #0b1014;--panel: rgba(14, 18, 27, .86);--panel-strong: rgba(18, 23, 34, .94);--panel-soft: rgba(255, 255, 255, .055);--field: rgba(255, 255, 255, .07);--field-hover: rgba(255, 255, 255, .1);--select-option-bg: #10151f;--border: rgba(255, 255, 255, .11);--border-strong: rgba(124, 240, 217, .28);--text: #edf2ff;--muted: #98a8bd;--muted-2: #718198;--accent: #7cf0d9;--accent-2: #9f96ff;--accent-contrast: #091015;--glow: rgba(124, 240, 217, .28);--glow-2: rgba(159, 150, 255, .2);--danger: #ffaaa7;--warning: #ffcf9c;--shadow: rgba(0, 0, 0, .36)}:root[data-theme=dark-sakura]{--page-1: #10090f;--page-2: #1a111b;--page-3: #100d15;--panel: rgba(27, 17, 28, .88);--panel-strong: rgba(35, 21, 35, .95);--panel-soft: rgba(255, 191, 215, .065);--field: rgba(255, 207, 224, .075);--field-hover: rgba(255, 207, 224, .11);--select-option-bg: #211421;--border: rgba(255, 209, 226, .12);--border-strong: rgba(255, 139, 184, .3);--text: #fff2f7;--muted: #c4a8b8;--muted-2: #967a8b;--accent: #ff8bb8;--accent-2: #9de4df;--accent-contrast: #18070f;--glow: rgba(255, 139, 184, .24);--glow-2: rgba(157, 228, 223, .16)}:root[data-theme=copper-night]{--page-1: #0e0b09;--page-2: #19110d;--page-3: #111010;--panel: rgba(25, 18, 15, .88);--panel-strong: rgba(34, 24, 18, .95);--panel-soft: rgba(255, 187, 121, .06);--field: rgba(255, 203, 146, .075);--field-hover: rgba(255, 203, 146, .11);--select-option-bg: #221712;--border: rgba(255, 218, 178, .12);--border-strong: rgba(255, 168, 91, .3);--text: #fff4e6;--muted: #c5ad98;--muted-2: #8f7968;--accent: #ffa85b;--accent-2: #76d6cc;--accent-contrast: #1b0d05;--glow: rgba(255, 168, 91, .24);--glow-2: rgba(118, 214, 204, .15)}:root[data-theme=moonlight-lavender]{--page-1: #0d0c16;--page-2: #15172a;--page-3: #0d101b;--panel: rgba(20, 21, 39, .88);--panel-strong: rgba(26, 28, 49, .95);--panel-soft: rgba(210, 202, 255, .065);--field: rgba(221, 217, 255, .075);--field-hover: rgba(221, 217, 255, .11);--select-option-bg: #1c1d32;--border: rgba(225, 221, 255, .13);--border-strong: rgba(183, 170, 255, .32);--text: #f5f2ff;--muted: #b7b2d3;--muted-2: #8680a4;--accent: #b7aaff;--accent-2: #8ce5d0;--accent-contrast: #100d22;--glow: rgba(183, 170, 255, .25);--glow-2: rgba(140, 229, 208, .15)}:root[data-theme=emerald-mist]{--page-1: #07100d;--page-2: #0e1a18;--page-3: #0a1214;--panel: rgba(12, 25, 23, .88);--panel-strong: rgba(16, 35, 31, .95);--panel-soft: rgba(132, 255, 204, .06);--field: rgba(184, 255, 224, .07);--field-hover: rgba(184, 255, 224, .105);--select-option-bg: #10231f;--border: rgba(205, 255, 235, .12);--border-strong: rgba(101, 232, 178, .32);--text: #effff8;--muted: #a4c6bd;--muted-2: #76948c;--accent: #65e8b2;--accent-2: #86b6ff;--accent-contrast: #03150d;--glow: rgba(101, 232, 178, .25);--glow-2: rgba(134, 182, 255, .16)}:root[data-theme=obsidian-bloom]{--page-1: #08090d;--page-2: #121019;--page-3: #0d0d12;--panel: rgba(16, 16, 24, .9);--panel-strong: rgba(23, 22, 32, .96);--panel-soft: rgba(255, 255, 255, .052);--field: rgba(255, 255, 255, .07);--field-hover: rgba(255, 255, 255, .105);--select-option-bg: #171620;--border: rgba(255, 255, 255, .12);--border-strong: rgba(245, 109, 166, .3);--text: #f7f4f8;--muted: #afa6b4;--muted-2: #807783;--accent: #f56da6;--accent-2: #a5f0c8;--accent-contrast: #190811;--glow: rgba(245, 109, 166, .22);--glow-2: rgba(165, 240, 200, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 18%,var(--glow),transparent 29%),radial-gradient(circle at 82% 12%,var(--glow-2),transparent 26%),linear-gradient(135deg,var(--page-1) 0%,var(--page-2) 52%,var(--page-3) 100%);transition:background-color .18s ease,color .18s ease}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:12px 14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-contrast);font-weight:800;transition:transform .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48}input,select{width:100%;border:1px solid var(--border);border-radius:8px;outline:none;padding:13px 15px;background:var(--field);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--glow)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - 18px) 50% / 7px 7px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - 13px) 50% / 7px 7px no-repeat,var(--field);color:var(--text);color-scheme:dark;cursor:pointer;padding-right:38px}select:hover:not(:disabled){border-color:var(--border-strong);background:linear-gradient(45deg,transparent 50%,var(--text) 50%) calc(100% - 18px) 50% / 7px 7px no-repeat,linear-gradient(135deg,var(--text) 50%,transparent 50%) calc(100% - 13px) 50% / 7px 7px no-repeat,var(--field-hover)}select:disabled{cursor:not-allowed;color:var(--muted);opacity:.7}select option{background:var(--select-option-bg);color:var(--text)}select option:checked{background:color-mix(in srgb,var(--accent),var(--select-option-bg) 72%);color:var(--text)}input[type=range]{padding:0;accent-color:var(--accent)}h1,h2,h3,p{margin-top:0}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.73rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.join-shell{display:grid;min-height:100vh;place-items:center;padding:32px}.join-card,.left-panel,.right-panel,.chat-panel{border:1px solid var(--border);border-radius:10px;background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 70px var(--shadow)}.join-card{width:min(100%,460px);overflow:hidden;padding:34px}.brand-mark{display:grid;width:84px;height:84px;margin-bottom:26px;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 58%),var(--panel-soft);box-shadow:0 0 44px var(--glow)}.brand-mark span{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 0 24px var(--glow)}.join-card h1{margin-bottom:10px;font-size:clamp(2.3rem,10vw,4.6rem);line-height:.95}.join-copy{margin-bottom:22px;color:var(--muted);line-height:1.6}.join-form,.message-form{display:grid;gap:10px}.join-form label,.theme-switcher,.screen-setting{display:grid;gap:7px;color:var(--text);font-size:.88rem;font-weight:750}.join-theme{margin-bottom:18px}.form-error{margin:0;color:var(--danger);font-size:.9rem}.join-helper{margin:-2px 0 4px;color:var(--muted);font-size:.82rem;line-height:1.45}.private-note,.voice-note,.screen-control-note{margin:0;color:var(--muted);font-size:.85rem;line-height:1.45}.private-note{margin-top:20px}.private-note.compact{margin:0}.theme-name{margin:8px 0 0;color:var(--muted-2);font-size:.78rem}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;min-height:100vh;gap:14px;padding:16px}.left-panel,.right-panel{display:flex;min-height:calc(100vh - 32px);flex-direction:column;gap:18px;padding:16px}.left-panel{justify-content:space-between}.right-panel{align-content:start}.sidebar-main,.sidebar-footer{display:grid;gap:18px}.small-mark{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff,transparent 15%),linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 0 24px var(--glow)}.app-title-row{display:flex;align-items:center;gap:12px}.app-title-row h1,.right-panel h2,.screen-stage h2,.online-panel h2{margin:0;font-size:1.04rem}.room-list{display:grid;gap:8px}.room-item,.subtle-button,.voice-controls button:nth-child(n+2),.diagnostics-toggle{border:1px solid var(--border);background:var(--panel-soft);color:var(--text)}.room-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%}.room-dot,.voice-dot,.status-pill span{width:9px;height:9px;border-radius:50%;background:var(--warning)}.room-dot,.voice-dot{background:var(--accent);box-shadow:0 0 14px var(--glow)}.chat-panel{display:grid;min-height:calc(100vh - 32px);grid-template-rows:auto auto auto minmax(180px,1fr) auto auto;overflow:hidden}.top-status-bar,.chat-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.8rem;text-transform:capitalize;background:#0000001f}.status-pill.connected span,.status-pill.voice.connected span,.status-pill.voice.muted span,.status-pill.screen.sharing span,.status-pill.screen.receiving-screen span{background:var(--accent);box-shadow:0 0 12px var(--glow)}.status-pill.disconnected span,.status-pill.connection-lost span,.status-pill.reconnect-failed span,.status-pill.voice.failed span,.status-pill.screen.permission-denied span,.status-pill.screen.failed span{background:var(--danger);box-shadow:0 0 12px color-mix(in srgb,var(--danger),transparent 58%)}.status-pill.reconnecting span,.status-pill.voice.requesting-microphone span,.status-pill.voice.connecting span,.status-pill.screen.requesting-screen-permission span,.status-pill.screen.another-user-is-sharing span{background:var(--warning);box-shadow:0 0 12px color-mix(in srgb,var(--warning),transparent 58%)}.status-pill.neutral span,.status-pill.voice.idle span,.status-pill.screen.idle span{background:var(--muted-2)}.connection-banner{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:10px 16px;background:color-mix(in srgb,var(--warning),transparent 91%);color:var(--text);font-size:.88rem;line-height:1.4}.connection-banner strong{flex:0 0 auto;color:var(--warning);font-size:.78rem;text-transform:uppercase}.connection-banner.connected{background:color-mix(in srgb,var(--accent),transparent 91%)}.connection-banner.connected strong{color:var(--accent)}.connection-banner.disconnected,.connection-banner.connection-lost,.connection-banner.reconnect-failed{background:color-mix(in srgb,var(--danger),transparent 91%)}.connection-banner.disconnected strong,.connection-banner.connection-lost strong,.connection-banner.reconnect-failed strong{color:var(--danger)}.screen-stage{display:grid;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 20% 10%,var(--glow),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.035),transparent)}.screen-stage header,.voice-panel header,.screen-panel header,.online-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.screen-viewer{position:relative;display:grid;min-height:clamp(280px,44vh,560px);overflow:hidden;place-items:center;border:1px solid var(--border-strong);border-radius:10px;background:radial-gradient(circle at 18% 22%,var(--glow),transparent 28%),#00000075;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 50px color-mix(in srgb,var(--glow),transparent 58%)}.screen-viewer:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#03060a}.screen-video{width:100%;height:100%;max-height:58vh;object-fit:contain;background:#05070b}.screen-viewer:fullscreen .screen-video{max-height:100vh}.screen-video.hidden{display:none}.screen-empty{display:grid;max-width:460px;padding:22px;place-items:center;color:var(--muted);text-align:center}.screen-empty.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070bb8}.screen-empty h3,.empty-state h3{margin-bottom:8px;color:var(--text)}.screen-empty p,.empty-state p{margin:0;line-height:1.5}.screen-media-controls{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:10px}.screen-media-controls label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:750}.screen-media-controls input[type=range]:disabled{opacity:.42}.message-list{overflow-y:auto;padding:18px 20px}.empty-state{display:grid;min-height:100%;place-content:center;text-align:center;color:var(--muted)}.message{max-width:min(680px,86%);margin-bottom:14px;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--panel-soft)}.message.own-message{margin-left:auto;border-color:var(--border-strong);background:color-mix(in srgb,var(--accent),transparent 90%)}.message header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.message strong{color:var(--text)}time{color:var(--muted-2);font-size:.78rem}.message p{margin:0;color:color-mix(in srgb,var(--text),var(--muted) 18%);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.system-message{display:flex;justify-content:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.86rem}.typing-row{min-height:24px;padding:0 20px 6px;color:var(--accent);font-size:.86rem}.message-form{grid-template-columns:minmax(0,1fr) auto;padding:14px;border-top:1px solid var(--border)}.chat-error{padding:0 16px 14px}.voice-panel,.screen-panel,.diagnostics-panel,.online-panel{display:grid;gap:12px}.voice-panel,.screen-panel,.diagnostics-panel{border-bottom:1px solid var(--border);padding-bottom:16px}.voice-controls{display:grid;grid-template-columns:1fr;gap:8px}.subtle-button,.diagnostics-toggle{padding:9px 11px;font-size:.82rem}.screen-setting select{padding:11px 32px 11px 12px;font-weight:650}.diagnostics-panel{gap:10px;color:var(--muted)}.diagnostics-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left}.diagnostics-toggle h2{margin:0;font-size:.96rem}.diagnostics-toggle span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.diagnostics-list{display:grid;gap:8px;margin:0}.diagnostics-list div{display:grid;gap:3px}.diagnostics-list dt{color:var(--muted-2);font-size:.7rem;font-weight:800;text-transform:uppercase}.diagnostics-list dd{margin:0;color:var(--muted);font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}.voice-participants,.user-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.voice-participants li,.user-list li{display:flex;align-items:center;gap:8px;color:var(--text);font-size:.9rem}.muted-list-item{color:var(--muted)}.user-avatar{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent),transparent 84%);color:var(--accent);font-weight:850}audio{display:none}@media(max-width:1120px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.right-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto}.voice-panel,.screen-panel,.diagnostics-panel{border-bottom:0;padding-bottom:0}}@media(max-width:760px){.app-shell{grid-template-columns:1fr;padding:10px}.left-panel,.right-panel,.chat-panel{min-height:auto}.right-panel{grid-template-columns:1fr}.screen-stage header,.connection-banner{align-items:stretch;flex-direction:column}.screen-header-actions{justify-content:flex-start}.screen-media-controls,.message-form{grid-template-columns:1fr}.screen-viewer{min-height:240px}}