:root{--screen-w: 246px;--screen-h: 182px;--rule: #c3c8d0;--select-top: #6ea8e8;--select-mid: #2f6fc4;--select-bot: #245ca8;--scale: 1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(180deg,#1c1e22,#0d0e10);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;color:#eaeaea;overscroll-behavior:none}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:hidden}.device{transform:scale(var(--scale));transform-origin:center center;flex-shrink:0;width:292px;border-radius:22px;padding:16px 16px 22px;background:linear-gradient(165deg,#f2f3f4,#dcdee1 38%,#c7cacd 70%,#e6e8ea);box-shadow:0 22px 50px #0000008c,inset 0 1px #ffffffe6,inset 0 -1px #00000026}.bezel{background:#111;border-radius:4px;padding:7px;box-shadow:inset 0 1px 3px #000c}.screen{position:relative;width:var(--screen-w);height:var(--screen-h);background:#eceef1;overflow:hidden;color:#111}.screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,#ffffff52,#fff0 42%)}.titlebar{position:relative;height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;background:linear-gradient(180deg,#fdfdfd,#e7eaef 46%,#c9cfd8 54%,#b4bbc6);border-bottom:1px solid #8e96a3;box-shadow:inset 0 1px #fffffff2}.titlebar-indicator{width:22px;display:flex;align-items:center;color:#3b4049}.titlebar-text{font-size:11px;font-weight:600;color:#2a2f38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.6)}.battery{width:20px;height:9px;border:1px solid #5c626c;border-radius:1.5px;padding:1px;display:block;flex-shrink:0}.battery-fill{display:block;width:72%;height:100%;background:#3c8f3c}.panes{display:flex;height:calc(var(--screen-h) - 20px)}.menu-pane{position:relative;width:57%;border-right:1px solid var(--rule);display:flex}.menu-rows{flex:1;min-width:0}.scrollbar{position:relative;width:5px;flex-shrink:0;background:linear-gradient(90deg,#d4d8de,#e8eaee);border-left:1px solid #c3c8d0}.scrollbar-thumb{position:absolute;left:1px;right:1px;border-radius:2px;background:linear-gradient(90deg,#7d8794,#9aa3ae);box-shadow:inset 0 1px #fff6;transition:top 90ms linear}.row{height:23px;display:flex;align-items:center;gap:4px;padding:0 6px;font-size:11.5px;color:#111}.row-on{background:linear-gradient(180deg,#8fbcf0 0%,var(--select-top) 8%,var(--select-mid) 52%,var(--select-bot) 100%);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000002e}.row-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-detail{font-size:9.5px;flex-shrink:0;color:#8d8d8d}.row-on .row-detail{color:#ffffffd9}.row-chevron{display:flex;align-items:center;opacity:.5;flex-shrink:0;color:#333}.row-on .row-chevron{opacity:.85;color:#fff}.row-empty{color:#9aa0a8;font-style:italic}.preview-pane{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0 5px;min-width:0;background:linear-gradient(180deg,#f6f7f9,#dfe3e8)}.preview-title{font-size:8.5px;font-weight:600;color:#33383f;text-align:center;line-height:1.2;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-meta{font-size:8px;color:#6b7280;letter-spacing:.02em;text-align:center}.cover{border:1px solid rgba(0,0,0,.35);object-fit:cover;background:linear-gradient(150deg,#4a5568,#2d3748);display:block;flex-shrink:0}.cover-empty{display:flex;align-items:flex-end;padding:5px;overflow:hidden}.cover-fallback{font-size:8px;line-height:1.15;font-weight:700;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.np-head{display:flex;gap:9px;padding:8px 9px 0}.np-meta{flex:1;min-width:0;padding-top:1px}.np-title{font-size:12px;font-weight:700;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.np-sub{font-size:9.5px;color:#666;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.np-chapter{margin-top:5px;color:#555}.np-speed{display:inline-block;margin-top:6px;padding:1px 5px;font-size:8.5px;font-weight:600;color:#4a5058;background:linear-gradient(180deg,#e8eaee,#d7dbe1);border:1px solid #b6bcc5;border-radius:7px;box-shadow:inset 0 1px #fffc}.np-bar-wrap{padding:10px 9px 0}.np-bar-labels{display:flex;justify-content:space-between;font-size:9px;color:#444;margin-bottom:3px;letter-spacing:.02em}.np-bar-mode{color:#8a8a8a;font-size:8px}.np-bar-outer{height:9px;border:1px solid #8b919b;border-radius:5px;background:linear-gradient(180deg,#e6e8ec,#fafbfc 55%);box-shadow:inset 0 1px 1px #0000001f;padding:1px}.np-bar-inner{height:100%;min-width:2px;border-radius:4px;background:linear-gradient(180deg,#9cc4f2 0%,#7fb0ea 22%,var(--select-mid) 100%);box-shadow:inset 0 1px #ffffff80;transition:width .24s linear}.wheel{position:relative;margin:26px auto 0;border-radius:50%;background:radial-gradient(circle at 50% 28%,#fcfcfd,#f0f1f3 38%,#dfe1e4 68%,#cbced2);box-shadow:inset 0 2px 4px #fffffff2,inset 0 -4px 10px #00000029,inset 0 0 0 1px #0000000f,0 3px 8px #00000047;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.wheel:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff80,inset 0 1px 2px #0000000d}.wheel-label{position:absolute;display:flex;align-items:center;justify-content:center;color:#92969c;font-size:9.5px;font-weight:700;letter-spacing:.14em;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.8);filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}.wheel-menu{top:9%;left:0;right:0}.wheel-play{bottom:9%;left:0;right:0}.wheel-prev{left:7%;top:50%;transform:translateY(-50%)}.wheel-next{right:7%;top:50%;transform:translateY(-50%)}.wheel-centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:none;padding:0;background:radial-gradient(circle at 50% 32%,#fdfdfe,#f2f3f4 40%,#e2e4e7 72%,#d0d3d7);box-shadow:0 2px 4px #0000004d,0 0 0 1px #00000017,inset 0 1px #fffffff2,inset 0 -2px 4px #00000014;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow 60ms ease}.wheel-centre:active{background:radial-gradient(circle at 50% 32%,#f2f2f3,#e6e7e9 40%,#d6d8db 72%,#c6c9cd);box-shadow:0 1px 2px #00000040,0 0 0 1px #0000001f,inset 0 2px 4px #0000001f}.flow{display:flex;flex-direction:column;height:calc(var(--screen-h) - 20px);background:linear-gradient(180deg,#1b1e24,#0a0b0d 62%,#16181c)}.flow-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;perspective:480px;perspective-origin:50% 42%;transform-style:preserve-3d}.flow-card{position:absolute;width:74px;transform-style:preserve-3d;transition:transform .16s ease-out,opacity .16s ease-out;will-change:transform}.flow-art{display:block;width:74px;height:74px;object-fit:cover;background:linear-gradient(150deg,#4a5568,#2d3748);box-shadow:0 3px 10px #0009}.flow-card-on .flow-art{box-shadow:0 5px 16px #000000bf,0 0 0 1px #ffffff1f}.flow-reflection{overflow:hidden;height:30px;transform:scaleY(-1);opacity:.28;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 90%);mask-image:linear-gradient(to top,transparent 0%,#000 90%)}.flow-reflection .flow-art{box-shadow:none}.flow-caption{padding:4px 9px 8px;text-align:center}.flow-title{font-size:10.5px;font-weight:700;color:#f2f4f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-author{font-size:9px;color:#9aa2ad;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search{display:flex;flex-direction:column;height:calc(var(--screen-h) - 20px);padding:7px 9px 0}.search-query{display:flex;align-items:center;gap:2px;height:20px;padding:0 6px;border:1px solid #a9b0ba;border-radius:3px;background:#fff;box-shadow:inset 0 1px 2px #0000001a}.search-query-text{font-size:12px;font-weight:600;color:#14181e;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-query-empty{font-size:9.5px;color:#9aa1aa;font-style:italic}.search-caret{width:1px;height:12px;background:#2f6fc4;animation:podium-caret 1s step-end infinite}@keyframes podium-caret{50%{opacity:0}}.search-letters{display:flex;align-items:center;justify-content:center;gap:7px;height:34px;margin-top:6px}.letter{font-size:13px;color:#6b7280;min-width:9px;text-align:center;transition:transform 90ms ease}.letter-on{font-size:19px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--select-top),var(--select-bot));border-radius:3px;padding:1px 5px;text-shadow:0 1px 0 rgba(0,0,0,.3)}.search-results{flex:1;min-height:0;padding-top:6px}.search-count{font-size:9px;color:#6b7280;letter-spacing:.03em}.search-top{display:flex;align-items:center;gap:6px;margin-top:5px}.search-top-title{font-size:10px;font-weight:600;color:#23272d;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-none{font-size:10px;color:#9aa1aa;font-style:italic}.device[data-theme=dark] .screen{background:#0b0d10;color:#d8dee6}.device[data-theme=dark] .titlebar{background:linear-gradient(180deg,#2b3038,#232830 46%,#1a1e25 54%,#14181e);border-bottom-color:#363c46;box-shadow:inset 0 1px #ffffff17}.device[data-theme=dark] .titlebar-text{color:#dfe5ec;text-shadow:0 1px 0 rgba(0,0,0,.6)}.device[data-theme=dark] .titlebar-indicator{color:#b9c2cc}.device[data-theme=dark] .battery{border-color:#737c88}.device[data-theme=dark] .menu-pane{border-right-color:#2c313a}.device[data-theme=dark] .row{color:#d8dee6}.device[data-theme=dark] .row-detail{color:#79818d}.device[data-theme=dark] .row-chevron{color:#cdd4dc}.device[data-theme=dark] .row-empty{color:#6a727d}.device[data-theme=dark] .scrollbar{background:linear-gradient(90deg,#171b21,#1e232a);border-left-color:#2c313a}.device[data-theme=dark] .scrollbar-thumb{background:linear-gradient(90deg,#4d5561,#626b78);box-shadow:none}.device[data-theme=dark] .preview-pane{background:linear-gradient(180deg,#12151a,#0b0d10)}.device[data-theme=dark] .preview-title{color:#c3cad3}.device[data-theme=dark] .preview-meta{color:#79818d}.device[data-theme=dark] .np-title{color:#e6ebf1}.device[data-theme=dark] .np-sub{color:#98a1ac}.device[data-theme=dark] .np-chapter{color:#aab3bd}.device[data-theme=dark] .np-speed{color:#c3cad3;background:linear-gradient(180deg,#262c35,#1b2027);border-color:#3a414c;box-shadow:inset 0 1px #ffffff12}.device[data-theme=dark] .np-bar-labels{color:#b3bcc6}.device[data-theme=dark] .np-bar-outer{border-color:#4a515c;background:linear-gradient(180deg,#0e1116,#171b21 55%);box-shadow:inset 0 1px 1px #00000080}.device[data-theme=dark] .cover{border-color:#ffffff24}.device[data-theme=dark] .search-query{background:#12161b;border-color:#3c434e;box-shadow:inset 0 1px 2px #00000080}.device[data-theme=dark] .search-query-text{color:#e6ebf1}.device[data-theme=dark] .search-query-empty,.device[data-theme=dark] .search-none{color:#6f7883}.device[data-theme=dark] .letter{color:#98a1ac}.device[data-theme=dark] .search-count{color:#79818d}.device[data-theme=dark] .search-top-title{color:#d8dee6}.device[data-theme=dark] .screen:after{background:linear-gradient(115deg,#ffffff12,#fff0 42%)}.device[data-finish=black]{background:linear-gradient(165deg,#4a4c50,#303236,#212327 68%,#3a3c40);box-shadow:0 22px 50px #000000a6,inset 0 1px #ffffff38,inset 0 -1px #00000080}.device[data-finish=black] .bezel{background:#0a0a0b;box-shadow:inset 0 1px 3px #000000e6}.device[data-finish=black] .wheel{background:radial-gradient(circle at 50% 28%,#45474b,#393b3f 38%,#2c2e32 68%,#232528);box-shadow:inset 0 2px 4px #ffffff24,inset 0 -4px 10px #0000008c,inset 0 0 0 1px #0006,0 3px 8px #00000073}.device[data-finish=black] .wheel:before{box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px 2px #0000004d}.device[data-finish=black] .wheel-label{color:#9ea3a9;text-shadow:0 1px 0 rgba(0,0,0,.6);filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}.device[data-finish=black] .wheel-centre{background:radial-gradient(circle at 50% 32%,#4c4e52,#404246 40%,#333539 72%,#292b2e);box-shadow:0 2px 4px #0000008c,0 0 0 1px #00000080,inset 0 1px #ffffff29,inset 0 -2px 4px #0000004d}.device[data-finish=black] .wheel-centre:active{background:radial-gradient(circle at 50% 32%,#414347,#37393c 40%,#2c2e31 72%,#232527);box-shadow:0 1px 2px #00000080,0 0 0 1px #0000008c,inset 0 2px 4px #00000073}.login{width:292px;padding:20px;border-radius:14px;background:#17191d;border:1px solid #2a2d33;display:flex;flex-direction:column;gap:10px}.login h1{margin:0 0 4px;font-size:17px;font-weight:600}.login p{margin:0 0 8px;font-size:12px;color:#9aa0a8;line-height:1.45}.login input{padding:10px;border-radius:8px;border:1px solid #333840;background:#0e1013;color:#eaeaea;font-size:16px}.login button{padding:11px;border-radius:8px;border:none;background:var(--select-mid);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.login button:disabled{opacity:.5}.login .error{color:#e88;font-size:12px;margin:0}.hint{color:#7d838a;font-size:11px;max-width:280px;text-align:center;line-height:1.5;margin:0}@media(max-width:700px),(max-height:760px){.app{gap:0;padding:0}.hint{display:none}}.login-source{display:flex;gap:6px;margin-bottom:4px}.login-tab{flex:1;min-height:34px;border-radius:8px;border:1px solid #333840;background:#0e1013;color:#8a919b;font-size:13px;font-weight:600;cursor:pointer}.login-tab-on{background:var(--select-mid);border-color:var(--select-mid);color:#fff}.m-app{--bg: #0e1013;--surface: #171a1f;--surface-2: #1f242b;--line: #2a3038;--text: #e8ecf1;--muted: #98a1ad;--accent: #4a90e2;min-height:100dvh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.m-app[data-theme=light]{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f4;--line: #dde2e8;--text: #14181e;--muted: #667081;--accent: #2f6fc4}.m-head{position:sticky;top:0;z-index:20;background:var(--bg);padding:max(10px,env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--line)}.m-brand{margin:0 0 8px;font-size:20px;font-weight:700;letter-spacing:-.02em}.m-search{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:16px}.m-search::placeholder{color:var(--muted)}.m-error{margin:10px 14px 0;padding:9px 12px;border-radius:8px;background:#58212a;color:#ffd9de;font-size:13px}.m-tabs{display:flex;gap:6px;padding:10px 14px 0}.m-tab{flex:1;min-height:34px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;font-size:13px;font-weight:600}.m-tab-on{background:var(--accent);border-color:var(--accent);color:#fff}.m-main{flex:1;padding:12px 14px 0}.m-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 12px}.m-card{display:flex;flex-direction:column;gap:5px;padding:0;border:none;background:none;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-art-wrap{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--surface-2);box-shadow:0 3px 10px #00000059}.m-art{width:100%;height:100%;object-fit:cover;display:block}.m-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#00000073;display:block}.m-progress>span{display:block;height:100%;background:var(--accent)}.m-card-title{font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.m-card-author{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-empty{color:var(--muted);font-size:14px;padding:24px 0;text-align:center}.m-list{display:flex;flex-direction:column;gap:8px}.m-series{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.m-series>summary{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;font-size:14px;font-weight:600;cursor:pointer;list-style:none}.m-series>summary::-webkit-details-marker{display:none}.m-count{color:var(--muted);font-size:12px;font-weight:500}.m-series-books{border-top:1px solid var(--line)}.m-row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 14px;border:none;border-bottom:1px solid var(--line);background:none;color:inherit;text-align:left;cursor:pointer}.m-row:last-child{border-bottom:none}.m-row-art{width:38px;height:38px;border-radius:5px;object-fit:cover;background:var(--surface-2);flex-shrink:0}.m-row-title{font-size:13.5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.m-mini{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;text-align:left;cursor:pointer;box-shadow:0 6px 20px #0006}.m-mini-art{width:42px;height:42px;border-radius:6px;object-fit:cover;flex-shrink:0}.m-mini-text{flex:1;min-width:0;display:flex;flex-direction:column}.m-mini-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-mini-sub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-mini-play{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;flex-shrink:0}.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.m-sheet,.m-modal-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:9px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.m-modal-card h2{margin:0;font-size:17px}.m-modal-card p{margin:0 0 4px;font-size:13px;color:var(--muted)}.m-sheet-head{display:flex;gap:13px;margin-bottom:6px}.m-sheet-art{width:96px;height:96px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.m-sheet-title{margin:0 0 4px;font-size:16px;line-height:1.25}.m-sheet-meta{margin:0 0 2px;font-size:12.5px;color:var(--muted)}.m-primary,.m-ghost{min-height:46px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--line)}.m-primary{background:var(--accent);border-color:var(--accent);color:#fff}.m-ghost{background:var(--surface-2);color:var(--text)}.m-now{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:12px}.m-now-close{align-self:flex-start;width:44px;height:44px;border:none;background:none;color:var(--muted);font-size:20px;cursor:pointer}.m-now-art{width:min(280px,74vw);aspect-ratio:1;border-radius:12px;object-fit:cover;background:var(--surface-2);box-shadow:0 14px 40px #0000008c}.m-now-meta{text-align:center;max-width:420px}.m-now-meta h2{margin:0 0 3px;font-size:18px;line-height:1.25}.m-now-meta p{margin:0;font-size:13px;color:var(--muted)}.m-now-chapter{margin-top:5px!important;color:var(--accent)!important}.m-scrub{width:100%;max-width:420px;padding:14px 0;cursor:pointer;touch-action:none}.m-scrub-track{position:relative;height:4px;border-radius:2px;background:var(--surface-2)}.m-scrub-fill{height:100%;border-radius:2px;background:var(--accent)}.m-scrub-thumb{position:absolute;top:50%;width:15px;height:15px;margin-left:-7.5px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 1px 4px #00000080}.m-times{width:100%;max-width:420px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:-8px}.m-transport{display:flex;align-items:center;gap:26px;margin-top:4px}.m-transport button{width:52px;height:52px;border:none;border-radius:50%;background:none;color:var(--text);font-size:21px;cursor:pointer}.m-transport .m-big{width:68px;height:68px;background:var(--accent);color:#fff;font-size:22px}.m-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:420px}.m-actions button{min-height:38px;padding:0 14px;border-radius:19px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:13px;cursor:pointer}.m-panel{width:100%;max-width:420px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.m-panel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:46px;padding:6px 13px;border:none;border-bottom:1px solid var(--line);background:none;color:inherit;font-size:13.5px;text-align:left;cursor:pointer}.m-panel-row:last-child{border-bottom:none}.m-panel-row-on{background:var(--surface-2);color:var(--accent)}.m-panel-jump{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0}.m-panel-time{color:var(--muted);font-size:12px;flex-shrink:0}.m-panel-del{width:34px;height:34px;border:none;background:none;color:var(--muted);font-size:14px;cursor:pointer;flex-shrink:0}.m-skin-switch{position:fixed;top:max(14px,env(safe-area-inset-top));right:14px;z-index:25;min-height:30px;padding:0 11px;border-radius:15px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;cursor:pointer}.shelf{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:#12151a;color:#e8ecf1;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}.shelf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.shelf-head h2{margin:0;font-size:16px;letter-spacing:.14em;text-transform:uppercase}.shelf-close{min-height:34px;padding:0 13px;border-radius:17px;border:1px solid #2f353d;background:#1c2027;color:#aeb6c0;font-size:12px;cursor:pointer}.shelf-empty{color:#7d858f;text-align:center;padding:30px 0}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:14px 11px}.shelf-card{display:flex;flex-direction:column;gap:5px;padding:0;border:none;background:none;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.shelf-art{position:relative;display:block;overflow:hidden;background:#23272d;box-shadow:inset 0 0 0 1px #ffffff0f,0 3px 9px #00000073}.shelf-art img{width:100%;height:100%;object-fit:cover;display:block}.shelf[data-medium=cassette] .shelf-art{aspect-ratio:1.6;border-radius:3px}.shelf[data-medium=cassette] .shelf-art:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent);z-index:1}.shelf[data-medium=disc] .shelf-art{aspect-ratio:1;border-radius:2px;border-left:6px solid #3a3f47}.shelf[data-medium=disc] .shelf-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,rgba(255,255,255,.14),transparent 45%)}.shelf[data-medium=minidisc] .shelf-art{aspect-ratio:1.07;border-radius:4px;clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,0 100%)}.shelf[data-medium=minidisc] .shelf-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,#b9bec5,#8e949c);box-shadow:inset 0 1px #ffffff80}.shelf-title{font-size:12px;font-weight:600;line-height:1.24;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-author{font-size:10.5px;color:#858d97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 0%,#2b2f36,#16191d 60%,#0c0e11);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;color:#e8ecf1}.wm-body{width:min(380px,100%);border-radius:14px;padding:16px 16px 18px;background:repeating-linear-gradient(90deg,#ffffff09,#ffffff09 1px,#00000008 1px,#00000008 3px),linear-gradient(165deg,#8e949c,#6f757d,#575d65 68%,#7c828a);box-shadow:0 24px 54px #0000009e,inset 0 1px #ffffff6b,inset 0 -2px #00000057}.wm-brand{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px;padding:0 2px}.wm-brand-mark{font-size:13px;font-weight:800;letter-spacing:.24em;color:#22262b;text-shadow:0 1px 0 rgba(255,255,255,.34)}.wm-brand-sub{font-size:7px;letter-spacing:.16em;color:#3d434a;text-shadow:0 1px 0 rgba(255,255,255,.26)}.wm-window{border-radius:6px;padding:9px;background:linear-gradient(180deg,#14161a,#1d2126);box-shadow:inset 0 2px 7px #000000d9,0 1px #ffffff3d}.wm-cassette{position:relative;border-radius:4px;padding:10px 11px 9px;background:linear-gradient(160deg,#2f333a,#23272c 52%,#2a2e34);box-shadow:inset 0 1px #ffffff17,0 2px 5px #00000080;overflow:hidden}.wm-cassette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(114deg,#ffffff17,#fff0 46%)}.wm-label{margin-bottom:9px;padding:5px 7px;border-radius:2px;background:linear-gradient(180deg,#e8e2d2,#d8d2c0);box-shadow:inset 0 -1px #00000024}.wm-label-title{font-size:11.5px;font-weight:700;color:#21242a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.wm-label-author{font-size:9px;color:#5d5f63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.wm-reels{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.wm-reel-wrap{position:relative;width:76px;height:76px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#101216,#16191e 70%,#1b1f24);box-shadow:inset 0 1px 3px #000c}.wm-tape{position:absolute;border-radius:50%;background:repeating-radial-gradient(circle,#3a3027,#3a3027 1px,#2c241d 1px,#2c241d 2px);box-shadow:inset 0 0 6px #000000a6,0 0 0 1px #0006;transition:width .42s linear,height .42s linear}.wm-hub{position:relative;width:26px;height:26px;border-radius:50%;background:linear-gradient(160deg,#d8dade,#9aa0a8);box-shadow:inset 0 1px #fff9,0 1px 3px #00000080}.wm-tooth{position:absolute;top:50%;left:50%;width:3px;height:11px;margin-left:-1.5px;border-radius:1px;background:#4c5058;transform-origin:50% 0}.wm-hub-spin{animation:wm-turn 1.6s linear infinite}@keyframes wm-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.wm-hub-spin{animation:none}}.wm-tape-path{flex:1;height:3px;border-radius:2px;background:linear-gradient(180deg,#3a3027,#241d17);box-shadow:0 1px #ffffff0d}.wm-counter{display:flex;justify-content:space-between;margin-top:9px;padding:3px 6px;border-radius:2px;background:#101216;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.06em;color:#8fd6a8;text-shadow:0 0 6px rgba(143,214,168,.45)}.wm-counter-total{color:#4f7d61;text-shadow:none}.wm-error{margin-top:10px;padding:7px 9px;border-radius:4px;background:#58212a;color:#ffd9de;font-size:12px}.wm-transport{display:flex;gap:5px;margin-top:13px}.wm-key{flex:1;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;border-radius:4px;cursor:pointer;color:#22262b;background:linear-gradient(180deg,#cfd3d8,#b3b8bf 52%,#9ba1a8);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #00000038,0 2px #00000052,0 3px 6px #0000005c;-webkit-tap-highlight-color:transparent;transition:transform 40ms ease,box-shadow 40ms ease}.wm-key-wide{flex:1.5}.wm-key:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 3px #0000004d,0 0 #0000}.wm-key:disabled{opacity:.42;cursor:default}.wm-glyph{font-size:13px;line-height:1}.wm-key-label{font-size:7.5px;font-weight:700;letter-spacing:.12em;color:#3d434a}.wm-dials{display:flex;gap:6px;margin-top:9px}.wm-dial{flex:1;min-height:30px;border-radius:15px;border:1px solid rgba(0,0,0,.24);background:linear-gradient(180deg,#767c84,#5c626a);color:#e2e6ea;font-size:9px;font-weight:700;letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 1px #ffffff3d}.wm-dial strong{font-weight:800;letter-spacing:.04em}.dm-app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 0%,#30343b,#17191d 62%,#0c0d10);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;color:#e8ecf1}.dm-body{width:min(360px,100%);border-radius:46% 46% 20px 20px/38% 38% 20px 20px;padding:18px 16px 16px;background:linear-gradient(170deg,#c9ccd1,#a9adb3 45%,#8f949b);box-shadow:0 26px 56px #0000009e,inset 0 2px #ffffff8c,inset 0 -3px #00000047}.dm-lid{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#d3d6da,#b3b7bd 58%,#9ca1a8);box-shadow:inset 0 2px 3px #fff9,inset 0 -4px 10px #00000038,0 2px 4px #0000004d}.dm-lid-ring{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024,inset 0 1px #ffffff80;pointer-events:none}.dm-window{position:relative;width:64%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 40% 32%,#3b4048,#1a1d22 70%);box-shadow:inset 0 3px 10px #000000bf,0 0 0 3px #0000002e}.dm-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,transparent 42%)}.dm-disc{position:relative;width:92%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#c8ccd2}.dm-disc-spin{animation:dm-spin .9s linear infinite}@keyframes dm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dm-disc-spin{animation:none}}.dm-disc-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dm-disc-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;mix-blend-mode:screen;opacity:.32;background:conic-gradient(from 20deg,#ff6b6b,#ffd93d,#6bff95,#6bcbff,#b96bff,#ff6b6b);-webkit-mask-image:radial-gradient(circle,transparent 22%,#000 24%);mask-image:radial-gradient(circle,transparent 22%,#000 24%)}.dm-disc-hub{position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;background:radial-gradient(circle,#15181c 0,#15181c 32%,#dce1e88c 34%,#dce1e88c);box-shadow:0 0 0 1px #00000040}.dm-empty{font-size:11px;font-weight:700;letter-spacing:.2em;color:#6f7680}.dm-lid-print{position:absolute;bottom:9%;display:flex;flex-direction:column;align-items:center;gap:1px}.dm-print-mark{font-size:12px;font-weight:800;letter-spacing:.26em;color:#3a3f46;text-shadow:0 1px 0 rgba(255,255,255,.45)}.dm-print-sub{font-size:6.5px;letter-spacing:.16em;color:#4b5058}.dm-edge{margin-top:14px}.dm-lcd{border-radius:5px;padding:7px 9px 6px;background:linear-gradient(180deg,#a9b39c,#97a28a);color:#1d2419;box-shadow:inset 0 2px 4px #00000059,0 1px #ffffff73}.dm-lcd-row{display:flex;align-items:baseline;gap:6px}.dm-lcd-label{font-size:7.5px;font-weight:700;letter-spacing:.12em}.dm-lcd-of{font-size:10px;font-variant-numeric:tabular-nums;opacity:.75}.dm-seg{position:relative;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em}.dm-seg-time{margin-left:auto;font-size:18px}.dm-seg-ghost{opacity:.1}.dm-seg-live{position:absolute;right:0;top:0}.dm-lcd-title{margin-top:4px;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-lcd-flags{display:flex;gap:9px;margin-top:3px;font-size:8px;font-weight:700;letter-spacing:.08em}.dm-lcd-flags span{opacity:.14}.dm-lcd-flags span.on{opacity:1}.dm-error{margin-top:8px;padding:7px 9px;border-radius:4px;background:#58212a;color:#ffd9de;font-size:12px}.dm-keys{display:flex;gap:7px;margin-top:11px}.dm-key{flex:1;min-height:46px;border:none;border-radius:23px;cursor:pointer;font-size:15px;color:#2a2e34;background:linear-gradient(180deg,#e2e4e7,#bfc3c9);box-shadow:inset 0 1px #fffc,inset 0 -2px #00000024,0 2px 4px #00000052;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform 50ms ease,box-shadow 50ms ease}.dm-key-play{flex:1.4;color:#fff;background:linear-gradient(180deg,#5c8fd6,#2f63ad);box-shadow:inset 0 1px #fff6,inset 0 -2px #00000040,0 2px 4px #00000059}.dm-key:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 4px #0000004d}.dm-key:disabled{opacity:.4;cursor:default}.dm-small{display:flex;gap:5px;margin-top:9px}.dm-pill{flex:1;min-height:28px;border-radius:14px;border:1px solid rgba(0,0,0,.18);background:linear-gradient(180deg,#9ea3aa,#82878f);color:#f1f3f5;font-size:8.5px;font-weight:700;letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 1px #ffffff4d}.md-app{--md-top: #c9c3d8;--md-mid: #a39cb8;--md-bot: #8a83a1;--md-ink: #2c2838;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 0%,#2c2a36,#16151c 62%,#0b0b0f);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;color:#e8ecf1}.md-app[data-finish=black]{--md-top: #3b4666;--md-mid: #27304d;--md-bot: #1b2239;--md-ink: #c9d2ea}.md-player{position:relative;width:min(330px,calc(100% - 22px));margin-right:22px}.md-face{border-radius:12px;padding:15px 15px 14px;background:repeating-linear-gradient(0deg,#ffffff08 0,#ffffff08 1px,#00000006 1px,#00000006 3px),linear-gradient(160deg,var(--md-top) 0%,var(--md-mid) 50%,var(--md-bot) 100%);box-shadow:0 24px 52px #0009,inset 0 1px #ffffff73,inset 0 -2px #0000004d;color:var(--md-ink)}.md-brand{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.md-mark{font-size:12px;font-weight:800;letter-spacing:.26em}.md-type{font-size:7px;letter-spacing:.2em;opacity:.75}.md-lcd{border-radius:4px;padding:6px 8px;background:#0f1a22;color:#bfe6ff;text-shadow:0 0 5px rgba(120,200,255,.55);box-shadow:inset 0 2px 5px #000c,0 1px #ffffff59;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.md-lcd-top{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.md-track{font-size:18px;font-weight:700}.md-state{font-size:11px}.md-time{margin-left:auto;font-size:15px;font-weight:700}.md-marquee{margin-top:3px;overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.md-marquee-text{display:inline-block;animation-name:md-scroll;animation-timing-function:linear;animation-iteration-count:infinite}.md-marquee-gap{display:inline-block;width:3em}@keyframes md-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.md-marquee-text{animation:none}}.md-window{position:relative;margin:12px auto 0;width:62%;aspect-ratio:1.07;border-radius:6px;overflow:hidden;clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,0 100%);background:#1c1f26;box-shadow:inset 0 2px 6px #000000b3}.md-label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.md-shutter{position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(180deg,#c6cbd2,#8f959d);box-shadow:inset 0 1px #fff9,0 -1px 2px #00000059}.md-error{margin-top:9px;padding:7px 9px;border-radius:4px;background:#58212a;color:#ffd9de;font-size:12px}.md-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.md-btn{flex:1 1 auto;min-height:30px;padding:0 8px;border-radius:6px;border:1px solid rgba(0,0,0,.2);background:linear-gradient(180deg,#ffffff47,#00000014);color:inherit;font-size:8.5px;font-weight:700;letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 1px #ffffff59}.md-btn:active{transform:translateY(1px)}.md-jog{position:absolute;top:34%;right:-22px;width:30px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 0;border-radius:8px;background:linear-gradient(90deg,#6f6a80,#4f4b5f);box-shadow:0 3px 8px #00000080,inset 0 1px #ffffff40;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.md-jog:focus-visible{outline:2px solid #9fd0ff;outline-offset:2px}.md-jog-ribs{position:relative;flex:1;width:22px;margin:3px 0;border-radius:4px;background:repeating-linear-gradient(180deg,#d9dbe2 0,#d9dbe2 2px,#7b7890 2px,#7b7890 5px);box-shadow:inset 0 0 3px #0009}.md-jog-ribs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 28%,transparent 72%,rgba(0,0,0,.55))}.md-jog-hint{font-size:7px;color:#d7d4e2;line-height:1}.sh-app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(110% 80% at 50% 10%,#f4f5f7,#dfe2e6 55%,#c7cbd1);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;color:#22262c}.sh-stage{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(320px,100%)}.sh-device{--al-top: #e9ebee;--al-bot: #b9bdc3;--pad: #f4f5f6;--pad-ink: #8b9096;width:min(236px,72vw);aspect-ratio:1;border-radius:13%;padding:0 0 10%;display:flex;flex-direction:column;background:repeating-linear-gradient(90deg,#ffffff0d 0,#ffffff0d 1px,#00000006 1px,#00000006 2px),linear-gradient(160deg,var(--al-top),var(--al-bot));box-shadow:0 22px 44px #00000047,inset 0 2px #ffffffb3,inset 0 -3px #00000024}.sh-device[data-colour=blue]{--al-top: #8fd0ef;--al-bot: #3e97c4}.sh-device[data-colour=green]{--al-top: #b5e38c;--al-bot: #6caf3d}.sh-device[data-colour=pink]{--al-top: #f7b6d2;--al-bot: #d9679a}.sh-device[data-colour=orange]{--al-top: #ffc98a;--al-bot: #e98a2c}.sh-top{display:flex;align-items:center;justify-content:center;gap:10px;height:20%}.sh-jack{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#1b1d21 45%,#6b7078 50%,#9aa0a7 75%);box-shadow:inset 0 1px 2px #0009}.sh-switch{display:flex;padding:2px;border-radius:7px;background:#00000038;box-shadow:inset 0 1px 2px #00000059}.sh-pos{min-width:34px;min-height:24px;border:none;border-radius:5px;background:transparent;color:#ffffffd9;font-size:11px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.sh-pos:first-child{font-size:8px;letter-spacing:.06em}.sh-pos-on{background:linear-gradient(180deg,#f5f6f8,#c9cdd3);color:#3a3f46;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffffe6}.sh-led{width:7px;height:7px;border-radius:50%;background:#4a4e55;box-shadow:inset 0 1px 1px #00000080;animation:sh-ack .38s ease-out}.sh-led-green,.sh-led-green-dim{background:#46e06a;box-shadow:0 0 7px #46e06a}.sh-led-green-dim{opacity:.45}.sh-led-green{animation:sh-ack .38s ease-out,sh-breathe 2.4s ease-in-out .38s infinite}.sh-led-orange{background:#ffa733;box-shadow:0 0 7px #ffa733}@keyframes sh-ack{0%{filter:brightness(2.2);transform:scale(1.35)}to{filter:none;transform:none}}@keyframes sh-breathe{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.sh-led{animation:none}}.sh-face{flex:1;display:grid;place-items:center}.sh-pad{position:relative;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffffff,var(--pad) 60%,#dfe2e6);box-shadow:0 2px 5px #00000038,inset 0 -2px 4px #00000014,0 0 0 1px #0000000d}.sh-ring{position:absolute;width:34%;height:34%;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--pad-ink);font-size:15px;font-weight:700;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sh-ring:active{background:#0000000f}.sh-ring-up{top:0;left:33%;font-size:20px}.sh-ring-down{bottom:0;left:33%;font-size:20px}.sh-ring-left{left:0;top:33%}.sh-ring-right{right:0;top:33%}.sh-centre{position:absolute;top:33%;right:33%;bottom:33%;left:33%;border:none;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#eceef0 70%,#dcdfe3);box-shadow:0 1px 3px #00000040,inset 0 1px #ffffffe6;color:var(--pad-ink);font-size:10px;letter-spacing:-.05em;cursor:pointer;-webkit-tap-highlight-color:transparent}.sh-centre:active{box-shadow:inset 0 2px 4px #0003}.sh-caption{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:60px;text-align:center;font-size:13px;color:#4a5059}.sh-caption strong{font-size:14px;color:#22262c;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-mode{font-size:11px;color:#6b7280}.sh-note{margin-top:2px;font-size:10.5px;color:#8a9099}.sh-error{margin-top:4px;font-size:12px;color:#b3263a}.sh-tray{display:flex;align-items:center;gap:16px}.sh-colours{display:flex;gap:9px}.sh-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;background:linear-gradient(160deg,#e9ebee,#b9bdc3);box-shadow:0 1px 3px #00000040}.sh-swatch[data-colour=blue]{background:linear-gradient(160deg,#8fd0ef,#3e97c4)}.sh-swatch[data-colour=green]{background:linear-gradient(160deg,#b5e38c,#6caf3d)}.sh-swatch[data-colour=pink]{background:linear-gradient(160deg,#f7b6d2,#d9679a)}.sh-swatch[data-colour=orange]{background:linear-gradient(160deg,#ffc98a,#e98a2c)}.sh-swatch-on{border-color:#2b3038}.sh-skin{min-height:30px;padding:0 13px;border-radius:15px;border:1px solid #b8bdc4;background:#f4f5f7;color:#4a5059;font-size:12px;cursor:pointer}.sp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#0000008c;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}.sp-sheet{width:min(520px,100%);max-height:88dvh;overflow-y:auto;padding:16px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#16191e;color:#e8ecf1;box-shadow:0 -10px 40px #00000080}.sp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sp-head h2{margin:0;font-size:16px}.sp-close{min-height:34px;padding:0 13px;border-radius:17px;border:1px solid #2f353d;background:#1f242b;color:#aeb6c0;font-size:12px;cursor:pointer}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.sp-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:112px;padding:12px;border-radius:12px;border:1px solid #2a3038;background:#1c2027;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.sp-tile-on{border-color:#4a90e2;box-shadow:inset 0 0 0 1px #4a90e2}.sp-name{font-size:14px;font-weight:700}.sp-blurb{font-size:11.5px;line-height:1.3;color:#98a1ad}.sp-icon{position:relative;width:34px;height:40px;margin-bottom:4px}.sp-icon[data-skin=classic]{border-radius:5px;background:linear-gradient(160deg,#e9ebee,#b9bdc3)}.sp-icon[data-skin=classic]:before{content:"";position:absolute;left:5px;right:5px;top:4px;height:13px;border-radius:1px;background:#3b6fb8}.sp-icon[data-skin=classic]:after{content:"";position:absolute;left:50%;bottom:3px;width:17px;height:17px;margin-left:-8.5px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 6px #c9ccd1}.sp-icon[data-skin=modern]{background:linear-gradient(#4a90e2,#4a90e2) 0 0 / 15px 17px no-repeat,linear-gradient(#e2a64a,#e2a64a) 19px 0 / 15px 17px no-repeat,linear-gradient(#5fbf8a,#5fbf8a) 0 21px / 15px 17px no-repeat,linear-gradient(#c75a7a,#c75a7a) 19px 21px / 15px 17px no-repeat}.sp-icon[data-skin=walkman]{height:24px;margin-top:8px;margin-bottom:12px;border-radius:3px;background:#2f333a}.sp-icon[data-skin=walkman]:before,.sp-icon[data-skin=walkman]:after{content:"";position:absolute;top:7px;width:10px;height:10px;border-radius:50%;background:#d8dade;box-shadow:inset 0 0 0 3px #5b4636}.sp-icon[data-skin=walkman]:before{left:4px}.sp-icon[data-skin=walkman]:after{right:4px}.sp-icon[data-skin=discman]{width:38px;height:38px;border-radius:50%;background:conic-gradient(#ff8c8c,#ffe08a,#8cffb0,#8cd2ff,#c48cff,#ff8c8c);box-shadow:inset 0 0 0 1px #0000004d}.sp-icon[data-skin=discman]:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:#1c2027}.sp-icon[data-skin=minidisc]{width:36px;height:34px;border-radius:3px;clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,0 100%);background:linear-gradient(160deg,#7f7aa0,#4f4b6b)}.sp-icon[data-skin=minidisc]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:11px;background:#c3c8cf}.sp-icon[data-skin=shuffle]{width:34px;height:34px;border-radius:6px;background:linear-gradient(160deg,#8fd0ef,#3e97c4)}.sp-icon[data-skin=shuffle]:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#f4f5f6;box-shadow:inset 0 0 0 7px #f4f5f6,inset 0 0 0 8px #cfd3d8}