._backdrop_zusbf_1{z-index:-1;pointer-events:none;background:#000;position:fixed;inset:0;overflow:hidden}._neckPhoto_zusbf_10{transform-origin:0 0;-webkit-user-select:none;user-select:none;width:473px;max-width:none;height:1024px;position:absolute;top:0;left:0}._container_zusbf_21{touch-action:manipulation;flex:1;justify-content:stretch;align-items:stretch;min-height:0;display:flex}._svg_zusbf_30{width:100%;height:100%;display:block}._stringHighlight_zusbf_36{fill:var(--string-highlight)}._boxHighlight_zusbf_40{fill:var(--box-highlight);stroke:var(--accent);stroke-width:2px}._hitArea_zusbf_46{fill:#0000;cursor:pointer}._hitArea_zusbf_46:active{fill:#ffffff14}._dot_zusbf_55{fill:var(--accent)}._dotReveal_zusbf_59{fill:var(--correct)}._selected_zusbf_63{fill:#f8717159;stroke:var(--incorrect);stroke-width:2px}._correctCell_zusbf_69{fill:#4ade8066;stroke:var(--correct);stroke-width:2px}._disabled_zusbf_75{pointer-events:none}._promptArea_1gq10_1{flex-shrink:0;justify-content:center;align-items:center;min-height:88px;padding:.4rem .75rem;display:flex}._promptBox_1gq10_10{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}._noteText_1gq10_19{z-index:1;text-shadow:0 2px 12px #000000d9;font-size:2rem;font-weight:700}._feedbackIcon_1gq10_26{z-index:1;font-size:2.5rem}._timerSvg_1gq10_31{position:absolute;inset:0;transform:rotate(-90deg)}._timerTrack_1gq10_37{fill:none;stroke:var(--surface-2);stroke-width:4px}._timerProgress_1gq10_43{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 50ms linear}._noteGrid_1gq10_51{background:linear-gradient(#0f111773,#0f1117e0);flex-direction:column;flex:1;justify-content:flex-end;gap:.25rem;min-height:0;padding:.5rem;display:flex}._accidentalRow_1gq10_62{grid-template-columns:repeat(7,1fr);gap:.35rem;padding:0 .25rem;display:grid}._naturalRow_1gq10_69{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}._noteBtn_1gq10_75{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_1gq10_75:active:not(:disabled){background:var(--accent);color:#0f1117}._noteBtn_1gq10_75:disabled{opacity:.5}._noteBtnAccidental_1gq10_96{min-height:44px;font-size:.85rem}._noteBtnEmpty_1gq10_101{visibility:hidden;pointer-events:none}._noteBtnCorrect_1gq10_106{border-color:var(--correct);background:#4ade804d}._noteBtnIncorrect_1gq10_111{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;--timeout:#fbbf24;--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}