:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f4ff;background:#0c0d17;color-scheme:dark;--accent:#b69aff;--muted:#9da1b7;--panel:#1c1d2d;--border:#343246}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c0d17}body{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.top{height:76px;padding:10px max(18px,env(safe-area-inset-left));display:flex;gap:11px;align-items:center;max-width:780px;margin:auto}.logo{width:50px;height:50px;border-radius:15px;object-fit:cover}.brand{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.brand strong{font-size:19px;letter-spacing:-.7px}.brand span{font-size:10px;letter-spacing:.8px;color:var(--muted);font-weight:700}.icon-button{appearance:none;color:#e1def0;border:0;background:transparent;min-width:42px;min-height:42px;font-size:25px;border-radius:13px}.icon-button:hover{background:#27263b}.top .icon-button{background:#202133}.icon-button.active{color:var(--accent)}main{max-width:780px;margin:auto;padding:12px 18px 132px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.1px}h2{font-size:19px}.eyebrow{letter-spacing:1.8px;font-size:11px;font-weight:800;color:#c8b0ff;margin:0 0 8px}.sub{color:var(--muted);line-height:1.55;font-size:14px}.hero{border:1px solid #47406a;background:linear-gradient(124deg,#513a95 0%,#272446 64%,#191c2d 100%);border-radius:23px;padding:24px;margin-top:5px;box-shadow:0 16px 40px #07091155}.hero h1{font-size:34px;line-height:1.07;margin:8px 0 22px}.hero h1 em{font-style:normal;color:#d6b4ff}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:#e0d8ef}.primary,.secondary,.chip{border:0;border-radius:13px;font-weight:750}.primary{padding:15px 18px;color:#11101b;background:linear-gradient(120deg,#a789ff,#ef87c1)}.primary span{float:right}.primary.full{width:100%}.secondary{padding:13px 16px;color:#ddd7f8;background:#262437}.secondary.small{padding:8px 14px}.library-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}.library-head h2{margin:0}.library-head span{font-size:11px;color:var(--muted);text-align:right}.search,.form-card input{border:1px solid #30334b;background:#191b29;color:#fff;width:100%;border-radius:14px;padding:14px;outline:none;font-size:15px}.search{margin-top:17px}.filters{display:flex;gap:9px;margin:15px 0;overflow-x:auto}.chip{flex-shrink:0;padding:10px 13px;background:#202132;color:#aeb0c4}.chip.active{background:#352c56;color:#d0b7ff}.songs{display:flex;flex-direction:column;gap:8px}.song{background:#1a1b29;border:1px solid #282939;border-radius:15px;display:flex;align-items:center;gap:12px;padding:10px}.song>img{height:57px;width:57px;object-fit:contain;background:#14152a;border-radius:10px;flex-shrink:0}.song-body{flex:1;min-width:0}.song-body strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.song-body small{display:block;color:var(--muted);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song .song-play{background:transparent;border:0;color:#d7c8ff;font-size:22px;min-width:35px;min-height:43px}.song .song-dl{background:#282637;border:0;color:#b7b4c7;border-radius:11px;min-width:39px;min-height:39px;font-size:18px}.song .song-dl.is-downloaded{color:#a8e5c0}.empty{background:#191b28;border-radius:16px;padding:32px;text-align:center;color:var(--muted);line-height:1.6}.empty strong{display:block;color:#fff;margin-bottom:8px}.offline-controls{border:1px solid #302d43;border-radius:17px;margin-top:22px;padding:15px;background:#171824}.switch-line{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}.switch-line input{accent-color:var(--accent);width:20px;height:20px}.switch-line strong,.switch-line small{display:block}.switch-line strong{font-size:13px}.switch-line small{font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px}.login{text-align:center;max-width:490px;margin:0 auto}.login-logo img{width:118px;height:118px;border-radius:26px}.login h1{font-size:30px;line-height:1.1;margin:10px 0}.form-card{text-align:left;margin:24px 0 0;background:#191a28;border:1px solid #302e44;border-radius:21px;padding:20px}.form-card label{display:block;font-size:12px;color:#d6cee8;font-weight:700;margin-bottom:7px}.form-card input{margin-bottom:18px}.hint{font-size:12px;line-height:1.6;color:var(--muted)}.error{font-size:12px;color:#ffc3bd;margin:12px 0 0;min-height:10px}.player-top{display:flex;align-items:center;justify-content:space-between;letter-spacing:1.6px;font-weight:750;color:#c3abf7;font-size:11px;margin:2px 0 23px}.cover-shell{margin:auto;width:min(100%,350px);aspect-ratio:1/1;background:#181b32;border-radius:26px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #2a2b3e;box-shadow:0 24px 65px #0008}.cover-shell img{width:100%;height:100%;object-fit:contain;padding:5px}#songTitle{font-size:28px;text-align:center;margin:27px 0 5px}#songArtist{text-align:center;color:var(--muted);font-size:16px;margin:0}.timeline{margin:38px 0 15px}.timeline input{width:100%;accent-color:#b69aff;cursor:pointer}.times{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:9px}.controls{display:flex;align-items:center;justify-content:space-between;gap:3px;max-width:390px;margin:24px auto 0}.controls .large{font-size:29px}.play-button{background:linear-gradient(135deg,#bd99ff,#ae6de0);border:none;border-radius:50%;width:82px;height:82px;font-size:30px;color:#0b0c19;padding-left:4px}.repeat-desc{text-align:center;color:var(--muted);font-size:12px;margin:11px 0 21px}.player-actions{display:flex;gap:10px;justify-content:center;margin:15px 0}.player-actions button{flex:1;max-width:220px}.details{padding:19px;background:#1a1b2b;border-radius:18px;margin-top:26px}.details h3{font-size:15px;margin:0 0 9px}.details p{color:var(--muted);font-size:14px;line-height:1.6;white-space:pre-wrap;margin-bottom:20px}.details pre{color:#c9c7da;font:14px/1.8 inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.mini{position:fixed;bottom:calc(69px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:760px;margin:auto;display:flex;align-items:center;gap:10px;padding:8px;background:#2b263e;border:1px solid #493e66;border-radius:17px;box-shadow:0 5px 20px #0009;z-index:5}.mini img{height:44px;width:44px;object-fit:contain;border-radius:9px;background:#111326}#miniText{flex:1;min-width:0}#miniText strong,#miniText span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#miniText strong{font-size:13px}#miniText span{font-size:11px;color:#c6bcd3;margin-top:3px}.mini button{background:none;border:0;color:white;font-size:22px;min-width:40px;min-height:40px}.nav{position:fixed;bottom:0;left:0;right:0;background:#10121f;border-top:1px solid #27273a;display:flex;justify-content:center;padding:8px 12px calc(9px + env(safe-area-inset-bottom));z-index:4}.nav button{width:50%;max-width:300px;background:none;border:0;border-radius:11px;color:var(--muted);font-weight:750;padding:12px 10px}.nav button.active{background:#211e32;color:var(--accent)}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(154px + env(safe-area-inset-bottom));max-width:min(90vw,410px);width:max-content;background:#302849;border:1px solid #67548a;border-radius:14px;color:#fff;padding:12px 18px;font-size:12px;display:none;z-index:20}.toast.visible{display:block}@media(min-width:700px){main{padding-left:30px;padding-right:30px}.cover-shell{width:370px}.hero h1{font-size:40px}.login-logo img{width:145px;height:145px}}@media(max-width:350px){.controls .icon-button{min-width:35px}.play-button{width:72px;height:72px}}