:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#eee;background:#171717}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at top,#505050,#171717 75%)}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #63b1fa;outline-offset:3px}header,.intro,footer,.caption,.podMark,.bottomNav{display:none}main{max-width:450px;margin:auto;padding:12px}.player-area{width:100%}.pod{position:relative;min-height:900px;width:100%;border-radius:57px;background:linear-gradient(115deg,#181818 0%,#777 35%,#626262 55%,#161616 100%);padding:60px 15px 36px;border:1px solid #777;box-shadow:inset 0 2px 5px #ffffff4a,inset 0 -15px 25px #0008,0 20px 45px #0008}.pod:before{content:'';position:absolute;top:13px;left:50%;transform:translateX(-50%);height:31px;width:115px;border-radius:30px;background:#050505;box-shadow:0 1px 1px #ffffff15}.screen{height:414px;border:5px solid #151515;border-radius:8px;background:#111;overflow:hidden;box-shadow:0 0 0 1px #444;color:#eee}.status{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:linear-gradient(#393939,#212121);font-size:12px;color:#ccc}.status b{font-weight:400}.status span{font-size:11px}.status .statusClock{position:absolute;left:50%;transform:translateX(-50%)}#screenBody{height:380px;position:relative;overflow:auto;background:#151515}.split{height:100%;display:grid;grid-template-columns:51% 49%;overflow:hidden}.menuList{height:100%;overflow:auto;background:linear-gradient(100deg,#222,#161616);scrollbar-width:none}.screenRow{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:43px;padding:7px 11px;border:0;border-bottom:1px solid #ffffff04;border-radius:0;text-align:left;background:#ffffff02;cursor:pointer;font-size:19px;color:#eee;letter-spacing:-.45px}.screenRow:nth-child(even){background:#ffffff05}.screenRow.active{background:linear-gradient(#77b4e4,#347abb);box-shadow:inset 0 1px 0 #d5edff8c;color:#fff}.screenRow span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screenRow span:last-child{color:#8e8e8e;font-size:24px;line-height:1}.screenRow.active span:last-child{color:#fff}.coverPanel{height:100%;overflow:hidden;background:linear-gradient(140deg,#267dab,#182e57 65%,#151722);position:relative;display:flex;align-items:center;justify-content:center;border-left:1px solid #050505}.coverPanel img{width:100%;height:100%;object-fit:cover}.coverFallback{text-align:center;color:#c7e4f2;padding:12px}.coverFallback .note{font-size:80px;opacity:.8;text-shadow:0 7px 15px #0005}.coverFallback strong{font-size:15px;display:block;letter-spacing:2px}.coverFallback small{font-size:10px;display:block;margin-top:14px;line-height:1.6;opacity:.7}.screenFoot{display:none}.wheel{position:relative;width:280px;height:280px;border-radius:50%;margin:74px auto 0;background:linear-gradient(140deg,#111,#1b1b1b);box-shadow:0 3px 8px #0003,inset 0 1px 2px #4444;touch-action:none;user-select:none}.wheel button{position:absolute;background:transparent;border:0;padding:0;color:#aaa;font-size:17px;font-weight:650;min-height:40px;min-width:40px}.wheel .wheelTop{top:7px;left:100px;width:80px;font-size:16px;letter-spacing:.5px}.wheel .wheelBottom{bottom:10px;left:112px;width:56px}.wheel .wheelLeft{left:12px;top:119px}.wheel .wheelRight{right:12px;top:119px}.wheel .wheelCenter{width:98px;height:98px;border-radius:50%;left:91px;top:91px;background:linear-gradient(#242424,#4c4c4c);box-shadow:inset 0 1px 2px #333}.wheel button:active{color:#fff}.collection{display:none;margin:20px 0;background:#262626;padding:20px;border:1px solid #444;border-radius:18px}.collection.open{display:block}.eyebrow{font-size:10px;letter-spacing:2px;color:#aaa}.collection h2{font-size:22px;font-weight:500}.libraryTools{display:flex;gap:10px}input{min-width:0;width:100%;padding:11px;border:1px solid #555;border-radius:7px;background:#181818;color:#eee}.libraryTools button,.song button,dialog button,.deviceTools button{padding:9px 12px;background:#333;border:1px solid #555;border-radius:7px}.song{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #444}.song .title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.song small{display:block;font-size:10px;color:#aaa;margin-top:6px}.song .art{background:#444;padding:10px;border-radius:5px}.song.current{color:#7bbdfa}.small,#notice,.empty{color:#aaa;font-size:12px;line-height:1.6}.deviceTools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:16px 0}.deviceTools button{font-size:11px;color:#bbb;background:#2228;border-color:#5558}.noticeBar{max-width:430px;margin:0 auto;padding:0 14px 16px;color:#aaa;font-size:12px;line-height:1.6}.now{padding:20px 14px;display:grid;grid-template-columns:115px 1fr;gap:10px 15px;align-items:center}.now .disc{grid-row:1/3;width:115px;height:115px;display:grid;place-items:center;font-size:60px;background:linear-gradient(140deg,#267dab,#182e57);border:1px solid #555;border-radius:3px;overflow:hidden}.disc img{width:100%;height:100%;object-fit:cover}.now b{font-size:16px;align-self:end;overflow-wrap:anywhere}.now small{font-size:11px;color:#aaa;align-self:start}.now input{grid-column:1/-1;margin-top:17px;padding:0;accent-color:#4a9ee1;height:20px}.times{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:#aaa}.scrubHint{grid-column:1/-1;text-align:center;font-size:10px;color:#999;margin:6px 0}.transport{grid-column:1/-1;display:flex;justify-content:center;gap:25px}.transport button{border:0;background:none;font-size:24px;padding:10px;color:#ccc}dialog{background:#252525;color:#eee;border:1px solid #666;border-radius:15px;width:90%;max-width:500px;max-height:88dvh;padding:25px}dialog::backdrop{background:#0009}dialog p{line-height:1.6;font-size:13px;color:#bbb}dialog label{display:block;font-size:12px;margin:12px 0}dialog a{color:#8bc4ff}.close{float:right}.categoryNote{padding:20px;font-size:14px;line-height:1.7;color:#bbb}.categoryNote button{border:1px solid #555;background:#333;padding:10px;border-radius:6px}.now.emptyNow{padding-top:28px}@media(max-width:450px){main{padding:4px}.pod{border-radius:45px;min-height:calc(100dvh - 8px);padding:58px 13px 30px}.screen{height:44dvh;min-height:310px;max-height:430px}#screenBody{height:calc(100% - 24px)}.wheel{width:65vw;height:65vw;max-width:280px;max-height:280px;margin-top:8dvh}.wheel .wheelCenter{width:35%;height:35%;left:32.5%;top:32.5%}.wheel .wheelTop{left:35%;width:30%}.wheel .wheelBottom{left:40%;width:20%}.wheel .wheelLeft,.wheel .wheelRight{top:calc(50% - 20px)}.screenRow{font-size:clamp(15px,4.7vw,20px);min-height:calc((44dvh - 34px)/8)}.now{grid-template-columns:95px 1fr;padding:15px 12px}.now .disc{width:95px;height:95px}.now b{font-size:14px}.now input{margin-top:8px}.scrubHint{margin:0}.transport button{font-size:20px;padding:5px}}@media(prefers-reduced-motion:no-preference){.screenRow{transition:background .08s}}