@font-face{font-family:Studio;src:local('Inter'),local('SF Pro Text'),local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#111416;color:#eef1ed;font-family:Studio,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:11px 15px;font-weight:600;transition:background .16s}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.13)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c8ef9d;outline-offset:3px}input,select,textarea{width:100%;color:#eef1ed;background:#171c20;border:1px solid #353c41;border-radius:7px;padding:11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#c8ef9d}input:disabled,select:disabled{opacity:.5}label{display:block;color:#bfc7c9;font-size:12px;margin:15px 0 7px}.topbar{height:88px;padding:0 36px;border-bottom:1px solid #2a3034;display:flex;align-items:center;justify-content:space-between;background:#14191c}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;font-size:22px;font-weight:650;letter-spacing:-.7px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#889599;margin-top:2px}.brandmark{color:#c8ef9d;font-size:29px;border:1px solid #5c7050;border-radius:12px;padding:2px 10px;letter-spacing:-6px;width:52px}.brandmark span{color:#91ad79}.connection{display:flex;align-items:center;gap:9px;font-size:12px;color:#b7c1c4}.dot{width:7px;height:7px;border-radius:100%;background:#7c8b90}.dot.live{background:#c8ef9d;box-shadow:0 0 0 5px #c8ef9d12}main{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 88px)}.sidebar{padding:32px 24px;background:#14191c;border-right:1px solid #2a3034;display:flex;flex-direction:column;align-items:stretch}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#91a0a4}.divider{border-top:1px solid #30373b;margin:26px 0}.full{width:100%;margin-top:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:11px;color:#92a0a5;line-height:1.6}.check{display:flex;align-items:center;gap:9px;line-height:1.4}.check input{width:15px;height:15px;accent-color:#c8ef9d;flex-shrink:0}.sidebar-foot{margin-top:auto;padding-top:45px;font-size:12px;color:#c8ef9d}.sidebar-foot span{display:block;font-size:10px;color:#839095;margin-top:4px}.workspace{padding:38px 42px 20px;max-width:1400px;width:100%;margin:auto}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:32px}h1{font-size:34px;letter-spacing:-1.2px;font-weight:550;line-height:1.2;margin:12px 0}h2{font-size:19px;letter-spacing:-.4px;font-weight:550;margin:12px 0}h3{font-weight:500}.muted{color:#96a3a7}.section-title p{margin:0}.tag{font-size:9px;letter-spacing:1px;border:1px solid #3b444a;padding:5px 8px;border-radius:5px;color:#a2afb3;white-space:nowrap}.green{color:#c8ef9d;border-color:#5b7547}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid #30393e;border-radius:12px;background:#191f23;padding:25px}.number{font-size:10px;letter-spacing:1.4px;color:#c8ef9d}.panel p{font-size:12px}.panel form>button{width:100%;margin-top:20px;display:flex;justify-content:space-between}.primary{color:#1c2914;background:#c8ef9d}.secondary{background:#303c43;color:#edf4f1;border-color:#48565e}.subtle{background:transparent;color:#b9c6cc;border-color:#3b454b}.danger{background:#38282a;border-color:#724348;color:#f5b5b9}.row{display:flex;align-items:center;gap:12px}.space{justify-content:space-between}.create-row{display:grid;grid-template-columns:1fr 145px auto;gap:10px;margin:15px 0 20px}#room-management{margin-top:35px}.room-card{border:1px solid #30393e;border-radius:9px;margin:10px 0;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#191f23}.room-card h3{margin:0;font-size:15px}.room-card small{color:#8fa0a7}.room-actions{display:flex;gap:6px;flex-wrap:wrap}.room-actions button{font-size:11px;padding:7px 9px}.room-actions select{width:65px;padding:7px;font-size:11px}.session-controls{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:28px}.own-signal .row{margin-top:12px}.own-signal meter{flex:1;width:80px;height:16px}.master label{margin-top:0;display:flex;justify-content:space-between}input[type=range]{accent-color:#c8ef9d;padding:0;border:0;background:none;cursor:pointer}meter{accent-color:#c8ef9d}meter::-webkit-meter-bar{background:#2b363c;border:0}meter::-webkit-meter-optimum-value{background:#c8ef9d}.participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.participant{padding:22px}.avatar{width:42px;height:42px;border-radius:50%;background:#354237;color:#c8ef9d;display:grid;place-items:center;font-size:19px}.participant h3{margin:16px 0 3px}.participant .peer-state{font-size:11px;color:#95a5ad;min-height:36px}.participant meter{width:100%;height:10px;margin:18px 0 10px}.participant label{display:flex;justify-content:space-between}.participant button{width:100%;margin-top:16px}.participant .muted-button{color:#ffb3b7;background:#3c2b30}.empty{text-align:center;padding:40px;color:#82969f;border:1px dashed #39484f;border-radius:10px}.empty h3{color:#ccd7da;margin:10px}.empty p{font-size:12px}.pulse-ring{font-size:45px;color:#718b68}.midi-panel{margin-top:25px;padding:18px 24px}.midi-panel summary{cursor:pointer;font-weight:500}.midi-panel .tag{margin-left:12px}footer{display:flex;gap:18px;margin-top:44px;padding-top:18px;border-top:1px solid #293339;font-size:10px;color:#71838b}footer span:last-child{margin-left:auto}#notice{padding:13px 16px;margin-bottom:24px;background:#3d3028;border:1px solid #876342;border-radius:8px;color:#f9d2a7;white-space:pre-wrap;font-size:12px}dialog{background:#1c252a;color:#edf3ef;border:1px solid #50634b;border-radius:14px;padding:28px;width:530px;max-width:95vw}dialog::backdrop{background:#0009}dialog textarea{margin:12px 0 20px;font-size:12px}#admin-session{padding-top:24px}#admin-session button{margin-left:10px}[hidden]{display:none!important}@media(max-width:1000px){.workspace{padding:28px 24px}.entry-grid{grid-template-columns:1fr}.room-card{align-items:flex-start;flex-direction:column}h1{font-size:29px}}@media(max-width:700px){main{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #333}.sidebar-foot{display:none}.topbar{padding:0 20px}.connection{max-width:150px}.create-row{grid-template-columns:1fr}.session-controls{grid-template-columns:1fr;gap:20px}.section-title{flex-wrap:wrap}footer span:last-child{display:none}}