:root{color-scheme:light;--bg: #f5f6f8;--panel: #ffffff;--field: #fbfcfe;--ink: #1e2328;--muted: #5f6875;--line: #d8dee7;--accent: #2f6fed;--accent-ink: #ffffff;--secondary: #e8edf8;--danger: #a13d2d;--danger-bg: #fff7f4;--success-ink: #275137;--success-bg: #dff0e4;--inactive-bg: #eceef0;--shadow: 0 14px 34px rgba(33, 40, 46, .1);--toast: rgba(30, 35, 40, .94)}:root[data-theme=dark]{color-scheme:dark;--bg: #111318;--panel: #1b1f27;--field: #151922;--ink: #eef2f8;--muted: #a7b0bf;--line: #323946;--accent: #6ea2ff;--accent-ink: #0d1117;--secondary: #263247;--danger: #ff897a;--danger-bg: #3b2526;--success-ink: #b9f2cd;--success-bg: #173624;--inactive-bg: #2a3039;--shadow: 0 16px 38px rgba(0, 0, 0, .32);--toast: rgba(238, 242, 248, .94)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #111318;--panel: #1b1f27;--field: #151922;--ink: #eef2f8;--muted: #a7b0bf;--line: #323946;--accent: #6ea2ff;--accent-ink: #0d1117;--secondary: #263247;--danger: #ff897a;--danger-bg: #3b2526;--success-ink: #b9f2cd;--success-bg: #173624;--inactive-bg: #2a3039;--shadow: 0 16px 38px rgba(0, 0, 0, .32);--toast: rgba(238, 242, 248, .94)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.7}.app{display:grid;gap:16px;width:min(1080px,calc(100vw - 32px));margin:0 auto;padding:24px 0 44px}.topbar,.brand,.header-actions,.section-title,.session-row,.member-list,.room-actions{display:flex;align-items:center}.topbar,.section-title,.session-row{justify-content:space-between;gap:16px}.brand{gap:12px;min-width:0}.brand-icon{width:44px;height:44px;border-radius:10px}.header-actions,.member-list,.room-actions{flex-wrap:wrap;gap:8px}.theme-switch{display:grid;grid-template-columns:repeat(3,auto);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.theme-switch button{min-width:54px;height:32px;padding:0 9px;color:var(--muted);background:transparent;font-size:12px;font-weight:800;line-height:1}.theme-switch button+button{border-left:1px solid var(--line)}.theme-switch button.is-selected{color:var(--ink);background:var(--secondary)}.eyebrow,.status-label{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:900;line-height:1.1;text-transform:uppercase}.status-label{color:var(--accent)}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.05}h2{font-size:16px}.summary{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);background:var(--panel);font-size:12px;font-weight:800;white-space:nowrap}.session-panel,.quick-panel,.toolbar,.manager{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel);box-shadow:var(--shadow)}.settings-grid{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr) minmax(280px,1.6fr) auto;gap:10px;align-items:end}.join-grid,.create-form,.add-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px}label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}input{width:100%;height:38px;border:1px solid var(--line);border-radius:7px;outline:0;padding:0 10px;background:var(--field);color:var(--ink)}input:disabled{cursor:not-allowed;opacity:.72}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6fed1f}.paste-field{position:relative}.paste-field input{padding-left:58px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.paste-prefix{position:absolute;top:8px;left:10px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--muted);background:var(--panel);font-size:10px;font-weight:900}.primary-button,.secondary-button,.small-button,.danger-button{min-height:34px;border-radius:7px;padding:0 11px;font-size:12px;font-weight:800;line-height:1}.primary-button{color:var(--accent-ink);background:var(--accent)}.secondary-button{color:var(--ink);background:var(--secondary)}.small-button{border:1px solid var(--line);color:var(--ink);background:var(--panel)}.danger-button{border:1px solid rgba(161,61,45,.22);color:var(--danger);background:var(--danger-bg)}.sync-status{color:var(--muted);font-size:12px;font-weight:800}.member-chip{border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:var(--panel);color:var(--ink);font-size:12px;font-weight:800}.member-chip.is-you{color:var(--accent-ink);background:var(--accent)}.current-room{display:grid;gap:8px}.current-card{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:center}.room-list{display:grid;gap:10px}.room-card{display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel)}.room-main{display:grid;gap:6px;min-width:0}.room-title{overflow-wrap:anywhere;font-size:15px;font-weight:800;line-height:1.25}.room-url{overflow:hidden;color:var(--muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.room-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px}.status-pill{border-radius:999px;padding:3px 8px;color:var(--success-ink);background:var(--success-bg);font-weight:800}.status-pill.is-inactive{color:var(--muted);background:var(--inactive-bg)}.room-actions{justify-content:flex-end;max-width:430px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.segment{min-width:76px;height:32px;color:var(--muted);background:transparent;font-size:12px;font-weight:800}.segment+.segment{border-left:1px solid var(--line)}.segment.is-selected{color:var(--accent-ink);background:var(--accent)}.empty-state{border:1px dashed var(--line);border-radius:8px;padding:16px;color:var(--muted);background:var(--field);font-size:13px;text-align:center}.toast{position:fixed;right:24px;bottom:24px;max-width:360px;border-radius:999px;padding:9px 14px;color:var(--panel);background:var(--toast);box-shadow:var(--shadow);font-size:12px;font-weight:800}@media(max-width:820px){.topbar,.section-title,.session-row,.current-card,.room-card{align-items:stretch;flex-direction:column}.settings-grid,.join-grid,.create-form,.add-form,.current-card,.room-card{grid-template-columns:1fr}.room-actions{justify-content:flex-start;max-width:none}}