:root{--bg:#0d1013;--panel:#161a1f;--panel-line:#262b32;--text:#e8ecef;--muted:#7a8390;--accent:#5eead4;--accent-dim:#2d5f57;--danger:#f2637a;--radius:10px}*{box-sizing:border-box}html,body{height:100%;margin:0}.page{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}header{border-bottom:1px solid var(--panel-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:flex}.brand .dot{background:var(--muted);border-radius:50%;width:8px;height:8px;transition:background .2s,box-shadow .2s}.brand .dot.live{background:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}button{border:1px solid var(--panel-line);background:var(--panel);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#0d1013;border-color:var(--accent)}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}main{flex-direction:column;flex:1;gap:14px;padding:18px;display:flex}.status{color:var(--muted);min-height:16px;font-family:IBM Plex Mono,monospace;font-size:12px}.grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:start;gap:14px;display:grid}.tile{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius);aspect-ratio:4/3;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.tile.speaking{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 20px -6px var(--accent)}.tile video{object-fit:cover;background:#000;width:100%;height:100%;transform:scaleX(1)}.tile.mirrored video{transform:scaleX(-1)}.tile .label{background:#0d1013b3;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex;position:absolute;bottom:8px;left:8px}.tile .placeholder{color:var(--muted);background:linear-gradient(160deg,#161a1f,#101316);justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;display:flex;position:absolute;inset:0}footer{border-top:1px solid var(--panel-line);flex-wrap:wrap;justify-content:center;gap:10px;padding:14px 18px;display:flex}footer button{min-width:96px}.hint{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.horn-button{align-self:center;padding:14px 28px;font-size:16px}.horn-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.horn-image{width:220px;height:auto;transition:transform .18s cubic-bezier(.34,1.56,.64,1);transform:scale(1)rotate(0)}.horn-image.honking{transform:scale(1.5)rotate(-6deg)}