:root{--bg:#080b14;--card:#121827;--card2:#192235;--text:#f8fafc;--muted:#93a4bb;--red:#ef4444;--border:rgba(255,255,255,.09)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(239,68,68,.18),transparent 28rem),var(--bg);color:var(--text);font-family:Inter,system-ui,Arial;min-height:100vh}a{color:#cbd5e1;text-decoration:none}button,input{font:inherit}.shell,.admin-shell{max-width:980px;margin:auto;padding:28px 18px 80px}.hero,.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.hero h1,.admin-head h1{font-size:34px;margin:5px 0}.hero p{color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:.18em;color:#fb7185;font-weight:800}.admin-link,.admin-head a{padding:10px 14px;border:1px solid var(--border);border-radius:12px}.admin-head>div:last-child{display:flex;gap:8px}.now-card,.playlist-card,.admin-card,.login-card{background:rgba(18,24,39,.92);border:1px solid var(--border);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.now-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px}.now-card>img{width:150px;aspect-ratio:16/10;object-fit:cover;border-radius:15px}.now-info{min-width:0}.now-info small{color:#fb7185;font-size:11px;font-weight:800}.now-info h2{margin:7px 0;font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-info p{margin:0;color:var(--muted)}.controls{display:flex;gap:9px}.controls button,.actions button{border:1px solid var(--border);background:var(--card2);color:white;border-radius:50%;width:43px;height:43px;cursor:pointer}.controls .primary{background:var(--red);border:0;width:54px;height:54px}.playlist-card,.admin-card{padding:20px;margin-top:18px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h3,.section-head h2{margin:0}.section-head span{color:var(--muted);font-size:13px}.playlist{margin-top:15px;display:grid;gap:8px}.track{width:100%;display:grid;grid-template-columns:36px 68px minmax(0,1fr) 28px;align-items:center;gap:12px;text-align:left;background:transparent;color:white;border:1px solid transparent;border-radius:14px;padding:8px;cursor:pointer}.track:hover{background:rgba(255,255,255,.04)}.track.active{border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.1)}.track img{width:68px;height:44px;object-fit:cover;border-radius:8px}.track .number{color:var(--muted);text-align:center}.track .meta{min-width:0}.track b,.track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track small{color:var(--muted);margin-top:5px}.track .wave{color:#fb7185;text-align:center}.empty{text-align:center;color:var(--muted);padding:34px}.login-card{max-width:430px;margin:10vh auto;padding:28px}.login-card h1{margin-top:0}.login-card p,.hint{color:var(--muted)}.login-card form,.add-form{display:grid;gap:10px}.login-card input,.add-form input{width:100%;background:#0b1020;color:#fff;border:1px solid var(--border);padding:13px 14px;border-radius:12px;outline:none}.submit{background:var(--red);color:white;border:0;border-radius:12px;padding:13px 16px;font-weight:750;cursor:pointer}.login-card>a{display:inline-block;margin-top:18px}.alert{padding:12px 14px;border-radius:12px;margin:12px 0}.alert.success{background:rgba(34,197,94,.13);color:#86efac}.alert.error{background:rgba(239,68,68,.13);color:#fca5a5}.admin-list{display:grid;gap:9px;margin-top:16px}.admin-track{display:grid;grid-template-columns:32px 82px minmax(0,1fr) auto;gap:12px;align-items:center;background:rgba(255,255,255,.025);padding:9px;border-radius:13px}.admin-track img{width:82px;height:52px;object-fit:cover;border-radius:9px}.admin-track b,.admin-track small{display:block}.admin-track small{color:var(--muted);margin-top:5px}.order{color:var(--muted);text-align:center}.actions{display:flex;gap:7px}.actions form{display:flex;gap:5px}.actions button{border-radius:9px;width:36px;height:36px}.actions .danger{width:auto;padding:0 11px;background:rgba(239,68,68,.15);color:#fca5a5}#youtube-player{position:fixed!important;left:-10000px!important;top:-10000px!important;width:200px!important;height:200px!important;opacity:.01;pointer-events:none}@media(max-width:680px){.now-card{grid-template-columns:90px minmax(0,1fr);gap:13px}.now-card>img{width:90px}.controls{grid-column:1/-1;justify-content:center}.hero h1,.admin-head h1{font-size:27px}.admin-track{grid-template-columns:28px 64px minmax(0,1fr)}.admin-track img{width:64px;height:43px}.actions{grid-column:2/-1;justify-content:flex-end}.admin-head{align-items:flex-start;flex-direction:column}.track{grid-template-columns:28px 58px minmax(0,1fr) 20px}.track img{width:58px;height:40px}}
.autoplay-unlock{position:fixed;inset:0;z-index:9999;border:0;background:rgba(4,7,14,.88);backdrop-filter:blur(12px);color:#fff;display:none;place-content:center;justify-items:center;gap:10px;text-align:center;cursor:pointer}.autoplay-unlock.show{display:grid}.autoplay-unlock span{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--red);font-size:32px;box-shadow:0 18px 50px rgba(239,68,68,.35);padding-left:5px}.autoplay-unlock b{font-size:24px}.autoplay-unlock small{color:var(--muted);font-size:14px}