.button-like.svelte-1u3w06f input[type=file]:where(.svelte-1u3w06f){font:inherit;color:var(--muted)}:root{--bg: #12151c;--surface: #1b2029;--surface-raised: #232936;--border: #2f3746;--text: #e8eaee;--muted: #99a1b3;--accent: #4cc9b0;--accent-ink: #06231d;--correct: #58c37a;--wrong: #e5686f;--radius: 12px;--gap: 1rem;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;justify-content:center}.shell{width:min(46rem,100%);padding:1.25rem 1.25rem 3rem;display:flex;flex-direction:column;gap:var(--gap)}h1,h2,h3{line-height:1.2;margin:0}h1{font-size:1.5rem;letter-spacing:.01em}h2{font-size:1.15rem}.muted{color:var(--muted);font-size:.9rem}.topbar{display:flex;align-items:center;gap:.75rem;padding-block:.5rem}.topbar .brand{display:flex;align-items:center;gap:.6rem;margin-right:auto;font-weight:600}.mark{width:1.6rem;height:1.6rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.notice{background:var(--surface-raised);border-left:3px solid var(--accent);border-radius:8px;padding:.7rem .9rem;font-size:.92rem;display:flex;gap:.75rem;align-items:flex-start}.notice.warn{border-left-color:var(--wrong)}button{font:inherit;color:inherit;background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;padding:.6rem .95rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}button.ghost{background:transparent}:where(button,input,select,a,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:2px}input[type=text],input[type=number],select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;width:100%}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.progress{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}.prompt-flag{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.prompt-name{font-size:1.6rem;font-weight:650;text-align:center;padding:1.5rem .5rem}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.6rem}.option{text-align:left;min-height:3rem}.option.correct{border-color:var(--correct);box-shadow:inset 0 0 0 1px var(--correct)}.option.wrong{border-color:var(--wrong);box-shadow:inset 0 0 0 1px var(--wrong)}.option img{width:100%;aspect-ratio:3 / 2;object-fit:contain}.feedback{border-radius:10px;padding:.75rem .9rem;font-weight:600}.feedback.correct{background:color-mix(in srgb,var(--correct) 18%,transparent);border:1px solid var(--correct)}.feedback.wrong{background:color-mix(in srgb,var(--wrong) 18%,transparent);border:1px solid var(--wrong)}.tier-bar{display:flex;height:.6rem;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.tier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem}.tier-grid figure{margin:0;display:flex;flex-direction:column;gap:.25rem}.tier-grid img{width:100%;aspect-ratio:3 / 2;object-fit:contain;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.tier-grid figcaption{font-size:.7rem;color:var(--muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dl.diagnostics{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;font-size:.85rem;margin:0}dl.diagnostics dt{color:var(--muted)}dl.diagnostics dd{margin:0;font-variant-numeric:tabular-nums}