:root{color-scheme:dark;--bg:#101211;--surface:#191c1a;--raised:#212521;--border:#303630;--text:#f2f4ed;--muted:#a0aaa0;--accent:#b7f76b;--danger:#ffabab;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,.button{font:inherit}button,.button{border:1px solid var(--border);background:var(--raised);color:var(--text);border-radius:9px;padding:11px 17px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .15s}button:hover,.button:hover{background:#323a30}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#142008}button.primary:hover,.button.primary:hover{background:#c9ff94}.quiet{border-color:transparent;background:transparent;color:var(--muted);padding:8px}.quiet:hover{background:var(--raised);color:var(--text)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input{background:#121512;border:1px solid #465044;border-radius:8px;padding:13px;color:var(--text);min-width:0;width:100%}input::placeholder{color:#7f8c7d}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,3.2vw,2.75rem);font-weight:650;letter-spacing:-1.7px;margin-bottom:10px;line-height:1.15}h2{font-size:1.25rem;letter-spacing:-.4px;margin-bottom:0}.muted{color:var(--muted);line-height:1.6;margin-bottom:0;font-size:.95rem}.eyebrow,.tiny-label{font-size:.75rem;font-weight:650;letter-spacing:1.5px;color:var(--muted)}.eyebrow{margin-bottom:14px}.accent{color:var(--accent)}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;border-right:1px solid var(--border);padding:33px 23px;display:flex;flex-direction:column;background:#131613}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.15rem;letter-spacing:2px}.brand-icon{display:grid;place-items:center;width:35px;height:35px;background:var(--accent);color:#13200b;border-radius:9px;font-weight:900;font-size:1.35rem;letter-spacing:-2px}.workspace-label{font-size:.75rem;letter-spacing:1.1px;color:#7f8a7d;margin:50px 10px 20px}nav{display:grid;gap:6px}.nav-item{display:flex;gap:13px;padding:13px 12px;border-radius:8px;color:var(--muted);font-size:.9rem}.nav-item span{font-size:1.1rem;width:20px}.nav-item:hover,.nav-item.active{background:#25301e;color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:23px 8px 5px;border-top:1px solid var(--border)}.sidebar-bottom strong{display:block;font-size:.88rem;margin-top:12px}.sidebar-bottom p,.sidebar-bottom a{font-size:.8rem;color:var(--muted);line-height:1.6}.sidebar-bottom a{color:var(--accent)}.main-shell{margin-left:235px}.topbar{height:89px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border);font-size:.75rem;color:var(--muted);letter-spacing:.5px}.topbar strong{color:var(--text);font-size:.85rem;letter-spacing:0}.slash{padding:0 13px;color:#555f53}.account{display:flex;align-items:center;gap:11px;letter-spacing:0;font-size:.9rem;color:var(--text)}.avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #47523e;border-radius:50%;color:var(--accent);background:#273122;font-size:.9rem;font-weight:700}.account small,.member small{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.account button{margin-left:10px;font-size:.8rem}main{max-width:1460px;padding:40px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.connection{font-size:.8rem;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:8px 12px;white-space:nowrap}.connection.good{color:var(--accent)}.broadcast-panel{display:grid;grid-template-columns:minmax(0,1fr) 260px;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--surface)}.broadcast-main{padding:27px 30px}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.panel-top .eyebrow{margin:0}.status-badge{font-size:.75rem;border:1px solid #46533c;border-radius:5px;background:#2b3523;color:var(--accent);padding:5px 9px;text-transform:uppercase;letter-spacing:1px}.broadcast-main h2{font-size:1.65rem;line-height:1.35;max-width:730px;overflow-wrap:anywhere}.broadcast-main>p{margin-top:8px}.timeline{height:5px;background:#353c32;border-radius:5px;margin-top:30px;overflow:hidden}.timeline>div{height:100%;width:0;background:var(--accent);transition:width 1s}.time-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums;margin-top:9px}.transport{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hint{font-size:.8rem;line-height:1.6;color:var(--muted);margin:13px 0 0}.broadcast-side{background:#1e231c;border-left:1px solid var(--border);padding:27px;display:flex;flex-direction:column;gap:24px}.quality strong{display:block;font-size:2.6rem;font-weight:600;letter-spacing:-2px;margin-top:4px}.quality strong>span{font-size:1.7rem}.quality small{font-size:.75rem;letter-spacing:1px;margin-left:12px;color:var(--accent);vertical-align:middle}.quality p{font-size:.8rem;color:var(--muted);margin:3px 0 0}.monitor{border-top:1px solid var(--border);padding-top:22px}.monitor p{font-size:.9rem;line-height:1.5;margin:10px 0}.monitor-foot{font-size:.75rem;color:var(--muted);line-height:1.5;display:block}.speed{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-top:auto}.speed strong{color:var(--text)}.section{margin-top:33px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.section-heading .muted{font-size:.85rem;margin-top:7px}.count{font-size:.8rem;font-weight:500;padding:3px 8px;border:1px solid var(--border);border-radius:5px;color:var(--muted);vertical-align:middle;margin-left:7px}.queue-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.queue-item{display:flex;align-items:center;gap:18px;padding:20px 22px;border-bottom:1px solid var(--border)}.queue-item:last-child{border:0}.queue-item.current{background:#20271c;border-left:3px solid var(--accent);padding-left:19px}.queue-number{width:27px;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.playlist-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:8px;background:#30392a;color:#c2d0b9;font-size:1.4rem;flex-shrink:0}.playlist-info{min-width:0;flex:1}.playlist-info strong{font-size:.95rem;display:block;overflow-wrap:anywhere}.playlist-info small{display:block;font-size:.75rem;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.playlist-actions{display:flex;gap:3px;flex-wrap:wrap}.playlist-actions button{font-size:.8rem;padding:7px 9px}.queue-current{font-size:.75rem;font-weight:500;color:var(--accent);margin-left:10px}.empty{padding:36px;text-align:center;color:var(--muted);line-height:1.6}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:25px}.card .eyebrow{margin-bottom:8px}.card>.muted{font-size:.85rem}.invite-form{display:flex;gap:8px;margin:20px 0}.invite-form button{font-size:.8rem;white-space:nowrap}.member{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid var(--border)}.member strong{font-size:.9rem}.member .tag,.member button{margin-left:auto;font-size:.75rem}.tag{color:var(--muted)}.live-label{font-size:.75rem;color:var(--muted)}.activity-list{max-height:300px;overflow:auto}.event{display:grid;grid-template-columns:61px 1fr;gap:13px;padding:13px 0;border-bottom:1px solid var(--border)}.event:last-child{border:0}.event time{font-size:.75rem;color:var(--muted);padding-top:3px}.event p{font-size:.85rem;margin:0;overflow-wrap:anywhere;line-height:1.5}.event small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}footer{display:flex;justify-content:space-between;color:#7f8a7d;font-size:.75rem;letter-spacing:1px;margin-top:40px;padding-bottom:10px}footer span{letter-spacing:0}.notice{padding:15px;border-radius:8px;border:1px solid #754545;background:#362020;margin-bottom:20px;font-size:.9rem}.error,.form-error{color:var(--danger)}[hidden]{display:none!important}dialog{background:var(--surface);color:var(--text);border:1px solid #505b48;border-radius:16px;padding:27px;width:min(520px,calc(100% - 32px));box-shadow:0 25px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}dialog label{font-size:.9rem;display:block;margin:18px 0 8px}.checkbox-row{display:flex;align-items:center;gap:12px}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-error{font-size:.85rem;margin-top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--accent);color:#15200d;padding:13px 22px;border-radius:9px;box-shadow:0 8px 40px #0006;z-index:20;font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{width:min(540px,100%);padding:65px;margin:auto}.login-card .brand{margin-bottom:90px;flex-wrap:wrap}.brand-small{width:100%;margin-left:46px;font-size:.65rem;color:var(--muted);margin-top:-7px}.login-card h1{font-size:3rem;line-height:1.12;margin-bottom:23px}.login-button{width:100%;margin-top:33px;justify-content:space-between;padding:17px 20px}.login-foot{font-size:.8rem;color:var(--muted);margin-top:20px}.login-aside{background:var(--accent);color:#15220c;display:grid;place-items:center;margin:20px;border-radius:20px}.signal{font-size:clamp(3rem,6vw,7rem);line-height:.98;font-weight:800;letter-spacing:-5px}.signal span{display:block;font-size:.8rem;font-weight:600;letter-spacing:3px;margin-top:30px}@media(min-width:1500px){main{padding-top:50px}.broadcast-main{padding:34px 38px}}@media(max-width:1100px){.sidebar{width:200px;padding:30px 17px}.main-shell{margin-left:200px}main{padding:28px}.topbar{padding:0 28px}.broadcast-panel{grid-template-columns:minmax(0,1fr) 210px}.broadcast-side{padding:22px}.broadcast-main{padding:24px}.bottom-grid{grid-template-columns:1fr}.playlist-actions{max-width:175px;justify-content:flex-end}.section-heading{align-items:flex-start}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:17px 20px;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;justify-content:space-between}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex}.nav-item{padding:9px;font-size:0}.nav-item span{font-size:1.2rem}.main-shell{margin:0}.topbar{height:75px;padding:0 20px}.topbar>span{display:none}.account{margin-left:auto}main{padding:26px 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading .muted{font-size:.9rem}.broadcast-panel{grid-template-columns:1fr}.broadcast-side{border-left:0;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px}.monitor{padding:0;border:0}.speed{grid-column:1/-1;padding-top:15px;border-top:1px solid var(--border)}.broadcast-main h2{font-size:1.35rem}.section-heading{flex-wrap:wrap}.queue-item{gap:10px;padding:18px 14px;flex-wrap:wrap}.queue-item.current{padding-left:11px}.queue-number{width:18px}.playlist-mark{width:35px;height:35px}.playlist-actions{max-width:none;width:100%;justify-content:flex-end;margin-top:3px}.playlist-info small{font-size:.75rem}.card{padding:20px}.live-label{display:none}.transport button{padding:11px 14px;font-size:.85rem}footer{flex-direction:column;gap:10px}.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-card{padding:35px}.login-card .brand{margin-bottom:65px}.invite-form{flex-wrap:wrap}.invite-form input{flex:1;min-width:140px}.connection{white-space:normal}}