:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#091b24;color:#f6f7f4}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:auto;padding:26px}header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #30444c;padding-bottom:24px}header img{width:105px}header span{letter-spacing:.15em;font-size:13px}header strong{margin-left:auto;font-size:13px;color:#bddbcd}.eyebrow{letter-spacing:.16em;font-size:12px;font-weight:800;color:#bacbcf}h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.04em;margin:12px 0}h2{letter-spacing:-.03em}p{line-height:1.6}#login{max-width:530px;padding:54px 0}label{display:grid;gap:8px}input,button{font:inherit;border-radius:10px;padding:15px;border:1px solid #647881}input{background:#162e39;color:white;margin-bottom:14px}button{cursor:pointer;background:#d8f37d;color:#13221f;font-weight:750}button:disabled{cursor:default;background:#293e47;color:#bdc8cc}a{color:#d8f37d}#error{color:#ffb7a3}.event{padding:25px 0}.cue{padding:30px;border-radius:20px;background:#1a303c;border:2px solid #50646f}.cue h2{font-size:clamp(30px,5vw,48px);margin:8px 0}.cue #artist{font-size:22px;margin:0 0 22px}.cue #instruction{font-size:24px;display:block}.cue #detail{min-height:26px}.cue.intro{border-color:#e9c962;background:#373424}.cue.wait,.cue.stop{border-color:#db947c}.cue.continue{border-color:#88db9c;background:#163c30}.cue.continue button{background:#98edaf}.cue.ready{border-color:#86b9d6}.playlist-heading{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.muted{color:#b7c7cd;font-size:14px}ol{padding:0;list-style:none}li{display:flex;align-items:center;gap:18px;padding:20px 16px;border-bottom:1px solid #2d434d;border-left:4px solid transparent}li.current{border-left-color:#d8f37d;background:#203944}li.completed{opacity:.65}li .number{font-size:24px;color:#c8dc91;min-width:24px}li .track{flex:1}li strong,li small{display:block}li small{color:#b7c7cd;margin-top:5px}li .duration{text-align:right;white-space:nowrap}#continue{min-height:52px}[hidden]{display:none!important}@media(max-width:560px){main{padding:16px}header{gap:10px}header img{width:80px}header span{font-size:10px}header strong{max-width:130px;text-align:right}.cue{padding:22px}li{gap:12px;padding:18px 10px}}