@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}:root{font-family:Space Grotesk,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #e8f5fd;--surface: #e8f5fd;--panel: #e8f5fd;--primary: #1f1c51;--accent: #2fd9d9;--text: #1f1c51;--muted: #3c3970;--border: #2fd9d9;--shadow: rgba(31, 28, 81, .35);--overlay: rgba(31, 28, 81, .75);--toast-bg: #1f1c51;--toast-text: #e8f5fd;--toast-title: #2fd9d9}:root[data-theme=dark]{--bg: #0b0a1f;--surface: #15133a;--panel: #15133a;--primary: #1f1c51;--accent: #2fd9d9;--text: #e8f5fd;--muted: #b7c4ff;--border: #2fd9d9;--shadow: rgba(0, 0, 0, .6);--overlay: rgba(5, 5, 15, .85);--toast-bg: #15133a;--toast-text: #e8f5fd;--toast-title: #2fd9d9}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#root{min-height:100vh}a{color:inherit;text-decoration:none}.app{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:2rem}.header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:center}.header-left h1{font-size:clamp(2rem,4vw,2.6rem);margin:0 0 .35rem;color:var(--text)}.subtitle{margin:0;color:var(--muted);max-width:36rem}.header-right{display:flex;align-items:center;gap:.75rem;position:relative}.social-links{display:inline-flex;align-items:center;gap:.5rem}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;width:100%}.footer-credit{color:var(--muted);font-size:.8rem;font-weight:500}.social-link{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease}.social-link svg{width:16px;height:16px;fill:currentColor}.social-link:hover{background:var(--accent);color:var(--primary);border-color:var(--accent)}.theme-toggle{border:none;background:transparent;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text);font-weight:600;padding:0;border-radius:0}.toggle-track{width:44px;height:24px;border-radius:999px;background:var(--panel);border:1px solid var(--border);display:inline-flex;align-items:center;padding:2px;transition:background .2s ease,border .2s ease}.toggle-thumb{width:18px;height:18px;border-radius:999px;background:var(--accent);transition:transform .2s ease}.toggle-track.dark .toggle-thumb{transform:translate(20px)}.toggle-label{font-size:.85rem}.interval-control{position:relative}.interval-pill{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer}.interval-pill:hover{background:var(--accent);color:var(--primary)}.interval-menu{position:absolute;right:0;top:calc(100% + .5rem);background:var(--panel);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 12px 30px var(--shadow);padding:.4rem;display:grid;gap:.3rem;z-index:5}.interval-option{background:transparent;border:none;text-align:left;padding:.45rem .75rem;border-radius:.5rem;font-weight:600;font-size:.85rem;cursor:pointer;color:var(--text)}.interval-option:hover,.interval-option.active{background:var(--accent);color:var(--primary)}.status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;font-size:.85rem;background:var(--panel);color:var(--text);border:1px solid var(--border);height:fit-content}.status.connected{background:var(--accent);color:var(--primary);border-color:var(--accent)}.status.connecting{background:var(--panel);color:var(--text);border-color:var(--border)}.status.error{background:#ef444426;color:#b91c1c;border-color:#ef44444d}.status-dot{width:8px;height:8px;border-radius:999px;background:currentColor;display:inline-block}.stage{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) 220px;align-items:start}.video-column{display:grid;gap:1.25rem}.video-shell{padding:.75rem;background:var(--primary);border-radius:1rem;box-shadow:0 20px 45px var(--shadow);width:fit-content}.video-shell video{display:block;width:640px;height:480px;background:var(--primary);border-radius:.75rem}.controls{display:flex;flex-wrap:wrap;gap:.75rem}button{border:none;padding:.65rem 1.5rem;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.primary{background:var(--primary);color:var(--panel);box-shadow:0 12px 30px var(--shadow)}.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 32px #0f172a4d}.ghost{background:var(--panel);color:var(--text);border:1px solid var(--border)}.ghost:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a26}.error{color:#b91c1c;background:#f871711a;border:1px solid rgba(248,113,113,.3);padding:.75rem 1rem;border-radius:.75rem;max-width:32rem}.warning{color:var(--text);background:var(--panel);border:1px solid var(--border);padding:.65rem .9rem;border-radius:.75rem;max-width:32rem;font-size:.9rem}.init-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:20}.init-card{background:var(--primary);color:var(--panel);padding:1.5rem 1.75rem;border-radius:1rem;box-shadow:0 30px 70px var(--shadow);width:min(360px,90vw)}.init-card h2{margin:0 0 1rem;font-size:1.15rem;color:var(--panel)}.status-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(47,217,217,.25)}.status-row:last-of-type{border-bottom:none}.status-label{font-size:.95rem;color:var(--panel)}.status-icon{width:18px;height:18px;border-radius:999px;border:2px solid currentColor;position:relative}.status-icon.pending{color:var(--accent)}.status-icon.pending:after{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-right-color:transparent;border-bottom-color:transparent;border-radius:999px;animation:spin 1s linear infinite}.status-icon.blocked{color:var(--accent)}.status-icon.blocked:after{content:"!";position:absolute;inset:0;display:grid;place-items:center;font-size:.85rem;font-weight:700}.status-icon.ready{color:var(--accent)}.status-icon.ready:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:2px solid currentColor;border-top:none;border-left:none;transform:rotate(45deg)}.init-error{margin:1rem 0 0;color:#fecaca;font-size:.9rem}.people-panel{background:var(--panel);border:1px solid var(--border);border-radius:1rem;padding:1rem;min-height:220px;display:flex;flex-direction:column;gap:.75rem}.panel-header{display:grid;gap:.25rem}.panel-title{font-weight:700;color:var(--text)}.panel-meta{color:var(--muted);font-size:.85rem}.panel-empty{color:var(--muted);font-size:.9rem}.people-list{display:grid;gap:.6rem}.person-card{display:grid;gap:.2rem;border-radius:.75rem;padding:.65rem .75rem;border:1px solid transparent}.person-card.green{background:#22c55e1f;border-color:#22c55e4d;color:#14532d}.person-card.yellow{background:#facc152e;border-color:#facc1559;color:#713f12}.person-card.red{background:#ef444424;border-color:#ef44444d;color:#7f1d1d}.person-id{font-weight:600;font-size:.9rem}.person-line{font-size:.85rem}.person-line+.person-line{font-variant-numeric:tabular-nums}.toast-container{position:fixed;right:1.5rem;bottom:1.5rem;display:grid;gap:.75rem;z-index:30}.toast{background:var(--toast-bg);color:var(--toast-text);padding:.85rem 1rem;border-radius:.9rem;box-shadow:0 16px 40px var(--shadow);max-width:320px}.toast-title{font-weight:700;margin-bottom:.25rem;color:var(--toast-title)}.toast-message{font-size:.85rem;color:var(--toast-text)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.stage{grid-template-columns:1fr}.video-shell video{width:100%;height:auto;aspect-ratio:4 / 3}.video-shell{width:100%}}