:root{--bg:#090911;--panel:#11101a;--card:#171621;--line:#302e3f;--text:#f6f4ff;--muted:#918d9f;--green:#b8ff42;--purple:#9583ff;--danger:#ff607b}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:"Trebuchet MS",Arial,sans-serif}button,input,select{font:inherit}.kicker{color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.15em}.muted{color:var(--muted);line-height:1.5}.logo{width:54px;height:54px;display:grid;place-items:center;margin:auto;border-radius:17px;background:var(--green);color:#101408;font-size:1.8rem;box-shadow:0 0 35px #b8ff4233}.setup-body,.locked-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#271c53,transparent 50%),var(--bg)}.setup-card,.locked-card{width:min(680px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:#14131fee;box-shadow:0 30px 80px #0008;text-align:center}.setup-card.compact{max-width:430px}.setup-card h1,.locked-card h1{font-size:2.3rem;letter-spacing:-.05em;margin:10px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:left;margin-top:24px}.form-grid label,.admin-card label{display:grid;gap:7px;color:#ccc8d5;font-size:.78rem;font-weight:800}.form-grid input,.admin-card input,.admin-card select,.copy-row input{width:100%;border:1px solid #3b384d;border-radius:11px;background:#0d0c15;color:#fff;padding:12px 13px;outline:0}.form-grid input:focus,.admin-card input:focus,.admin-card select:focus{border-color:var(--green)}.form-grid small{color:#777386}.primary,.secondary,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:11px 16px;font-weight:900;cursor:pointer;text-decoration:none}.primary{background:var(--green);color:#101408}.secondary{background:#252333;color:#f5f3ff;border:1px solid #3b384d}.wide{width:100%}.form-grid .wide{grid-column:1/-1}.notice{margin:18px 0;padding:12px 15px;border-radius:10px}.notice.error{color:#ff9aad;background:#ff607b18;border:1px solid #ff607b44}.notice.success{color:#dfffaa;background:#b8ff4214;border:1px solid #b8ff4238}.locked-card{max-width:470px}.locked-card p:not(.kicker){color:var(--muted);line-height:1.6}.admin-body{background:#0c0b13}.admin-top,.player-top{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid #292737;background:#0c0b14f2}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900}.brand span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:#111}.admin-top nav{display:flex;gap:18px}.admin-top nav a{color:#bbb7c8;text-decoration:none;font-size:.86rem}.admin-main{width:min(1120px,calc(100% - 32px));margin:34px auto 70px}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.admin-heading h1{font-size:2.5rem;letter-spacing:-.05em;margin:5px 0}.stat{display:grid;text-align:center;padding:12px 24px;border-radius:15px;background:#171621;border:1px solid var(--line)}.stat strong{font-size:1.7rem;color:var(--green)}.stat span{font-size:.7rem;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.admin-card{padding:24px;border:1px solid var(--line);border-radius:19px;background:var(--card)}.admin-card h2{margin:0 0 5px}.admin-card>p{color:var(--muted);line-height:1.5}.file-drop{margin:15px 0;padding:17px;border:1px dashed #b8ff4260;border-radius:12px;background:#b8ff4209;color:var(--green)!important}.file-drop input{border:0;padding:7px 0;background:transparent}.scan-form{margin-top:10px}.tiny{font-size:.72rem}.copy-row{display:grid;grid-template-columns:1fr auto;gap:8px}.copy-row button{border:0;border-radius:10px;background:var(--purple);color:#fff;padding:0 15px;font-weight:900}.danger-link{margin-top:14px;padding:0;border:0;background:transparent;color:#ff8ea1}.privacy-note{margin-top:25px;padding:13px;border-radius:11px;background:#ffb93810;color:#d9b86c;font-size:.76rem;line-height:1.45}.library-card{margin-top:17px}.admin-tracks h3{color:var(--green);margin:25px 0 8px}.admin-track{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:9px;border-top:1px solid #292737}.admin-track .note{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#292440;color:var(--purple)}.admin-track>span:nth-child(2){display:grid;gap:2px}.admin-track small{color:var(--muted)}.admin-track button{border:0;background:transparent;color:#7d788b;font-size:1.3rem}.empty{display:grid;gap:7px;place-items:center;padding:55px 20px;color:var(--muted)}
.player-body{overflow:hidden}.player-shell{min-height:100vh}.privacy-pill{padding:8px 11px;border:1px solid #393647;border-radius:10px;color:#9c98a9;font-size:.7rem;font-weight:900;letter-spacing:.08em}.player-layout{display:grid;grid-template-columns:minmax(340px,430px) 1fr;height:calc(100vh - 72px)}.library-panel{padding:26px 21px;border-right:1px solid #292737;background:#0e0d16;overflow-y:auto}.library-heading{position:relative}.library-heading h1{font-size:1.5rem;letter-spacing:-.04em;margin:4px 0 18px}.library-heading>span{position:absolute;right:0;bottom:20px;color:#777386;font-size:.76rem}.category-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:13px}.category-tabs button{white-space:nowrap;border:1px solid #302e3f;border-radius:10px;background:#191823;color:#aaa6b5;padding:8px 10px;font-size:.78rem}.category-tabs button.active{background:var(--green);border-color:var(--green);color:#111;font-weight:900}.category-tabs button span{opacity:.65;margin-left:5px}.personal-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px;color:#bbb7c7;font-size:.78rem}.personal-heading button{border:0;background:transparent;color:var(--purple);font-size:.74rem}.personal-tabs{min-height:32px}.playlist-empty{color:#656172;font-size:.7rem;padding:5px}.playlist-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:5px 0 16px}.track-list{display:grid;gap:4px}.track-row{display:grid;grid-template-columns:1fr 34px;align-items:center;border:1px solid transparent;border-radius:12px;background:transparent;color:#e5e2ec}.track-row:hover,.track-row.active{background:#1b1925;border-color:#312e40}.track-main{min-width:0;display:grid;grid-template-columns:25px 42px minmax(0,1fr) 20px;align-items:center;gap:9px;border:0;background:transparent;color:inherit;text-align:left;padding:8px;cursor:pointer}.track-number{color:#716d7d;font-size:.67rem}.track-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#393160,#201c35);color:#a99bff}.track-name{min-width:0;display:grid;gap:2px}.track-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.track-name small{color:#797587;font-size:.66rem}.row-play{color:#787386}.add-playlist{width:28px;height:28px;border:1px solid #393548;border-radius:8px;background:#22202d;color:var(--green)}.now-playing{display:flex;flex-direction:column;align-items:center;min-width:0;padding:28px 6vw;background:radial-gradient(circle at 50% 28%,#251c47,transparent 50%),#090911;overflow-y:auto}.friend-status{color:#888493;font-size:.72rem}.record-stage{width:min(43vh,390px);aspect-ratio:1;display:grid;place-items:center;margin:25px 0 15px}.record{width:82%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,#15141b 0 3px,#1b1a21 4px,#111117 5px);box-shadow:0 30px 70px #0009,inset 0 0 0 1px #fff1}.record-label{width:34%;aspect-ratio:1;display:grid;place-items:center;align-content:center;text-align:center;border-radius:50%;background:var(--green);color:#101408;font-size:.9rem}.record-label b{font-size:.55rem;letter-spacing:.08em}.record.spinning{animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.song-copy{text-align:center}.song-copy p{margin:0;color:var(--green);font-size:.7rem;font-weight:900;letter-spacing:.14em}.song-copy h2{max-width:630px;margin:7px 0 3px;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.05em}.song-copy span{color:#797586;font-size:.78rem}.timeline{width:min(590px,100%);margin-top:24px}.timeline input,.volume input{width:100%;accent-color:var(--green)}.timeline>div{display:flex;justify-content:space-between;color:#706c7a;font-size:.68rem}.transport{display:flex;align-items:center;gap:14px;margin-top:8px}.transport button,.volume button{border:0;background:transparent;color:#ccc8d5;font-size:1rem}.transport .main-play{width:58px;height:58px;border-radius:50%;background:var(--green);color:#111;font-size:1.15rem}.volume{display:grid;grid-template-columns:34px 130px;align-items:center;margin-top:10px}
@media(max-width:800px){.form-grid,.admin-grid{grid-template-columns:1fr}.player-body{overflow:auto}.player-layout{grid-template-columns:1fr;height:auto}.now-playing{order:-1;min-height:620px}.library-panel{border-right:0;border-top:1px solid #292737}.player-top,.admin-top{padding-inline:15px}.admin-heading{align-items:start}.stat{padding:10px 16px}}@media(max-width:520px){.setup-card{padding:25px 19px}.admin-main{width:min(100% - 20px,1120px)}.admin-heading h1{font-size:2rem}.record-stage{width:min(75vw,310px)}.now-playing{padding-inline:20px}.privacy-pill{display:none}.brand{font-size:.9rem}}