*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}
body{touch-action:none}.app-shell{width:100vw;height:100dvh;overflow:hidden;background:#000}
.ipod{position:relative;width:100vw;height:100dvh;overflow:hidden;border-radius:42px;background:linear-gradient(135deg,var(--body1),var(--body2));box-shadow:inset 0 0 0 1px var(--edge)}
.skin-black{--body1:#252528;--body2:#131315;--wheel1:#53535a;--wheel2:#3e3e44;--center1:#2a2a2e;--center2:#1b1b1d;--wheelText:rgba(255,255,255,.97);--edge:rgba(255,255,255,.06)}
.display{position:absolute;left:3.75vw;top:5.1dvh;width:92.5vw;height:48dvh;background:#fff;border-radius:9px;border:4px solid rgba(0,0,0,.72);overflow:hidden;color:#000}
.skin-pink{--body1:#f6b8ba;--body2:#915052;--wheel1:#f9d2d8;--wheel2:#da96a1;--center1:#c97080;--center2:#a75061;--wheelText:#fff;--edge:rgba(255,255,255,.2)}
.skin-gold{--body1:#f6c233;--body2:#aa7a13;--wheel1:#ffd148;--wheel2:#ecac1b;--center1:#e5a51c;--center2:#c6850f;--wheelText:#fff;--edge:rgba(255,255,255,.2)}
.skin-blue{--body1:#91c3e9;--body2:#4d8ec2;--wheel1:#93c8ed;--wheel2:#69aad9;--center1:#79b5df;--center2:#5696cb;--wheelText:#fff;--edge:rgba(255,255,255,.2)}
.skin-orange{--body1:#dc6737;--body2:#963e1d;--wheel1:#ff794e;--wheel2:#e6542c;--center1:#c9542b;--center2:#ab411d;--wheelText:#fff;--edge:rgba(255,255,255,.2)}
.skin-silver{--body1:#cdcdc9;--body2:#898b88;--wheel1:#f6f3ef;--wheel2:#d1cfcc;--center1:#b0b0ad;--center2:#939492;--wheelText:#fff;--edge:rgba(255,255,255,.2)}
.skin-burgundy{--body1:#5d222a;--body2:#2f0e13;--wheel1:#8b3946;--wheel2:#581b25;--center1:#49141d;--center2:#25090e;--wheelText:#fff;--edge:rgba(255,255,255,.2)}
.status-bar{position:relative;height:30px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid rgba(90,90,90,.5);background:linear-gradient(#fff,#c7ccc4);font-size:15.5px;font-weight:600;overflow:hidden}
.status-title{max-width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.status-spacer{flex:1}.status-icons{display:flex;align-items:center;gap:6px;z-index:3;font-size:10px;font-weight:800}.status-codec{font-size:8.8px;font-weight:900;letter-spacing:.2px}
.battery{width:20px;height:10px;border:1.5px solid #111;border-radius:2px;position:relative}.battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 1px 1px 0;background:#111}.battery>i{display:block;height:100%;width:68%;background:#111}
.status-marquee{position:absolute;left:34%;right:31%;height:22px;top:4px;overflow:hidden;white-space:nowrap;font-size:12.5px;font-weight:600;pointer-events:none}.status-marquee>span{position:absolute;line-height:22px;animation:marquee 9s linear infinite}@keyframes marquee{from{transform:translateX(115%)}to{transform:translateX(-135%)}}
.screen{height:calc(100% - 30px);background:#fff;overflow:hidden;position:relative}
.menu-list,.track-list,.album-list{height:100%;overflow:hidden}.row{height:34px;padding:0 11px;display:flex;align-items:center;gap:7px;color:#000;font-size:17px;font-weight:600}.row:nth-child(odd){background:#f6f6f3}.row:nth-child(even){background:#e4e4e1}.row.selected{color:#fff;font-weight:700;background:linear-gradient(#4099f5,#0a52c2)}
.row .row-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .row-spacer{flex:1}.row .row-detail{font-size:9.5px;font-weight:800;opacity:.72}.row .chev{font-size:14px;font-weight:900}
.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:14px}.empty strong{font-size:18px}.empty span{font-size:10px;color:#777;font-weight:600;line-height:1.35}
.browse-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#fff;position:relative;z-index:100}.browse-toolbar.transparent{background:transparent;position:absolute;left:0;right:0;top:0}.tool-btn{border:0;background:transparent;color:#777;font-size:22px;font-weight:800;width:34px;height:34px;display:grid;place-items:center;padding:0}
.mode-glyph{width:24px;height:18px;position:relative}.mode-glyph.list:before{content:"";position:absolute;left:2px;right:2px;height:2px;background:#777;box-shadow:0 5px #777,0 10px #777;top:2px}.mode-glyph.cover:before{content:"";position:absolute;width:9px;height:14px;left:8px;top:2px;background:#777}.mode-glyph.cover:after{content:"";position:absolute;width:5px;height:12px;left:1px;top:3px;border:1.5px solid #777;box-shadow:16px 0 0 -1px #fff,16px 0 0 0 #777;transform:perspective(30px) rotateY(55deg)}
.album-list{overflow:hidden}.album-row{height:52px;display:flex;align-items:stretch}.album-row:nth-child(odd){background:#f6f6f3}.album-row:nth-child(even){background:#e4e4e1}.album-row.selected{background:linear-gradient(#4099f5,#0a52c2);color:#fff}.album-cover-mini{width:52px;height:52px;object-fit:cover;background:linear-gradient(#d1d1d1,#999);flex:none}.album-row-main{flex:1;min-width:0;padding:0 8px 0 9px;display:flex;align-items:center;gap:7px}.album-text{min-width:0}.album-title{font-size:14.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-sub{font-size:10.5px;font-weight:500;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-row.selected .album-sub{color:rgba(255,255,255,.92)}.album-detail{font-size:9px;font-weight:800;opacity:.72;margin-left:auto}.album-header{height:66px;padding:6px 9px;display:flex;gap:9px;align-items:center;background:#fff}.album-header img{width:54px;height:54px;border-radius:3px;object-fit:cover;background:#222}.album-header-text{min-width:0}.album-header-title{font-size:13px;font-weight:800;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-header-sub{font-size:10px;color:#777;font-weight:600;margin-top:2px}.album-header-meta{font-size:9px;color:#777;font-weight:600;margin-top:3px}.album-tracks{height:calc(100% - 66px);overflow:hidden}
.coverflow{position:absolute;inset:0;overflow:hidden;perspective:760px;background:#fff}.cover-stack{position:absolute;width:44.43%;left:27.785%;top:18.5%;transform-style:preserve-3d;transform-origin:50% 23%;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s;z-index:10}.cover-stack.center{transform:translateX(0) rotateY(0deg) scaleY(1);z-index:50}.cover-stack.left1{transform:translateX(-55%) rotateY(62deg) scaleY(.91);z-index:19}.cover-stack.left2{transform:translateX(-85%) rotateY(62deg) scaleY(.91);z-index:18;opacity:.88}.cover-stack.right1{transform:translateX(55%) rotateY(-62deg) scaleY(.91);z-index:19}.cover-stack.right2{transform:translateX(85%) rotateY(-62deg) scaleY(.91);z-index:18;opacity:.88}.cover-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:linear-gradient(#d0d0d0,#9f9f9f);box-shadow:0 2px 5px rgba(0,0,0,.25);border:.7px solid rgba(0,0,0,.2)}.cover-reflection{display:block;width:100%;aspect-ratio:1/0.95;object-fit:cover;transform:scaleY(-1);transform-origin:center;opacity:.34;margin-top:2px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 40%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,transparent 40%,transparent 100%)}.cover-title{position:absolute;left:17.5%;width:65%;top:76%;text-align:center;font-size:15px;font-weight:800;line-height:1.15;z-index:80;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.wheel{position:absolute;width:65.4vw;height:65.4vw;left:17.3vw;top:calc(76.5dvh - 32.7vw);border-radius:50%;background:linear-gradient(135deg,var(--wheel1),var(--wheel2));box-shadow:0 5px 10px rgba(0,0,0,.45),inset 0 0 0 .8px rgba(255,255,255,.08);color:var(--wheelText);touch-action:none;user-select:none}.wheel-hit{position:absolute;border:0;background:transparent;color:inherit;font-weight:800;padding:0;display:grid;place-items:center;z-index:2}.wheel-hit span{pointer-events:none}.wheel-menu{left:31%;top:3%;width:38%;height:24%;font-size:4.9vw}.wheel-prev{left:1%;top:31%;width:27%;height:38%;font-size:6.3vw}.wheel-next{right:1%;top:31%;width:27%;height:38%;font-size:6.3vw}.wheel-play{left:31%;bottom:3%;width:38%;height:24%;font-size:5.4vw}.wheel-center{position:absolute;left:31%;top:31%;width:38%;height:38%;border:0;border-radius:50%;background:linear-gradient(135deg,var(--center1),var(--center2));box-shadow:inset 0 0 0 .8px rgba(0,0,0,.16);z-index:3}.wheel:active{filter:brightness(.99)}
.now-toolbar{height:40px;padding:0 10px;display:flex;align-items:center}.now-body{position:relative;height:calc(100% - 40px);overflow:hidden}.now-art{position:absolute;left:4.8%;top:14.5%;width:42.5%;height:auto;perspective:500px}.now-cover-wrap{position:relative;width:100%;transform:rotateY(-10deg) rotateZ(1.5deg);transform-origin:left center}.now-cover{display:block;width:100%;aspect-ratio:1/0.98;object-fit:cover;clip-path:polygon(0 0,100% 10.5%,100% 98%,0 100%);background:#2e3333}.now-reflection{display:block;width:100%;aspect-ratio:1/0.93;object-fit:cover;transform:scaleY(-1);clip-path:polygon(0 2%,100% 0,100% 100%,0 100%);opacity:.34;margin-top:1px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 40%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,transparent 40%,transparent 100%)}.now-info{position:absolute;left:53.5%;top:33.5%;width:42%;font-size:12px}.now-title{font-size:17px;font-weight:800;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now-artist{font-size:13px;color:#777;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-album{font-size:12px;color:#777;margin-top:5px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now-count{font-size:12px;color:#777;margin-top:12px;font-variant-numeric:tabular-nums}.progress-wrap{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;font-size:10.5px;font-variant-numeric:tabular-nums}.progress-time{width:42px;text-align:right}.progress-remain{width:48px}.progress-track{height:16px;flex:1;position:relative}.progress-line{position:absolute;left:0;right:0;top:6px;height:4px;border-radius:99px;background:rgba(120,120,120,.34)}.progress-knob{position:absolute;top:2px;width:12px;height:12px;border-radius:50%;background:#000;transform:translateX(-50%)}.progress-knob.scrub{width:16px;height:16px;top:0;background:#084dc7}.about{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}.about .brand{font-size:30px;font-weight:800}.about .version{font-size:14px;font-weight:650}.about .desc{font-size:12px;color:#777;line-height:1.35}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(0,0,0,.78);color:#fff;padding:8px 13px;border-radius:999px;font-size:12px;z-index:9999;white-space:nowrap}.device-block{width:100vw;height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#24242a,#09090c 70%);color:#fff;padding:24px}.device-block-card{max-width:520px;text-align:center}.device-block-logo{font-size:46px;font-weight:850;letter-spacing:-2px}.device-block h1{margin:18px 0 6px;font-size:24px}.device-block p{margin:0;font-size:15px;color:#d2d2d7;line-height:1.5}.device-block-sub{margin-top:9px!important;font-size:13px!important;color:#93939b!important}
@media (orientation:landscape){.ipod{border-radius:30px}.wheel{width:min(65.4vw,48dvh);height:min(65.4vw,48dvh);left:50%;transform:translateX(-50%);top:auto;bottom:2dvh}}