:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:100%;width:100%;height:100vh;margin:0 auto;padding:0;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html[data-v-f14b4681],body[data-v-f14b4681]{height:100%;width:100%;max-width:100%;margin:0;overflow-x:hidden;overflow-y:auto}#app[data-v-f14b4681]{height:inherit;width:inherit;margin:inherit;padding:0}*{box-sizing:border-box}[data-v-f14b4681]:root{color-scheme:light}.app[data-v-f14b4681]{height:inherit;min-height:100dvh;width:inherit;margin:0;padding:16px;overflow:auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;line-height:1.35;color:#111;background:#f6f6f6}.header[data-v-f14b4681]{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.header h1[data-v-f14b4681]{margin:0 0 6px;font-size:22px;color:#111}.sub[data-v-f14b4681]{margin:0;color:#444}.header-actions[data-v-f14b4681]{display:flex;gap:10px}.small[data-v-f14b4681]{font-size:12px;color:#555}.app-tabs[data-v-f14b4681]{display:flex;gap:10px;margin-top:12px;padding:10px;background:#fff;border:1px solid #e8e8e8;border-radius:14px}.app-tab[data-v-f14b4681]{border:1px solid #d6d6d6;background:#f7f7f7;color:#111;padding:9px 12px;cursor:pointer;font-size:13px}.app-tab.active[data-v-f14b4681]{background:#111;color:#fff;border-color:#111}.main[data-v-f14b4681]{flex:1 1 auto;min-height:0;overflow:auto;margin-top:12px}main.grid[data-v-f14b4681]{overflow:visible;min-height:auto}.card[data-v-f14b4681]{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.card-head[data-v-f14b4681]{padding:10px 14px;border-bottom:1px solid #eee}.card-title[data-v-f14b4681]{font-weight:750;font-size:14px}.card-body[data-v-f14b4681]{flex:1 1 auto;min-height:0;overflow:auto;padding:14px}.row[data-v-f14b4681]{display:flex;gap:10px;align-items:center;margin:10px 0}.row>label[data-v-f14b4681]{width:110px;color:#444;font-size:13px}input[data-v-f14b4681],select[data-v-f14b4681],textarea[data-v-f14b4681]{width:100%;border:1px solid #d6d6d6;border-radius:10px;padding:10px 11px;font-size:14px;outline:none;background:#fff;color:#111}input[data-v-f14b4681]::placeholder,textarea[data-v-f14b4681]::placeholder{color:#777}textarea[data-v-f14b4681]{resize:vertical}.btn[data-v-f14b4681]{border:1px solid #d6d6d6;background:#f2f2f2;color:#111;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:13px}.btn[data-v-f14b4681]:hover{background:#eaeaea}.btn.primary[data-v-f14b4681]{background:#111;color:#fff;border-color:#111}.btn.primary[data-v-f14b4681]:hover{background:#1a1a1a}.btn.danger[data-v-f14b4681]{background:#fff;color:#111;border-color:#e2b4b4}.btn.danger[data-v-f14b4681]:hover{background:#fff5f5}.tabs[data-v-f14b4681]{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tab[data-v-f14b4681]{border:1px solid #d6d6d6;background:#f7f7f7;color:#111;padding:8px 10px;cursor:pointer;font-size:13px}.tab.active[data-v-f14b4681]{background:#111;color:#fff;border-color:#111}.panel[data-v-f14b4681]{margin-top:8px}.song-row[data-v-f14b4681]{display:flex;align-items:center;gap:10px;border:1px solid #e8e8e8;background:#fff;border-radius:10px;padding:8px}.song-row.selected[data-v-f14b4681]{border-color:#111}.song-main[data-v-f14b4681]{flex:1;text-align:left;border:0;background:transparent;padding:6px 8px;cursor:pointer;color:#111;border-radius:8px}.song-main[data-v-f14b4681]:hover{background:#f7f7f7}.icon-btn[data-v-f14b4681]{flex:0 0 auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #d6d6d6;background:#f2f2f2;color:#111;cursor:pointer;padding:0}.icon-btn[data-v-f14b4681]:hover{background:#eaeaea}.icon-btn.danger[data-v-f14b4681]{background:#fff;border-color:#e2b4b4}.icon-btn.danger[data-v-f14b4681]:hover{background:#fff5f5}.song-list[data-v-f14b4681]{display:flex;flex-direction:column;gap:8px;overflow:auto;overflow-y:auto;max-height:100%;padding-right:6px}.song-title[data-v-f14b4681]{font-weight:650}.song-meta[data-v-f14b4681]{font-size:12px;color:#555;margin-top:2px}.trainer[data-v-f14b4681]{margin-top:4px}.song-header[data-v-f14b4681]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.now-playing[data-v-f14b4681]{font-weight:700;font-size:16px}.prompt[data-v-f14b4681],.answer[data-v-f14b4681],.cloze-line[data-v-f14b4681]{border:1px solid #e7e7e7;background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:10px;color:#111}.label[data-v-f14b4681]{font-size:12px;color:#555;margin-bottom:6px}.line[data-v-f14b4681]{font-size:16px;white-space:pre-wrap;color:#111}.choices[data-v-f14b4681]{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.choice[data-v-f14b4681]{border:1px solid #e2e2e2;background:#fff;color:#111;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;font-size:14px}.choice[data-v-f14b4681]:hover{background:#f7f7f7}.choice.correct[data-v-f14b4681]{border-color:#2a7;background:#f2fff9;color:#111}.choice.wrong[data-v-f14b4681]{border-color:#d66;background:#fff4f4;color:#111;opacity:1}.feedback[data-v-f14b4681]{margin:12px 0}.pill[data-v-f14b4681]{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid #d6d6d6;color:#111}.pill.ok[data-v-f14b4681]{border-color:#2a7;background:#f2fff9}.pill.bad[data-v-f14b4681]{border-color:#d66;background:#fff4f4}.stats[data-v-f14b4681]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}.sticky-actions[data-v-f14b4681]{position:sticky;bottom:0;background:#fff;padding:10px 0;margin:10px 0 0;border-top:1px solid #eee;z-index:5}.stat[data-v-f14b4681]{border:1px solid #e9e9e9;border-radius:12px;padding:10px 12px;background:#fff;color:#111}.value[data-v-f14b4681]{font-weight:650;color:#111}.blank[data-v-f14b4681]{display:inline-block;min-width:70px;padding:2px 6px;margin:0 2px;border-bottom:2px solid #666;border-radius:8px;background:#fff;color:#111}.code[data-v-f14b4681]{background:#0b0b0b;color:#e6e6e6;padding:10px;border-radius:10px;max-width:100%;overflow:auto;font-size:12px}.empty[data-v-f14b4681]{padding:12px;border:1px dashed #d6d6d6;border-radius:12px;color:#444;background:#fff}.settings-grid[data-v-f14b4681]{display:grid;grid-template-columns:1fr;gap:10px}@media(min-height:700px){.stats[data-v-f14b4681],.settings-grid[data-v-f14b4681]{grid-template-columns:1fr}.app[data-v-f14b4681]{overflow:auto}.main[data-v-f14b4681]{overflow:auto;min-height:auto}.card-body[data-v-f14b4681]{overflow:visible}}.field label[data-v-f14b4681]{display:block;font-size:12px;color:#555;margin:0 0 6px 2px}.field input[data-v-f14b4681],.field select[data-v-f14b4681]{width:100%}.about[data-v-f14b4681]{margin-top:24px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.about h2[data-v-f14b4681]{margin:0 0 10px;font-size:16px;font-weight:700}.about p[data-v-f14b4681]{margin:0 0 10px;font-size:14px;color:var(--text)}.about p[data-v-f14b4681]:last-child{margin-bottom:0}.footer[data-v-f14b4681]{margin-top:14px;text-align:center;color:#555}