@charset "UTF-8";._metronome_187lr_2{width:100%;max-width:min(var(--page-max-width),100%);margin:0 auto;padding:var(--page-padding-block, 2rem) var(--page-padding-inline, 1.5rem);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);color:var(--chakra-colors-fg, #1a202c)}._metronome_187lr_2 :where(header p){color:var(--chakra-colors-muted-fg, #4a5568);margin-top:.5rem}._main-area_187lr_18{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem)}._play-area_187lr_24{display:flex;flex-direction:column;align-items:center;gap:1rem}._top-buttons_187lr_32{display:flex;align-items:center;gap:.5rem}._settings-summary_187lr_39{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-fg, #1a202c);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}._settings-summary_187lr_39:hover{border-color:var(--chakra-colors-primary, #2b6cb0)}._settings-summary-edit_187lr_57{font-size:.75rem;color:var(--chakra-colors-primary, #2b6cb0);margin-left:.25rem}._tap-open-btn_187lr_63{padding:.375rem .875rem;border-radius:2rem;border:2px dashed var(--chakra-colors-primary, #2b6cb0);background:transparent;color:var(--chakra-colors-primary, #2b6cb0);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s}._tap-open-btn_187lr_63:hover{background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._bpm-section_187lr_80{display:flex;flex-direction:column;align-items:center;gap:.5rem}._bpm-label_187lr_87{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--chakra-colors-muted-fg, #4a5568)}._bpm-controls_187lr_95{display:flex;align-items:center;gap:.5rem}._bpm-btn_187lr_101{min-width:2.75rem;height:2.75rem;border-radius:.5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-fg, #1a202c);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}._bpm-btn_187lr_101:hover:not(:disabled){background:var(--chakra-colors-bg-subtle, #f7fafc);border-color:var(--chakra-colors-primary, #2b6cb0)}._bpm-btn_187lr_101:disabled{opacity:.4;cursor:not-allowed}._bpm-input_187lr_122{width:7rem;height:3.75rem;text-align:center;font-size:2.5rem;font-weight:700;border:2px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-fg, #1a202c)}._bpm-input_187lr_122:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb026}._bpm-input_187lr_122::-webkit-inner-spin-button,._bpm-input_187lr_122::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._bpm-input_187lr_122{-moz-appearance:textfield}._bpm-slider_187lr_146{width:min(100%,20rem);accent-color:var(--chakra-colors-primary, #2b6cb0);cursor:pointer}._beat-indicators_187lr_153{display:flex;gap:1.25rem}._beat-group_187lr_158{display:flex;gap:.5rem}._beat-group_187lr_158+._beat-group_187lr_158{margin-left:.75rem}._beat-dot_187lr_166{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg-subtle, #f7fafc);transition:background .08s,border-color .08s,transform .08s}._beat-dot--accent_187lr_174{border-width:3px}._beat-dot--active_187lr_177{background:var(--chakra-colors-primary, #2b6cb0);border-color:var(--chakra-colors-primary, #2b6cb0);transform:scale(1.15)}._beat-dot--active_187lr_177._beat-dot--accent_187lr_174{background:#e53e3e;border-color:#e53e3e}._beat-dot--compact_187lr_186{width:1.75rem;height:1.75rem}._beat-dot--group-start_187lr_190{border-width:3px;border-color:var(--chakra-colors-fg, #4a5568)}._play-btn_187lr_195{min-width:10rem;height:3.5rem;border-radius:2rem;border:none;font-size:1.25rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._play-btn_187lr_195:hover{filter:brightness(1.1)}._play-btn_187lr_195:active{transform:scale(.97)}._play-btn--playing_187lr_213{background:#e53e3e}._hint_187lr_217{font-size:.8rem;color:var(--chakra-colors-muted-fg, #a0aec0);margin:0}._click-grid_187lr_224{display:flex;flex-direction:column;gap:.75rem}._grid-header_187lr_230{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}._grid-toggle_187lr_238{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;color:var(--chakra-colors-fg, #1a202c)}._grid-toggle_187lr_238 h2{font-size:1rem;font-weight:600;margin:0}._grid-toggle-icon_187lr_254{font-size:.625rem;transition:transform .2s;transform:rotate(-90deg)}._grid-toggle-icon--open_187lr_259{transform:rotate(0)}._accent-toggle_187lr_263{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--chakra-colors-fg, #1a202c)}._accent-toggle_187lr_263 input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--chakra-colors-primary, #2b6cb0)}._grid-container_187lr_277{display:flex;flex-direction:column;gap:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}._grid-row_187lr_286{display:flex;align-items:center;gap:.5rem;min-width:fit-content}._grid-label_187lr_293{flex-shrink:0;width:4rem;padding:.25rem .5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.375rem;background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-muted-fg, #718096);font-size:.8rem;font-weight:600;text-align:center;cursor:pointer;transition:all .15s}._grid-label_187lr_293:hover{border-color:var(--chakra-colors-primary, #2b6cb0)}._grid-label--active_187lr_310{background:var(--chakra-colors-primary, #2b6cb0);border-color:var(--chakra-colors-primary, #2b6cb0);color:#fff}._grid-beats_187lr_316{display:flex;flex:1;min-width:0}._grid-group_187lr_322{display:flex;align-items:center;flex:1;padding:.375rem 0 .375rem .5rem;border-left:2px solid var(--chakra-colors-border, #cbd5e0)}._grid-group_187lr_322:first-child{border-left-color:var(--chakra-colors-fg, #1a202c)}._grid-cell_187lr_334{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--chakra-colors-border, #cbd5e0);background:transparent;cursor:pointer;transition:all .1s;flex-shrink:0;padding:0}._grid-cell_187lr_334:hover{border-color:var(--chakra-colors-primary, #2b6cb0)}._grid-cell--on_187lr_348{background:var(--chakra-colors-primary, #2b6cb0);border-color:var(--chakra-colors-primary, #2b6cb0)}._grid-cell--sm_187lr_352{width:1.125rem;height:1.125rem}._grid-cell-slot_187lr_357{flex:1;display:flex;align-items:center}._modal-overlay_187lr_364{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}._modal_187lr_364{background:var(--chakra-colors-bg, #fff);border-radius:1rem;width:min(100%,28rem);max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px #0003}._modal-header_187lr_384{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--chakra-colors-border, #cbd5e0)}._modal-header_187lr_384 h2{font-size:1.125rem;font-weight:700;margin:0}._modal-close_187lr_397{background:none;border:none;font-size:1rem;color:var(--chakra-colors-muted-fg, #718096);cursor:pointer;padding:.25rem .5rem;border-radius:.25rem}._modal-close_187lr_397:hover{color:var(--chakra-colors-fg, #1a202c);background:var(--chakra-colors-bg-subtle, #f7fafc)}._modal-body_187lr_411{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem}._modal-section_187lr_418{display:flex;flex-direction:column;gap:.75rem}._modal-section_187lr_418 h3{font-size:.9rem;font-weight:600;margin:0}._presets_187lr_430{display:flex;flex-wrap:wrap;gap:.5rem}._preset-btn_187lr_436{padding:.375rem .75rem;border-radius:.5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-fg, #1a202c);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}._preset-btn_187lr_436:hover{border-color:var(--chakra-colors-primary, #2b6cb0)}._preset-btn--active_187lr_450{background:var(--chakra-colors-primary, #2b6cb0);border-color:var(--chakra-colors-primary, #2b6cb0);color:#fff}._custom-ts_187lr_456{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}._custom-ts_187lr_456 select{padding:.375rem .5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.375rem;background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-fg, #1a202c);font-size:.875rem;font-weight:600;cursor:pointer}._custom-ts_187lr_456 span{font-weight:700;font-size:1.125rem}._grouping-input_187lr_477{width:7rem;padding:.375rem .5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.375rem;background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-fg, #1a202c);font-size:.875rem}._grouping-input_187lr_477:focus{outline:none;border-color:var(--chakra-colors-primary, #2b6cb0);box-shadow:0 0 0 3px #2b6cb026}._grouping-input--invalid_187lr_491{border-color:#e53e3e}._grouping-input--invalid_187lr_491:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}._shuffle-label_187lr_500{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;color:var(--chakra-colors-fg, #1a202c)}._shuffle-slider_187lr_509{flex:1;max-width:12rem;accent-color:var(--chakra-colors-primary, #2b6cb0)}._shuffle-value_187lr_515{font-size:.8rem;color:var(--chakra-colors-muted-fg, #718096);white-space:nowrap}._shuffle-presets_187lr_521{display:flex;gap:.5rem}._shuffle-preset-btn_187lr_526{padding:.25rem .625rem;border-radius:.375rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-muted-fg, #718096);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}._shuffle-preset-btn_187lr_526:hover{border-color:var(--chakra-colors-primary, #2b6cb0)}._shuffle-preset-btn--active_187lr_540{background:var(--chakra-colors-primary, #2b6cb0);border-color:var(--chakra-colors-primary, #2b6cb0);color:#fff}._tap-header_187lr_547{display:flex;align-items:center;gap:1rem;align-self:stretch;flex-wrap:wrap}._tap-mode-toggle_187lr_555{display:flex;border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.5rem;overflow:hidden}._tap-mode-btn_187lr_562{padding:.3rem .75rem;border:none;background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-muted-fg, #718096);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}._tap-mode-btn_187lr_562+._tap-mode-btn_187lr_562{border-left:1px solid var(--chakra-colors-border, #cbd5e0)}._tap-mode-btn--active_187lr_575{background:var(--chakra-colors-primary, #2b6cb0);color:#fff}._tap-button_187lr_580{width:min(100%,20rem);height:8rem;border-radius:1rem;border:2px dashed var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg-subtle, #f7fafc);color:var(--chakra-colors-fg, #1a202c);font-size:1.5rem;font-weight:700;cursor:pointer;transition:background .1s,border-color .1s,transform .05s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._tap-button_187lr_580:hover{border-color:var(--chakra-colors-primary, #2b6cb0)}._tap-button_187lr_580:active{background:var(--chakra-colors-primary, #2b6cb0);color:#fff;border-color:var(--chakra-colors-primary, #2b6cb0);transform:scale(.97)}._tap-results_187lr_604{width:min(100%,24rem);display:flex;flex-direction:column;gap:1.25rem}._tap-latest_187lr_611{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}._tap-stat_187lr_617{background:var(--chakra-colors-bg-subtle, #f7fafc);border:1px solid var(--chakra-colors-border, #cbd5e0);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}._tap-stat-label_187lr_628{font-size:.75rem;color:var(--chakra-colors-muted-fg, #718096)}._tap-stat-value_187lr_633{font-size:1.5rem;color:var(--chakra-colors-fg, #1a202c)}._tap-stat-value--good_187lr_637{color:#38a169}._tap-stat-value--bad_187lr_640{color:#e53e3e}._tap-history_187lr_644 h3{font-size:.875rem;font-weight:600;margin:0 0 .5rem}._tap-history-list_187lr_650{display:flex;flex-direction:column;gap:.25rem;max-height:15rem;overflow-y:auto}._tap-history-item_187lr_658{display:flex;justify-content:space-between;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;background:var(--chakra-colors-bg-subtle, #f7fafc)}._tap-history-item_187lr_658:nth-child(odd){background:var(--chakra-colors-bg, #fff)}._tap-diff_187lr_670{font-weight:600}._tap-diff--good_187lr_673{color:#38a169}._tap-diff--bad_187lr_676{color:#e53e3e}._reset-btn_187lr_680{align-self:center;padding:.5rem 1.5rem;border-radius:.5rem;border:1px solid var(--chakra-colors-border, #cbd5e0);background:var(--chakra-colors-bg, #fff);color:var(--chakra-colors-fg, #1a202c);font-size:.875rem;cursor:pointer;transition:background .15s}._reset-btn_187lr_680:hover{background:var(--chakra-colors-bg-subtle, #f7fafc)}@media(max-width:480px){._bpm-controls_187lr_95{gap:.25rem}._bpm-btn_187lr_101{min-width:2.5rem;height:2.5rem;font-size:.875rem}._bpm-input_187lr_122{width:4.5rem;font-size:1.25rem;height:2.75rem}._beat-dot_187lr_166{width:2rem;height:2rem}._grid-label_187lr_293{width:3.5rem;font-size:.7rem;padding:.2rem .25rem}._grid-cell_187lr_334{width:1.25rem;height:1.25rem}._grid-cell--sm_187lr_352{width:1rem;height:1rem}._grid-group_187lr_322{gap:2px}._grid-beats_187lr_316{gap:.25rem}}@media(orientation:landscape)and (max-height:500px){._metronome_187lr_2{padding:.75rem 1rem;gap:1rem}._metronome_187lr_2 :where(header){display:none}._play-area_187lr_24{gap:.75rem}._beat-dot_187lr_166{width:2rem;height:2rem}._beat-indicators_187lr_153{gap:.75rem}._beat-group_187lr_158{gap:.375rem}._beat-group_187lr_158+._beat-group_187lr_158{margin-left:.5rem}._play-btn_187lr_195{min-width:8rem;height:2.75rem;font-size:1rem}._bpm-input_187lr_122{width:5rem;height:2.75rem;font-size:1.75rem}._bpm-btn_187lr_101{min-width:2.25rem;height:2.25rem;font-size:.875rem}._click-grid_187lr_224{gap:.5rem}._grid-cell_187lr_334{width:1.25rem;height:1.25rem}._grid-cell--sm_187lr_352{width:.875rem;height:.875rem}}