:root{--bg:#0b0b0d;--card:#1e1e20;--panel:#19191b;--line:#303033;--line2:#38383c;--text:#ececf0;--muted:#8b8b92;--blue1:#3ba2f5;--blue2:#2767a8;--grad:linear-gradient(180deg,#3aa0f0,#2a6db0)}*{box-sizing:border-box}body,html{margin:0}body{min-height:100vh;color:var(--text);font-family:Roboto,Helvetica Neue,Arial,system-ui,sans-serif;background:radial-gradient(90% 40% at 20% 0,rgba(30,90,140,.45),transparent 70%),radial-gradient(80% 35% at 100% 100%,rgba(70,40,130,.4),transparent 70%),var(--bg);background-attachment:fixed}.shell{padding:36px 14px 40px}.card{max-width:440px;margin:0 auto;padding:30px 22px 26px;background:var(--card);border:1px solid var(--line);border-radius:36px}.logo{width:112px;height:112px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center}.logo img{display:block;width:100%;height:100%;object-fit:contain}.brand{margin:0;font-size:30px;font-weight:700;letter-spacing:-.01em;color:#fff}.brand,.tag{text-align:center}.tag{margin:6px 0 22px;color:var(--muted);font-size:16px}.tabs{display:flex;gap:4px;padding:5px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none;background:var(--panel);border:1px solid var(--line);border-radius:999px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;padding:13px 18px;color:#9a9aa2;font:inherit;font-size:15px;font-weight:600;background:transparent;border:0;border-radius:999px}.tabs button.on{background:var(--grad);color:#fff;box-shadow:0 6px 18px rgba(42,109,176,.3)}.field{position:relative;margin-top:14px}.field>svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#9a9aa2}.field input{width:100%;padding:17px 18px 17px 54px;color:var(--text);font:inherit;font-size:17px;background:var(--panel);border:1px solid var(--line2);border-radius:999px;outline:none}.field input:focus{border-color:var(--blue1)}.field input::placeholder{color:#85858c}.btn{width:100%;height:58px;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--grad);color:#fff;font:inherit;font-size:18px;font-weight:700;box-shadow:0 8px 24px rgba(42,109,176,.3)}.btn:disabled{opacity:.5;box-shadow:none}.err{margin-top:16px;padding:12px 16px;color:#ff9aa0;background:#2a1517;border:1px solid #5a2a2e;border-radius:18px;font-size:15px}.chip{display:inline-block;margin:16px 0 0;padding:5px 12px;color:#7cc4ff;background:#13293a;border-radius:999px;font-size:13px;font-weight:600}.res{margin-top:18px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:26px}.res img{display:block;width:100%;border-radius:18px}.res .t{margin:12px 4px 4px;font-weight:600;line-height:1.35}.res .by{margin:0 4px 4px;color:#7cc4ff}.res .meta{margin:0 4px 8px;color:var(--muted);font-size:13px}.dl{margin-top:8px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text);background:#232326;border:1px solid var(--line2);border-radius:999px;font-size:15px;font-weight:600;text-decoration:none}.dl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl svg{flex-shrink:0;color:var(--blue1)}.raw{margin-top:12px;color:var(--muted);font-size:13px}.raw summary{cursor:pointer;padding:4px}.raw pre{margin:8px 0 0;padding:12px;overflow:auto;max-height:260px;background:#111113;border-radius:14px;font-size:11px;color:#bdbdc6}.list{margin-top:16px}.row{margin-bottom:8px;padding:10px 12px 10px 10px;display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:22px}.row .cv{width:50px;height:50px;flex-shrink:0;object-fit:cover;background:#26262a;border-radius:14px}.row .tx{flex:1 1;min-width:0}.row .nm{font-size:15px;font-weight:600}.row .ar,.row .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .ar{color:var(--muted);font-size:13px}.row .re{color:#ff9aa0;font-size:12px}.mini{padding:9px 16px;border:0;border-radius:999px;background:var(--grad);color:#fff;font:inherit;font-size:14px;font-weight:600}.mini:disabled{opacity:.5}.tabs button{display:inline-flex;align-items:center;gap:8px}.tabs button svg{flex-shrink:0}.player{display:block;width:100%;max-height:440px;background:#000;border-radius:18px}.row .play-hit{flex:1 1;min-width:0;padding:0;display:flex;align-items:center;gap:12px;color:inherit;font:inherit;text-align:left;background:none;border:0}.row .play-hit .tx,.row .play-hit .tx>span{display:block}.row .re{white-space:normal}.row.cur{border-color:var(--blue1)}.cvw{position:relative;width:50px;height:50px;flex-shrink:0}.cvw .ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.42);border-radius:14px}.row.cur .cvw .ov{background:rgba(20,60,100,.6)}.spin{width:18px;height:18px;display:inline-block;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:sp .8s linear infinite}.spin.lg{width:28px;height:28px;border-width:3px;border-color:#111 rgba(0,0,0,.2) rgba(0,0,0,.2)}@keyframes sp{to{transform:rotate(1turn)}}.round{width:68px;height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#111;background:#fff;border:0;border-radius:50%}.round.sm{width:40px;height:40px}.round.sm .spin{border-color:#111 rgba(0,0,0,.2) rgba(0,0,0,.2)}.ic{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#d6d6dc;background:none;border:0;border-radius:50%}.ic:disabled{opacity:.5}.mini-bar{position:fixed;left:10px;right:10px;bottom:10px;z-index:40;max-width:420px;margin:0 auto;padding:8px 10px;display:flex;align-items:center;gap:12px;overflow:hidden;background:#26303b;border:1px solid var(--line2);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.mini-bar .cv{width:44px;height:44px;flex-shrink:0;object-fit:cover;background:#26262a;border-radius:10px}.mini-bar .tx{flex:1 1;min-width:0}.mini-bar .nm{font-size:14px;font-weight:600}.mini-bar .ar,.mini-bar .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar .ar{color:var(--muted);font-size:12px}.mb-prog{position:absolute;left:0;bottom:0;height:2px;background:var(--blue1)}.np{position:fixed;inset:0;z-index:50;flex-direction:column;overflow-y:auto;padding:10px 22px 28px;color:#fff;background:linear-gradient(180deg,#1f4a73,#14202c 45%,#0b0b0d)}.np,.np-top{display:flex}.np-top{align-items:center;justify-content:space-between;gap:8px;min-height:52px;max-width:440px;width:100%;margin:0 auto}.np-label{font-size:13px;font-weight:600;color:#cfd6de;letter-spacing:.04em;text-transform:uppercase}.np-body{width:100%;max-width:440px;margin:0 auto}.np-cover{aspect-ratio:1;object-fit:cover;background:#26262a;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.5)}.np-cover,.np-line{display:block;width:100%}.np-line{min-height:28px;margin:22px 0 18px;padding:0;color:#fff;font:inherit;font-size:18px;font-weight:700;line-height:1.3;text-align:left;background:none;border:0}.np-meta{display:flex;align-items:center;gap:10px}.np-meta .tx{flex:1 1;min-width:0}.np-title{font-size:22px;font-weight:700;line-height:1.2}.np-artist{margin-top:2px;color:#b7bec7;font-size:16px}.seek{margin-top:14px}.seek input[type=range]{--p:0%;width:100%;height:22px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.seek input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#fff var(--p),hsla(0,0%,100%,.28) var(--p))}.seek input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff}.seek input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:hsla(0,0%,100%,.28)}.seek input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:#fff}.seek input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}.times{color:#b7bec7;font-size:13px}.ctrl,.times{display:flex;justify-content:space-between}.ctrl{margin-top:6px;align-items:center}.lyr-card{margin-top:26px;padding:18px 20px 12px;cursor:pointer;background:linear-gradient(180deg,#2a5f93,#1d4670);border-radius:22px}.lyr-card.empty{cursor:default;background:#1b2530}.lyr-card-h{margin-bottom:12px;font-size:15px;font-weight:700}.pl{display:block;width:100%;margin:0 0 14px;padding:0;color:hsla(0,0%,100%,.55);font:inherit;font-size:21px;font-weight:700;line-height:1.25;text-align:left;background:none;border:0}.pl.on{color:#fff}.lyr-msg{margin:8px 0 14px;color:hsla(0,0%,100%,.7);font-size:15px}.lyr-full{padding-bottom:0;background:linear-gradient(180deg,#1f4a73,#162636 60%,#0b0b0d)}.lyr-full .np-top .tx{min-width:0}.lyr-full .nm{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyr-full .ar{color:#b7bec7;font-size:13px}.lyr-scroll{flex:1 1;width:100%;max-width:440px;margin:0 auto;padding:12px 0 40vh;overflow-y:auto}.ln{display:block;width:100%;margin:0;padding:7px 0;color:hsla(0,0%,100%,.5);font:inherit;font-size:26px;font-weight:700;line-height:1.25;text-align:left;background:none;border:0;transition:color .2s}.ln.past{color:hsla(0,0%,100%,.75)}.ln.on{color:#fff}.ln.gap{margin-top:22px}.lyr-note{margin-top:28px;color:hsla(0,0%,100%,.5);font-size:12px}.lyr-bar{position:-webkit-sticky;position:sticky;bottom:0;width:100%;max-width:440px;margin:0 auto;padding:8px 0 22px;background:linear-gradient(180deg,transparent,#0d1218 28%)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes line-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{animation:pop-in .45s cubic-bezier(.2,.8,.2,1) both}.logo img{animation:pop-in .6s cubic-bezier(.2,.8,.2,1) .1s both}.pane:not([hidden]){animation:fade-up .35s cubic-bezier(.2,.8,.2,1) both}.tabs button{transition:background .25s,color .25s,box-shadow .25s,transform .15s}.btn:active,.dl:active,.mini:active,.tabs button:active{transform:scale(.96)}.btn,.dl,.field input,.mini{transition:transform .15s,opacity .2s,border-color .2s,box-shadow .2s}.chip,.dl,.err,.raw,.res{animation:fade-up .35s cubic-bezier(.2,.8,.2,1) both}.row{animation:fade-up .4s cubic-bezier(.2,.8,.2,1) both;transition:border-color .25s,background .25s}.row:nth-child(2){animation-delay:.04s}.row:nth-child(3){animation-delay:.08s}.row:nth-child(4){animation-delay:.12s}.row:nth-child(5){animation-delay:.16s}.row:nth-child(6){animation-delay:.2s}.row:nth-child(n+7){animation-delay:.24s}.mini-bar{animation:slide-up .35s cubic-bezier(.2,.8,.2,1) both}.mb-prog{transition:width .3s linear}.np{animation:slide-up .4s cubic-bezier(.2,.8,.2,1) both}.np.lyr-full{animation:fade-in .3s ease both}.np-cover{animation:pop-in .5s cubic-bezier(.2,.8,.2,1) both}.np-line{animation:line-in .35s ease both}.ic,.round{transition:transform .15s,color .2s,background .2s}.ic:active,.round:active{transform:scale(.9)}.lyr-card{transition:transform .2s}.lyr-card:active{transform:scale(.98)}.pl{transition:color .3s}.pl.on{animation:line-in .35s ease both}.ln{transition:color .3s,transform .3s,opacity .3s;transform-origin:left center}.ln.on{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}.lyr-why{display:block;margin-top:6px;color:hsla(0,0%,100%,.45);font-size:11px;word-break:break-word}.lyr-card-h{display:flex;align-items:center;justify-content:space-between}.lyr-acts{display:flex;gap:2px;margin:-8px -8px -8px 0}.ic.sm{width:36px;height:36px}.ic.on{color:#4ade80}.tl{display:block;margin-top:3px;font-size:.62em;font-weight:500;color:hsla(0,0%,100%,.62);animation:fade-in .3s ease both}.ln.on .tl{color:hsla(0,0%,100%,.8)}.tr-bar{width:100%;max-width:440px;margin:0 auto;display:flex;align-items:center;gap:10px;color:hsla(0,0%,100%,.6);font-size:12px;animation:fade-up .25s ease both}.tr-bar select{padding:7px 12px;color:#fff;font:inherit;font-size:14px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:999px}.tr-bar select option{color:#111}