*{box-sizing:border-box}body{margin:0;background:#121212;color:#f7f7f7;font:16px Inter,Arial,sans-serif;padding-bottom:170px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0}header{position:sticky;top:0;z-index:5;background:#121212ee;backdrop-filter:blur(16px);display:flex;align-items:center;gap:12px;padding:14px 17px}.avatar{width:42px;height:42px;border-radius:50%;background:#1ed760;color:#111;font-weight:800}.pills{display:flex;gap:8px;flex:1;overflow:auto}.pills button,.chips button{padding:12px 18px;border-radius:28px;background:#292929;border:1px solid #3a3a3a;font-weight:700;white-space:nowrap}.pills button.active,.chips button.active{background:#fff;color:#111}.round{background:#242424;border-radius:50%;padding:10px;font-size:23px}main{max-width:1050px;margin:auto}.view{padding:10px 20px 35px}.hidden{display:none!important}h1{font-size:clamp(30px,5vw,42px);letter-spacing:-1.4px;margin:22px 0}h2{font-size:24px;margin:32px 0 16px}.hero{padding:28px 23px;border:1px solid #ffffff22;border-radius:27px;background:radial-gradient(circle at 85% 15%,#245c50,transparent 40%),linear-gradient(120deg,#342052,#19202b 65%,#173d38);margin:10px 0 35px}.hero small{color:#d8d8df;letter-spacing:1px}.hero h1{margin:24px 0 10px}.hero p{color:#ccc;line-height:1.5}.count{display:flex;gap:8px;margin:24px 0 8px}.count b{background:#151525b8;border:1px solid #ffffff1b;padding:14px 10px;border-radius:14px;font-size:24px}.carousel{display:flex;gap:16px;overflow-x:auto}.songCard{display:flex;flex-direction:column;gap:5px;min-width:155px;max-width:220px;width:42%;text-align:left;background:transparent;padding:0 0 10px}.songCard img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:7px}.songCard small,.songCard span,.dim{color:#aaa}.songCard span{font-size:13px}.search{display:flex;gap:7px;background:#242424;padding:9px;border-radius:16px}.search input{background:none;border:0;outline:0;flex:1;min-width:0;padding:10px}.recent,.track,.libraryRow,.liked{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;background:none;text-align:left}.recent{justify-content:space-between;background:#1e1e1e;border-radius:12px;padding:12px}.track img{width:54px;height:54px;object-fit:cover;border-radius:6px}.track button:nth-child(2){background:none;text-align:left;display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.track small,.liked small,.libraryRow small{display:block;color:#aaa;margin-top:5px}.chips{display:flex;gap:10px;overflow:auto}.liked{margin:20px 0;font-size:17px}.liked span{background:linear-gradient(130deg,#5524ef,#7b7fe8,#9de9c9);width:85px;height:85px;display:grid;place-content:center;font-size:28px;border-radius:8px}.libraryRow{padding:13px 0}.libraryRow span{display:inline-block}.danger{display:block;background:#4b1c1d;padding:16px;border-radius:14px;width:100%;text-align:left;margin:10px 0}.view label{display:flex;justify-content:space-between;padding:14px 0;color:#ccc}.view a{display:block;background:#222;color:#fff;text-decoration:none;padding:15px;border-radius:12px;margin:10px 0}.guest{position:fixed;bottom:67px;z-index:8;left:0;right:0;background:linear-gradient(100deg,#bd2fa8,#477cf2);padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.guest span{display:flex;flex-direction:column;gap:6px}.guest small{font-size:12px}.guest button{background:#fff;color:#111;border-radius:30px;padding:13px;font-weight:800;white-space:nowrap}.mini{position:fixed;bottom:137px;left:10px;right:10px;z-index:9;display:flex;align-items:center;gap:10px;padding:8px;background:linear-gradient(110deg,#503019,#2b1c14);border:1px solid #6b4a30;border-radius:12px;min-height:65px}.mini img{width:47px;height:47px;object-fit:cover;border-radius:6px}.mini #miniMeta{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.mini small{color:#bbb}.mini b,.mini small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini button{background:none;font-size:23px}.progress{position:absolute;bottom:0;left:8px;right:8px;height:3px;background:#ffffff33}.progress span{display:block;height:100%;background:#1ed760;width:0}nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#080808ef;padding:9px 4px max(12px,env(safe-area-inset-bottom));border-top:1px solid #222}nav button{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;font-size:25px;color:#bbb}nav small{font-size:12px}nav button.active{color:#1ed760}.full{position:fixed;inset:0;z-index:30;overflow:auto;background:linear-gradient(#1118,#090909f2),var(--art) center/cover,#151515}.fullInner{max-width:600px;min-height:100%;margin:auto;padding:20px 25px 35px;display:flex;flex-direction:column}.fullInner>button:first-child{align-self:flex-start;background:none;font-size:28px}.fullInner>small{text-align:center;color:#ddd;font-size:10px;letter-spacing:1px}.fullInner>img{width:min(78vw,420px);aspect-ratio:1;object-fit:cover;border-radius:8px;align-self:center;margin:30px auto;box-shadow:0 18px 50px #0008}.fullInner h2{margin:0 0 7px}.fullInner p{color:#aaa}.fullInner input{accent-color:#1ed760}.times{display:flex;justify-content:space-between;font-size:12px}.controls{display:flex;justify-content:space-between;align-items:center;margin:26px 0 32px}.controls button{background:none;font-size:20px}.controls .play{width:65px;height:65px;border-radius:50%;background:#1ed760;color:#111;font-size:27px}details{padding:20px;background:#111b;border:1px solid #ffffff1a;border-radius:18px}#toast{position:fixed;z-index:80;bottom:185px;left:50%;transform:translateX(-50%);background:#fff;color:#111;border-radius:30px;padding:12px 18px;opacity:0;pointer-events:none}#toast.show{opacity:1}.playlistHero{display:flex;align-items:center;gap:20px;margin:25px 0}.cover{width:35vw;max-width:170px;aspect-ratio:1;display:grid;place-items:center;background:#222;border-radius:8px;font-size:60px}.primary{width:100%;border-radius:35px;background:#fff;color:#111;padding:17px;font-weight:800}code{color:#1ed760}@media(min-width:760px){body{padding-bottom:100px}header{padding:18px 5vw}.view{padding-top:22px}.bottom-nav{}nav{left:50%;right:auto;transform:translateX(-50%);width:min(600px,90vw);bottom:12px;border:1px solid #333;border-radius:18px;padding:12px 20px}.mini{left:auto;right:22px;bottom:100px;width:370px}.guest{bottom:0}.songCard{min-width:190px}.hero{padding:40px}}
/* Dark-mode form normalization: prevents browser white-input rendering. */
:root{color-scheme:dark;--green:#1db954;--bg:#121212;--panel:#1e1e1e;--line:#333;--muted:#a7a7a7}
input:not([type=checkbox]):not([type=range]),textarea,select{background:#1e1e1e!important;color:#fff!important;border:1px solid #333!important;border-radius:12px;padding:13px 15px;font:inherit;max-width:100%;box-shadow:none}
input::placeholder,textarea::placeholder{color:#a7a7a7!important;opacity:1}
input:focus,textarea:focus,select:focus{outline:2px solid #1db954;outline-offset:1px}
select option{background:#242424;color:#fff}
.home-greeting{padding:18px 4px 12px}.home-greeting h1{font-size:clamp(30px,6vw,42px);margin:8px 0}.eyebrow{color:#1db954;font-size:.78rem;letter-spacing:.12em;font-weight:800}.dim{color:#a7a7a7}.liked{display:flex!important;align-items:center;gap:16px;text-align:left;min-height:104px;padding:18px!important;width:100%;background:linear-gradient(135deg,#5930c8,#7795df,#7bd9c6)!important;border:0!important;border-radius:12px!important;color:white!important}.liked>span{display:flex;flex-direction:column;gap:6px;min-width:0}.liked b{font-size:1.1rem}.liked small{color:#eee}.search{background:#1e1e1e;border:1px solid #333;border-radius:14px;padding:5px;display:flex;gap:5px}.search input{flex:1;min-width:0;border:0!important;background:transparent!important}.recent{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#1e1e1e;border:1px solid #292929;border-radius:12px;padding:10px 14px;margin:8px 0}.recent button:first-child{flex:1;text-align:left}.recent button:last-child{color:#1db954;font-size:1.25rem}.page-wrap{width:min(760px,100%);margin:0 auto;padding:24px 18px 60px}.stack{display:grid;gap:16px;margin:20px 0}.stack label{display:grid;gap:8px}.primary,.auth-submit{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:999px;background:#1db954;color:#07140b;border:0;font-weight:800;text-decoration:none;cursor:pointer}.button-link{width:max-content;max-width:100%}.user-badge{padding:12px 14px;border-radius:10px;background:#242424;color:#eee;overflow-wrap:anywhere}.user-badge strong{color:#1db954}.status-message{color:#1db954;min-height:1.4em}.history-card,.modal-card{padding:18px;background:#1e1e1e;border:1px solid #333;border-radius:14px}.auth-warning{padding:20px;background:#241919;border:1px solid #6c3535;border-radius:14px;margin:20px 0}.modal{position:fixed;inset:0;background:#000b;z-index:1000;display:grid;place-items:center;padding:20px}.modal-card{width:min(420px,100%)}.check-label{display:flex!important;align-items:flex-start;gap:10px!important}.check-label input{accent-color:#1db954;margin-top:4px}.track-meta{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1;min-width:0}.track-meta small{color:#a7a7a7}.track-play{color:#1db954}