:root{--bz-color-bg:#101216;--bz-color-surface:#1a1d23;--bz-color-surface-raised:#232730;--bz-color-border:#343a46;--bz-color-text:#e8eaee;--bz-color-text-muted:#9aa1ad;--bz-color-accent:#4c7dd0;--bz-color-accent-text:#fff;--bz-color-danger:#d05252;--bz-color-warning:#d0a03c;--bz-color-ok:#4cae6e;--bz-color-e2ee-on:#4cae6e;--bz-color-e2ee-degraded:#d0a03c;--bz-color-e2ee-off:#6b7280;--bz-color-recording:#e03131;--bz-overlay-scrim:#0a0c0fb8;--bz-overlay-text:#fff;--bz-color-speaking:#58b368;--bz-speaking-ring:0 0 0 3px var(--bz-color-speaking);--bz-font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bz-font-size-xs:12px;--bz-font-size-sm:14px;--bz-font-size-md:16px;--bz-font-size-lg:20px;--bz-font-size-xl:28px;--bz-font-weight-normal:400;--bz-font-weight-medium:500;--bz-font-weight-bold:700;--bz-line-height:1.45;--bz-space-1:4px;--bz-space-2:8px;--bz-space-3:12px;--bz-space-4:16px;--bz-space-5:24px;--bz-space-6:32px;--bz-space-7:48px;--bz-radius-sm:4px;--bz-radius-md:8px;--bz-radius-lg:12px;--bz-radius-pill:999px;--bz-shadow-raised:0 4px 16px #0006;--bz-controls-height:72px;--bz-tile-min-width:220px;--bz-thumb-width:180px;--bz-meter-width:6px;--bz-transition-fast:.12s ease;--bz-z-overlay:10;--bz-z-controls:20;--bz-z-toast:30;--bz-z-perf:40}*{box-sizing:border-box}body{background:var(--bz-color-bg);color:var(--bz-color-text);font-family:var(--bz-font-family);font-size:var(--bz-font-size-md);line-height:var(--bz-line-height);margin:0}.bz-btn{padding:var(--bz-space-2) var(--bz-space-4);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-md);background:var(--bz-color-surface-raised);color:var(--bz-color-text);font-size:var(--bz-font-size-sm);cursor:pointer;transition:background var(--bz-transition-fast);text-decoration:none;display:inline-block}.bz-btn:hover{background:var(--bz-color-border)}.bz-btn-primary{background:var(--bz-color-accent);border-color:var(--bz-color-accent);color:var(--bz-color-accent-text);font-weight:var(--bz-font-weight-medium)}.bz-btn-danger{background:var(--bz-color-danger);border-color:var(--bz-color-danger);color:var(--bz-color-accent-text)}.bz-btn-active{border-color:var(--bz-color-accent)}.bz-btn-small{padding:var(--bz-space-1) var(--bz-space-2);font-size:var(--bz-font-size-xs)}.bz-btn:disabled{opacity:.6;cursor:default}.bz-landing,.bz-state-page{justify-content:center;align-items:center;gap:var(--bz-space-4);min-height:100vh;padding:var(--bz-space-6);text-align:center;flex-direction:column;display:flex}.bz-landing-title{font-size:var(--bz-font-size-xl);margin:0}.bz-landing-sub{color:var(--bz-color-text-muted);margin:0}.bz-dashboard{max-width:720px;padding:var(--bz-space-5);gap:var(--bz-space-6);flex-direction:column;margin:0 auto;display:flex}.bz-dashboard-header{justify-content:space-between;align-items:center;display:flex}.bz-brand{font-size:var(--bz-font-size-lg);font-weight:var(--bz-font-weight-bold)}.bz-dashboard-user{align-items:center;gap:var(--bz-space-3);color:var(--bz-color-text-muted);display:flex}.bz-run-meeting,.bz-recent{background:var(--bz-color-surface);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-lg);padding:var(--bz-space-5)}.bz-created{margin-top:var(--bz-space-4);align-items:center;gap:var(--bz-space-3);flex-wrap:wrap;display:flex}.bz-created-link{background:var(--bz-color-bg);padding:var(--bz-space-2) var(--bz-space-3);border-radius:var(--bz-radius-sm);font-size:var(--bz-font-size-sm)}.bz-recent ul{margin:0;padding:0;list-style:none}.bz-recent-row{padding:var(--bz-space-2) 0;border-bottom:1px solid var(--bz-color-border);justify-content:space-between;display:flex}.bz-recent-row a{color:var(--bz-color-accent);text-decoration:none}.bz-recent-date{color:var(--bz-color-text-muted);font-size:var(--bz-font-size-sm)}.bz-prejoin{justify-content:center;align-items:center;gap:var(--bz-space-4);min-height:100vh;padding:var(--bz-space-5);flex-direction:column;display:flex}.bz-prejoin-title{font-size:var(--bz-font-size-lg);margin:0}.bz-prejoin-preview{gap:var(--bz-space-3);flex-direction:column;align-items:center;display:flex;position:relative}.bz-prejoin-video{aspect-ratio:16/9;border-radius:var(--bz-radius-lg);background:var(--bz-color-surface);object-fit:cover;width:min(480px,90vw)}.bz-prejoin-video-off{visibility:hidden}.bz-prejoin-toggles{gap:var(--bz-space-3);display:flex}.bz-prejoin-denied{max-width:420px;color:var(--bz-color-warning);text-align:center}.bz-call{flex-direction:column;height:100vh;display:flex;position:relative}.bz-grid{gap:var(--bz-space-2);padding:var(--bz-space-2);grid-template-columns:repeat(auto-fit, minmax(var(--bz-tile-min-width), 1fr));flex:1;grid-auto-rows:1fr;display:grid;overflow:hidden}.bz-speaker-layout{gap:var(--bz-space-2);padding:var(--bz-space-2);flex-direction:column;flex:1;min-height:0;display:flex}.bz-stage{flex:1;min-height:0;display:flex}.bz-stage .bz-tile{flex:1}.bz-thumbs{gap:var(--bz-space-2);min-height:110px;display:flex;overflow-x:auto}.bz-thumbs .bz-tile{width:var(--bz-thumb-width);flex:none}.bz-tile{background:var(--bz-color-surface);border-radius:var(--bz-radius-md);min-height:0;transition:box-shadow var(--bz-transition-fast);position:relative;overflow:hidden}.bz-tile-speaking{box-shadow:var(--bz-speaking-ring)}.bz-tile-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bz-tile-mirror{transform:scaleX(-1)}.bz-tile-avatar{font-size:var(--bz-font-size-xl);color:var(--bz-color-text-muted);background:var(--bz-color-surface-raised);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bz-tile-overlay{align-items:center;gap:var(--bz-space-2);padding:var(--bz-space-1) var(--bz-space-2);background:var(--bz-overlay-scrim);color:var(--bz-overlay-text);font-size:var(--bz-font-size-xs);display:flex;position:absolute;bottom:0;left:0;right:0}.bz-tile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bz-tile-muted,.bz-tile-presenting{border-radius:var(--bz-radius-pill);padding:0 var(--bz-space-2);background:var(--bz-color-surface-raised);color:var(--bz-color-text-muted)}.bz-tile-presenting{color:var(--bz-color-accent-text);background:var(--bz-color-accent)}.bz-quality{border-radius:var(--bz-radius-pill);flex:none;width:8px;height:8px;margin-left:auto}.bz-quality-excellent,.bz-quality-good{background:var(--bz-color-ok)}.bz-quality-poor{background:var(--bz-color-warning)}.bz-quality-lost{background:var(--bz-color-danger)}.bz-quality-unknown{background:var(--bz-color-border)}.bz-meter-track{right:var(--bz-space-2);top:var(--bz-space-2);bottom:var(--bz-space-6);width:var(--bz-meter-width);background:var(--bz-overlay-scrim);border-radius:var(--bz-radius-pill);position:absolute;overflow:hidden}.bz-meter-fill{background:var(--bz-color-speaking);transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}.bz-prejoin-preview .bz-meter-track{width:min(480px,90vw);height:var(--bz-meter-width);position:static}.bz-prejoin-preview .bz-meter-fill{transform-origin:0}.bz-controls{height:var(--bz-controls-height);justify-content:center;align-items:center;gap:var(--bz-space-3);background:var(--bz-color-surface);border-top:1px solid var(--bz-color-border);z-index:var(--bz-z-controls);flex-wrap:wrap;display:flex;position:relative}.bz-device-menu{bottom:calc(var(--bz-controls-height) + var(--bz-space-2));background:var(--bz-color-surface-raised);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-lg);box-shadow:var(--bz-shadow-raised);padding:var(--bz-space-4);gap:var(--bz-space-3);flex-direction:column;min-width:320px;display:flex;position:absolute}.bz-device-row{justify-content:space-between;align-items:center;gap:var(--bz-space-3);font-size:var(--bz-font-size-sm);display:flex}.bz-device-row select{background:var(--bz-color-surface);max-width:200px;color:var(--bz-color-text);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-sm);padding:var(--bz-space-1)}.bz-e2ee-badge{top:var(--bz-space-3);left:var(--bz-space-3);z-index:var(--bz-z-overlay);align-items:center;gap:var(--bz-space-2);padding:var(--bz-space-1) var(--bz-space-3);border-radius:var(--bz-radius-pill);background:var(--bz-overlay-scrim);color:var(--bz-overlay-text);font-size:var(--bz-font-size-xs);font-weight:var(--bz-font-weight-medium);display:flex;position:absolute}.bz-e2ee-dot{border-radius:var(--bz-radius-pill);width:8px;height:8px}.bz-e2ee-off .bz-e2ee-dot{background:var(--bz-color-e2ee-off)}.bz-reconnect-banner{z-index:var(--bz-z-overlay);text-align:center;padding:var(--bz-space-2);background:var(--bz-color-warning);color:var(--bz-color-bg);font-weight:var(--bz-font-weight-medium);position:absolute;top:0;left:0;right:0}.bz-toasts{bottom:calc(var(--bz-controls-height) + var(--bz-space-4));z-index:var(--bz-z-toast);gap:var(--bz-space-2);flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bz-toast{padding:var(--bz-space-2) var(--bz-space-4);border-radius:var(--bz-radius-pill);background:var(--bz-color-surface-raised);border:1px solid var(--bz-color-border);box-shadow:var(--bz-shadow-raised);font-size:var(--bz-font-size-sm)}.bz-toast-warning{border-color:var(--bz-color-warning)}.bz-toast-error{border-color:var(--bz-color-danger)}.bz-perf-overlay{top:var(--bz-space-3);right:var(--bz-space-3);z-index:var(--bz-z-perf);background:var(--bz-overlay-scrim);color:var(--bz-overlay-text);font-size:var(--bz-font-size-xs);padding:var(--bz-space-3);border-radius:var(--bz-radius-md);max-height:60vh;margin:0;position:fixed;overflow:auto}.bz-e2ee-badge{cursor:pointer;font-family:var(--bz-font-family);border:none}.bz-e2ee-on .bz-e2ee-dot{background:var(--bz-color-e2ee-on)}.bz-e2ee-degraded .bz-e2ee-dot{background:var(--bz-color-e2ee-degraded)}.bz-e2ee-unsupported .bz-e2ee-dot{background:var(--bz-color-danger)}.bz-sheet-backdrop{z-index:var(--bz-z-toast);background:var(--bz-overlay-scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bz-sheet{background:var(--bz-color-surface-raised);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-lg);box-shadow:var(--bz-shadow-raised);max-width:520px;max-height:80vh;padding:var(--bz-space-5);gap:var(--bz-space-3);flex-direction:column;display:flex;overflow-y:auto}.bz-sheet h2,.bz-sheet h3{margin:0}.bz-sheet p{color:var(--bz-color-text);margin:0}.bz-host-panel{top:var(--bz-space-7);left:var(--bz-space-3);z-index:var(--bz-z-overlay);background:var(--bz-color-surface-raised);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-lg);box-shadow:var(--bz-shadow-raised);padding:var(--bz-space-3);gap:var(--bz-space-2);flex-direction:column;max-width:340px;display:flex;position:absolute}.bz-knock-row{align-items:center;gap:var(--bz-space-2);font-size:var(--bz-font-size-sm);display:flex}.bz-knock-name{font-weight:var(--bz-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bz-knock-sub{color:var(--bz-color-text-muted);flex:none}.bz-panel{top:var(--bz-space-3);right:var(--bz-space-3);bottom:calc(var(--bz-controls-height) + var(--bz-space-3));width:min(340px,90vw);z-index:var(--bz-z-overlay);background:var(--bz-color-surface);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-lg);box-shadow:var(--bz-shadow-raised);flex-direction:column;display:flex;position:absolute;overflow:hidden}.bz-panel-header{padding:var(--bz-space-3);border-bottom:1px solid var(--bz-color-border);font-weight:var(--bz-font-weight-medium);justify-content:space-between;align-items:center;display:flex}.bz-chat-note{padding:var(--bz-space-2) var(--bz-space-3);font-size:var(--bz-font-size-xs);color:var(--bz-color-text-muted);margin:0}.bz-chat-list{padding:var(--bz-space-3);gap:var(--bz-space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bz-chat-msg{flex-direction:column;display:flex}.bz-chat-own .bz-chat-from{color:var(--bz-color-accent)}.bz-chat-from{font-size:var(--bz-font-size-xs);color:var(--bz-color-text-muted)}.bz-chat-text{overflow-wrap:anywhere}.bz-chat-compose{gap:var(--bz-space-2);padding:var(--bz-space-3);border-top:1px solid var(--bz-color-border);display:flex}.bz-chat-compose input{background:var(--bz-color-bg);color:var(--bz-color-text);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-md);padding:var(--bz-space-2);flex:1}.bz-stats-table{border-collapse:collapse;font-size:var(--bz-font-size-xs);margin:var(--bz-space-3)}.bz-stats-table th,.bz-stats-table td{text-align:left;padding:var(--bz-space-1) var(--bz-space-2);border-bottom:1px solid var(--bz-color-border)}.bz-reactions-menu{bottom:calc(var(--bz-controls-height) + var(--bz-space-2));gap:var(--bz-space-2);background:var(--bz-color-surface-raised);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-pill);padding:var(--bz-space-2);box-shadow:var(--bz-shadow-raised);display:flex;position:absolute}.bz-reaction-btn{font-size:var(--bz-font-size-lg)}.bz-reactions-overlay{left:var(--bz-space-5);bottom:calc(var(--bz-controls-height) + var(--bz-space-4));z-index:var(--bz-z-overlay);gap:var(--bz-space-2);pointer-events:none;flex-direction:column-reverse;display:flex;position:absolute}.bz-reaction-float{align-items:center;gap:var(--bz-space-2);background:var(--bz-overlay-scrim);color:var(--bz-overlay-text);border-radius:var(--bz-radius-pill);padding:var(--bz-space-1) var(--bz-space-3);animation:3s ease-out forwards bz-float;display:flex}.bz-reaction-emoji{font-size:var(--bz-font-size-lg)}.bz-reaction-name{font-size:var(--bz-font-size-xs)}@keyframes bz-float{0%{opacity:0;transform:translateY(12px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-24px)}}.bz-tile-hand{flex:none}.bz-tile-plaintext{color:var(--bz-color-e2ee-degraded);flex:none}.bz-prejoin-name{gap:var(--bz-space-1);font-size:var(--bz-font-size-sm);color:var(--bz-color-text-muted);flex-direction:column;display:flex}.bz-prejoin-name input{background:var(--bz-color-surface);width:min(320px,80vw);color:var(--bz-color-text);border:1px solid var(--bz-color-border);border-radius:var(--bz-radius-md);padding:var(--bz-space-2) var(--bz-space-3);font-size:var(--bz-font-size-md)}.bz-prejoin-hint{color:var(--bz-color-warning);font-size:var(--bz-font-size-sm);margin:0}.bz-prejoin-devices{gap:var(--bz-space-2);flex-direction:column;display:flex}.bz-prejoin-signin-hint{text-align:center;color:var(--bz-color-text-muted);font-size:var(--bz-font-size-sm);margin-top:calc(-1 * var(--bz-space-5))}.bz-prejoin-signin-hint a{color:var(--bz-color-accent)}.bz-knock-spinner{border:3px solid var(--bz-color-border);border-top-color:var(--bz-color-accent);border-radius:var(--bz-radius-pill);width:28px;height:28px;animation:.9s linear infinite bz-spin}@keyframes bz-spin{to{transform:rotate(360deg)}}