._header_7ceqt_1{height:var(--header-height);padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}._title_7ceqt_13{color:var(--color-text);font-size:1.1rem;font-weight:600}._langButton_7ceqt_19{color:var(--color-primary);padding:0 var(--spacing-sm);font-size:.875rem;font-weight:600}._card_1ftmn_1{gap:var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--card-radius);padding:var(--spacing-md);color:var(--color-text);border:1px solid var(--color-border);flex-direction:column;text-decoration:none;display:flex}._card_1ftmn_1:hover{border-color:var(--color-primary)}._header_1ftmn_17{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}._title_1ftmn_24{font-size:1rem;font-weight:600}._badge_1ftmn_29{text-transform:uppercase;color:var(--color-primary);background-color:var(--color-grid-bg);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}._meta_1ftmn_39{justify-content:space-between;align-items:center;display:flex}._bpm_1ftmn_45{color:var(--color-text-secondary);font-size:.875rem}._difficulty_1ftmn_50{color:var(--color-accent);letter-spacing:1px;font-size:.875rem}._wrapper_nd703_1{text-align:center;padding:var(--spacing-md);flex-shrink:0}._link_nd703_7{color:var(--color-primary);font-size:.875rem;text-decoration:none}._link_nd703_7:hover{text-decoration:underline}._page_1oafy_1{flex-direction:column;flex:1;display:flex}._list_1oafy_7{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}._container_1lml6_1{-webkit-overflow-scrolling:touch;width:100%;position:relative;overflow-x:auto}._container_alccb_1{width:100%;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch;overflow-x:auto}._svg_alccb_8{width:100%;height:auto;display:block}._label_alccb_14{font-size:10px;font-family:var(--font-mono);fill:var(--color-text-secondary);font-weight:600}._activeNote_alccb_21{filter:drop-shadow(0 0 4px var(--color-primary))}._container_1yxb9_1{gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex}._mainControls_1yxb9_9{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}._playButton_1yxb9_16{width:56px;height:56px;min-height:unset;background-color:var(--color-primary);color:#fff;border-radius:50%;font-size:20px}._playButton_1yxb9_16:disabled{opacity:.5;cursor:not-allowed}._stopButton_1yxb9_31{width:48px;height:48px;min-height:unset;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:50%;font-size:18px}._stopButton_1yxb9_31:disabled{opacity:.4;cursor:not-allowed}._togglesRow_1yxb9_47{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}._toggleButton_1yxb9_55{min-height:unset;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px}._toggleButton_1yxb9_55._active_1yxb9_65{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}._container_jsjlt_1{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;display:flex}._bpmDisplay_jsjlt_8{text-align:center;color:var(--color-text);font-size:18px;font-weight:600}._slider_jsjlt_15{width:100%}._bottomRow_jsjlt_19{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}._presets_jsjlt_26{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}._presetButton_jsjlt_32{min-height:unset;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;font-size:12px}._presetButton_jsjlt_32._active_jsjlt_42{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}._fineButtons_jsjlt_48{gap:var(--spacing-xs);display:flex}._fineButton_jsjlt_48{width:36px;height:36px;min-height:unset;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:50%;font-size:18px}._fineButton_jsjlt_48:disabled{opacity:.4;cursor:not-allowed}._page_1tm0p_1{flex-direction:column;flex:1;display:flex}._header_1tm0p_7{align-items:center;gap:var(--spacing-sm);height:var(--header-height);padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border);display:flex}._backBtn_1tm0p_16{color:var(--color-primary);white-space:nowrap;font-size:.875rem}._title_1tm0p_22{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;overflow:hidden}._content_1tm0p_31{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}._controls_1tm0p_40{border-top:1px solid var(--color-border)}:root{--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#64748b;--color-primary:#2563eb;--color-accent:#f59e0b;--color-border:#e2e8f0;--color-danger:#ef4444;--color-grid-bg:#f1f5f9;--color-grid-line:#cbd5e1;--color-grid-beat-line:#94a3b8;--color-grid-measure-line:#475569;--color-note:#2563eb;--color-note-ghost:#93c5fd;--color-playhead:#ef4444;--color-highlight:#fef9c3;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--max-width:480px;--header-height:56px;--button-height:44px;--card-radius:12px;--radius-sm:8px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0f172a;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-border:#334155;--color-grid-bg:#1e293b;--color-grid-line:#334155;--color-grid-beat-line:#475569;--color-grid-measure-line:#64748b;--color-note-ghost:#1d4ed8;--color-highlight:#422006}}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);margin:0}#root{max-width:var(--max-width);flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}button{all:unset;box-sizing:border-box;cursor:pointer;min-height:var(--button-height);justify-content:center;align-items:center;display:inline-flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:var(--color-border);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border-radius:50%;width:18px;height:18px;margin-top:-7px}input[type=range]::-moz-range-track{background:var(--color-border);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;width:18px;height:18px}