:root{color:#eef3f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071019;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#12283a 0,#071019 38%,#050a0f 100%);min-height:100vh;margin:0}button,input{font:inherit}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#071019cc;border-bottom:1px solid #243441;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;align-items:center;gap:11px;display:flex}.dot{background:#f44336;border-radius:50%;width:12px;height:12px;box-shadow:0 0 20px #f44336}.badge{color:#8ea6b8;border:1px solid #395064;border-radius:999px;padding:5px 10px}.wrap,.roomWrap{width:min(1180px,100% - 32px);margin:auto;padding:48px 0}.hero{grid-template-columns:1.3fr .8fr;align-items:center;gap:52px;padding:40px 0 70px;display:grid}.hero h1,.roomTop h1{letter-spacing:-.045em;margin:10px 0 22px;font-size:clamp(38px,6vw,68px);line-height:.98}.eyebrow{color:#63d1ff;letter-spacing:.14em;font-size:12px;font-weight:800}.muted{color:#93a8b7;line-height:1.6}.panel,.success,.joinBox,.card,.finished{background:#101b25;border:1px solid #263a49;border-radius:22px;box-shadow:0 20px 60px #0005}.panel{padding:28px}.panel h2{margin-top:0}label{color:#b8c9d5;margin:18px 0;font-size:13px;font-weight:700;display:block}input{color:#fff;background:#09131b;border:1px solid #314758;border-radius:12px;outline:none;width:100%;margin-top:8px;padding:14px}input:focus{border-color:#63d1ff}.primary,.record,.stop,.ghost,.copy button,.finished button{cursor:pointer;border:0;border-radius:12px;padding:13px 17px;font-weight:800}.primary{color:#081018;background:#f3f7fa;width:100%}.primary:hover{filter:brightness(.9)}.success{margin-bottom:42px;padding:24px}.copy{gap:8px;display:flex}.copy input{margin:0}.copy button{color:#d9e7ef;background:#203445}.linkbtn{width:auto;margin-top:14px;text-decoration:none;display:inline-block}.sectionTitle{justify-content:space-between;align-items:center;display:flex}.ghost{color:#bcd0dc;background:#142330}.cards{gap:12px;display:grid}.card{padding:18px 20px}.card h3{margin:7px 0}.card p{color:#8298a8;margin:0}.status{text-transform:uppercase;letter-spacing:.1em;color:#9eb3c0;font-size:10px;font-weight:900}.status.recording{color:#ff6d63}.status.finished{color:#5bd59a}.roomTop{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.roomTop h1{font-size:42px}.joinBox{text-align:center;max-width:580px;margin:70px auto;padding:34px}.big{max-width:280px;margin-top:16px}.stage{aspect-ratio:16/9;background:#020406;border:1px solid #203340;border-radius:22px;overflow:hidden;box-shadow:0 25px 80px #0008}.videoTile{width:100%;height:100%;position:relative}.videoTile video{object-fit:cover;width:100%;height:100%}.videoTile>span{background:#071019cc;border-radius:10px;padding:8px 12px;position:absolute;bottom:16px;left:16px}.placeholder{color:#8097a6;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.avatar{background:#182b39;border-radius:50%;place-items:center;width:90px;height:90px;font-size:34px;display:grid}.controls{justify-content:center;gap:12px;margin-top:22px;display:flex}.record{color:#fff;background:#e33d35}.stop{color:#fff;background:#253846}.record:disabled,.stop:disabled{opacity:.35;cursor:not-allowed}.recpill{white-space:nowrap;background:#481b1b;border:1px solid #863632;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:900}.recpill i{background:#ff554b;border-radius:50%;width:9px;height:9px;margin-right:7px;animation:1s infinite pulse;display:inline-block}.connectedMsg{color:#69d69d;padding:12px}.finished{align-items:center;gap:12px;margin-top:22px;padding:18px;display:flex}.finished button{color:#fff;background:#203445;margin-left:auto}@keyframes pulse{50%{opacity:.35}}@media (width<=800px){.hero{grid-template-columns:1fr}.roomTop{flex-direction:column}.wrap,.roomWrap{padding-top:24px}.hero{padding-top:10px}.copy{flex-direction:column}.finished{flex-direction:column;align-items:flex-start}.finished button{width:100%;margin-left:0}}.audioBox{display:none}.mediaControls{flex-wrap:wrap}.errorBox{color:#ffb1ab;text-align:left;background:#351818;border:1px solid #7c3434;border-radius:10px;margin-top:18px;padding:12px 14px}.center{text-align:center}.fileState{color:#93a8b7;margin-top:5px;font-size:12px}.finished button:disabled{opacity:.45;cursor:not-allowed}.topActions{align-items:center;gap:10px;display:flex}.gearBtn,.iconBtn{color:#eaf2f7;cursor:pointer;background:#101b25;border:1px solid #395064}.gearBtn{border-radius:14px;width:46px;height:46px;font-size:21px}.iconBtn{border-radius:10px;width:38px;height:38px;font-size:24px;line-height:1}.modalBackdrop{z-index:20;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0d1821;border:1px solid #2b4355;border-radius:22px;width:min(680px,100%);max-height:90vh;padding:26px;overflow:auto;box-shadow:0 30px 100px #000}.modalHead{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modalHead h2{margin:5px 0 16px}.unlock{max-width:440px;margin:auto;padding:18px 0}.settingsForm label{margin:14px 0}.grid2{grid-template-columns:1fr 130px;gap:14px;display:grid}.protocols{gap:10px;margin:12px 0 18px;display:flex}.protocols button{color:#b8c9d5;cursor:pointer;background:#101b25;border:1px solid #314758;border-radius:12px;flex:1;padding:12px}.protocols button.selected{color:#fff;background:#153145;border-color:#63d1ff}.checkRow{align-items:center;gap:10px;display:flex!important}.checkRow input{width:auto;margin:0}.settingsActions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.autoWidth{width:auto}.okBox{color:#a8f0c8;background:#123123;border:1px solid #2d7251;border-radius:10px;margin-top:16px;padding:12px 14px}.securityNote{color:#718796;margin-top:18px;font-size:12px;line-height:1.5}.transferState{margin-top:7px;font-size:12px}.transferState.uploading{color:#f1ca63}.transferState.uploaded{color:#69d69d}.transferState.error{color:#ff8c84}.finishedActions{gap:8px;margin-left:auto;display:flex}.finishedActions button{margin-left:0}@media (width<=650px){.grid2{grid-template-columns:1fr}.settingsActions{flex-direction:column}.settingsActions button{width:100%}.topActions{align-self:flex-end}.finishedActions{width:100%;margin-left:0}.finishedActions button{flex:1}}.headerRight{align-items:center;gap:9px;display:flex}.userChip{color:#b7c8d4;background:#0d1821;border:1px solid #2b4252;border-radius:999px;padding:7px 10px;font-size:12px}.logoutBtn{color:#dbe8ef;cursor:pointer;background:#101b25;border:1px solid #395064;border-radius:10px;padding:7px 11px;font-weight:800}.loginWrap{place-items:center;min-height:calc(100vh - 68px);padding:32px;display:grid}.loginPanel{background:#101b25;border:1px solid #263a49;border-radius:24px;width:min(430px,100%);padding:34px;box-shadow:0 30px 100px #0008}.loginPanel h1{letter-spacing:-.04em;margin:6px 0 4px;font-size:42px}.loginIcon{background:#162938;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:20px;font-size:24px;display:grid}@media (width<=650px){.userChip,.badge{display:none}.loginWrap{padding:18px}.loginPanel{padding:25px}}.usersModal{width:min(900px,100%)}.userSection{border-top:1px solid #263a49;margin-top:20px;padding-top:20px}.userSection h3{margin:0 0 14px}.userList,.recordingList{gap:10px;display:grid}.userRow,.recordingRow{background:#0a151e;border:1px solid #263a49;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.userRow small,.recordingRow small{color:#8097a6;margin-top:4px;display:block}.userActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.userActions select,.gridUser select{color:#fff;background:#09131b;border:1px solid #314758;border-radius:10px;padding:10px}.gridUser{grid-template-columns:1fr 1fr 180px auto;align-items:end;gap:12px;display:grid}.gridPassword{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;display:grid}.gridUser label,.gridPassword label{margin:0}.recordingsPanel{background:#101b25;border:1px solid #263a49;border-radius:22px;margin:10px 0 60px;padding:24px}.recordingsPanel h2{margin:4px 0}.recordingRow>div{min-width:0}.recordingRow b,.recordingRow small{overflow-wrap:anywhere}.recordingRow .transferState{display:block}.recordingRow button{white-space:nowrap}.primary.autoWidth{width:auto}@media (width<=850px){.gridUser,.gridPassword{grid-template-columns:1fr}.userRow,.recordingRow{flex-direction:column;align-items:flex-start}.userActions{width:100%}.userActions>*{flex:1}.recordingRow button{width:100%}}