:root{color-scheme:light;--background:#f6f8fb;--surface:#ffffff;--surface-muted:#eef3f8;--border:#d9e1ea;--text:#18202b;--muted:#607085;--accent:#0e7c68;--accent-strong:#095f50;--warning:#b06a00;--danger:#a43b32}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--background);color:var(--text)}button,input,select{font:inherit}button{min-height:44px;border:0;border-radius:8px;background:var(--accent);color:white;cursor:pointer;font-weight:700;padding:0 18px}button:hover{background:var(--accent-strong)}button:disabled{cursor:wait;opacity:.62}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel{width:min(460px,100%);display:grid;grid-gap:28px;gap:28px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:32px;box-shadow:0 18px 60px rgba(24,32,43,.08)}.eyebrow{margin:0 0 8px;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{font-size:2rem;line-height:1.1}h1,h2{margin:0}h2{font-size:1.2rem}.supporting-copy{margin:12px 0 0;color:var(--muted);line-height:1.55}.login-form{display:grid;grid-gap:16px;gap:16px}.login-form label{display:grid;grid-gap:8px;gap:8px;color:#344154;font-size:.92rem;font-weight:700}.login-form input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--text);padding:10px 12px}.login-form input:focus{border-color:var(--accent);outline:3px solid rgba(14,124,104,.16)}.login-form select,.login-form textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--text);padding:10px 12px}.login-form select:focus,.login-form textarea:focus{border-color:var(--accent);outline:3px solid rgba(14,124,104,.16)}.form-message{margin:0;color:var(--danger);font-weight:700}.app-shell{min-height:100vh;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto 28px}.secondary-action{border:1px solid var(--border);background:var(--surface);color:var(--text)}.secondary-action:hover{background:var(--surface-muted)}.action-link{align-items:center;display:inline-flex;justify-content:center;min-height:44px;text-decoration:none}.workspace-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-gap:20px;gap:20px}.next-work,.session-summary{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:24px}.session-summary dl{display:grid;grid-gap:14px;gap:14px;margin:24px 0 0}.session-summary dl div{display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:baseline;border-top:1px solid var(--border);padding-top:14px}.session-summary dt{color:var(--muted);font-weight:800}.session-summary dd{margin:0;overflow-wrap:anywhere}.next-work p{color:var(--muted);line-height:1.55}.topbar-actions{display:flex;gap:12px;align-items:center}.placeholder-card{display:grid;grid-gap:10px;gap:10px;border:1px dashed var(--border);border-radius:8px;background:var(--surface-muted);padding:18px}.call-panel{width:min(1180px,100%)}.call-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,360px);grid-gap:24px;gap:24px;align-items:start}.call-layout--video-focus{grid-template-columns:1fr}.call-layout--video-focus .call-sidebar{display:none}.call-sidebar,.call-stage{display:grid;grid-gap:20px;gap:20px}.call-stage-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.call-stage-stats{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));grid-gap:12px;gap:12px;min-width:min(100%,360px)}.call-debug-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.call-debug-stack,.call-view-card{display:grid;grid-gap:16px;gap:16px}.call-view-card{padding:18px;border:1px solid rgba(14,124,104,.18);border-radius:16px;background:radial-gradient(circle at top right,rgba(14,124,104,.12),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(238,243,248,.92));box-shadow:0 18px 36px rgba(15,23,42,.08)}.call-view-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.call-focus-strip,.call-view-pills,.call-view-toolbar,.media-badges{display:flex;gap:10px;flex-wrap:wrap}.call-view-pills{justify-content:flex-end}.call-view-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(96,112,133,.2);background:rgba(255,255,255,.78);color:var(--text);font-size:.86rem;font-weight:700}.call-view-pill--accent{border-color:rgba(14,124,104,.22);background:rgba(14,124,104,.12);color:var(--accent-strong)}.call-view-button{min-height:40px}.call-focus-chip--active,.call-view-button--active{border-color:rgba(14,124,104,.34);background:rgba(14,124,104,.14);color:var(--accent-strong)}.call-focus-chip{min-height:38px;padding:0 14px}.call-activity-feed{display:grid;grid-gap:10px;gap:10px}.call-activity-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.76);border:1px solid rgba(96,112,133,.14)}.call-activity-item strong{font-size:.92rem}.call-activity-item span{color:var(--muted);font-size:.88rem}.call-activity-item--joined{border-color:rgba(14,124,104,.18)}.call-activity-item--left{border-color:rgba(164,59,50,.16)}.media-layout{position:relative;display:grid;grid-gap:16px;gap:16px;min-width:0}.media-layout--focus{min-height:min(78vh,880px)}.media-layout--focus .media-surface,.media-layout--focus .media-surface-empty,.media-layout--focus .media-video{min-height:min(72vh,820px)}.media-layout--screenshare .media-spotlight{min-height:0}.media-mosaic,.media-spotlight{display:grid;grid-gap:16px;gap:16px;min-width:0}.media-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.media-layout--grid .media-mosaic{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.media-layout--spotlight .media-mosaic{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.call-selfview{position:absolute;right:18px;bottom:18px;width:min(230px,34vw);z-index:3}.media-mosaic--duo{grid-template-columns:repeat(2,minmax(0,1fr))}.media-mosaic--dense{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.media-tile{position:relative;min-width:0;display:grid;grid-gap:10px;gap:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.media-tile--featured{padding:16px;box-shadow:0 18px 36px rgba(15,23,42,.1)}.media-tile--compact{padding:10px;box-shadow:0 14px 28px rgba(15,23,42,.14)}.media-tile--compact .media-surface,.media-tile--compact .media-surface-empty,.media-tile--compact .media-video{min-height:160px}.media-tile--screen-share{background:linear-gradient(180deg,#fcfdff,#eef3f8)}.media-tile--speaking{border-color:rgba(14,124,104,.42);box-shadow:0 0 0 2px rgba(14,124,104,.12),0 18px 36px rgba(15,23,42,.08);transform:translateY(-1px)}.media-tile--pinned{border-color:rgba(24,32,43,.16)}.media-surface{position:relative;min-height:220px;border-radius:10px;overflow:hidden;background:#18202b}.media-surface--screen-share{background:linear-gradient(180deg,rgba(15,23,42,.04),rgba(15,23,42,.08)),#10151d}.media-tile--featured .media-surface,.media-tile--featured .media-surface-empty,.media-tile--featured .media-video{min-height:340px}.media-video{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}.media-surface-empty{min-height:220px;display:grid;place-items:center;padding:20px;color:#cbd5e1;text-align:center}.media-meta{display:grid;grid-gap:4px;gap:4px}.media-meta-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.media-meta-row>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.media-meta strong{font-size:.98rem}.media-meta span{color:var(--muted);font-size:.9rem}.media-overlay{position:absolute;inset:0 0 auto 0;padding:12px;background:linear-gradient(180deg,rgba(24,32,43,.55),transparent 72%);pointer-events:none}.media-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(24,32,43,.58);border:1px solid rgba(255,255,255,.12);color:white;font-size:.78rem;font-weight:700}.media-badge--accent{background:rgba(14,124,104,.85)}.media-tile-action{min-height:36px;padding:0 14px;white-space:nowrap}.call-chat-panel--desktop{display:grid}.call-chat-card{gap:14px}.call-chat-messages{display:grid;grid-gap:12px;gap:12px;max-height:360px;overflow-y:auto;padding-right:4px}.call-chat-message{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.call-chat-message--local{border-color:rgba(14,124,104,.26);background:rgba(14,124,104,.08)}.call-chat-message strong{font-size:.9rem}.call-chat-message p{margin:0;color:var(--text);line-height:1.45}.call-chat-message span{color:var(--muted);font-size:.82rem}.call-chat-form{display:grid;grid-gap:12px;gap:12px}.call-chat-form textarea{width:100%;min-height:92px;resize:vertical;border:1px solid var(--border);border-radius:12px;background:white;color:var(--text);padding:12px}.call-chat-form textarea:focus{border-color:var(--accent);outline:3px solid rgba(14,124,104,.16)}.call-chat-sheet,.mobile-chat-trigger{display:none}.control-card{display:grid;grid-gap:16px;gap:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted);padding:18px}.control-card--device-settings{box-shadow:0 12px 28px rgba(15,23,42,.06)}.control-row{display:flex;gap:12px;flex-wrap:wrap}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.status-chip{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px 14px}.status-chip strong{font-size:.9rem}.status-chip span{color:var(--muted);font-size:.88rem}.call-network-card,.status-chip--network{transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.call-network-card--watch,.status-chip--watch{border-color:rgba(176,106,0,.24);background:rgba(255,244,217,.9)}.call-network-card--degraded,.status-chip--degraded{border-color:rgba(176,106,0,.38);background:rgba(255,239,204,.96)}.call-network-card--critical,.status-chip--critical{border-color:rgba(164,59,50,.28);background:rgba(252,238,236,.96)}.call-network-card--degraded .eyebrow,.call-network-card--watch .eyebrow,.status-chip--degraded strong,.status-chip--watch strong{color:var(--warning)}.call-network-card--critical .eyebrow,.status-chip--critical strong{color:var(--danger)}.prejoin-preview{display:grid;grid-gap:10px;gap:10px}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.device-grid label{display:grid;grid-gap:8px;gap:8px;color:#344154;font-size:.92rem;font-weight:700}.device-grid select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--text);padding:10px 12px}.device-grid select:focus{border-color:var(--accent);outline:3px solid rgba(14,124,104,.16)}.account-shell{min-height:100vh;padding:28px}.account-grid{max-width:1120px;margin:0 auto}.account-card,.account-grid{display:grid;grid-gap:20px;gap:20px}.account-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:24px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.form-grid{display:grid;grid-gap:16px;gap:16px}.form-grid label{display:grid;grid-gap:8px;gap:8px;color:#344154;font-size:.92rem;font-weight:700}.form-grid input,.form-grid select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--text);padding:10px 12px}.form-grid input:focus,.form-grid select:focus{border-color:var(--accent);outline:3px solid rgba(14,124,104,.16)}.account-metadata{display:grid;grid-gap:14px;gap:14px;margin:0}.account-metadata div{display:grid;grid-template-columns:160px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:baseline;border-top:1px solid var(--border);padding-top:14px}.account-metadata dt{color:var(--muted);font-weight:800}.account-metadata dd{margin:0}.toggle-list{display:grid;grid-gap:12px;gap:12px}.toggle-item{display:flex;gap:12px;align-items:center;color:#344154;font-weight:700}.toggle-item input{width:18px;height:18px}.field-message{color:var(--danger);font-size:.86rem;font-weight:700}.success-message{margin:0;color:var(--accent-strong);font-weight:800}.banner-message{max-width:1120px;margin:0 auto 20px;border:1px solid rgba(14,124,104,.22);background:rgba(14,124,104,.08);border-radius:8px;padding:14px 16px;color:var(--accent-strong);font-weight:700}.compact-copy{margin:0}.security-card{margin-bottom:24px}.security-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width:760px){.account-shell,.app-shell{padding:20px}.auth-panel{padding:24px}.topbar,.topbar-actions{align-items:stretch;flex-direction:column}.call-layout,.workspace-grid{grid-template-columns:1fr}.call-layout--video-focus{gap:16px}.call-stage-heading{flex-direction:column}.call-stage-stats{grid-template-columns:1fr;min-width:0;width:100%}.call-activity-item,.call-debug-header,.call-view-header,.media-meta-row{flex-direction:column;align-items:stretch}.call-view-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.call-focus-strip{display:grid}.call-focus-strip,.media-mosaic,.media-mosaic--dense,.media-mosaic--duo{grid-template-columns:1fr}.call-selfview{position:static;width:100%}.media-tile--featured .media-surface,.media-tile--featured .media-surface-empty,.media-tile--featured .media-video{min-height:280px}.media-layout--focus{min-height:calc(100vh - 220px)}.media-layout--focus .media-surface,.media-layout--focus .media-surface-empty,.media-layout--focus .media-video{min-height:calc(100vh - 260px)}.media-tile-action{width:100%}.call-chat-panel--desktop{display:none}.mobile-chat-trigger{display:inline-flex}.call-chat-sheet{position:fixed;inset:auto 16px 16px;z-index:40;display:grid;grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--border);border-radius:18px;background:rgba(246,248,251,.98);box-shadow:0 20px 40px rgba(15,23,42,.18);transform:translateY(calc(100% + 24px));transition:transform .2s ease;max-height:min(70vh,560px);overflow:hidden}.call-chat-sheet--open{transform:translateY(0)}.call-chat-sheet__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.call-chat-messages{max-height:min(36vh,320px)}.account-metadata div,.session-summary dl div{grid-template-columns:1fr;gap:4px}.section-heading{flex-direction:column}}