*{box-sizing:border-box}body{margin:0;background:#090b10;color:#f5f7fb;font-family:Arial,sans-serif}a{color:#f5f7fb;text-decoration:none}header{height:68px;padding:0 max(20px,5vw);display:flex;align-items:center;justify-content:space-between;background:#11141b;border-bottom:1px solid #252a35}header b{letter-spacing:2px}.wrap{max-width:1100px;margin:auto;padding:40px 20px}.hero{padding:65px 6%;border-radius:24px;background:linear-gradient(135deg,#171b25,#0c0e13);box-shadow:0 20px 60px #0008}.hero h1{font-size:clamp(38px,8vw,80px);margin:12px 0}.live{color:#ff4055;font-weight:800}.player{display:flex;gap:18px;align-items:center;margin-top:32px;background:#090b10cc;padding:18px;border-radius:18px}.player button{border-radius:50%;width:55px;height:55px}.player div{flex:1}.player small{display:block;color:#9da5b4;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.panel,.card{background:#11141b;border:1px solid #252a35;border-radius:20px;padding:26px}.wide{grid-column:1/-1}.row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #252a35}.row span{color:#aab1bd}form{display:grid;gap:12px}input,textarea,button{width:100%;border:1px solid #303643;border-radius:12px;padding:14px;background:#0b0d12;color:#fff}button{background:#f5f7fb;color:#080a0e;font-weight:800;cursor:pointer}.login,.install{max-width:480px;margin:10vh auto}.hint{color:#aab1bd;line-height:1.5}.error{color:#ff5b6c}@media(max-width:720px){.grid{grid-template-columns:1fr}.player{flex-wrap:wrap}.player input{width:100%}.row{flex-direction:column}}
.spotify{margin-top:22px}.spotify-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.spotify-head h2{margin-top:0}.spotify-connect{background:#1ed760;color:#06150b;padding:12px 16px;border-radius:999px;font-weight:800;white-space:nowrap}.spotify-now{display:flex;gap:18px;align-items:center;background:#0b0d12;border-radius:16px;padding:16px;margin:18px 0}.spotify-now img{width:92px;height:92px;border-radius:12px;background:#222;object-fit:cover}.spotify-now h3{margin:7px 0 4px}.spotify-now p,.spotify-now small{margin:0;color:#aab1bd}.mixer-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mixer-controls button{font-size:20px}.spotify label{display:block;margin-top:18px;color:#aab1bd}.spotify input[type=range]{padding:0;margin-top:8px}@media(max-width:720px){.spotify-head{flex-direction:column}.spotify-connect{width:100%;text-align:center}}