*{box-sizing:border-box}body{margin:0;background:#eeede8;color:#3b4035;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh;display:flex;flex-direction:column}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding:25px 35px}header>a:first-child{font-size:17px;font-weight:650;letter-spacing:-.4px}header>a:last-child{font-size:12px;color:#7b8073}main{width:min(100%,430px);padding:17px 28px 25px;margin:auto;display:flex;align-items:center;flex-direction:column}.player{position:relative;width:310px;height:479px;flex-shrink:0;border-radius:34px;background:linear-gradient(110deg,#fff 0%,#fcfcf9 48%,#e3e5e2 100%);border:1px solid #c9ccc7;box-shadow:inset 3px 3px 5px white,inset -3px -3px 5px #babeb7,8px 15px 19px #55594b26,0 32px 24px -22px #43463860;padding:34px 28px}.hold{position:absolute;top:-5px;left:39px;width:38px;height:7px;padding:0;border-radius:3px;background:#aaa99d;border:1px solid #848679}.hold i{display:block;width:22px;height:5px;background:#e1e2da;position:absolute;left:0;top:0;border:1px solid #999c91;border-radius:2px;transition:transform .15s}.hold[aria-pressed=true]{background:#d68b4b}.hold[aria-pressed=true] i{transform:translateX(14px)}.hold-label{position:absolute;top:9px;left:40px;font-size:6px;letter-spacing:1px;color:#a0a396}.screen{height:207px;border-radius:6px;background:#c3d0ab;color:#35402e;border:5px solid #8c9285;box-shadow:0 0 0 1px #c5c9bd,inset 1px 2px 4px #313b3a60;font-family:"Courier New",monospace;font-size:14px;font-weight:700;overflow:hidden;display:flex;flex-direction:column}.status{height:26px;flex-shrink:0;border-bottom:1px solid #7d8a6c;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px}.status strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}#indicator{font-size:11px}#content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#83916e #c3d0ab}.menu{list-style:none;margin:0;padding:0}.menu button{border:0;background:transparent;color:inherit;font:inherit;display:flex;justify-content:space-between;gap:4px;width:100%;text-align:left;padding:3px 8px;min-height:25px;line-height:19px}.menu button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu button small{font-size:10px;align-self:center;white-space:nowrap}.menu .selected{background:#35402e;color:#d0dcba}.menu button:hover:not(.selected){background:#acbd96}.menu button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}#screen-footer{height:19px;flex-shrink:0;border-top:1px solid #7d8a6c;font-size:9px;text-align:center;line-height:18px;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wheel{position:relative;width:194px;height:194px;border-radius:50%;margin:26px auto 0;background:linear-gradient(130deg,#f2f2ee,#dfe1dc);border:1px solid #d6d9d2;box-shadow:inset 0 1px 4px #a8ada442,0 1px 1px white;touch-action:none;user-select:none}.wheel button{position:absolute;border:0;background:none;color:#91988a;font-weight:700;display:grid;place-items:center;padding:0}.wheel button:active{color:#565f4f}.wheel .top{top:4px;left:50%;transform:translateX(-50%);width:78px;height:40px;font-size:12px}.wheel .bottom{bottom:4px;left:50%;transform:translateX(-50%);width:74px;height:40px;font-size:14px}.wheel .left{left:3px;top:50%;transform:translateY(-50%);width:43px;height:66px;font-size:14px}.wheel .right{right:3px;top:50%;transform:translateY(-50%);width:43px;height:66px;font-size:14px}.wheel .centre{left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;background:linear-gradient(125deg,#fff,#eceee8);border-radius:50%;border:1px solid #c9cec3;box-shadow:0 1px 2px #a6ad9c3d}.wheel .centre:active{background:linear-gradient(125deg,#e4e8dd,#f7f9f3);box-shadow:inset 0 1px 3px #b0b9a3}.wheel button:focus-visible{outline:2px solid #748367;outline-offset:2px}.engraving{text-align:center;letter-spacing:1.4px;font-size:5px;margin-top:10px;color:#b2b6aa}.utility{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:28px;height:27px}.utility button,.utility a{font-size:11px;color:#727968;border:0;background:none;padding:3px 0}.utility button:disabled{opacity:.4;cursor:default}.utility button[aria-pressed=true]{color:#3a5c30}.volume{display:flex;gap:12px;align-items:center;margin-top:12px;font-size:10px;color:#818778}.volume input{width:136px;accent-color:#899779;height:14px}.volume output{width:28px}.volume label{font-size:10px}#notice{font-size:11px;color:#637257;text-align:center;min-height:17px;margin:12px 0 0;max-width:330px}details{font-size:11px;color:#7f8576;max-width:310px;text-align:left;margin-top:7px}summary{text-align:center;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}details p{line-height:1.7}footer{padding:12px 30px 22px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 25px;font-size:10px;color:#8c9085}.message{font-size:12px;padding:15px 10px;margin:0;text-align:center;line-height:1.6}.now{padding:10px 11px}.now .location{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.now h1{font-size:18px;line-height:1.15;margin:0 0 6px;max-height:43px;overflow:hidden;overflow-wrap:anywhere}.now .genre{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.now .play-state{margin-top:12px;display:flex;justify-content:space-between;font-size:10px}.now .recovery{display:flex;gap:8px;margin-top:7px}.recovery button{border:1px solid #6d7d5f;background:transparent;font-size:10px;color:inherit;padding:2px 5px}.search{padding:5px 6px;border-bottom:1px solid #879673;display:flex;gap:3px}.search input{min-width:0;width:100%;background:#d3debd;border:1px solid #80936b;border-radius:0;padding:3px;font:11px "Courier New",monospace;color:#35402e}.search button{background:#35402e;color:#d0dcba;border:0;font-size:10px;padding:3px 6px}body.dragging .wheel{cursor:grabbing}[hidden]{display:none!important}@media(max-width:400px){header{padding:19px 22px}main{padding:10px 15px 20px}.player{transform:scale(.96);margin:-9px 0}.utility{margin-top:26px}footer{font-size:9px;padding:14px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}