:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--c-bg:#eef1fb;--c-bg-accent:#dfe6ff;--c-surface:#fff;--c-surface-muted:#f4f6fd;--c-border:#e1e5f4;--c-text:#1a1c2c;--c-text-muted:#6b7190;--c-accent:#4f46e5;--c-accent-soft:#eceafe;--c-accent-strong:#3b32c9;--c-success:#0f9d76;--c-success-soft:#e2f7ef;--c-error:#e23a58;--c-error-soft:#fdeaee;--c-hint:#b7791f;--c-hint-soft:#fdf3dd;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--shadow-card:0 18px 40px #1f26581f;--shadow-soft:0 6px 16px #1f265814;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--tap:52px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--c-bg:#12141f;--c-bg-accent:#1b1f33;--c-surface:#1c1f2e;--c-surface-muted:#232739;--c-border:#2f344a;--c-text:#f1f2f8;--c-text-muted:#a2a8c4;--c-accent:#8b85ff;--c-accent-soft:#2a2a4d;--c-accent-strong:#a49fff;--c-success:#43d6a5;--c-success-soft:#14392f;--c-error:#ff7b91;--c-error-soft:#3d1f27;--c-hint:#f0c274;--c-hint-soft:#3a2f18;--shadow-card:0 18px 40px #00000073;--shadow-soft:0 6px 16px #0000004d}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);background-image:radial-gradient(circle at 12% -10%, var(--c-bg-accent), transparent 55%), radial-gradient(circle at 92% 0%, var(--c-accent-soft), transparent 45%);-webkit-text-size-adjust:100%;background-attachment:fixed;margin:0}.app{min-height:100dvh;padding:16px 16px calc(24px + env(safe-area-inset-bottom));justify-content:center;display:flex}.shell{flex-direction:column;gap:14px;width:100%;max-width:560px;display:flex}.card{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px}.btn{width:100%;min-height:var(--tap);border-radius:var(--radius-md);font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:17px;font-weight:600;transition:transform .15s,background-color .15s,opacity .15s;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-accent);color:#fff}.btn-hint{background:var(--c-hint-soft);color:var(--c-hint);font-size:16px}.start-head{text-align:center;margin-bottom:20px}.logo{background:var(--c-accent-soft);border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:32px;display:grid}h1{letter-spacing:-.02em;margin:0 0 6px;font-size:26px}.subtitle{color:var(--c-text-muted);margin:0;font-size:15px}.field{margin-bottom:14px;display:block}.field-label{color:var(--c-text-muted);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.input{width:100%;min-height:var(--tap);border:2px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface-muted);color:var(--c-text);font:inherit;padding:12px 16px;font-size:17px}.input:focus{border-color:var(--c-accent);background:var(--c-surface);outline:none}.field-error{color:var(--c-error);margin:8px 0 0;font-size:14px}.note{border-radius:var(--radius-md);background:var(--c-surface-muted);color:var(--c-text-muted);margin:16px 0 0;padding:14px 16px;font-size:14px;line-height:1.5}.note-resume{background:var(--c-accent-soft);color:var(--c-accent-strong);font-weight:500}.quiz-header{z-index:5;background:var(--c-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:14px 16px;position:sticky;top:8px}.quiz-header-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.quiz-counter{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.quiz-name{color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:13px;overflow:hidden}.progress{background:var(--c-surface-muted);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--c-accent), var(--c-success));border-radius:999px;height:100%;transition:width .35s}.chips{color:var(--c-text-muted);font-variant-numeric:tabular-nums;gap:8px;margin-top:10px;font-size:13px;display:flex}.chip{background:var(--c-surface-muted);border-radius:999px;padding:4px 10px}.topic-badge{background:var(--c-accent-soft);color:var(--c-accent-strong);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-bottom:10px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.question{margin:0 0 18px;font-size:20px;font-weight:600;line-height:1.45}.options{gap:10px;display:grid}.option{width:100%;min-height:var(--tap);border:2px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:12px 14px;font-size:17px;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.option:active:not(:disabled){transform:scale(.99)}.option:disabled{cursor:default}.option-key{background:var(--c-surface-muted);width:28px;height:28px;color:var(--c-text-muted);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.option-text{flex:1}.option.is-correct{border-color:var(--c-success);background:var(--c-success-soft)}.option.is-correct .option-key{background:var(--c-success);color:#fff}.option.is-wrong{border-color:var(--c-error);background:var(--c-error-soft)}.option.is-wrong .option-key{background:var(--c-error);color:#fff}.option.is-faded{opacity:.55}.hint-box,.feedback{border-radius:var(--radius-md);margin-top:14px;padding:14px 16px;font-size:15px;line-height:1.5}.hint-box{background:var(--c-hint-soft);color:var(--c-hint)}.feedback{font-weight:600}.feedback.is-ok{background:var(--c-success-soft);color:var(--c-success)}.feedback.is-no{background:var(--c-error-soft);color:var(--c-error)}.feedback-explain{color:var(--c-text-muted);margin-top:6px;font-weight:400;display:block}.actions{margin-top:16px}.result-head{text-align:center}.result-emoji{font-size:56px;line-height:1}.result-score{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:10px 0 2px;font-size:44px;font-weight:800}.result-score small{color:var(--c-text-muted);font-size:22px;font-weight:600}.result-sub{color:var(--c-text);margin:0 0 4px;font-size:15px;font-weight:600}.result-message{color:var(--c-text-muted);margin:8px 0 18px;font-size:16px;line-height:1.5}.result-note{color:var(--c-text-muted);margin:0 0 4px;font-size:14px}.review-hint{font-size:14px}.review-title{margin:22px 0 12px;font-size:17px;font-weight:700}.review-list{gap:10px;display:grid}.review-item{border-radius:var(--radius-md);background:var(--c-surface-muted);border-left:4px solid var(--c-success);padding:14px 16px;font-size:15px;line-height:1.5}.review-item.is-wrong{border-left-color:var(--c-error)}.review-q{margin:0 0 6px;font-weight:600}.review-line{color:var(--c-text-muted);margin:2px 0;font-size:14px}.review-line b{color:var(--c-text)}.footer-note{text-align:center;color:var(--c-text-muted);padding-bottom:4px;font-size:13px}@media (width>=600px){.app{padding-top:32px}.question{font-size:21px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}