:root{color-scheme:dark;--bg: #0e141c;--bg-raise: #172232;--ink: #e6eef8;--muted: #9aafc4;--line: #2c3e54;--accent: #7eb6ff;--accent-ink: #0c1828;--warn: #f0d7a2;--danger: #e07a5f;--danger-ink: #2a100c;font-family:Segoe UI Variable Display,Segoe UI,SF Pro Display,Ubuntu,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(640px 380px at 86% 12%,rgba(46,140,255,.28),transparent 62%),radial-gradient(420px 280px at 72% 36%,rgba(88,70,210,.16),transparent 60%),#07111f;color:var(--ink)}body.overlay-body,body.overlay-body #root{min-height:100%;height:100%;background:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}.layout{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.brand-logo{height:58px;width:auto;display:block}h1,h2,h3{margin:0;font-weight:560}h1{font-size:48px;letter-spacing:-.045em;line-height:1.05}.accent-line{color:#4da3ff;font-style:italic;display:block}h2{font-size:22px;letter-spacing:-.03em}.kicker{margin:0;color:var(--accent);font-size:12px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.lede{color:var(--muted);max-width:58ch;line-height:1.55;font-size:17px}.muted{color:var(--muted)}.tiny{font-size:13px}.home-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#172232f0;border:1px solid var(--line);border-radius:22px;padding:22px}.panel.wide{grid-column:1 / -1}.panel-head,.inline,.top-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.panel-head,.top-actions{justify-content:space-between}.stack{display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px;color:var(--muted)}input{width:100%;border:1px solid var(--line);background:#0c121a;border-radius:12px;padding:12px 14px;outline:none}input:focus{border-color:var(--accent)}.button{border:0;border-radius:999px;padding:12px 18px;background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;text-align:center}a.button{display:inline-block}a.button.wide{display:block}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.button.wide{width:100%;background:linear-gradient(90deg,#2f89ff,#49a2ff)}.button.guest-go{background:#6d4dff;color:#f4f1ff;white-space:nowrap}.button.log-pill{border-radius:999px;background:#101c30cc}.button.danger{background:var(--danger);color:var(--danger-ink)}.home-screen{padding-top:16px;padding-bottom:8px}.home-screen .topbar{margin-bottom:12px}.home-screen h1{font-size:36px}.home-screen .lede{margin:0;font-size:14.5px;line-height:1.45;max-width:46ch}.dash{gap:12px}.dash p{margin:0}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:8px;align-items:center}.desk-art{width:100%;max-height:168px;height:auto;display:block;margin-left:auto}.dash-card{display:grid;gap:8px;align-content:start;padding:16px 18px 14px}.host-card{border-color:#2f6fbe;background:#122a4eb8}.guest-card{border-color:#4c3d88;background:#1c183ab8}.dash-head{display:flex;gap:14px;align-items:center}.dash-head h2{font-size:22px}.status-bar{padding:14px 16px}.device-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#7eb6ff;background:#2f89ff29;flex:none}.guest-card .device-icon{color:#b7a6ff;background:#6d4dff33}.device-icon svg{width:26px;height:26px}.join-row{display:flex;gap:10px;align-items:center}.code-field{position:relative;flex:1}.code-key{position:absolute;left:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:#8aa4c0;pointer-events:none}.code-field input{padding-left:40px;background:#080e18b8}.status-bar{display:flex;gap:16px;align-items:center}.status-copy{flex:1;display:grid;gap:4px}.status-copy p{margin:0}.text-button{justify-self:start;border:0;padding:0;background:transparent;color:var(--accent);font-size:13px}.ready{display:inline-flex;align-items:center;gap:8px;color:#8ee0a8;font-weight:650;white-space:nowrap}.ready i{width:8px;height:8px;border-radius:50%;background:#3ddc84;display:block}.button:disabled{opacity:.55;cursor:not-allowed}.file-label{display:inline-flex;align-items:center}.file-pick{position:relative;overflow:hidden;cursor:pointer}.file-pick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;font-size:32px}.choice{text-align:left;display:grid;gap:8px;min-height:168px;align-content:end;width:100%;color:var(--ink);transition:border-color .16s ease,transform .16s ease}.choice:hover{border-color:var(--accent);transform:translateY(-2px)}.choice strong{font-size:22px;letter-spacing:-.03em}.code{font-family:Consolas,SFMono-Regular,ui-monospace,monospace;font-size:40px;letter-spacing:.16em;margin:4px 0;padding:10px 14px;border-radius:16px;background:#0c121a;border:1px solid var(--line);width:fit-content}.note{margin:0;padding:12px 14px;border-radius:12px;background:#121a26;border:1px solid var(--line);line-height:1.45}.note.warn{border-color:#6d5a32;color:var(--warn)}.stage{position:relative;background:#070b12;border-radius:18px;overflow:hidden;touch-action:none;border:1px solid var(--line)}.stage video{width:100%;height:min(70vh,720px);object-fit:contain;background:#070b12;display:block;cursor:default}.stage:fullscreen,.stage:-webkit-full-screen{width:100%;height:100%;border:0;border-radius:0;background:#000}.stage:fullscreen video,.stage:-webkit-full-screen video{width:100%;height:100%;max-height:none}.stage-bar{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:2;align-items:center}.stage-bar span{max-width:240px;padding:8px 12px;border-radius:999px;background:#121a26eb;color:#fff;font-size:13px}.log{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:420px;overflow:auto}.log li{display:grid;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--line)}.session-row{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:stretch}.chat-column{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:min(70vh,720px);padding:10px;border-radius:16px;background:#121a26;border:1px solid var(--line)}.chat-column .kicker{margin:0}.chat-column .chat-log{flex:1;max-height:none;gap:4px}.chat-column .chat-log li{padding:6px 8px;border-radius:8px;font-size:13px}.chat-column form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.chat-column input{min-width:0}.chat-panel{display:grid;gap:8px}.chat-log{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:160px;overflow:auto}.chat-log li{padding:8px 12px;border-radius:12px;background:#172232e6;border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.chat-log strong{display:block;color:var(--accent);font-size:12px;margin-bottom:2px}.overlay-bar.has-extra{border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.overlay-chat{width:100%;display:grid;gap:4px;margin:0}.overlay-chat p{margin:0;font-size:14px;font-weight:650;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-chat span{color:#f0d7a2;margin-right:6px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c12b8;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(460px,100%);background:#1c2940;border-radius:18px;padding:22px;display:grid;gap:10px;border:1px solid var(--line)}.overlay-shell{height:100%;display:grid;place-items:center}.overlay-bar{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;border-radius:999px;background:#3d1512;color:#fff8f5;border:1px solid #e07a5f;box-shadow:0 10px 28px #00000059;font-weight:700}.overlay-bar button{border:0;border-radius:999px;background:#e07a5f;color:#2a0d0a;font-weight:800;padding:8px 14px}.overlay-bar.file-wait{border-radius:22px;flex-wrap:wrap;justify-content:space-between}.overlay-file{display:flex;gap:8px;align-items:center;width:100%}.overlay-file span{flex:1;min-width:0;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-file .ghost-light{background:transparent;color:#fff8f5;border:1px solid #f0d7a2}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-stats div{padding:12px 14px;border-radius:14px;background:#121a26;border:1px solid var(--line)}.admin-stats strong{display:block;font-size:22px}.admin-scroll{overflow:auto}.ip-name{margin-left:8px;font-weight:700}.admin-actions{display:flex;gap:6px}.admin-actions button{font:inherit;font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#172232;color:inherit;cursor:pointer}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}@media (max-width: 800px){h1{font-size:32px}.home-grid,.split,.hero,.session-row{grid-template-columns:1fr}.chat-column{max-height:240px}.status-bar{align-items:flex-start;flex-wrap:wrap}.join-row{flex-wrap:wrap}.button.guest-go{width:100%}.code{font-size:32px;letter-spacing:.08em}.layout{width:min(1080px,calc(100% - 20px))}.admin-stats{grid-template-columns:1fr 1fr}}