@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101211;--panel:#171a18;--line:#2b302b;--muted:#879086;--text:#edf0e8;--accent:#c7dd9a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:hover{color:var(--accent)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#151815;border-right:1px solid var(--line);padding:34px 21px 20px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:12px;font:800 20px/1.1 Manrope,sans-serif;letter-spacing:1px;margin:0 8px 50px}.brand-sub{display:block;font-size:12px;letter-spacing:6px;margin-top:7px}.sigil{color:var(--accent);font-size:43px;font-weight:400}.sidebar-heading{font-size:10px;letter-spacing:1.7px;color:var(--muted);display:flex;justify-content:space-between;margin:0 8px 18px}.sidebar-heading span{color:#c9d1c4}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:9px 11px;margin-bottom:18px;color:var(--muted)}input{border:1px solid var(--line);background:#101310;color:var(--text);border-radius:6px;padding:12px;min-width:0}.search input{padding:0;background:none;border:0;width:100%;font-size:12px}#roster{overflow:auto}.roster-row{display:flex;gap:10px;align-items:center;padding:11px 7px;border-radius:7px;margin:3px 0;cursor:pointer}.roster-row:hover{background:#222820}.roster-row.selected{background:#22291d}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--avatar,#414936);color:#e2ead8;font-weight:700;font-size:12px;flex-shrink:0;border:1px solid #ffffff16}.roster-meta{flex:1;min-width:0}.roster-meta strong{display:block;font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis}.roster-meta small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.roster-row input{accent-color:var(--accent);width:14px;height:14px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--muted);margin-right:4px}.status-dot.live{background:var(--accent)}.add-button{border:1px dashed #424a3a;border-radius:6px;padding:12px 8px;color:#c8d3bb;display:flex;gap:10px;justify-content:center;margin-top:18px;font-size:12px}.sidebar-bottom{margin-top:auto;padding:35px 8px 22px}.tiny-star{font-size:31px;color:#8e9d76}.sidebar-bottom p{font:500 21px/1.4 Manrope,sans-serif;letter-spacing:-.5px}.text-button{font-size:11px;color:var(--muted);padding:0}.local-note{border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:#747d70;letter-spacing:.3px}main{margin-left:246px;padding:0 36px}header{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#a0aa98;font-size:10px;letter-spacing:1.6px}.breadcrumb span{margin:0 14px;color:#4c5647}.header-actions{display:flex;gap:22px;align-items:center}.launch-tag{border:1px solid #3e4933;color:#c7d8ae;padding:7px 10px;font-size:9px;letter-spacing:1.3px;border-radius:4px}.icon-button{font-size:24px;line-height:1;padding:4px 8px}.intro{display:flex;justify-content:space-between;align-items:center;padding:37px 0 34px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#a8b09f}.eyebrow>span{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px}h1{font:500 clamp(25px,2.65vw,43px)/1.15 Manrope,sans-serif;letter-spacing:-1.7px;margin:14px 0 13px}h1 em{color:var(--accent);font-style:normal}.intro p{color:var(--muted);font-size:12px;margin:0}.countdown{text-align:right;white-space:nowrap}.countdown>span{font:500 25px Manrope,sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums}.countdown small{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-top:10px}.countdown small span{color:var(--accent);margin-left:12px}.workspace{border:1px solid var(--line);border-radius:9px;background:#131613;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:12px 19px;border-bottom:1px solid var(--line);gap:14px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:14px}h2{font:600 17px Manrope,sans-serif;margin:0;letter-spacing:-.4px}.toolbar h2{font-size:13px}.live-count{border:1px solid #3b4730;color:#bfd997;padding:4px 7px;border-radius:4px;font-size:9px;white-space:nowrap}.switch-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#c9d0c2;cursor:pointer;white-space:nowrap}.switch-label input{position:absolute;opacity:0}.switch{width:25px;height:14px;border-radius:10px;background:#42483e;padding:2px}.switch:after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#11150d;transition:transform .15s}.switch-label input:checked+.switch{background:var(--accent)}.switch-label input:checked+.switch:after{transform:translateX(11px)}.switch-label input:focus-visible+.switch{outline:2px solid white}.divider{width:1px;height:16px;background:var(--line)}.tool-button{font-size:10px;color:#aab2a2;padding:4px;white-space:nowrap}#notice{display:none;background:#302b1b;color:#e0ca91;font-size:11px;padding:10px 18px}#notice.visible{display:block}#stage{position:relative;min-height:450px;height:calc(100dvh - 385px);background:radial-gradient(ellipse at 50% 35%,#29302155,transparent 70%),#101310;overflow:auto}#grid{padding:9px;display:grid;gap:8px;min-height:100%;align-content:stretch}.stream-card{border:1px solid #30382b;border-radius:5px;background:#080a08;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:338px}.stream-bar{height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#1b2119;gap:6px}.stream-bar strong{font-size:11px;font-weight:500}.stream-tools{display:flex;align-items:center;gap:7px}.stream-tools button,.stream-tools a{font-size:10px;color:#a7b79c;white-space:nowrap}.stream-tools button.active{color:var(--accent)}.player{flex:1;min-height:300px;min-width:400px}.player>div,.player iframe{width:100%;height:100%;min-height:300px;display:block}.player iframe{border:0}.stream-card.focused{border-color:var(--accent)}#empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;overflow:auto}.empty-mark{font-size:57px;color:#a1b782;margin-bottom:24px;line-height:1}.empty-mark:before{content:'';position:absolute;width:100px;height:100px;left:calc(50% - 50px);transform:translateY(-24px) rotate(45deg);border:1px solid #3e493044;border-radius:18px}#empty h2{font-size:26px;font-weight:500;margin-top:17px}#empty p{max-width:370px;color:var(--muted);font-size:12px;line-height:1.8;margin:14px 0 23px}.primary{background:var(--accent);color:#1e2815;border:1px solid var(--accent);padding:11px 15px;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap}.primary:hover{background:#d5e8b3;color:#17200e}.primary span{margin-left:20px}.empty-steps{display:flex;gap:30px;margin-top:48px;font-size:9px;color:#747f6b}.room-footer{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);gap:8px}.room-footer>span,.room-footer>div{display:flex;align-items:center;gap:10px}.room-footer .text-button{font-size:9px;margin-left:5px}.connection-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:19px 0;font-size:9px;color:#747e6b;letter-spacing:.5px}.page-footer>span:first-child{font-size:8px;letter-spacing:1.8px}#parking{position:fixed;left:-10000px;top:0;width:400px;height:300px;overflow:hidden;pointer-events:none}#parking .stream-card{width:400px;height:338px}dialog{background:#181d17;color:var(--text);border:1px solid #3b4533;border-radius:12px;width:min(620px,94vw);max-height:88dvh;padding:27px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#070a07cc;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top h2{font-size:25px;margin-top:8px}.dialog-top .eyebrow{color:var(--accent)}dialog p{line-height:1.8;font-size:12px}.muted{color:var(--muted)}#add-form{margin:23px 0}#add-form label{display:block;font-size:11px;color:#b7c0ac;margin-bottom:9px}.form-row{display:flex;gap:8px}.form-row input{flex:1;font-size:12px}#form-error{color:#e2ac94;font-size:11px;min-height:16px;margin-top:7px}.manage-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.manage-row .name{flex:1;font-size:12px}.manage-row .name small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.remove{color:#c79b89;font-size:11px}.suggestion-heading{font-size:9px;letter-spacing:1px;margin:25px 0 12px}.suggestion-heading span{float:right;font-size:9px;color:var(--muted);letter-spacing:0}#suggestions{display:flex;flex-wrap:wrap;gap:7px}.suggestion{border:1px solid #3a4531;padding:7px 10px;border-radius:5px;font-size:11px;color:#bed0aa}.fine{color:#949f89;font-size:10px;line-height:1.8}.dialog-footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.dialog-footer .primary{margin-left:auto}.source-list{padding-left:16px;font-size:12px;line-height:2.1;color:var(--accent)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--accent);color:#1b2513;padding:12px 20px;border-radius:6px;font-size:12px;z-index:20;display:none}body.theater #sidebar,body.theater header,body.theater .intro,body.theater .page-footer{display:none}body.theater main{margin:0;padding:0}body.theater .workspace{border:0;border-radius:0}body.theater #stage{height:calc(100dvh - 103px);min-height:300px}body.theater .toolbar{min-height:62px}@media(min-width:1600px){main{padding:0 46px}.intro{padding:42px 0}#stage{height:calc(100dvh - 399px)}}@media(max-width:1100px){#sidebar{width:210px;padding:28px 14px}main{margin-left:210px;padding:0 22px}.brand{font-size:17px}.intro{padding:29px 0}.countdown>span{font-size:20px}.empty-steps{gap:15px}.toolbar-right{gap:8px}h1{font-size:29px}.breadcrumb{font-size:9px;letter-spacing:1px}}@media(max-width:800px){#sidebar{position:relative;width:100%;height:auto;padding:16px 20px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0;display:inline-flex;font-size:16px;gap:9px}.brand-sub{font-size:9px;letter-spacing:4px;margin-top:4px}.sigil{font-size:32px}.sidebar-heading,.search,#roster,.sidebar-bottom,.local-note{display:none}.add-button{float:right;display:inline-flex;margin:6px 0 0;padding:9px 11px}main{margin:0;padding:0 16px}header{height:58px}.header-actions{gap:9px}.intro{padding:25px 0;align-items:flex-start}.countdown>span{font-size:17px}.countdown small{font-size:7px;letter-spacing:.3px}h1{font-size:25px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1px}.intro p{font-size:11px}.toolbar{padding:12px;flex-wrap:wrap;gap:12px}.toolbar-right{margin-left:auto;gap:9px}.toolbar-left{gap:7px}.tool-button{font-size:9px}.toolbar h2{font-size:12px}#stage{height:calc(100dvh - 310px);min-height:440px}.page-footer>span:first-child{display:none}.page-footer{font-size:8px}.empty-steps{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}#empty h2{font-size:23px}.room-footer>div>span{display:none}.room-footer{font-size:8px}.player{min-width:400px}.stream-card{overflow:auto}dialog{padding:21px}.form-row{flex-wrap:wrap}.form-row input{min-width:200px}.form-row button{flex:1}.countdown{padding-top:3px}.intro{gap:10px}}@media(max-width:440px){.countdown{display:none}.toolbar-left h2{font-size:11px}.tool-button span{display:none}.toolbar-right{gap:5px}.switch-label{font-size:9px}.divider{display:none}.room-footer{padding:12px 10px}.stream-tools{gap:5px}}