:root{--bg:#0f0f14;--bg-alt:#0a0a0f;--surface:#1a1a22;--surface-hover:#ffffff0e;--border:#ffffff14;--border-solid:#2a2a36;--text-primary:#e0e0e0;--text-secondary:#888;--text-muted:#555;--text-faint:#444;--kbd-bg:#ffffff1a;--kbd-border:#ffffff26;--scene-bg:#1e1e28}*,:before,:after{box-sizing:border-box}html,body,#app{-webkit-font-smoothing:antialiased;background:var(--bg);width:100%;height:100%;color:var(--text-primary);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.home[data-v-601c09d4]{background:var(--bg);height:100%;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:2rem;display:flex}.home__header[data-v-601c09d4]{text-align:center}.home__title[data-v-601c09d4]{letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary);margin:0;font-size:3rem;font-weight:200}.home__sub[data-v-601c09d4]{letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase;margin:.5rem 0 0;font-size:.85rem}.home__cards[data-v-601c09d4]{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.card[data-v-601c09d4]{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;width:240px;color:inherit;border-radius:12px;flex-direction:column;gap:.75rem;padding:2.5rem 2rem;font-family:inherit;transition:border-color .2s,background .2s,transform .15s;display:flex}.card[data-v-601c09d4]:hover{background:var(--surface-hover);transform:translateY(-3px)}.card--play[data-v-601c09d4]:hover{border-color:#6c8cff}.card--test[data-v-601c09d4]:hover{border-color:#c678dd}.card__icon[data-v-601c09d4]{opacity:.7;font-size:1.8rem}.card--play .card__icon[data-v-601c09d4]{color:#6c8cff}.card--test .card__icon[data-v-601c09d4]{color:#c678dd}.card__label[data-v-601c09d4]{letter-spacing:.08em;text-transform:uppercase;font-size:1.5rem;font-weight:300}.card__desc[data-v-601c09d4]{color:var(--text-secondary);font-size:.82rem;line-height:1.6}.home__footer[data-v-601c09d4]{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}.head-scene[data-v-225e5f1f]{touch-action:none;z-index:0;width:100%;height:100%;display:block;position:relative}.test[data-v-4ab33da5]{background:var(--bg-alt);height:100%;font-family:inherit;display:flex}.sidebar[data-v-4ab33da5]{background:var(--surface);border-right:1px solid var(--border-solid);flex-direction:column;gap:1.5rem;width:220px;min-width:220px;padding:1.5rem 1rem;display:flex;overflow-y:auto}.back-btn[data-v-4ab33da5]{color:var(--text-secondary);letter-spacing:.06em;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.82rem}.back-btn[data-v-4ab33da5]:hover{color:var(--text-primary)}.sidebar__section[data-v-4ab33da5]{flex-direction:column;gap:.5rem;display:flex}.sidebar__heading[data-v-4ab33da5]{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.7rem;font-weight:600}.source-list[data-v-4ab33da5]{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.source-list__item[data-v-4ab33da5]{color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.45rem .6rem;font-size:.85rem;transition:background .1s,color .1s}.source-list__item[data-v-4ab33da5]:hover{background:var(--surface-hover);color:var(--text-primary)}.source-list__item--active[data-v-4ab33da5]{color:#5c6bc0;background:#5c6bc01a;font-weight:600}.source-list__item--file[data-v-4ab33da5]{align-items:center;gap:.25rem;display:flex}.file-name[data-v-4ab33da5]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-remove[data-v-4ab33da5]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .1rem;font-family:inherit;font-size:.85rem;line-height:1;display:none}.source-list__item--file:hover .file-remove[data-v-4ab33da5]{display:block}.file-remove[data-v-4ab33da5]:hover{color:#c0392b}.source-list__item--load[data-v-4ab33da5]{color:var(--text-muted);margin-top:2px;font-style:italic}.source-list__item--load[data-v-4ab33da5]:hover{color:var(--text-secondary)}.profile-list[data-v-4ab33da5]{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.profile-list__item[data-v-4ab33da5]{color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:.45rem .6rem;font-size:.85rem;transition:background .1s,color .1s;display:flex}.profile-list__item[data-v-4ab33da5]:hover:not(.profile-list__item--locked){background:var(--surface-hover);color:var(--text-primary)}.profile-list__item--active[data-v-4ab33da5]{color:#5c6bc0;background:#5c6bc01a;font-weight:600}.profile-list__item--locked[data-v-4ab33da5]{cursor:default;opacity:.5}.profile-list__badge[data-v-4ab33da5]{letter-spacing:.06em;color:var(--text-muted);background:var(--surface-hover);border-radius:3px;padding:.1rem .35rem;font-size:.65rem}.main[data-v-4ab33da5]{flex:1;position:relative;overflow:hidden}.overlay[data-v-4ab33da5]{pointer-events:none;position:absolute}.overlay--pos[data-v-4ab33da5]{color:var(--text-secondary);align-items:baseline;gap:.35rem;font-size:.82rem;display:flex;top:1.2rem;right:1.5rem}.pos-label[data-v-4ab33da5]{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.pos-val[data-v-4ab33da5]{color:#5c6bc0;font-variant-numeric:tabular-nums;min-width:3.5ch;font-weight:600}.pos-sep[data-v-4ab33da5]{color:var(--text-faint)}.overlay--play[data-v-4ab33da5]{pointer-events:all;align-items:center;gap:.75rem;display:flex;bottom:2rem;left:50%;transform:translate(-50%)}.play-btn[data-v-4ab33da5]{color:#fff;letter-spacing:.08em;cursor:pointer;background:#5c6bc0;border:none;border-radius:6px;padding:.6rem 2rem;font-family:inherit;font-size:.9rem;transition:background .15s,transform .1s}.play-btn[data-v-4ab33da5]:hover{background:#3f51b5;transform:scale(1.03)}.play-btn--active[data-v-4ab33da5]{background:#c0392b}.play-btn--active[data-v-4ab33da5]:hover{background:#a93226}.play-hint[data-v-4ab33da5]{color:var(--text-faint);letter-spacing:.08em;font-size:.72rem}.overlay--title[data-v-4ab33da5]{color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;bottom:2rem;right:1.5rem}.play[data-v-2b210e2f]{background:var(--bg-alt);height:100%;color:var(--text-primary);justify-content:center;align-items:center;font-family:inherit;display:flex;position:relative;overflow:hidden auto}.play--listening[data-v-2b210e2f]{cursor:crosshair;-webkit-user-select:none;user-select:none;background:#05050a;overflow:hidden}.panel[data-v-2b210e2f]{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;max-width:480px;padding:3rem 2rem;display:flex}.panel__title[data-v-2b210e2f]{letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);margin:0;font-size:2.2rem;font-weight:200}.panel__body[data-v-2b210e2f]{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}kbd[data-v-2b210e2f]{background:var(--kbd-bg);border:1px solid var(--kbd-border);border-radius:3px;padding:.1em .4em;font-family:inherit;font-size:.9em}.avg-score[data-v-2b210e2f]{color:var(--text-secondary);font-size:.82rem}.profile-selector[data-v-2b210e2f]{flex-direction:column;align-items:center;gap:.5rem;display:flex}.profile-selector__label[data-v-2b210e2f]{text-transform:uppercase;letter-spacing:.1em;color:#555;font-size:.7rem}.profile-selector__options[data-v-2b210e2f]{scrollbar-width:thin;scrollbar-color:var(--border-solid) transparent;flex-wrap:wrap;justify-content:center;gap:.4rem;max-height:20rem;padding:.2rem;display:flex;overflow-y:auto}.profile-chip[data-v-2b210e2f]{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:.3rem .8rem;font-family:inherit;font-size:.78rem;transition:border-color .15s,color .15s,background .15s}.profile-chip[data-v-2b210e2f]:not(:disabled):hover{color:var(--text-primary);border-color:#5c6bc080}.profile-chip--active[data-v-2b210e2f]{color:#8c9eff;background:#5c6bc01f;border-color:#5c6bc0}.profile-chip--locked[data-v-2b210e2f]{opacity:.35;cursor:default}.panel__actions[data-v-2b210e2f]{align-items:center;gap:1rem;display:flex}.panel__hint[data-v-2b210e2f]{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem}.btn[data-v-2b210e2f]{letter-spacing:.06em;cursor:pointer;border:none;border-radius:6px;padding:.65rem 1.8rem;font-family:inherit;font-size:.9rem;transition:background .15s,transform .1s}.btn[data-v-2b210e2f]:hover{transform:scale(1.04)}.btn--primary[data-v-2b210e2f]{color:#fff;background:#5c6bc0}.btn--primary[data-v-2b210e2f]:hover{background:#3f51b5}.btn--ghost[data-v-2b210e2f]{color:#666;background:0 0;border:1px solid #ffffff1a}.btn--ghost[data-v-2b210e2f]:hover{color:#aaa;background:#ffffff0d}.listening-ui[data-v-2b210e2f]{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crosshair[data-v-2b210e2f]{width:40px;height:40px;position:relative}.crosshair__h[data-v-2b210e2f],.crosshair__v[data-v-2b210e2f]{background:#ffffff59;border-radius:2px;position:absolute}.crosshair__h[data-v-2b210e2f]{width:40px;height:1px;top:50%;left:0}.crosshair__v[data-v-2b210e2f]{width:1px;height:40px;top:0;left:50%}.listen-hint[data-v-2b210e2f]{color:#555;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:.75rem;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.submit-btn[data-v-2b210e2f]{color:#fff;letter-spacing:.08em;cursor:pointer;pointer-events:all;background:#5c6bc0;border:none;border-radius:6px;padding:.65rem 2.5rem;font-family:inherit;font-size:.9rem;transition:background .15s,transform .1s;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.submit-btn[data-v-2b210e2f]:hover{background:#3f51b5;transform:translate(-50%)scale(1.04)}.ghost-back[data-v-2b210e2f]{color:#333;letter-spacing:.06em;cursor:pointer;pointer-events:all;background:0 0;border:none;font-family:inherit;font-size:.82rem;position:absolute;top:1.5rem;left:1.5rem}.ghost-back[data-v-2b210e2f]:hover{color:#666}.reveal[data-v-2b210e2f]{background:var(--bg-alt);color:var(--text-primary);display:flex;position:absolute;inset:0}.reveal__scene[data-v-2b210e2f]{flex:1;position:relative}.reveal__markers[data-v-2b210e2f]{flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1.5rem;left:1.5rem}.marker[data-v-2b210e2f]{letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.marker--target[data-v-2b210e2f]{color:#27ae60;background:#27ae601f}.marker--guess[data-v-2b210e2f]{color:#5c6bc0;background:#5c6bc01f}.score-panel[data-v-2b210e2f]{background:var(--surface);border-left:1px solid var(--border-solid);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:280px;min-width:280px;padding:2.5rem 1.8rem;display:flex}.score-error[data-v-2b210e2f]{font-variant-numeric:tabular-nums;font-size:4rem;font-weight:100;line-height:1}.score-label[data-v-2b210e2f]{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.75rem}.score-msg[data-v-2b210e2f]{letter-spacing:.06em;margin:.25rem 0;font-size:1.1rem;font-weight:500}.score-details[data-v-2b210e2f]{width:100%;color:var(--text-secondary);border-collapse:collapse;margin:.5rem 0;font-size:.8rem}.score-details td[data-v-2b210e2f]{padding:.3rem .4rem}.score-details td[data-v-2b210e2f]:first-child{color:var(--text-faint);text-align:right;white-space:nowrap}.score-actions[data-v-2b210e2f]{flex-direction:column;gap:.6rem;width:100%;margin-top:.5rem;display:flex}.score-actions .btn[data-v-2b210e2f]{width:100%}.score-actions .btn--ghost[data-v-2b210e2f]{color:var(--text-muted);border-color:var(--border-solid)}.score-actions .btn--ghost[data-v-2b210e2f]:hover{background:var(--surface-hover)}.fade-enter-active[data-v-2b210e2f],.fade-leave-active[data-v-2b210e2f]{transition:opacity .3s}.fade-enter-from[data-v-2b210e2f],.fade-leave-to[data-v-2b210e2f]{opacity:0}