:root{--ink: 24 24 27;--color-primary: rgb(var(--ink) / .92);--color-primary-dark: rgb(var(--ink));--color-bg: #fafafa;--color-surface: rgb(255 255 255 / .72);--color-surface-solid: #ffffff;--color-border: rgb(var(--ink) / .1);--color-border-strong: rgb(var(--ink) / .24);--color-hover: rgb(var(--ink) / .05);--color-selected: rgb(var(--ink) / .09);--color-text: rgb(var(--ink) / .92);--color-muted: rgb(var(--ink) / .55);--color-danger: #b4232c;--color-tag-bg: rgb(var(--ink) / .05);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgb(var(--ink) / .06);--shadow-md: 0 4px 16px rgb(var(--ink) / .07);--shadow-lg: 0 12px 32px rgb(var(--ink) / .12);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}h1,h2,h3,h4{font-weight:700;line-height:1.2}a{color:var(--color-primary)}button{font-family:inherit;font-size:inherit;touch-action:manipulation}input[type=range]{touch-action:manipulation}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}._picker_12d14_2{display:inline-flex;flex-shrink:0;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:var(--radius-sm);overflow:hidden}._option_12d14_10{min-width:2.4rem;min-height:32px;padding:.2rem .5rem;border:none;background:transparent;color:inherit;font-size:.75rem;font-weight:600;letter-spacing:.04em;opacity:.55;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,opacity .15s}._option_12d14_10+._option_12d14_10{border-left:1px solid color-mix(in srgb,currentColor 22%,transparent)}._option_12d14_10:hover{opacity:.85}._active_12d14_34{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}@media print{._picker_12d14_2{display:none}}._page_rdi1e_1{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--color-bg)}._header_rdi1e_11{text-align:center;margin-bottom:3rem}._title_rdi1e_16{font-size:2.2rem;font-weight:800;color:var(--color-text);margin:0 0 .5rem}._subtitle_rdi1e_23{font-size:1rem;color:var(--color-muted);margin:0}._nav_rdi1e_29{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:480px}._card_rdi1e_37{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:border-color .15s,box-shadow .15s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._card_rdi1e_37:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}._card_rdi1e_37:active{transform:translateY(0)}._card_rdi1e_37:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._cardIcon_rdi1e_67{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-hover);color:var(--color-text);display:flex;align-items:center;justify-content:center}._cardIcon_rdi1e_67 svg{width:26px;height:26px}._cardBody_rdi1e_84{flex:1;min-width:0}._cardTitle_rdi1e_89{font-size:1.2rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text)}._cardDesc_rdi1e_96{font-size:.85rem;color:var(--color-muted);margin:0;line-height:1.4}._cardArrow_rdi1e_103{font-size:1.6rem;color:var(--color-muted);flex-shrink:0;line-height:1}@media(max-width:480px){._title_rdi1e_16{font-size:1.7rem}._header_rdi1e_11{margin-bottom:2rem}}._page_rdi1e_1{position:relative}._languagePicker_rdi1e_119{position:absolute;top:1rem;right:1rem;color:var(--color-text)}._catalogPage_yomf7_1{max-width:800px;margin:0 auto;padding:2rem 1.5rem}._catalogHeader_yomf7_7{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}._homeLink_yomf7_16{font-size:.85rem;color:var(--color-muted);text-decoration:none;flex-shrink:0;transition:color .15s}._homeLink_yomf7_16:hover{color:var(--color-text)}._catalogTitle_yomf7_26{font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0}._headerActions_yomf7_33{display:flex;align-items:center;gap:.75rem}._liturgyLink_yomf7_39{font-size:.9rem;color:var(--color-text);text-decoration:none;padding:.4rem .8rem;min-height:44px;display:flex;align-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:background .15s,color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._liturgyLink_yomf7_39:hover{background:var(--color-hover);border-color:var(--color-primary)}@media(max-width:768px){._catalogPage_yomf7_1{padding:1rem}._catalogTitle_yomf7_26{font-size:1.4rem}._songCard_yomf7_62{padding:.75rem 1rem}._songName_yomf7_63{font-size:.95rem}}._searchRow_yomf7_66{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}._searchField_yomf7_74{position:relative;display:flex;align-items:center;flex:1;min-width:200px}._searchIcon_yomf7_82{position:absolute;left:.75rem;color:var(--color-muted);pointer-events:none}._searchInput_yomf7_89{width:100%;min-height:44px;padding:.5rem 2.25rem;font-size:.95rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}._searchInput_yomf7_89:focus{outline:none;border-color:var(--color-border-strong);box-shadow:0 0 0 3px rgb(var(--ink) / .06)}._searchInput_yomf7_89::-webkit-search-cancel-button{display:none}._clearBtn_yomf7_110{position:absolute;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-muted);background:none;border:none;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._clearBtn_yomf7_110:hover{background:var(--color-tag-bg);color:var(--color-text)}._resultCount_yomf7_133{font-size:.82rem;color:var(--color-muted);white-space:nowrap}._songList_yomf7_139{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}._songCard_yomf7_62{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s,background .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._songCard_yomf7_62:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}._songCard_yomf7_62:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._songCardContent_yomf7_174{flex:1;min-width:0}._songName_yomf7_63{font-size:1.05rem;font-weight:600;color:var(--color-text);margin:0 0 .4rem}._songMeta_yomf7_186{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}._voiceBadges_yomf7_193,._tagBadges_yomf7_194{display:flex;flex-wrap:wrap;gap:.3rem}._voiceBadge_yomf7_193{font-size:.72rem;padding:.15rem .45rem;border-radius:3px;background:rgb(var(--ink) / .08);color:var(--color-text);font-weight:600}._tagBadge_yomf7_194{font-size:.72rem;padding:.15rem .45rem;border-radius:3px;background:var(--color-tag-bg);color:var(--color-muted)}._practiceLink_yomf7_217{flex-shrink:0;padding:.45rem 1rem;min-height:44px;display:flex;align-items:center;background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);text-decoration:none;font-size:.88rem;font-weight:600;transition:background .15s,border-color .15s;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._songCard_yomf7_62:hover ._practiceLink_yomf7_217{background:var(--color-hover);border-color:var(--color-primary)}._centeredMessage_yomf7_241{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 0;color:var(--color-muted)}._errorMessage_yomf7_251{padding:1rem;border-radius:var(--radius-sm);background:#b4232c0f;color:var(--color-danger);border:1px solid rgb(180 35 44 / .22);margin-bottom:1rem}._emptyMessage_yomf7_260{padding:2rem;text-align:center;color:var(--color-muted);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}._spinner_yomf7_269{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_yomf7_269 .8s linear infinite}@keyframes _spin_yomf7_269{to{transform:rotate(360deg)}}._practiceView_13c0e_2{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--color-bg)}._practiceHeader_13c0e_10{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);flex-shrink:0}._practiceLayout_13c0e_21{display:flex;flex:1;overflow:hidden;min-height:0}._scoreArea_13c0e_28{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;background:var(--color-surface-solid);min-height:0}._controlsWrapper_13c0e_38{width:280px;flex-shrink:0;overflow:hidden;transition:width .3s ease}._controlsCollapsed_13c0e_45{width:0}._controlsArea_13c0e_49{width:280px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--color-border);display:flex;flex-direction:column;gap:1.5rem;min-height:0}._scorePanelWrapper_13c0e_65{position:relative;min-height:400px}._scoreContainer_13c0e_70{width:100%}._scoreSelectable_13c0e_74{cursor:crosshair}._selectHint_13c0e_79{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;margin-bottom:.75rem;padding:.5rem .85rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);font-size:.85rem;color:var(--color-text)}._selectHintCancel_13c0e_98{border:none;background:none;padding:0;font:inherit;color:var(--color-muted);cursor:pointer;text-decoration:underline}._selectHintCancel_13c0e_98:hover{color:var(--color-text)}._scoreLoading_13c0e_112,._scoreError_13c0e_113{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--color-muted);font-size:1rem}._scoreError_13c0e_113{color:var(--color-danger)}._voiceControls_13c0e_128{display:flex;flex-direction:column;gap:.75rem}._voiceRow_13c0e_134{display:flex;align-items:center;gap:.5rem;transition:opacity .2s}._voiceInactive_13c0e_141{opacity:.45}._voiceToggle_13c0e_145{width:5.5rem;flex:none;min-height:36px;padding:.3rem .5rem;border-radius:4px;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s;touch-action:manipulation}._voiceToggle_13c0e_145._voiceActive_13c0e_162{background:var(--color-selected);border-color:var(--color-primary);color:var(--color-text)}._volumeSlider_13c0e_168{flex:1;min-width:0;accent-color:var(--color-primary);cursor:pointer;height:20px}._volumeSlider_13c0e_168:disabled{cursor:not-allowed}._volumeValue_13c0e_182{width:36px;flex:none;text-align:right;font-size:.78rem;color:var(--color-muted);font-variant-numeric:tabular-nums}._downloadBtn_13c0e_192{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.5rem;padding:.5rem 1rem;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,opacity .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._downloadBtn_13c0e_192:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary)}._downloadBtn_13c0e_192:active:not(:disabled){transform:scale(.97)}._downloadBtn_13c0e_192:disabled{opacity:.45;cursor:not-allowed}._spinnerSmall_13c0e_228{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:_spin_13c0e_228 .8s linear infinite;flex-shrink:0}._playbackControls_13c0e_240{display:flex;flex-direction:column;gap:1rem}._transportRow_13c0e_246{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}._transportBtn_13c0e_254{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._transportBtn_13c0e_254:hover{background:var(--color-hover);border-color:var(--color-border-strong)}._transportBtn_13c0e_254:active{background:var(--color-hover);transform:scale(.93)}._playBtn_13c0e_282{width:56px;height:56px;background:var(--color-selected);border-color:var(--color-border-strong);color:var(--color-text);font-size:1.4rem}._playBtn_13c0e_282:hover{background:var(--color-hover);border-color:var(--color-primary)}._fragmentControls_13c0e_297{display:flex;flex-direction:column;gap:.75rem}._fragmentStatus_13c0e_303{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text);text-align:center}._fragmentBtn_13c0e_311{width:100%;min-height:40px;padding:.5rem 1rem;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._fragmentBtn_13c0e_311:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary)}._fragmentBtn_13c0e_311:active:not(:disabled){transform:scale(.97)}._fragmentBtn_13c0e_311:disabled{opacity:.45;cursor:not-allowed}._fragmentBtnActive_13c0e_341{background:var(--color-selected);border-color:var(--color-primary)}._metronomeRow_13c0e_346{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text);cursor:pointer;min-height:32px}._metronomeDisabled_13c0e_356{opacity:.45;cursor:not-allowed}._metronomeCheckbox_13c0e_361{width:16px;height:16px;accent-color:var(--color-primary);cursor:inherit}._countIn_13c0e_369{display:flex;align-items:baseline;justify-content:center;gap:.4rem;padding:.35rem 0;border-radius:var(--radius-sm);background:var(--color-selected)}._countInBeat_13c0e_379{font-size:1.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-text)}._countInLabel_13c0e_387{font-size:.78rem;color:var(--color-muted)}._seekRow_13c0e_392{display:flex;align-items:center;gap:.5rem}._seekBar_13c0e_398{flex:1;accent-color:var(--color-primary);cursor:pointer;height:20px;touch-action:manipulation}._timeLabel_13c0e_406{font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--color-muted);width:34px;flex-shrink:0}._barScrollRow_13c0e_414{display:flex;flex-direction:column;gap:.5rem}._barScrollLabel_13c0e_420{font-size:.8rem;color:var(--color-muted);text-align:center}._barScrollBtns_13c0e_426{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}._barBtn_13c0e_433{padding:.25rem .65rem;min-height:36px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.82rem;cursor:pointer;transition:background .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}._barBtn_13c0e_433:hover{background:var(--color-hover)}._barBtn_13c0e_433:active{background:var(--color-hover);transform:scale(.93)}._barBtn_13c0e_433:disabled,._transportBtn_13c0e_254:disabled,._seekBar_13c0e_398:disabled,._rateSlider_13c0e_456:disabled{opacity:.45;cursor:not-allowed}._loadingRow_13c0e_461{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--color-muted)}._playbackError_13c0e_470{font-size:.8rem;color:var(--color-danger);text-align:center}._rateRow_13c0e_476{display:flex;flex-direction:column;gap:.4rem}._rateHeader_13c0e_482{display:flex;align-items:baseline;justify-content:space-between}._rateLabel_13c0e_488{font-size:.8rem;color:var(--color-muted)}._rateValue_13c0e_493{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text)}._rateValueWarn_13c0e_500{color:var(--color-danger)}._rateSlider_13c0e_456{width:100%;accent-color:var(--color-primary);cursor:pointer;height:20px;touch-action:manipulation}._ratePresets_13c0e_512{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}._ratePresets_13c0e_512 ._barBtn_13c0e_433{padding:.25rem .45rem;font-size:.78rem}._ratePresetActive_13c0e_524{background:var(--color-selected);border-color:var(--color-primary);color:var(--color-text);font-weight:600}._ratePresetActive_13c0e_524:hover{background:var(--color-hover);border-color:var(--color-primary)}._headerPicker_13c0e_537{margin-left:auto}._songTitle_13c0e_541{font-size:1.2rem;font-weight:700;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._sectionTitle_13c0e_551{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin:0 0 .5rem}._controlsSection_13c0e_560{display:flex;flex-direction:column}._backLink_13c0e_565{font-size:.85rem;color:var(--color-muted);text-decoration:none;white-space:nowrap;min-height:44px;display:flex;align-items:center;transition:color .15s}._backLink_13c0e_565:hover{color:var(--color-text)}._centeredMessage_13c0e_578{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem;color:var(--color-muted)}._errorText_13c0e_588{color:var(--color-danger)}._spinner_13c0e_228{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_13c0e_228 .8s linear infinite}@keyframes _spin_13c0e_228{to{transform:rotate(360deg)}}._fab_13c0e_603{position:fixed;bottom:1.25rem;right:1.25rem;width:48px;height:48px;border-radius:50%;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text);border:1px solid var(--color-border-strong);padding:0;margin:0;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;z-index:100;transition:background .15s,transform .2s,box-shadow .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}._fab_13c0e_603:hover{background:var(--color-surface-solid);border-color:var(--color-primary);box-shadow:0 14px 36px rgb(var(--ink) / .18)}._fab_13c0e_603:active{transform:scale(.9)}@media(min-width:769px){._fabOpen_13c0e_640{right:calc(280px + 1.25rem)}}@media(max-width:768px){._practiceHeader_13c0e_10{padding:.5rem 1rem}._songTitle_13c0e_541{font-size:1rem}._practiceLayout_13c0e_21{flex-direction:column;overflow:hidden}._scoreArea_13c0e_28{flex:1;border-bottom:2px solid var(--color-border);padding:.5rem;min-height:0}._controlsWrapper_13c0e_38{width:100%;flex-shrink:0;max-height:45vh;transition:max-height .3s ease}._controlsCollapsed_13c0e_45{max-height:0;width:100%}._controlsArea_13c0e_49{width:100%;height:auto;border-left:none;border-top:1px solid var(--color-border);padding:.75rem 1rem;gap:.75rem;max-height:45vh}._voiceControls_13c0e_128{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}._voiceRow_13c0e_134{flex-direction:column;align-items:stretch;gap:.25rem}._voiceToggle_13c0e_145{width:100%;min-height:44px;font-size:.85rem}._volumeSlider_13c0e_168{width:100%}._volumeValue_13c0e_182{text-align:center;width:100%;font-size:.75rem}._transportBtn_13c0e_254{width:52px;height:52px;font-size:1.2rem}._playBtn_13c0e_282{width:64px;height:64px;font-size:1.5rem}._barBtn_13c0e_433{min-height:44px;padding:.3rem .8rem;font-size:.9rem}._sectionTitle_13c0e_551{font-size:.75rem}._fabOpen_13c0e_640{bottom:calc(45vh + 1rem);right:1.25rem}}@media(max-width:380px){._transportBtn_13c0e_254{width:44px;height:44px;font-size:1rem}._playBtn_13c0e_282{width:56px;height:56px;font-size:1.3rem}._barBtn_13c0e_433{padding:.25rem .5rem;font-size:.8rem}}._page_1xaen_1{max-width:700px;margin:0 auto;padding:2rem 1.5rem}._header_1xaen_7{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}._title_1xaen_15{flex:1;font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0}._backLink_1xaen_23{font-size:.85rem;color:var(--color-muted);text-decoration:none;flex-shrink:0;transition:color .15s}._backLink_1xaen_23:hover{color:var(--color-text)}._list_1xaen_33{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}._card_1xaen_42{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:border-color .15s,box-shadow .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none}._card_1xaen_42:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}._cardMain_1xaen_62{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}._cardName_1xaen_70{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._cardDate_1xaen_78{font-size:.8rem;color:var(--color-muted)}._cardMeta_1xaen_83{font-size:.8rem;color:var(--color-muted);flex-shrink:0;white-space:nowrap}._cardArrow_1xaen_90{font-size:1.2rem;color:var(--color-muted);flex-shrink:0;opacity:.5}._cardActions_1xaen_97{display:flex;align-items:center;gap:.3rem;flex-shrink:0;margin-left:auto}._deleteBtn_1xaen_105{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:none;color:rgb(var(--ink) / .3);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s,color .15s;touch-action:manipulation}._deleteBtn_1xaen_105:hover{background:#b4232c14;color:var(--color-danger)}._deleteYesBtn_1xaen_122{padding:.25rem .65rem;min-height:34px;background:var(--color-danger);color:var(--color-surface-solid);border:none;border-radius:5px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;touch-action:manipulation}._deleteYesBtn_1xaen_122:hover:not(:disabled){background:#93191f}._deleteYesBtn_1xaen_122:disabled{opacity:.6}._deleteCancelBtn_1xaen_139{padding:.25rem .65rem;min-height:34px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:5px;font-size:.82rem;cursor:pointer;white-space:nowrap;touch-action:manipulation}._deleteCancelBtn_1xaen_139:hover{background:var(--color-hover)}._centeredMessage_1xaen_154{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;color:var(--color-muted)}._errorMessage_1xaen_163{padding:1rem;border-radius:var(--radius-sm);background:#b4232c0f;color:var(--color-danger);border:1px solid rgb(180 35 44 / .22)}._emptyState_1xaen_171{text-align:center;padding:4rem 1rem;color:var(--color-muted);display:flex;flex-direction:column;align-items:center;gap:1.25rem}._spinner_1xaen_181{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_1xaen_181 .8s linear infinite}@keyframes _spin_1xaen_181{to{transform:rotate(360deg)}}@media(max-width:600px){._page_1xaen_1{padding:1rem}._title_1xaen_15{font-size:1.4rem}}._builderPage_8oft6_1{max-width:900px;margin:0 auto;padding:2rem 1.5rem}._builderHeader_8oft6_7{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}._headerPicker_8oft6_14{margin-left:auto}._title_8oft6_18{font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0}._backLink_8oft6_25{font-size:.85rem;color:var(--color-muted);text-decoration:none;transition:color .15s}._backLink_8oft6_25:hover{color:var(--color-text)}._inputSection_8oft6_37{display:flex;flex-direction:column;gap:1rem}._hint_8oft6_43{color:var(--color-muted);font-size:.9rem;margin:0}._textInput_8oft6_49{width:100%;font-family:inherit;font-size:.88rem;line-height:1.6;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical;outline:none;box-sizing:border-box}._textInput_8oft6_49:focus{border-color:var(--color-border-strong)}._inputActions_8oft6_68{display:flex;justify-content:flex-end}._buildBtn_8oft6_73{padding:.6rem 1.5rem;min-height:44px;background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._buildBtn_8oft6_73:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary)}._buildBtn_8oft6_73:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){._builderPage_8oft6_1{padding:1rem}._title_8oft6_18{font-size:1.4rem}._buildBtn_8oft6_73{width:100%;font-size:1rem}._textInput_8oft6_49{font-size:1rem}._inputActions_8oft6_68{justify-content:stretch}}._toolbarActions_8oft6_107{display:flex;gap:.5rem;align-items:center}._saveBtn_8oft6_113{padding:.35rem .9rem;min-height:36px;background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;touch-action:manipulation}._saveBtn_8oft6_113:hover{background:var(--color-hover);border-color:var(--color-primary)}._dialogOverlay_8oft6_131{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--ink) / .35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}._dialog_8oft6_131{background:var(--color-surface-solid);border-radius:var(--radius-lg);padding:1.75rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1rem}._dialogTitle_8oft6_155{font-size:1.15rem;font-weight:700;margin:0;color:var(--color-text)}._saveNameInput_8oft6_162{width:100%;padding:.6rem .85rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:inherit;background:var(--color-bg);color:var(--color-text);outline:none;min-height:44px;box-sizing:border-box}._saveNameInput_8oft6_162:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 3px rgb(var(--ink) / .06)}._dialogHint_8oft6_181{font-size:.83rem;color:var(--color-muted);line-height:1.5;margin:0}._dialogHint_8oft6_181 code{font-size:.8rem;padding:.1rem .3rem;border-radius:4px;background:var(--color-bg);border:1px solid var(--color-border);white-space:nowrap}._dialogActions_8oft6_197{display:flex;gap:.6rem;justify-content:flex-end}._cancelBtn_8oft6_203{padding:.5rem 1rem;min-height:40px;background:none;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;color:var(--color-text);cursor:pointer;transition:background .15s;touch-action:manipulation}._cancelBtn_8oft6_203:hover:not(:disabled){background:var(--color-hover)}._cancelBtn_8oft6_203:disabled{opacity:.5;cursor:not-allowed}._confirmSaveBtn_8oft6_219{padding:.5rem 1.25rem;min-height:40px;background:var(--color-selected);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;touch-action:manipulation}._confirmSaveBtn_8oft6_219:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary)}._confirmSaveBtn_8oft6_219:disabled{opacity:.55;cursor:not-allowed}._resultsToolbar_8oft6_240{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}._resultsSummary_8oft6_249{display:flex;gap:.75rem;align-items:center}._matchBadge_8oft6_255{font-size:.85rem;font-weight:600;color:#2f6b45;background:#2f6b4517;padding:.25rem .6rem;border-radius:4px}._missingBadge_8oft6_264{font-size:.85rem;font-weight:600;color:#8a6524;background:#8a65241c;padding:.25rem .6rem;border-radius:4px}._backBtn_8oft6_273{padding:.35rem .75rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .15s}._backBtn_8oft6_273:hover{background:var(--color-hover)}._sectionList_8oft6_288{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}._sectionRow_8oft6_298{border-radius:6px;border:1px solid var(--color-border);overflow:hidden}._matched_8oft6_304{border-color:#2f6b4559}._unmatched_8oft6_308{border-color:#8a652459}._sectionHeader_8oft6_312{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface);transition:background .15s}._sectionHeader_8oft6_312:hover{background:var(--color-hover)}._sectionStatusIcon_8oft6_327{font-size:.9rem;flex-shrink:0}._matched_8oft6_304 ._sectionStatusIcon_8oft6_327{color:#2f6b45}._unmatched_8oft6_308 ._sectionStatusIcon_8oft6_327{color:#8a6524}._sectionTitle_8oft6_340{flex:1;font-weight:600;font-size:.9rem;color:var(--color-text)}._practiceLink_8oft6_347{flex-shrink:0;font-size:.8rem;padding:.2rem .6rem;background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:4px;text-decoration:none;font-weight:600;transition:background .15s,border-color .15s}._practiceLink_8oft6_347:hover{background:var(--color-hover);border-color:var(--color-primary)}._expandChevron_8oft6_365{font-size:.7rem;color:var(--color-muted);flex-shrink:0}._sectionBody_8oft6_371{padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-hover)}._songInfo_8oft6_377{font-size:.85rem;color:#2f6b45;margin-bottom:.5rem}._missingInfo_8oft6_383{font-size:.85rem;color:#8a6524;margin-bottom:.5rem}._bodyText_8oft6_389{font-family:inherit;font-size:.82rem;line-height:1.6;white-space:pre-wrap;color:var(--color-muted);margin:0;max-height:200px;overflow-y:auto}._preambleRow_8oft6_401{padding:.5rem 0}._preambleText_8oft6_405{font-size:.85rem;color:var(--color-muted);margin:0;font-style:italic}._page_12h9m_2{display:flex;flex-direction:column;min-height:100dvh;background:#fefcf8;color:#1a1a1a;--page-bg: #fefcf8;--bar-bg: rgba(254, 252, 248, .92);--bar-border: #e8e0d0;--text: #1a1a1a;--muted: #888;--score-border: #ddd5c0;--heading-color: #8B1A1A;--role-color: #8B1A1A}._page_12h9m_2[data-theme=dark]{background:#1c1917;color:#e8e0d0;--page-bg: #1c1917;--bar-bg: rgba(28, 25, 23, .95);--bar-border: #3a3530;--text: #e8e0d0;--muted: #9b8f83;--score-border: #3a3530;--heading-color: #e05555;--role-color: #e05555}._page_12h9m_2[data-theme=dark] ._topBar_12h9m_32{background:var(--bar-bg);border-bottom-color:var(--bar-border)}._page_12h9m_2[data-theme=dark] ._topTitle_12h9m_37,._page_12h9m_2[data-theme=dark] ._content_12h9m_38{color:var(--text)}._page_12h9m_2[data-theme=dark] ._sectionHeading_12h9m_42,._page_12h9m_2[data-theme=dark] ._roleLabel_12h9m_43{color:var(--role-color)}._page_12h9m_2[data-theme=dark] ._preamble_12h9m_47{color:var(--muted)}._page_12h9m_2[data-theme=dark] ._scoreBlock_12h9m_51{border-top-color:var(--score-border)}._page_12h9m_2[data-theme=dark] ._scoreContainer_12h9m_55{background:#f5f0e8;border-radius:6px;padding:.5rem .75rem}._page_12h9m_2[data-theme=dark] ._scoreLoading_12h9m_61{background:#f5f0e8;border-radius:6px;padding:1rem .75rem}._page_12h9m_2[data-theme=dark] ._nameInput_12h9m_67{background:#2c2825;color:var(--text)}._page_12h9m_2[data-theme=dark] ._deleteBtn_12h9m_72:hover{background:#3a2020}._page_12h9m_2[data-theme=dark] ._printBtn_12h9m_76{border-color:var(--bar-border);color:var(--text)}._page_12h9m_2[data-theme=dark] ._iconBtn_12h9m_81{color:var(--muted)}._page_12h9m_2[data-theme=dark] ._settingsPanel_12h9m_85{background:#2c2825;border-color:var(--bar-border);color:var(--text)}._page_12h9m_2[data-theme=dark] ._fontStepBtn_12h9m_91{background:#3a3530;color:var(--text);border-color:#4a4540}._page_12h9m_2[data-theme=dark] ._fontStepBtn_12h9m_91:hover:not(:disabled){background:#4a4540}._page_12h9m_2[data-theme=dark] ._themeBtn_12h9m_101{background:#3a3530;color:var(--text);border-color:#4a4540}._page_12h9m_2[data-theme=dark] ._themeBtnActive_12h9m_107{background:var(--role-color);color:#fff;border-color:var(--role-color)}._topBar_12h9m_32{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.65rem 1.5rem;background:var(--bar-bg, rgba(254, 252, 248, .92));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--bar-border, #e8e0d0);flex-wrap:wrap}._backLink_12h9m_128{font-size:.82rem;color:var(--color-primary);text-decoration:none;white-space:nowrap;flex-shrink:0}._backLink_12h9m_128:hover{text-decoration:underline}._topTitle_12h9m_37{flex:1;font-size:.95rem;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._topActions_12h9m_148{display:flex;align-items:center;gap:.6rem;flex-shrink:0}._topDate_12h9m_155{font-size:.78rem;color:#888;white-space:nowrap}._topTitleBtn_12h9m_162{flex:1;display:flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;cursor:pointer;min-width:0;text-align:left}._topTitleBtn_12h9m_162:hover ._editIcon_12h9m_175{opacity:1}._topTitle_12h9m_37{font-size:.95rem;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._editIcon_12h9m_175{font-size:.85rem;color:var(--color-muted);opacity:.4;transition:opacity .15s;flex-shrink:0}._nameEditRow_12h9m_195{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0}._nameInput_12h9m_67{flex:1;min-width:0;padding:.25rem .5rem;border:1px solid var(--color-primary);border-radius:5px;font-size:.95rem;font-weight:700;font-family:Segoe UI,system-ui,sans-serif;background:#fff;color:#1a1a1a;outline:none}._nameConfirmBtn_12h9m_217,._nameCancelBtn_12h9m_218{flex-shrink:0;width:28px;height:28px;border:none;border-radius:5px;font-size:.85rem;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}._nameConfirmBtn_12h9m_217{background:var(--color-selected);color:var(--color-text);border:1px solid var(--color-border-strong)}._nameConfirmBtn_12h9m_217:hover:not(:disabled){background:var(--color-hover)}._nameCancelBtn_12h9m_218{background:var(--color-hover);color:var(--color-text)}._nameCancelBtn_12h9m_218:hover{background:var(--color-border)}._deleteBtn_12h9m_72{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:#aaa;cursor:pointer;border-radius:5px;transition:background .15s,color .15s;touch-action:manipulation;flex-shrink:0}._deleteBtn_12h9m_72:hover{background:#fef2f2;color:var(--color-danger)}._deleteConfirm_12h9m_260{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--color-text);flex-shrink:0;font-family:Segoe UI,system-ui,sans-serif}._deleteYesBtn_12h9m_270{padding:.2rem .55rem;background:var(--color-danger);color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;touch-action:manipulation}._deleteYesBtn_12h9m_270:hover:not(:disabled){background:#b91c1c}._deleteCancelBtn_12h9m_283{padding:.2rem .55rem;background:var(--color-hover);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;font-size:.8rem;cursor:pointer;touch-action:manipulation}._deleteCancelBtn_12h9m_283:hover{background:var(--color-border)}._iconBtn_12h9m_81{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:#aaa;cursor:pointer;border-radius:5px;transition:background .15s,color .15s;touch-action:manipulation;flex-shrink:0}._iconBtn_12h9m_81:hover,._iconBtnActive_12h9m_314{background:var(--color-hover);color:var(--color-text)}._settingsWrapper_12h9m_317{position:relative;flex-shrink:0}._settingsPanel_12h9m_85{position:absolute;top:calc(100% + 8px);right:0;z-index:100;width:220px;background:#fff;border:1px solid #e0d8cc;border-radius:10px;box-shadow:0 6px 24px #0000001f;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.85rem;font-family:Segoe UI,system-ui,sans-serif}._settingsRow_12h9m_339{display:flex;align-items:center;justify-content:space-between;gap:.5rem}._settingsLabel_12h9m_346{font-size:.8rem;color:var(--color-muted);white-space:nowrap}._fontStepper_12h9m_353{display:flex;align-items:center;gap:.3rem}._fontStepBtn_12h9m_91{padding:.15rem .4rem;min-width:30px;height:26px;background:#f5f0e8;border:1px solid #ddd5c0;border-radius:4px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .12s;font-family:Georgia,serif}._fontStepBtn_12h9m_91:hover:not(:disabled){background:#ece6da}._fontStepBtn_12h9m_91:disabled{opacity:.35;cursor:default}._fontPreview_12h9m_376{min-width:1.4rem;text-align:center;font-family:"Noto Serif",Georgia,serif;font-weight:700;line-height:1;color:var(--color-text)}._themeToggle_12h9m_386{display:flex;gap:.3rem}._themeBtn_12h9m_101{padding:.15rem .5rem;height:26px;background:#f5f0e8;border:1px solid #ddd5c0;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}._themeBtn_12h9m_101:hover:not(._themeBtnActive_12h9m_107){background:#ece6da}._themeBtnActive_12h9m_107{background:#8b1a1a;color:#fff;border-color:#8b1a1a}._printBtn_12h9m_76{display:flex;align-items:center;gap:.3rem;padding:.25rem .6rem;min-height:30px;background:none;border:1px solid var(--color-border);border-radius:5px;font-size:.78rem;font-family:Segoe UI,system-ui,sans-serif;color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s;touch-action:manipulation;flex-shrink:0}._printBtn_12h9m_76:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}._printBtn_12h9m_76:disabled{opacity:.55;cursor:default}._spinnerSm_12h9m_438{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_12h9m_438 .8s linear infinite;flex-shrink:0}._printHeader_12h9m_449{display:none}@media print{@page{margin:0;size:A4 portrait}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}._topBar_12h9m_32,._practiceBtn_12h9m_467,._settingsPanel_12h9m_85{display:none!important}._page_12h9m_2{min-height:unset;background:#fff}._content_12h9m_38{padding:15mm 18mm;max-width:100%;font-size:10.5pt;line-height:1.55}._printHeader_12h9m_449{display:block;text-align:center;margin-bottom:1.5em;border-bottom:1px solid #ccc;padding-bottom:.6em}._printTitle_12h9m_495{font-family:"Noto Serif",Georgia,serif;font-size:14pt;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#1a1a1a;margin:0 0 .2em}._printDate_12h9m_505{font-family:"Noto Serif",Georgia,serif;font-size:9.5pt;color:#666;margin:0}._sectionHeading_12h9m_42,._roleLabel_12h9m_43{color:#8b1a1a!important}._section_12h9m_42{page-break-inside:avoid;break-inside:avoid}._scoreBlock_12h9m_51{page-break-inside:avoid;break-inside:avoid;margin:.5em 0}._scoreLoading_12h9m_61{display:none}._scoreContainer_12h9m_55,._osmdMount_12h9m_531{width:100%}}._content_12h9m_38{flex:1;padding:.75rem 1.5rem 3rem;font-family:"Noto Serif",Georgia,Times New Roman,serif;font-size:var(--content-font-size, 1.05rem);line-height:1.65;color:var(--text, #1a1a1a);box-sizing:border-box}._section_12h9m_42{margin-bottom:.6rem}._sectionHeadingRow_12h9m_550{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.75rem 0 .2rem;flex-wrap:wrap}._sectionHeading_12h9m_42{font-size:1rem;font-weight:700;font-family:inherit;text-align:center;color:var(--heading-color, #8B1A1A);text-transform:uppercase;letter-spacing:.07em;margin:0}._practiceBtn_12h9m_467{flex-shrink:0;font-size:.7rem;padding:.15rem .5rem;background:transparent;color:var(--heading-color, #8B1A1A);border:1px solid currentColor;border-radius:4px;text-decoration:none;font-weight:600;font-family:Segoe UI,system-ui,sans-serif;transition:background .15s}._practiceBtn_12h9m_467:hover{background:#8b1a1a14}._bodyLines_12h9m_587{display:flex;flex-direction:column}._roleLine_12h9m_592{display:grid;grid-template-columns:9em 1fr;column-gap:.2rem;align-items:baseline;min-height:1.5em}._roleLabel_12h9m_43{color:var(--role-color, #8B1A1A);font-weight:700;line-height:inherit}._roleContent_12h9m_606{font-weight:700;line-height:inherit}._initial_12h9m_611{font-size:1.15em;font-weight:900;line-height:1}._contLine_12h9m_618{padding-left:calc(9em + .2rem);font-weight:700;min-height:1.5em}._emptyLine_12h9m_624{height:.3em}._preamble_12h9m_47{font-style:italic;color:#777;margin:.5rem 0 1rem;font-family:inherit}._scoreBlock_12h9m_51{margin:1rem 0 .5rem;border-top:1px solid #ddd5c0;padding-top:.5rem}._scoreContainer_12h9m_55{position:relative;width:100%}._scoreLoading_12h9m_61{display:flex;align-items:center;gap:.6rem;padding:1.5rem 0;color:#888;font-size:.85rem;font-family:Segoe UI,system-ui,sans-serif}._osmdMount_12h9m_531{width:100%}._scoreError_12h9m_662{font-size:.82rem;color:var(--color-danger);font-family:Segoe UI,system-ui,sans-serif}._centeredMessage_12h9m_669{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 0;color:var(--color-muted);font-family:Segoe UI,system-ui,sans-serif}._errorPage_12h9m_679{max-width:600px;margin:4rem auto;padding:1.5rem;font-family:Segoe UI,system-ui,sans-serif}._errorMessage_12h9m_686{padding:1rem;border-radius:6px;background:#fef2f2;color:var(--color-danger);border:1px solid #fecaca;margin-bottom:1rem}._spinner_12h9m_438{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_12h9m_438 .8s linear infinite;flex-shrink:0}@keyframes _spin_12h9m_438{to{transform:rotate(360deg)}}@media(max-width:600px){._content_12h9m_38{padding:.5rem .75rem 2rem;font-size:.97rem}._topBar_12h9m_32{padding:.5rem .75rem}}._trainingArea_dme6q_4{display:flex;flex-direction:column;align-items:center;gap:1.25rem}._trainingArea_dme6q_4>*{flex-shrink:0}._topBar_dme6q_17{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 2rem;width:100%}._noteCard_dme6q_26{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:8rem;padding:.5rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-selected);transition:border-color .15s}._noteCardImagine_dme6q_39{border-color:#2563eb}._noteSyllable_dme6q_44{font-size:2.6rem;font-weight:700;line-height:1.1;color:var(--color-text)}._noteName_dme6q_51{min-height:1.3em;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--color-muted)}._transport_dme6q_58{display:flex;flex-direction:column;align-items:center;gap:.5rem}._status_dme6q_65{margin:0;font-size:.85rem;color:var(--color-muted);text-align:center}._tonicBtn_dme6q_72{font-size:.85rem;font-weight:700}._piano_dme6q_78{width:100%;height:auto;display:block;user-select:none;-webkit-user-select:none;touch-action:manipulation}._pianoKey_dme6q_87{cursor:pointer;-webkit-tap-highlight-color:transparent}._whiteKey_dme6q_92{fill:#fff;stroke:rgb(var(--ink) / .45);stroke-width:1;transition:fill .1s}._blackKey_dme6q_99{fill:#27272a;stroke:#18181b;stroke-width:1;transition:fill .1s}._whiteKey_dme6q_92._keyOutOfScale_dme6q_106{fill:#f4f4f5}._blackKey_dme6q_99._keyOutOfScale_dme6q_106{fill:#52525b}._whiteKey_dme6q_92._keyOutOfRange_dme6q_109{fill:#e4e4e7}._blackKey_dme6q_99._keyOutOfRange_dme6q_109{fill:#71717a}._whiteKey_dme6q_92._keyImagine_dme6q_112{fill:#93c5fd}._blackKey_dme6q_99._keyImagine_dme6q_112{fill:#2563eb}._whiteKey_dme6q_92._keySounding_dme6q_115{fill:#fca5a5}._blackKey_dme6q_99._keySounding_dme6q_115{fill:#dc2626}._whiteKeyLabel_dme6q_118,._blackKeyLabel_dme6q_119{pointer-events:none;font-family:inherit}._whiteKeyLabel_dme6q_118{font-size:13px;fill:rgb(var(--ink) / .85)}._blackKeyLabel_dme6q_119{font-size:10px;fill:#fff}._tonicLabel_dme6q_134{font-weight:800}._tonicDot_dme6q_138{fill:rgb(var(--ink) / .55);pointer-events:none}._octaveLabel_dme6q_143{font-size:9px;fill:rgb(var(--ink) / .45);pointer-events:none}._staff_dme6q_151{width:100%;overflow-x:hidden}._staff_dme6q_151 svg{display:block;margin:0 auto}._staffInteractive_dme6q_161{cursor:pointer;-webkit-tap-highlight-color:transparent}._errorText_dme6q_166{color:var(--color-danger);font-size:.85rem}._credit_dme6q_171{margin:auto 0 0;padding-top:.5rem;font-size:.7rem;color:var(--color-muted);text-align:center}._segmented_dme6q_180{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}._segmented_dme6q_180>button{flex:1 1 auto;justify-content:center}._rangeRow_dme6q_192{display:flex;gap:.5rem}._field_dme6q_197{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}._select_dme6q_205{width:100%;min-height:36px;padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text);font:inherit;font-size:.85rem;margin-bottom:.5rem}._formOptions_dme6q_218{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}._formOption_dme6q_218{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .7rem;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}._formOption_dme6q_218:hover{background:var(--color-hover)}._formOptionActive_dme6q_245{background:var(--color-selected);border-color:var(--color-primary)}._formOptionLabel_dme6q_250{font-size:.85rem;font-weight:600}._formOptionHint_dme6q_255{font-size:.75rem;color:var(--color-muted)}._settingHint_dme6q_260{margin:0;font-size:.75rem;color:var(--color-muted)}@media(max-width:768px){._trainingArea_dme6q_4{gap:.75rem}._noteSyllable_dme6q_44{font-size:2rem}._noteCard_dme6q_26{min-width:6rem;padding:.35rem 1rem}}