.mini[data-v-0d12bfdc]{position:fixed;left:8px;right:8px;bottom:calc(56px + env(safe-area-inset-bottom,0));height:60px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;padding:6px 8px;z-index:45;gap:10px;box-shadow:0 6px 16px #0006}.cover[data-v-0d12bfdc]{width:48px;height:48px;border-radius:6px;object-fit:cover;flex:0 0 auto}.cover.fallback[data-v-0d12bfdc]{background:var(--bg-3);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:24px}.info[data-v-0d12bfdc]{flex:1;min-width:0}.title[data-v-0d12bfdc]{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta[data-v-0d12bfdc]{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-top:2px}.progress[data-v-0d12bfdc]{height:3px;background:var(--border);border-radius:2px;margin-top:4px;overflow:hidden}.fill[data-v-0d12bfdc]{height:100%;background:var(--accent)}.pp[data-v-0d12bfdc]{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#111;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.header[data-v-e5ee6548]{position:sticky;top:0;z-index:50;display:flex;align-items:center;height:52px;padding:0 12px;background:var(--bg-2);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top,0)}.brand[data-v-e5ee6548]{font-weight:800;font-size:20px;letter-spacing:.5px;color:var(--accent)}.back-btn[data-v-e5ee6548]{font-size:32px;line-height:1;width:36px;height:36px;color:var(--text);margin-right:4px}.header-spacer[data-v-e5ee6548]{flex:1}.header-btn[data-v-e5ee6548]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text);text-decoration:none;border-radius:8px}.header-btn[data-v-e5ee6548]:hover{background:var(--bg)}.main[data-v-e5ee6548]{flex:1;width:100%}.bottom-nav[data-v-e5ee6548]{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-2);border-top:1px solid var(--border);z-index:40;padding-bottom:env(safe-area-inset-bottom,0)}.nav-tab[data-v-e5ee6548]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;color:var(--text-dim);font-size:11px;position:relative;text-decoration:none}.nav-tab .icon[data-v-e5ee6548]{font-size:20px;line-height:1;margin-bottom:2px}.nav-tab.active[data-v-e5ee6548]{color:var(--accent)}.badge[data-v-e5ee6548]{position:absolute;top:4px;right:calc(50% - 22px);background:var(--accent);color:#111;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px;min-width:16px;text-align:center}.hero-link[data-v-a4113aa5]{display:block;text-decoration:none}.hero[data-v-a4113aa5]{background:linear-gradient(135deg,#f93,#c40);margin:-12px -12px 18px;padding:22px 16px;border-radius:0 0 16px 16px;color:#fff;position:relative;overflow:hidden}.hero-tag[data-v-a4113aa5]{display:inline-block;background:#0006;font-size:11px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:4px;margin-bottom:6px}.hero-title[data-v-a4113aa5]{font-size:22px;font-weight:800;margin:0 0 4px}.hero-sub[data-v-a4113aa5]{margin:0;font-size:13px;opacity:.9}.section-title[data-v-a4113aa5]{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--text-dim);letter-spacing:1px;margin:6px 0 12px}.cat-grid[data-v-a4113aa5]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 600px){.cat-grid[data-v-a4113aa5]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.cat-grid[data-v-a4113aa5]{grid-template-columns:repeat(4,1fr)}}.cat-card[data-v-a4113aa5]{display:block;text-decoration:none;border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:transform .15s}.cat-card[data-v-a4113aa5]:active{transform:scale(.97)}.cat-cover[data-v-a4113aa5]{position:relative;aspect-ratio:4 / 3;background:var(--bg-3)}.cat-cover img[data-v-a4113aa5]{width:100%;height:100%;object-fit:cover;display:block}.cat-count[data-v-a4113aa5]{position:absolute;top:8px;right:8px;font-size:12px;font-weight:700;background:#ff9933f2;color:#111;padding:2px 8px;border-radius:10px;box-shadow:0 1px 3px #0006}.loading[data-v-a4113aa5]{text-align:center;padding:40px 0}.card[data-v-a5f8df53]{background:var(--bg-2);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);transition:transform .15s}.card[data-v-a5f8df53]:active{transform:scale(.98)}.cover[data-v-a5f8df53]{position:relative;aspect-ratio:1 / 1;background:var(--bg-3);overflow:hidden}.cover img[data-v-a5f8df53]{width:100%;height:100%;object-fit:cover;display:block}.cover-fallback[data-v-a5f8df53]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--text-dim)}.play-overlay[data-v-a5f8df53]{position:absolute;right:8px;bottom:8px;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#111;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:.9}.info[data-v-a5f8df53]{padding:8px 10px 0;min-height:52px}.title[data-v-a5f8df53]{font-size:13px;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.meta[data-v-a5f8df53]{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--text-dim)}.bpm[data-v-a5f8df53]{color:var(--accent);font-weight:600}.price[data-v-a5f8df53]{margin-top:4px;font-size:14px;font-weight:700;color:var(--text)}.actions[data-v-a5f8df53]{display:flex;justify-content:space-between;padding:6px 8px 8px}.icon-btn[data-v-a5f8df53]{width:36px;height:36px;border-radius:50%;background:var(--bg-3);color:var(--text-dim);font-size:16px;display:flex;align-items:center;justify-content:center}.icon-btn.active[data-v-a5f8df53]{color:var(--danger)}.icon-btn.cart-btn.active[data-v-a5f8df53]{color:var(--accent)}.cat-banner[data-v-b487f158]{position:relative;margin:-12px -12px 16px;height:140px;background-size:cover;background-position:center}.banner-overlay[data-v-b487f158]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#111111f2,#1116 60%)}.banner-content[data-v-b487f158]{position:absolute;left:16px;right:16px;bottom:12px;color:#fff}.banner-content h1[data-v-b487f158]{margin:0;font-size:30px;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.7)}.banner-content p[data-v-b487f158]{margin:2px 0 0;font-size:13px;opacity:.9}.toolbar[data-v-b487f158]{position:sticky;top:52px;z-index:20;background:var(--bg);margin:-12px -12px 8px;padding:8px 12px 12px;border-bottom:1px solid var(--border)}.sort-buttons[data-v-b487f158]{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;scrollbar-width:none}.sort-buttons[data-v-b487f158]::-webkit-scrollbar{display:none}.sort-btn[data-v-b487f158]{flex:0 0 auto;padding:6px 12px;background:var(--bg-2);color:var(--text-dim);border:1px solid var(--border);border-radius:16px;font-size:12px;white-space:nowrap}.sort-btn.active[data-v-b487f158]{background:var(--accent);color:#111;font-weight:700;border-color:var(--accent)}.filter-row[data-v-b487f158]{display:flex;gap:8px;margin-bottom:6px}.filter-row[data-v-b487f158]:last-child{margin-bottom:0}.filter-row>input[data-v-b487f158]{flex:1;min-width:0}.bpm-row[data-v-b487f158]{align-items:center}.bpm-row label[data-v-b487f158]{color:var(--text-dim);font-size:12px}.bpm-row input[type=number][data-v-b487f158]{width:72px;flex:0 0 72px}.small[data-v-b487f158]{padding:4px 10px;font-size:12px}.filters[data-v-d5464f61]{position:sticky;top:52px;z-index:20;background:var(--bg);margin:-12px -12px 8px;padding:8px 12px 12px;border-bottom:1px solid var(--border)}.row[data-v-d5464f61]{display:flex;gap:8px;margin-bottom:6px}.row[data-v-d5464f61]:last-child{margin-bottom:0}.row select[data-v-d5464f61],.row>input[data-v-d5464f61]{flex:1;min-width:0}.bpm-row[data-v-d5464f61]{align-items:center}.bpm-row label[data-v-d5464f61]{color:var(--text-dim);font-size:12px}.bpm-row input[type=number][data-v-d5464f61]{width:72px;flex:0 0 72px}.small[data-v-d5464f61]{padding:4px 10px;font-size:12px}.result-count[data-v-d5464f61]{color:var(--text-dim);font-size:12px;margin:4px 0 12px}.toolbar[data-v-e78757b4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px;flex-wrap:wrap}.toolbar h2[data-v-e78757b4]{margin:0;font-size:18px}.toolbar[data-v-a5a7bbf1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.toolbar h2[data-v-a5a7bbf1]{margin:0;font-size:18px}.back[data-v-a5a7bbf1]{color:var(--accent);font-size:16px}.rename[data-v-a5a7bbf1]{flex:1;max-width:300px}.new-list-row[data-v-a5a7bbf1]{display:flex;gap:8px;margin-bottom:12px}.new-list-row input[data-v-a5a7bbf1]{flex:1}.lists[data-v-a5a7bbf1]{display:flex;flex-direction:column;gap:8px}.list-row[data-v-a5a7bbf1]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-2);border-radius:10px;border:1px solid var(--border);cursor:pointer}.list-name[data-v-a5a7bbf1]{font-weight:600}.list-count[data-v-a5a7bbf1]{color:var(--text-dim);font-size:12px;margin-top:2px}.actions-row[data-v-a5a7bbf1]{display:flex;gap:8px;margin-bottom:12px}.actions-row .btn[data-v-a5a7bbf1]{flex:1;justify-content:center}.tracks[data-v-a5a7bbf1]{display:flex;flex-direction:column;gap:6px}.track-row[data-v-a5a7bbf1]{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-2);border-radius:8px;border:1px solid var(--border)}.thumb[data-v-a5a7bbf1]{width:44px;height:44px;border-radius:6px;object-fit:cover;flex:0 0 auto}.thumb.fallback[data-v-a5a7bbf1]{background:var(--bg-3);display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.track-info[data-v-a5a7bbf1]{flex:1;min-width:0;cursor:pointer}.track-title[data-v-a5a7bbf1]{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta[data-v-a5a7bbf1]{font-size:11px;color:var(--text-dim)}.reorder[data-v-a5a7bbf1]{display:flex;flex-direction:column;gap:2px}.rb[data-v-a5a7bbf1]{width:24px;height:20px;background:var(--bg-3);color:var(--text);border-radius:4px;font-size:10px}.rb[data-v-a5a7bbf1]:disabled{opacity:.4}.rm[data-v-a5a7bbf1]{width:28px;height:28px;background:var(--bg-3);color:var(--danger);border-radius:50%}.small[data-v-a5a7bbf1]{padding:6px 10px;font-size:12px}.btn.wa[data-v-a5a7bbf1]{background:#25d366;color:#fff}.btn.wa[data-v-a5a7bbf1]:hover{background:#1ebe57}.toolbar[data-v-63f03a93]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toolbar h2[data-v-63f03a93]{margin:0;font-size:18px}.small[data-v-63f03a93]{padding:6px 10px;font-size:12px}.items[data-v-63f03a93]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.item[data-v-63f03a93]{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}.thumb[data-v-63f03a93]{width:56px;height:56px;border-radius:6px;object-fit:cover;flex:0 0 auto}.thumb.fallback[data-v-63f03a93]{background:var(--bg-3);display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.info[data-v-63f03a93]{flex:1;min-width:0}.title[data-v-63f03a93]{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta[data-v-63f03a93]{font-size:12px;color:var(--text-dim);margin-top:2px}.rm[data-v-63f03a93]{width:32px;height:32px;background:var(--bg-3);color:var(--danger);border-radius:50%}.price[data-v-63f03a93]{font-weight:700;color:var(--accent);margin-right:6px;flex:0 0 auto}.totals[data-v-63f03a93]{display:flex;justify-content:space-between;align-items:baseline;padding:12px 4px;margin-bottom:12px;border-top:1px solid var(--border);font-size:16px}.totals strong[data-v-63f03a93]{font-size:22px;color:var(--accent)}.go[data-v-63f03a93]{width:100%;justify-content:center;padding:14px;font-size:16px;display:flex;align-items:center;gap:8px}.go.wa[data-v-63f03a93]{background:#25d366;color:#fff}.go.wa[data-v-63f03a93]:hover{background:#1ebe57}.wa-icon[data-v-63f03a93]{font-size:20px}.checkout-note[data-v-63f03a93]{font-size:12px;color:var(--text-dim);text-align:center;margin:10px 4px 0;line-height:1.4}.bpm-slider[data-v-6d1bfc1f]{padding:8px 0}.display[data-v-6d1bfc1f]{display:flex;gap:6px;align-items:baseline;justify-content:center;font-size:14px;margin-bottom:10px}.display .base[data-v-6d1bfc1f]{color:var(--text-dim)}.display .ratio[data-v-6d1bfc1f]{font-weight:700;color:var(--accent)}.display .result[data-v-6d1bfc1f]{font-weight:800;font-size:18px}.display .op[data-v-6d1bfc1f]{color:var(--text-dim)}.slider[data-v-6d1bfc1f]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#4aa3ff,#555,#f54);outline:none}.slider[data-v-6d1bfc1f]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--thumb-color, var(--accent));border:2px solid #fff;cursor:pointer}.slider[data-v-6d1bfc1f]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--thumb-color, var(--accent));border:2px solid #fff;cursor:pointer}.presets[data-v-6d1bfc1f]{display:flex;gap:6px;margin-top:12px;justify-content:space-between}.preset[data-v-6d1bfc1f]{flex:1;background:var(--bg-3);color:var(--text);border-radius:8px;padding:8px 4px;font-size:12px;font-weight:600}.preset.active[data-v-6d1bfc1f]{background:var(--accent);color:#111}.backdrop[data-v-6e6fe2b0]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:flex-end;justify-content:center}.dialog[data-v-6e6fe2b0]{background:var(--bg-2);width:100%;max-width:480px;border-top-left-radius:16px;border-top-right-radius:16px;padding:16px;max-height:80vh;overflow-y:auto}h3[data-v-6e6fe2b0]{margin:0 0 12px}.list-items[data-v-6e6fe2b0]{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.list-item[data-v-6e6fe2b0]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-3);border-radius:10px;color:var(--text);text-align:left}.count[data-v-6e6fe2b0]{color:var(--text-dim);font-size:12px}.empty-lists[data-v-6e6fe2b0]{color:var(--text-dim);text-align:center;padding:12px}.new-list[data-v-6e6fe2b0]{display:flex;gap:6px;margin-bottom:12px}.new-list input[data-v-6e6fe2b0]{flex:1}.full[data-v-6e6fe2b0]{width:100%;justify-content:center}.player-full[data-v-e097316a]{padding:16px 16px 160px;max-width:520px;margin:0 auto}.cover-wrap[data-v-e097316a]{width:100%;aspect-ratio:1/1;max-width:360px;margin:0 auto 16px;background:var(--bg-3);border-radius:16px;overflow:hidden}.cover-wrap img[data-v-e097316a]{width:100%;height:100%;object-fit:cover;display:block}.cover-fallback[data-v-e097316a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:96px;color:var(--text-dim)}.title[data-v-e097316a]{margin:0;text-align:center;font-size:20px}.category[data-v-e097316a]{text-align:center;color:var(--text-dim);margin-bottom:16px;font-size:13px}.seek[data-v-e097316a]{position:relative;height:18px;margin:0 4px;display:flex;align-items:center;cursor:pointer;touch-action:none}.seek[data-v-e097316a]:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:var(--border);border-radius:2px}.seek-fill[data-v-e097316a]{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:var(--accent);border-radius:2px}.seek-thumb[data-v-e097316a]{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.times[data-v-e097316a]{display:flex;justify-content:space-between;color:var(--text-dim);font-size:12px;margin-top:4px;margin-bottom:12px;padding:0 4px}.controls[data-v-e097316a]{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}.ctrl[data-v-e097316a]{width:48px;height:48px;border-radius:50%;background:var(--bg-3);color:var(--text);font-size:18px;display:flex;align-items:center;justify-content:center}.ctrl.play[data-v-e097316a]{width:64px;height:64px;background:var(--accent);color:#111;font-size:22px}.volume-row[data-v-e097316a]{display:flex;align-items:center;gap:8px;margin:12px 0}.vol-slider[data-v-e097316a]{flex:1}.vol-icon[data-v-e097316a]{color:var(--text-dim)}.actions-row[data-v-e097316a]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.action[data-v-e097316a]{padding:10px 6px;background:var(--bg-3);color:var(--text);border-radius:10px;font-size:13px}.action.active[data-v-e097316a]{background:var(--accent);color:#111}:root{--bg: #111111;--bg-2: #1a1a1a;--bg-3: #222222;--text: #eeeeee;--text-dim: #999999;--accent: #ff9933;--accent-hover: #ffad5c;--danger: #e74c3c;--border: #2a2a2a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#app{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,select{font-family:inherit;color:var(--text);background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:8px 12px;outline:none}input:focus,select:focus{border-color:var(--accent)}a{color:var(--accent);text-decoration:none}.btn{background:var(--accent);color:#111;border-radius:10px;padding:10px 16px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.btn:active{opacity:.8}.btn-ghost{background:var(--bg-3);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.container{padding:12px 12px 140px;max-width:1200px;width:100%;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 720px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(4,1fr)}}.empty{padding:40px 20px;text-align:center;color:var(--text-dim)}.spinner{display:inline-block;width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}