:root{color:#edf0ec;font-synthesis:none;--bg:#101214;--panel:#16191c;--line:#2b3034;--muted:#8d969a;--green:#c1f78d;--red:#ff8e8e;--amber:#e7c180;background:#101214;font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}button{color:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;transition:background .15s,color .15s;display:inline-flex}button:hover:not(:disabled){background:#303639}a{color:inherit;text-decoration:none}input,select{color:#e9eeea;background:#111416;border:1px solid #343a3e;border-radius:8px;width:100%;min-width:0;padding:10px 11px;font-size:12px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--green);flex-shrink:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:29px;font-weight:580;line-height:1.3}h2{letter-spacing:-.7px;font-size:23px;font-weight:550;line-height:1.35}h3{font-size:13px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.good-text{color:var(--green)!important}.danger-text{color:var(--red)!important}.warning-text{color:var(--amber)!important}.eyebrow{letter-spacing:1.7px;color:#a5adac;font-size:9px;font-weight:600}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:70px;height:74px;padding:0 30px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:22px;font-weight:650;display:flex}.brand-mark{background:var(--green);color:#13210d;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.brand-tag{letter-spacing:1.9px;color:var(--muted);align-self:center;margin-left:4px;font-size:8px}.topbar nav{align-items:stretch;gap:24px;height:100%;display:flex}.topbar nav button{color:var(--muted);border-radius:0;padding:0 2px;font-size:12px;position:relative}.topbar nav button.nav-active{color:#f1f5ed}.nav-active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:0;left:0;right:0}.topbar nav span{background:#2b3230;border-radius:5px;padding:2px 5px}.topbar-right{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.connection-dot{background:#626b70;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.connection-dot.online{background:var(--green);box-shadow:0 0 8px #c1f78d1a}.avatar{color:#d2efb3;background:#303a2a;border:1px solid #46513e;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:11px;font-weight:600;display:grid}.topbar-right .avatar{margin-left:15px}.workspace{grid-template-columns:280px minmax(350px,1fr) 240px;min-height:calc(100vh - 112px);display:grid}.setup-panel{border-right:1px solid var(--line);background:#15181a;padding:25px 22px}.panel-heading{color:#a8b0b2;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.setup-panel h2{margin-bottom:10px}.setup-section{border-bottom:1px solid var(--line);padding:20px 0}.field-label{color:#b5bdbe;margin-bottom:7px;font-size:11px;display:block}.join-actions{margin-top:9px}.join-actions .text-button{margin-top:7px}.section-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-title>svg{color:var(--muted)}.badge{white-space:nowrap;color:#b9c0c0;background:#292e30;border:1px solid #3a424344;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:500;line-height:1.3;display:inline-flex}.badge.success{color:#c7ecaa;background:#23301c;border-color:#3b512655}.badge.warning{color:#e7c180;background:#392e1c}.hint{color:#7f898e;margin:8px 0 12px;font-size:10px;line-height:1.6}.primary{background:var(--green);color:#14200d;padding:10px 14px;font-size:11px;font-weight:650}.primary:hover:not(:disabled){background:#d1ffab}.secondary{white-space:nowrap;background:#242a2d;border:1px solid #384044;padding:9px 11px;font-size:11px}.full{width:100%}.square{flex-shrink:0;width:36px;padding:8px}.text-button{color:var(--muted);padding:5px 0;font-size:11px}.icon-button{border-radius:6px;padding:6px}.icon-button.subtle{color:#6c777c}.selected{color:var(--green)!important;background:#2b3924!important}.source-list{flex-direction:column;gap:7px;display:flex}.source-card{background:#1d2225;border:1px solid #30373a;border-radius:8px;align-items:flex-start;gap:8px;padding:11px 8px;display:flex}.source-icon{color:#a5b09f;flex-shrink:0;padding-top:2px}.source-body{flex:1;min-width:0}.source-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:550;display:block;overflow:hidden}.source-body small{color:#8d989c;margin-top:5px;font-size:9px;line-height:1.5;display:block}.source-error-text{display:block}.source-actions{flex-direction:column;margin:-3px -4px -5px 0;display:flex}.source-actions button{padding:4px}.source-error{border-color:#954e4e}.meter{background:#354036;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.meter i{background:var(--green);height:100%;transition:width .1s;display:block}.add-source{gap:6px;margin-top:8px;display:flex}.add-source select{padding:8px;font-size:10px}.tip{color:#94a09a;align-items:flex-start;gap:8px;margin-top:14px;font-size:10px;line-height:1.6;display:flex}.tip svg{flex-shrink:0;margin-top:1px}.folder-button{text-align:left;background:#1e2522;border:1px dashed #506246;justify-content:flex-start;width:100%;margin-bottom:11px;padding:12px 9px}.folder-button>svg{color:var(--green);flex-shrink:0}.folder-button>svg:last-child{color:#7b8977;margin-left:auto}.folder-button span{min-width:0}.folder-button strong{white-space:nowrap;text-overflow:ellipsis;max-width:157px;font-size:10px;display:block;overflow:hidden}.folder-button small{color:#82907e;margin-top:5px;font-size:9px;display:block}.folder-button.selected{border-style:solid;border-color:var(--green)}.storage-note{color:#94a09a;margin:0 0 12px;font-size:10px;line-height:1.6}.storage-details{margin-bottom:14px}.storage-note.warning-text{color:var(--amber)}.consent{color:#b6c0b0;align-items:flex-start;gap:8px;margin-top:15px;font-size:10px;line-height:1.5;display:flex}.consent input{margin:2px 0 0}.consent small{color:#778272;margin-top:4px;font-size:9px;display:block}.consent.checked{color:var(--green)}.diagnostics{color:#8e999f;padding-top:16px;font-size:10px;line-height:1.6}.diagnostics p{margin-top:9px}.diagnostics .text-button{text-align:left;display:block}.diagnostics summary{cursor:pointer}.studio-main{flex-direction:column;min-width:0;padding:29px 28px 18px;display:flex}.stage-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px;display:flex}.stage-header .eyebrow{margin-bottom:9px;display:block}.stage-header-actions{align-items:center;gap:9px;display:flex}.video-grid{grid-template-columns:1fr;gap:12px;display:grid}.video-grid.has-guests{grid-template-columns:repeat(2,minmax(0,1fr))}.video-tile{aspect-ratio:16/10;background:#1b2023;border:1px solid #313a3e;border-radius:12px;min-width:0;position:relative;overflow:hidden}.video-grid:not(.has-guests) .video-tile{min-height:260px;max-height:480px}.video-tile video{object-fit:contain;background:#171c1f;width:100%;height:100%;display:block}.video-tile video.concealed{opacity:0}.video-placeholder{text-align:center;background:radial-gradient(at 50% 40%,#25302b55,#0000 65%),#191e21;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.placeholder-orbit{color:#8b9c87;background:#232c26;border:1px solid #3b493e;border-radius:24px;place-items:center;width:88px;height:88px;margin-bottom:25px;display:grid;box-shadow:0 0 0 12px #26352a33,0 0 0 25px #26352a11}.video-placeholder h3{color:#cbd3cd;letter-spacing:-.4px;font-size:19px;font-weight:450}.video-placeholder p{color:#788a81;margin-top:10px;font-size:11px;line-height:1.6}.tile-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.tile-top .badge{color:#b7c6bc;letter-spacing:.9px;background:#17201cbb;border-color:#ffffff12;font-size:8px}.tile-bottom{background:linear-gradient(#0000,#0a0e10d9);justify-content:space-between;align-items:center;padding:22px 15px 13px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.tile-bottom>div{color:var(--green);align-items:center;gap:8px;display:flex}.tile-bottom small{color:#83928d;font-size:10px;font-weight:400}.tile-bottom .badge{background:#20272599;font-size:8px}.participant-avatar{color:#c7e7b0;background:#324030;border-radius:50%;place-items:center;width:65px;height:65px;font-size:26px;display:grid}.record-dot{background:#f77;border-radius:50%;width:6px;height:6px}.stage-footer{color:#7e8b8c;justify-content:space-between;align-items:center;gap:15px;margin:13px 0 30px;font-size:9px;display:flex}.stage-footer div{align-items:center;gap:7px;display:flex}.recording-strip{background:#191e20;border:1px solid #30383a;border-radius:10px;align-items:center;gap:13px;margin-top:auto;padding:15px;display:flex}.record-indicator{color:#9baa96;background:#252d26;border:1px solid #374137;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.record-indicator.active{color:#ff9797;background:#42292b;border-color:#794548}.record-indicator.active svg{fill:currentColor}.recording-strip strong{font-size:12px;font-weight:550;display:block}.recording-strip small{color:#828e8c;margin-top:5px;font-size:10px;display:block}.timecode{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#cbd6c7;margin-left:auto;font-size:22px;font-weight:400}.controls{justify-content:center;align-items:center;gap:10px;margin:25px 0 12px;display:flex}.control{color:#b9c4c1;background:#20272a;border:1px solid #323b3f;flex-direction:column;gap:7px;min-width:65px;padding:10px 8px;display:flex}.control span{font-size:9px}.control.off{color:#efaaaa;background:#3c272b;border-color:#6e3a43}.control-divider{background:#343b3d;width:1px;height:35px;margin:0 6px}.record-button{background:var(--green);color:#14200f;min-height:61px;padding:17px 20px;font-size:12px;font-weight:650}.record-button:hover:not(:disabled){background:#d5ffb3}.record-button.recording{color:#ffb0b0;background:#513235;border:1px solid #895257}.controls-note{text-align:center;color:#7c888a;margin-bottom:12px;font-size:9px;line-height:1.6}.inline-check{color:#909b9e;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.people-panel{border-left:1px solid var(--line);background:#121618;flex-direction:column;min-width:0;padding:28px 20px;display:flex}.people-panel .panel-heading{color:#d8dfdb;margin-bottom:22px}.people-list{flex-direction:column;gap:18px;display:flex}.person{align-items:center;gap:10px;display:flex}.person>div:nth-child(2){flex:1;min-width:0}.person strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.person small{color:#81908b;margin-top:5px;font-size:9px;line-height:1.4;display:block}.safety-card{background:linear-gradient(140deg,#27332466,#20292222);border:1px solid #34432d;border-radius:10px;margin-top:30px;padding:18px 14px}.safety-card>svg{color:#a7c592;margin-bottom:14px}.safety-card strong{color:#c6d6bd;font-size:12px;font-weight:500;display:block}.safety-card p{color:#8b9d84;margin-top:10px;font-size:10px;line-height:1.8}.safety-card>div{color:#b0c39f;border-top:1px solid #34422e;align-items:center;gap:6px;margin-top:18px;padding-top:12px;font-size:8px;display:flex}.chat-panel{flex-direction:column;flex:1;margin-top:30px;display:flex}.chat-messages{flex:1;min-height:120px;max-height:260px;padding:14px 0;font-size:11px;line-height:1.5;overflow:auto}.chat-messages p:not(.muted){overflow-wrap:anywhere;border-left:2px solid #425639;margin-bottom:13px;padding-left:8px}.chat-messages p strong{color:#c2d1b4;margin-bottom:4px;font-size:9px;display:block}.chat-panel form{background:#191f22;border:1px solid #313b40;border-radius:8px;align-items:center;display:flex}.chat-panel input{background:0 0;border:0;padding:11px 8px;font-size:9px}.chat-panel form button{color:#9daea3;padding:7px}.leave{color:#ba9292;align-self:center;margin-top:18px}.app-footer{border-top:1px solid var(--line);letter-spacing:1px;color:#7e8a8b;justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding:10px 28px;font-size:8px;display:flex}.app-footer>span:first-child{letter-spacing:1.8px;font-size:7px}.banner{border-bottom:1px solid #373f36;align-items:center;gap:12px;padding:11px 25px;font-size:12px;line-height:1.6;display:flex}.banner button{flex-shrink:0;margin-left:auto}.error-banner{color:#ffc7c7;background:#3a2026;border-color:#683541}.notice-banner{color:#cbe7b9;background:#263322}.screen-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px;display:grid}.screen-tile{background:#1d2528;border-radius:8px;position:relative;overflow:hidden}.screen-tile video{aspect-ratio:16/9;object-fit:contain;width:100%;display:block}.screen-tile span{background:#101416cc;border-radius:5px;padding:5px 8px;font-size:10px;position:absolute;bottom:10px;left:10px}.play-audio{z-index:2;background:#31422a;padding:10px 15px;font-size:12px;position:absolute;inset:45% auto auto 30%}.library-main{min-width:0;padding:30px}.library-main .stage-header{align-items:flex-start}.library-main h1{font-size:26px}.library-main .stage-header p{margin-top:10px;font-size:11px;line-height:1.7}.recording-card,.transfer-card{background:#1b2022;border:1px solid #343c3e;border-radius:10px;margin-bottom:14px;padding:18px}.recording-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.recording-heading strong{font-size:13px;font-weight:550;display:block}.recording-heading small{color:#899894;margin-top:7px;font-size:10px;line-height:1.6;display:block}.track-tags{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}.track-tags span{color:#b9c6b5;overflow-wrap:anywhere;background:#29312b;border-radius:5px;align-items:center;gap:5px;max-width:100%;padding:5px 7px;font-size:9px;display:inline-flex}.recording-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.recording-actions select{width:auto;max-width:180px;font-size:10px}.recording-card details{color:var(--amber);overflow-wrap:anywhere;margin-top:12px;font-size:10px;line-height:1.7}.recording-card details ul{padding-left:16px}.empty-library{text-align:center;color:#85937f;border:1px dashed #34423b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:30px;display:flex}.empty-library h2{color:#cbd9c5;margin-top:20px;font-size:22px}.empty-library p{margin-top:12px;font-size:12px;line-height:1.8}.transfers{margin-top:30px}.transfers h2{margin-bottom:10px;font-size:18px}.transfers>.muted{margin-bottom:15px}.transfer-card progress{width:100%;height:5px;accent-color:var(--green);margin-top:16px}.busy{color:#c8e8b0;background:#283321;border-radius:8px;align-items:center;gap:10px;margin-bottom:15px;padding:12px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.workspace{grid-template-columns:310px minmax(400px,1fr) 280px}.studio-main{padding:35px 40px}.setup-panel,.people-panel{padding:30px}.video-grid:not(.has-guests) .video-tile{max-height:560px}.stage-header{margin-bottom:30px}}@media (max-width:1150px){.workspace{grid-template-columns:250px minmax(320px,1fr)}.people-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px;padding:22px;display:grid}.people-panel .panel-heading{grid-column:1/-1;margin-bottom:0}.safety-card{margin-top:0}.chat-panel{grid-column:1/-1;margin-top:0}.chat-messages{min-height:55px;max-height:150px}.topbar{gap:35px;padding:0 22px}.topbar-right{font-size:9px}.brand-tag{display:none}.studio-main{padding:25px 20px}.controls{gap:7px}.control{min-width:55px;padding:10px 6px}.record-button{padding:17px 13px}.stage-header-actions>.badge{display:none}}@media (max-width:720px){.topbar{flex-wrap:wrap;gap:15px;height:auto;min-height:68px;padding:16px}.topbar nav{gap:15px;height:36px;margin-left:auto}.topbar-right{justify-content:flex-end;width:100%}.workspace{flex-direction:column;display:flex}.setup-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px}.setup-panel h2 br{display:none}.setup-section{padding:15px 0}.setup-panel>.muted{max-width:400px}.studio-main{padding:22px 14px}.video-grid.has-guests{grid-template-columns:1fr}.controls{flex-wrap:wrap}.control-divider{display:none}.record-button{width:100%;min-height:45px;margin-top:6px;padding:13px}.controls .control{flex:1;min-height:58px}.stage-footer{flex-direction:column;align-items:flex-start;margin-bottom:20px}.recording-strip{gap:9px;padding:12px}.recording-strip strong{font-size:11px}.recording-strip small{font-size:9px}.timecode{font-size:18px}.people-panel{flex-direction:column;display:flex}.app-footer{flex-wrap:wrap;justify-content:center;font-size:7px}.app-footer>span:nth-child(2){display:none}.stage-header h1{font-size:25px}.stage-header{gap:10px}.library-main{padding:22px 14px}.library-main .stage-header{flex-direction:column}.recording-actions select{flex:1;max-width:none}.banner{padding:10px 14px;font-size:11px}.recording-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.export-links{background:#202a1c;border:1px solid #3b4d32;border-radius:10px;margin-bottom:18px;padding:15px}.export-links h3{color:#cce6b9;margin-bottom:12px}.export-links a{color:#bfdaa9;overflow-wrap:anywhere;align-items:center;gap:8px;padding:7px 0;font-size:10px;display:flex}.export-links a:hover{text-decoration:underline}.export-links small{white-space:nowrap;color:#8b9e7d;margin-left:auto}