*{box-sizing:border-box}body{margin:0;font:15px/1.5 Inter,Arial,sans-serif;background:#090e1b;color:#eef3ff}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #344361;border-radius:9px;padding:11px 17px;font-weight:650}button:disabled{opacity:.4;cursor:default}button.primary{background:#28c3f9;border-color:#28c3f9;color:#061726}button.secondary{background:#172136;color:#d2dcf0;border-color:#344361}input,select{border:1px solid #344361;border-radius:8px;padding:11px;width:100%}select{cursor:pointer}input[type=checkbox]{width:38px;height:22px;cursor:pointer;accent-color:#28c3f9}input[type=range]{padding:0;accent-color:#28c3f9;height:24px}h1,h2,h3,h4,p{margin:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.3}h2{font-size:28px;letter-spacing:-.7px}h3{font-size:17px}h4{font-size:14px}p,small{color:#9daec9}p{margin-top:6px}small{display:block;margin-top:7px;font-size:12px}a{text-decoration:none}.eyebrow{display:block;color:#8398ba;font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:8px}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#0d1425;border-right:1px solid #23304a;display:flex;flex-direction:column;padding:27px 18px;overflow-y:auto}.logo{display:block;padding:4px 12px 19px}.logo img{width:185px;height:43px}.sidebar-title{color:#ccd8ed;letter-spacing:2px;font-size:11px;padding:0 12px;margin-bottom:29px}.sidebar-title span{float:right;color:#596f94}.venue-label{font-size:10px;letter-spacing:1.5px;color:#8398ba;padding:0 10px}.venue-label select{margin-top:8px;font-size:12px;letter-spacing:0;padding:10px 8px}.nav-label{font-size:10px;color:#778cad;letter-spacing:1.5px;padding:24px 12px 11px}.nav-label span{float:right}#rooms{display:grid;gap:5px}#rooms button{display:flex;align-items:center;gap:10px;background:transparent;border-color:transparent;color:#a7b8d3;padding:11px 10px;text-align:left;font-size:13px}#rooms button:hover{background:#18243c}#rooms button.selected{background:#142f44;color:#6edaff;border-color:#245272}#rooms .room-index{display:grid;place-items:center;width:27px;height:27px;border:1px solid #314059;border-radius:8px;font-size:10px;color:#7891b5;flex-shrink:0}#rooms .selected .room-index{border-color:#28c3f9;color:#6edaff}#rooms .dot{margin-left:auto;width:6px;height:6px;background:#667995;border-radius:100%}#rooms .dot.online{background:#28c3f9}.sidebar-bottom{margin-top:auto;padding:25px 12px 0;display:grid;gap:10px;font-size:12px}.sidebar-bottom>span{font-size:11px;color:#8193b2}.text-button{background:none;padding:0;border:0;text-align:left;font-size:11px;color:#a9bddb}main{margin-left:252px;padding:35px 40px 20px;max-width:1740px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}header p{font-size:13px}.preview-banner{border:1px solid #645031;background:#292418;border-radius:8px;color:#ebce93;padding:10px 15px;font-size:12px;margin-bottom:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:27px}.metrics>div{background:#101a2d;border:1px solid #26334b;border-radius:12px;padding:17px 21px}.metrics span{font-size:9px;letter-spacing:1px;color:#94a8ca}.metrics strong{display:block;font-size:28px;font-weight:600;margin-top:4px}.metrics>div:nth-child(2) strong{color:#52cef9}.metrics>div:last-child strong{color:#f0bb70}.workspace,.history{background:#0f182b;border:1px solid #29364e;border-radius:14px;overflow:hidden}.room-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 28px 20px}.room-heading p{font-size:12px}.badge{font-size:10px;letter-spacing:.7px;padding:7px 11px;border-radius:6px;background:#30271a;color:#f2c67c;border:1px solid #5a472c;white-space:nowrap}.badge.current{background:#113347;border-color:#24556d;color:#77dcff}.connection-note{padding:11px 28px;background:#142137;font-size:12px;color:#a1b4d1;border-top:1px solid #29364e;border-bottom:1px solid #29364e}.notice{padding:12px 28px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 298px}.modes{padding:25px 28px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-title p{font-size:12px}.count-pill{padding:5px 9px;border:1px solid #2f415f;border-radius:6px;color:#b0c5e6;font-size:11px;white-space:nowrap}.mode-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #22314b;cursor:pointer}.mode-art{display:grid;place-items:center;width:44px;height:44px;border:1px solid #246482;background:#123549;color:#45d1ff;border-radius:10px;font-size:17px;flex-shrink:0}.competitive .mode-art{border-color:#7b4daf;background:#33204c;color:#d3a5ff}.staff .mode-art{border-color:#4a5065;background:#232a3e;color:#a5b6d1}.mode-info{flex:1}.mode-info strong{display:block;font-size:14px;color:#e6efff}.mode-info small{font-size:10px;letter-spacing:.7px;color:#53c8f3;margin-top:4px}.competitive .mode-info small{color:#c895ff}.staff .mode-info small{color:#9aaac7}.staff{cursor:default}.mode-row input{margin-left:10px}.mode-row:has(input:not(:checked)):not(.staff){opacity:.65}.policy{margin-top:24px;display:flex;gap:12px;font-size:12px}.policy-icon{background:#192a42;color:#53cffb;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;flex-shrink:0}.policy p{line-height:1.65;font-size:12px}.settings{border-left:1px solid #26334b;background:#101b2e;padding:25px 24px}.settings>label{display:block;font-size:12px;color:#b8c8e2;margin-top:23px}.settings select{margin-top:8px;font-size:13px}.sound-title{display:flex;justify-content:space-between;margin:28px 0 13px}.sound-title output{color:#4dd3ff;font-size:13px}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#7f96b9}.settings label.sound-toggle{display:flex;align-items:center;justify-content:space-between;margin:19px 0;font-size:12px;gap:10px}.fixed-settings{border-top:1px solid #2b3852;margin-top:25px;padding-top:19px}.fixed-settings p{display:flex;justify-content:space-between;font-size:11px;margin-top:12px}.fixed-settings b{font-weight:400;color:#cfdbef}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#142137;border-top:1px solid #2b3852;padding:18px 28px}.save-bar strong{font-size:12px}.save-bar p{font-size:11px}.save-bar>div:last-child{display:flex;gap:9px}.history{margin-top:25px;padding:22px 28px}.history-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;border-top:1px solid #26334b;padding:13px 0;color:#aabbd5;font-size:12px}.history-row b{color:#dae7fc;font-weight:500}.empty{padding:24px 0;color:#8ea4c5;font-size:13px}footer{display:flex;justify-content:space-between;font-size:10px;margin-top:20px;color:#667f9f}.login{min-height:100vh;display:grid;place-items:center;padding:25px}.login-box{max-width:420px;width:100%;border:1px solid #2f3c56;background:#111b30;padding:35px;border-radius:16px}.login-box img{width:195px;height:48px;margin-bottom:28px}.login-box h1{font-size:38px}.login-box p{font-size:13px}.login-box label{display:block;font-size:12px;margin-top:18px}.login-box input,.login-box select{margin-top:7px}.login-box .primary{width:100%;margin-top:24px}#login-error{color:#ffa9d7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183349;border:1px solid #3e8bb0;border-radius:10px;padding:14px 22px;color:#e0f5ff;max-width:90vw;box-shadow:0 10px 30px #0008;z-index:20}#toast.error{background:#45203a;border-color:#bc528f}dialog{max-width:450px;border:1px solid #415174;border-radius:14px;padding:28px}dialog h2{font-size:22px}dialog>div{display:flex;gap:10px;margin-top:25px}dialog::backdrop{background:#040811bb}[hidden]{display:none!important}@media(min-width:1600px){main{padding-left:60px;padding-right:60px}.modes{padding:28px 34px}.mode-row{padding:18px 0}}@media(max-width:1100px){main{padding:25px 20px}.sidebar{width:215px;padding:25px 12px}main{margin-left:215px}.logo img{width:165px}.content-grid{grid-template-columns:minmax(0,1fr) 245px}.modes,.settings{padding:20px}.save-bar{flex-wrap:wrap}.metrics{gap:8px}.metrics>div{padding:13px}.metrics span{font-size:8px}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:15px}.logo{padding:0 0 8px}.sidebar-title,.nav-label,.sidebar-bottom{display:none}.venue-label{padding:0}.venue-label select{max-width:100%;margin-bottom:10px}#rooms{display:flex;overflow-x:auto}#rooms button{white-space:nowrap}#rooms .room-index,#rooms .dot{display:none}main{margin:0;padding:22px 14px}header{gap:12px}h1{font-size:24px}header .secondary{font-size:11px;padding:8px}.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.settings{border-left:0;border-top:1px solid #29364e}.room-heading{padding:20px;align-items:flex-start;gap:15px}.room-heading h2{font-size:24px}.badge{font-size:9px;white-space:normal}.connection-note{padding:12px 20px}.save-bar{padding:18px 20px}.save-bar>div:last-child{width:100%}.save-bar button{flex:1;font-size:12px;padding:10px}.history{padding:20px}.history-row{grid-template-columns:1fr 1fr;font-size:11px}.history-row time{grid-column:1/-1}footer{display:block}footer span{display:block;margin-top:6px}}

input[role=switch]{appearance:none;-webkit-appearance:none;position:relative;border:1px solid #51617b;border-radius:20px;background:#28354e;width:38px;height:22px;padding:0;flex-shrink:0}input[role=switch]::before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#a6b6ce;transition:transform .12s}input[role=switch]:checked{background:#19698a;border-color:#35c7fc}input[role=switch]:checked::before{background:#83e0ff;transform:translateX(16px)}