:root{color-scheme:dark;--bg: #14161a;--panel: #1d2026;--panel-2: #24282f;--text: #e8eaed;--muted: #9aa0a8;--accent: #4f8cff;--danger: #e5534b;--warn: #e0a83a;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--text)}button{font:inherit;color:var(--text);background:var(--accent);border:none;border-radius:6px;padding:.45rem .9rem;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--panel-2)}button.danger{background:var(--danger)}input,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid #333842;border-radius:6px;padding:.45rem .6rem;width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}select{width:auto}h1{font-size:1.15rem;margin:0}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem}.muted{color:var(--muted);font-size:.85em}.error{color:var(--danger);margin:.25rem 0}.warn{color:var(--warn)}.pulse{color:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.centered{height:100%;display:grid;place-items:center;padding:1rem}.card{background:var(--panel);border-radius:var(--radius);padding:1.5rem;width:min(24rem,100%);display:flex;flex-direction:column;gap:.9rem}.card label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.room{height:100%;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--panel)}header .status{flex:1;display:flex;gap:1rem;font-size:.85rem;min-width:0}header .actions{display:flex;gap:.5rem}.layout{flex:1;display:grid;grid-template-columns:1fr 20rem;gap:.75rem;padding:.75rem;min-height:0}.stage{display:flex;flex-direction:column;gap:.75rem;min-width:0}.sidebar{display:flex;flex-direction:column;gap:.75rem;min-height:0}@media (max-width: 56rem){.layout{grid-template-columns:1fr;overflow-y:auto}}.video-wrap{position:relative;background:#000;border-radius:var(--radius);aspect-ratio:16 / 9;overflow:hidden}.video-wrap video{width:100%;height:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;text-align:center;padding:1rem}.overlay.idle{background:var(--panel)}.overlay button{font-size:1.2rem;padding:.8rem 1.6rem}.controls{display:flex;align-items:center;gap:.6rem;background:var(--panel);border-radius:var(--radius);padding:.5rem .75rem}.controls .play{min-width:2.5rem}.controls input[type=range]{flex:1;padding:0;accent-color:var(--accent)}.controls .time{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--muted)}.controls .media-name{font-size:.85rem;color:var(--muted);max-width:12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{background:var(--panel);border-radius:var(--radius);padding:.75rem}.panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.panel li{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.panel li button{padding:.2rem .6rem;font-size:.8rem}.row-actions{display:flex;gap:.35rem}.badge{background:var(--accent);color:#fff;border-radius:4px;font-size:.65rem;padding:.1rem .35rem;margin-left:.35rem;vertical-align:middle}.lobby-panel.waiting{outline:1px solid var(--accent)}.lobby-panel ul{margin-bottom:.6rem}.notify-toggle{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.notify-toggle input{accent-color:var(--accent);margin:0}.browser{width:100%}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin:.5rem 0;font-size:.85rem}.crumbs .crumb{background:none;color:var(--accent);padding:.1rem .25rem}.crumb-sep{color:var(--muted)}.crumb-here{color:var(--text);padding:.1rem .25rem}.media-list .folder{background:none;color:var(--text);text-align:left;padding:.1rem .25rem;flex:1}.browser-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.browser-head form{display:flex;gap:.5rem;flex:0 1 22rem}.media-list{list-style:none;margin:.5rem 0 0;padding:0;max-height:14rem;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.media-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--panel-2);border-radius:6px;padding:.4rem .6rem}.chat{flex:1;display:flex;flex-direction:column;min-height:14rem}.chat .messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;min-height:0;margin-bottom:.5rem}.chat .message{display:flex;flex-direction:column;gap:.1rem;font-size:.9rem}.chat .message .meta{display:flex;gap:.5rem;align-items:baseline;font-size:.8rem}.chat .message.own .meta strong{color:var(--accent)}.chat .message .text{overflow-wrap:anywhere}.chat .message .text a{color:var(--accent)}.chat form{display:flex;gap:.4rem}