*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#070a0e;color:#f4f6f8;font-family:Arial,sans-serif}body{display:flex;flex-direction:column;min-height:100dvh;overflow:hidden}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}header{height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#0c1117;border-bottom:1px solid #202833}.brand{font-size:19px;font-weight:800;letter-spacing:1px}.brand span{font-weight:400}.brand em{font-style:normal;font-size:10px;letter-spacing:2px;color:#8d99a5;margin-left:5px}.headtools{display:flex;align-items:center;gap:8px}#status{font-size:9px;color:#8d99a5;letter-spacing:.7px}#fullscreenBtn{width:34px;height:30px;border:1px solid #303b46;background:#151c24;color:#d8dde2;border-radius:6px}main{width:100%;max-width:1500px;margin:0 auto;padding:0 4px;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,4fr) minmax(300px,1fr);gap:5px}.music,.library{min-width:0;min-height:0}.music{display:flex;flex-direction:column}.library{display:flex;flex-direction:column;gap:6px}.player{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;line-height:0}.player iframe{position:absolute;width:200px;height:200px;left:-210px;top:-210px;border:0;opacity:0;pointer-events:none}.audio-visual{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 50% 38%,#18242e 0,#0c1218 42%,#070a0e 100%);text-align:center;padding:18px}.audio-visual .disc{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#202b34,#0b1015);border:1px solid #394652;box-shadow:0 12px 35px rgba(0,0,0,.45);font-size:36px;color:#dce2e7}.audio-visual .disc.playing{animation:spin 7s linear infinite}.audio-visual small{font-size:8px;letter-spacing:2px;color:#788692;margin-top:3px}.audio-visual strong{max-width:80%;font-size:17px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-visual span{max-width:80%;font-size:10px;color:#8e9aa5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars{height:18px;display:flex;align-items:flex-end;gap:3px;margin-top:4px}.bars i{display:block;width:3px;height:7px;background:#dce2e7;border-radius:2px;animation:eq .8s ease-in-out infinite alternate}.bars i:nth-child(2){animation-delay:.12s}.bars i:nth-child(3){animation-delay:.24s}.bars i:nth-child(4){animation-delay:.36s}.bars i:nth-child(5){animation-delay:.48s}@keyframes eq{to{height:17px}}@keyframes spin{to{transform:rotate(360deg)}}#playerIdle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#080b10,#121a22);color:#788693;line-height:normal}#playerIdle i{font-size:42px}#playerIdle b{font-size:18px;letter-spacing:2px;color:#cbd2d8}#playerIdle span{font-size:11px}.now{display:flex;align-items:center;gap:10px;padding:7px 10px;background:#0d131a;border:1px solid #202a34;border-top:0;min-height:64px}.cover{width:48px;height:48px;flex:0 0 48px;border-radius:4px;background:#151c23;display:grid;place-items:center;color:#87939e;font-size:19px}.nowtext{min-width:0;flex:1}.now small{font-size:8px;color:#788692;letter-spacing:1.5px}.now h1{font-size:15px;margin:3px 0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now p{font-size:10px;color:#8e9aa5;margin:0}.count{font-size:10px;color:#8996a2;white-space:nowrap}.controls{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:#0a0e13;border-bottom:1px solid #202833}.controls button{width:42px;height:34px;border:0;border-radius:50%;background:#151c24;color:#dce2e7}.controls .play{width:40px;height:40px;background:#f1f3f5;color:#080b10;font-size:14px}.searchbar{height:38px;flex:0 0 38px;display:flex;gap:6px}.searchbar input{min-width:0;flex:1;background:#10161d;color:#fff;border:1px solid #2a333d;border-radius:7px;padding:0 10px;font-size:13px;outline:none}.searchbar button{border:1px solid #34404c;background:#151c24;color:#fff;border-radius:7px;font-weight:700;padding:0 13px}.playlist{flex:1;min-height:0;background:#0d1319;border:1px solid #202a34;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.phead{height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #202a34}.phead b{display:block;font-size:11px;letter-spacing:.8px}.phead small{display:block;color:#697681;font-size:8px;margin-top:3px}.phead>span{color:#7d8995;font-size:9px}#results{overflow-y:auto;min-height:0;scrollbar-width:thin;overscroll-behavior:contain}.track{height:60px;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;gap:7px;align-items:center;padding:5px 8px;border-bottom:1px solid #1b242c;cursor:pointer}.track:hover,.track.active{background:#182129}.trackno{font-size:10px;color:#687580;text-align:center}.trackmain{min-width:0}.tracktitle{font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackartist{font-size:9px;color:#7f8b96;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackicon{text-align:center;color:#687681;font-size:11px}#message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#687580;font-size:11px;text-align:center;padding:20px}#message i{font-size:28px}footer{height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:#0c1117;border-top:1px solid #202833;color:#66727e;font-size:8px;letter-spacing:.5px}@media(max-width:900px){html,body{width:100%;height:100%;min-height:100%;overflow:hidden}header{height:42px;flex-basis:42px}.brand{font-size:18px}.brand em{font-size:9px}main{width:100%;height:auto;flex:1;min-height:0;margin:0;padding:5px 6px 3px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.music,.library{display:contents}.player{order:1;flex:0 0 auto;width:100%;aspect-ratio:16/9}.now{order:2;flex:0 0 auto;min-height:56px;padding:6px 8px}.searchbar{order:3;height:37px;flex:0 0 37px;width:100%}.controls{order:4;height:42px;flex:0 0 42px;border:0}.controls button{width:38px;height:30px}.controls .play{width:36px;height:36px}.playlist{order:5;flex:1 1 auto;height:auto;min-height:0;width:100%;border-radius:8px}#results{overflow-x:hidden;overflow-y:auto;display:block;min-height:0;-webkit-overflow-scrolling:touch}.track{height:58px;grid-template-columns:28px minmax(0,1fr) 26px;padding:5px 7px}footer{height:24px;flex:0 0 24px}}@media(max-width:900px) and (max-height:700px){.player{aspect-ratio:16/8.5}.now{min-height:48px;padding:5px 8px}.controls{height:38px;flex-basis:38px}}