._backdrop_1hqtk_1{z-index:-1;pointer-events:none;background:#000;position:fixed;inset:0;overflow:hidden}._neckSvg_1hqtk_10{display:block;position:absolute;inset:0}._container_1hqtk_16{touch-action:manipulation;flex:1;justify-content:stretch;align-items:stretch;min-height:0;display:flex}._svg_1hqtk_25{width:100%;height:100%;display:block}._stringHighlight_1hqtk_31{fill:var(--string-highlight)}._boxHighlight_1hqtk_35{fill:var(--box-highlight);stroke:var(--accent);stroke-width:2px}._hitArea_1hqtk_41{fill:#0000;cursor:pointer}._hitArea_1hqtk_41:active{fill:#ffffff14}._dot_1hqtk_50{fill:var(--accent)}._dotReveal_1hqtk_54{fill:var(--correct)}._selected_1hqtk_58{fill:#f8717159;stroke:var(--incorrect);stroke-width:2px}._correctCell_1hqtk_64{fill:#4ade8066;stroke:var(--correct);stroke-width:2px}._disabled_1hqtk_70{pointer-events:none}._promptArea_l6pfb_1{flex-shrink:0;justify-content:center;align-items:center;min-height:88px;padding:.4rem .75rem;display:flex}._promptBox_l6pfb_10{justify-content:center;align-items:center;min-width:120px;min-height:100px;padding:0 .5rem;display:flex;position:relative}._noteText_l6pfb_20{z-index:1;text-shadow:0 2px 12px #000000d9;font-size:2rem;font-weight:700}._feedbackResult_l6pfb_27{z-index:1;text-align:center;text-shadow:0 2px 12px #000000d9;flex-direction:column;align-items:center;gap:.15rem;display:flex}._feedbackStatus_l6pfb_37{letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700}._feedbackStatusCorrect_l6pfb_44{color:var(--correct)}._feedbackStatusIncorrect_l6pfb_48{color:var(--incorrect)}._feedbackAnswer_l6pfb_52{font-size:1.35rem;font-weight:700}._noteGrid_l6pfb_57{background:linear-gradient(#0f111773,#0f1117e0);flex-direction:column;flex:1;justify-content:flex-end;gap:.25rem;min-height:0;padding:.5rem;display:flex}._accidentalRow_l6pfb_68{grid-template-columns:repeat(7,1fr);gap:.35rem;padding:0 .25rem;display:grid}._naturalRow_l6pfb_75{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}._noteBtn_l6pfb_81{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;min-height:52px;font-size:1rem;font-weight:600;display:flex}._noteBtn_l6pfb_81:active:not(:disabled){background:var(--accent);color:#0f1117}._noteBtn_l6pfb_81:disabled{opacity:.5}._noteBtnAccidental_l6pfb_102{min-height:44px;font-size:.85rem}._noteBtnEmpty_l6pfb_107{visibility:hidden;pointer-events:none}._noteBtnCorrect_l6pfb_112{border-color:var(--correct);background:#4ade804d}._noteBtnIncorrect_l6pfb_117{border-color:var(--incorrect);background:#f871714d}:root{--bg:#0f1117;--surface:#1a1d27;--surface-2:#252936;--border:#3a3f52;--text:#f0f2f8;--text-muted:#9aa3b8;--accent:#6c9eff;--correct:#4ade80;--incorrect:#f87171;--string-highlight:#6c9eff26;--box-highlight:#6c9eff33;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:none}input[type=range]{width:100%;accent-color:var(--accent)}.app{z-index:1;height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;display:flex;position:relative}.header{z-index:2;background:linear-gradient(#0f1117d1,#0f111759);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:.5rem .75rem;display:grid;position:relative}.headerTitle{text-shadow:0 1px 8px #000c;font-size:.95rem;font-weight:600}.headerActions{justify-self:end;gap:.25rem;display:flex}.iconBtn{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.iconBtn:active{background:var(--surface-2)}.main{z-index:2;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.quizArea{flex-direction:column;flex:1;min-height:0;display:flex}.quizAreaIdentify{flex:1}.playable{flex-direction:column;flex:1;min-height:0;padding-bottom:2.25rem;display:flex}.playableAlign{flex:1;min-height:0;display:flex}.controls{justify-content:center;display:flex}.playBtn{background:var(--accent);color:#0f1117;border-radius:10px;min-width:88px;padding:.45rem 1.1rem;font-size:.95rem;font-weight:600}.playBtn:active{opacity:.85}.playBtnPaused{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.overlay{z-index:100;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);width:min(320px,85vw);height:100%;padding:1rem;padding-top:calc(1rem + var(--safe-top));padding-bottom:calc(1rem + var(--safe-bottom));overflow-y:auto}.drawer h2{margin:0 0 1rem;font-size:1.1rem}.drawerSection{margin-bottom:1.5rem}.drawerSection h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .5rem;font-size:.8rem}.drawerItem{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem;padding:.75rem;display:flex}.drawerItem:active{background:var(--surface-2)}.drawerItemActive{background:var(--surface-2);border:1px solid var(--accent)}.drawerItemLabel{font-weight:500}.drawerItemMeta{color:var(--text-muted);font-size:.85rem}.panel{background:var(--bg);z-index:110;padding:1rem;padding-top:calc(1rem + var(--safe-top));padding-bottom:calc(1rem + var(--safe-bottom));position:fixed;inset:0;overflow-y:auto}.panelHeader{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.panelHeader h2{margin:0;font-size:1.1rem}.settingGroup{margin-bottom:1.25rem}.settingGroup label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem;display:block}.chipRow{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:44px;min-height:44px;padding:.5rem .75rem;font-size:.9rem}.chipActive{background:var(--accent);color:#0f1117;border-color:var(--accent)}.radioRow{flex-direction:column;gap:.4rem;display:flex}.radioOption{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.radioOptionActive{border-color:var(--accent);background:var(--surface-2)}.dangerBtn{border:1px solid var(--incorrect);width:100%;color:var(--incorrect);background:0 0;border-radius:8px;margin-top:.5rem;padding:.75rem}.progressSection{margin-bottom:1.5rem}.progressSection h3{margin:0 0 .75rem;font-size:.95rem}.progressRow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.85rem;display:flex}.progressBadge{background:var(--surface-2);border-radius:4px;padding:.15rem .4rem;font-size:.75rem}.progressBadgeLearned{color:var(--correct);background:#4ade8033}.aboutText{color:var(--text-muted);line-height:1.6}.aboutText p{margin:0 0 1rem}.hint{text-align:center;color:var(--text-muted);padding:1rem;font-size:.9rem}.feedbackSlide{animation:.3s ease-out slideFeedback}@keyframes slideFeedback{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseCorrect{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:.8s ease-in-out infinite pulseCorrect}