:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#ece8df;--text:#1d1b18;--muted:#6b665d;--border:#d6d0c4;--flag-border:#0000002e;--accent:#2f6fde;--accent-text:#fff;--good:#1e8a4c;--good-bg:#dff3e6;--bad:#c2412d;--bad-bg:#fbe3dd;--focus:#f0a400;--radius:14px;--shadow:0 2px 10px #00000012;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15171b;--surface:#1f2228;--surface-2:#2a2e36;--text:#f1efe9;--muted:#a6a197;--border:#3a3f48;--flag-border:#ffffff47;--accent:#6b9dff;--accent-text:#0d1220;--good:#5fd08f;--good-bg:#183826;--bad:#ff8a73;--bad-bg:#44211b;--shadow:0 2px 10px #0006}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1{text-align:center;margin:.25rem 0 1rem;font-size:1.8rem}h2{margin:1.25rem 0 .5rem;font-size:1.15rem}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}kbd{opacity:.6;border:1px solid;border-radius:5px;margin-left:.4em;padding:.05em .4em;font-family:inherit;font-size:.75em;display:none}@media (hover:hover) and (pointer:fine){kbd{display:inline-block}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:34rem;margin:0 auto;padding:1rem 1rem 2rem}.topbar{margin-bottom:.5rem}.screen,.mode{flex-direction:column;gap:1rem;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}.btn{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;min-height:3.25rem;box-shadow:var(--shadow);touch-action:manipulation;padding:.75rem 1.25rem;font-weight:600}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-start{min-height:3.75rem;font-size:1.2rem}.btn-got{background:var(--good-bg);border-color:var(--good);color:var(--good)}.btn-miss{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.btn-link{min-height:2.75rem;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.5rem .25rem;font-weight:600}.choice-group{border:none;margin:0;padding:0}.choice-group legend{margin-bottom:.5rem;padding:0;font-weight:700}.mode-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.mode-tile{text-align:left;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:4.5rem;padding:.75rem;display:flex}.mode-tile[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mode-tile:disabled{opacity:.45;cursor:not-allowed}.mode-label{font-weight:700}.mode-blurb{color:var(--muted);font-size:.85rem}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:2px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;border-radius:999px;min-height:2.75rem;padding:.4rem 1rem}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.toggle{cursor:pointer;align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.toggle input{width:1.5rem;height:1.5rem;accent-color:var(--accent);flex-shrink:0}.flag{aspect-ratio:4/3;object-fit:cover;box-shadow:0 0 0 1px var(--flag-border);background:var(--surface-2);-webkit-user-select:none;user-select:none;border-radius:6px;display:block}.flag-large{width:min(100%,26rem,50dvh);margin:0 auto}.flag-small{flex-shrink:0;width:3rem}.progress{align-items:center;gap:.75rem;display:flex}.progress-track{background:var(--surface-2);border-radius:999px;flex:1;height:.6rem;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .25s}.progress-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.flip-card{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;text-align:center;touch-action:manipulation;flex-direction:column;gap:1rem;padding:1rem;display:flex}.flip-card:disabled{cursor:default}.flip-hint{color:var(--muted);justify-content:center;align-items:center;min-height:3.6rem;display:flex}.flip-answer{flex-direction:column;gap:.2rem;min-height:3.6rem;display:flex}.answer-name{font-size:1.6rem;font-weight:800}.answer-detail{color:var(--muted);font-size:.95rem}.grade-buttons{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.summary-score{text-align:center;margin:0;font-size:1.3rem}.flag-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.flag-list li{align-items:center;gap:.75rem;display:flex}.prompt-name{text-align:center;margin:.5rem 0;font-size:1.3rem;font-weight:500}.prompt-name strong{font-size:1.8rem;font-weight:800;display:block}.options{grid-template-columns:1fr;gap:.6rem;display:grid}.options-flags{grid-template-columns:1fr 1fr}.option{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;min-height:3.5rem;box-shadow:var(--shadow);touch-action:manipulation;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .9rem;font-weight:600;display:flex;position:relative}.options-flags .option{padding:.5rem}.option kbd{margin:0;position:absolute;top:.4rem;left:.5rem}.option-text{text-align:center}.option-correct{background:var(--good-bg);border-color:var(--good);color:var(--good)}.option-wrong{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.option-faded{opacity:.45}.option[aria-disabled=true]{cursor:default}.flag-option{width:100%}.type-form{flex-direction:column;gap:.75rem;display:flex}.type-input{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);width:100%;min-height:3.5rem;padding:.6rem 1rem;font-size:1.25rem}.type-input:focus-visible{outline-offset:0}.input-good{border-color:var(--good)}.input-bad{border-color:var(--bad)}.feedback{border-radius:var(--radius);text-align:center;margin:0;padding:.6rem .9rem;font-weight:700}.feedback-good{background:var(--good-bg);color:var(--good)}.feedback-bad{background:var(--bad-bg);color:var(--bad)}.btn:disabled{opacity:.5;cursor:not-allowed}.profile-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.profile-row{align-items:center;gap:.5rem;display:flex}.profile-button{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;min-height:4rem;box-shadow:var(--shadow);flex:1;align-items:center;gap:.9rem;padding:.6rem 1rem;font-size:1.2rem;font-weight:700;display:flex}.profile-emoji{font-size:1.8rem;line-height:1}.btn-small{min-height:2.75rem;padding:.4rem .8rem}.row-between{justify-content:space-between;margin-top:.5rem;display:flex}.field{flex-direction:column;gap:.35rem;font-weight:700;display:flex}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:.5rem;display:grid}.emoji-option{aspect-ratio:1;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;font-size:1.7rem}.emoji-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.profile-bar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.profile-current{align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.banner{border-radius:var(--radius);background:var(--bad-bg);color:var(--bad);margin:0 0 1rem;padding:.6rem .9rem;font-size:.9rem}@media (width<=30rem){.emoji-grid{grid-template-columns:repeat(4,1fr)}}.muted{color:var(--muted)}.small{font-size:.85rem}.progress-link{text-align:left}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.stat-tile{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);flex-direction:column;align-items:center;padding:.75rem .5rem;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.stat-of{color:var(--muted);font-size:.9rem;font-weight:600}.stat-label{color:var(--muted);font-size:.85rem}.region-bars{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.region-bar-label{justify-content:space-between;margin-bottom:.25rem;font-weight:600;display:flex}.progress-fill-good{background:var(--good)}.flag-list-name{flex:1}.compare{text-align:center;gap:.4rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.compare-item{border:2px solid #0000;border-radius:10px;flex-direction:column;gap:.25rem;padding:.35rem;display:flex}.compare-item.option-faded{opacity:1}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}}