:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef4fb;background:#07101b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#13243a 0,#09131f 38%,#050b13)}button,input{font:inherit}button{min-height:42px;border:0;border-radius:10px;padding:0 16px;font-weight:750;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid #6aa8ff;outline-offset:2px}input{min-height:44px;width:100%;border:1px solid #334760;border-radius:10px;padding:0 12px;color:#f4f8fc;background:#08121e}label{display:grid;gap:7px;color:#aebed0;font-size:.84rem;font-weight:650}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(1.8rem,4vw,2.75rem);letter-spacing:-.03em}h2{margin-bottom:8px}code{overflow-wrap:anywhere;color:#c9d9eb}.app-shell{width:min(1260px,calc(100% - 32px));margin:0 auto;padding:30px 0 50px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.subtitle,.muted{color:#91a4b9}.subtitle{margin-bottom:0}.eyebrow{margin-bottom:6px;color:#76aaff;font-size:.72rem;font-weight:800;letter-spacing:.14em}.panel{border:1px solid #26384d;border-radius:16px;background:#0c1827eb;box-shadow:0 18px 50px #00000038}.warning{margin-bottom:18px;border:1px solid #9c6f2e;border-radius:12px;padding:13px 15px;color:#ffdda3;background:#342711}.badge,.role-badge{border:1px solid #41566f;border-radius:999px;padding:7px 11px;color:#c1d1e3;background:#102034;font-size:.76rem;font-weight:800}.badge[data-state=connected]{border-color:#2b8b61;color:#a6e7c5;background:#0e3023}.badge[data-state=connecting],.badge[data-state=reconnecting]{border-color:#98712e;color:#f2ce8b;background:#322714}.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.lobby-card{display:grid;gap:14px;padding:22px}.lobby-card p{margin-bottom:0}.primary{color:#06101c;background:#72aaff}.secondary{color:#edf5ff;background:#263b54}.ghost{color:#cbd9e8;background:#1a2a3d}.danger{color:#fff;background:#a73e4c}.danger-outline{border:1px solid #97424c;color:#ffbcc3;background:transparent}.wide{width:100%}.small{min-height:34px;padding:0 11px;font-size:.8rem}.call-view{display:grid;gap:16px}.call-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.call-heading h2{margin-bottom:8px}.meeting-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.call-state{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#9fb2c7;font-size:.85rem}.participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;min-height:300px}.participant{position:relative;min-height:280px;overflow:hidden;border:1px solid #283a4f;border-radius:18px;background:#03070c}.participant .media{min-height:250px;height:100%;background:linear-gradient(145deg,#09121e,#05090f)}.participant video{display:block;width:100%;height:100%;min-height:250px;object-fit:cover;background:#02060a}.participant audio{display:none}.participant .placeholder{display:grid;min-height:250px;height:100%;place-items:center;color:#63778e;text-align:center;padding:20px}.participant footer{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:linear-gradient(transparent,#03080eeb);color:#eef5fc;font-size:.86rem}.participant footer span:last-child{color:#9cafc3}.call-toolbar{position:sticky;bottom:14px;z-index:5;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:13px}.control{min-width:135px;color:#eef5fc;background:#243951}.control[data-active=true]{background:#355c87}.status-panel{display:flex;justify-content:space-between;gap:24px;margin-top:16px;padding:16px 18px}.status-label{color:#71879e;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status{margin:5px 0 0;color:#bdcada}.status.error{color:#ff9ca6}.diagnostics{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;margin:0;min-width:min(560px,50%)}dt{margin-bottom:4px;color:#71879e;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}dd{margin:0;overflow:hidden;color:#edf5fd;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}@media(max-width:820px){.lobby-grid{grid-template-columns:1fr}.status-panel{flex-direction:column}.diagnostics{min-width:0;width:100%}}@media(max-width:580px){.app-shell{width:min(100% - 20px,1260px);padding-top:18px}.topbar,.call-heading{align-items:flex-start;flex-direction:column}.participants,.diagnostics{grid-template-columns:1fr}.call-toolbar button{flex:1 1 140px}}