:root{--bg:#0c1230;--surface:#151c3f;--line:#26305e;--ink:#eef1ff;--muted:#9aa4d6;--accent:#f2b705;--on-accent:#241a00;--ok:#3ddc97;--bad:#ff6b6b;--font:system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--font);margin:0}.app{max-width:520px;min-height:100dvh;padding-block:max(24px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:20px;margin:0 auto;display:flex}h1,h2,p{margin:0}.brand{align-items:center;gap:10px;display:flex}.brand h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.logo{background:var(--accent);border-radius:50%;width:28px;height:28px;position:relative}.logo:before,.logo:after{content:"";background:var(--bg);transform-origin:0;border-radius:2px;height:3px;position:absolute;top:50%;left:50%}.logo:before{width:9px;transform:translateY(-50%)}.logo:after{width:6px;transform:translateY(-50%)rotate(60deg)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:12px;padding:22px 20px;display:grid}.card h2{text-wrap:balance;font-size:1.5rem;line-height:1.2}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.muted{color:var(--muted)}.small{font-size:.85rem}.window{background:var(--line);border-radius:10px;width:fit-content;padding:8px 12px;font-weight:600}.window-open{background:var(--accent);color:var(--on-accent)}.primary{font:inherit;background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;border-radius:12px;padding:14px 18px;font-size:1.05rem;font-weight:700}.primary:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.score{font-variant-numeric:tabular-nums;color:var(--accent);font-size:3rem;font-weight:800;line-height:1}.score small{color:var(--muted);font-size:1rem;font-weight:400}.quiz{gap:14px;display:grid}.quiz-top{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.quiz-points{color:var(--accent);font-weight:700}.timer{background:var(--line);border-radius:6px;height:10px;overflow:hidden}.timer-fill{background:var(--accent);height:100%}.timer-fill.low{background:var(--bad)}.subject{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.question{text-wrap:balance;font-size:1.5rem;line-height:1.25}.options{gap:10px;display:grid}.option{font:inherit;text-align:left;border:2px solid var(--line);background:var(--surface);min-height:56px;color:var(--ink);cursor:pointer;border-radius:12px;padding:16px;font-size:1.1rem}.option:disabled{cursor:default}.option.ok{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 18%, var(--surface))}.option.bad{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 18%, var(--surface))}.feedback{min-height:1.5em;font-weight:700}footer{gap:6px;margin-top:auto;display:grid}.badge{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.badge-ok .dot{background:var(--ok)}.badge-down .dot,.badge-missing .dot{background:var(--bad)}@media (prefers-reduced-motion:no-preference){.option{transition:border-color .15s,background .15s}}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{font:inherit;border:1px solid var(--line);background:var(--surface);max-width:11rem;min-height:44px;color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:8px 16px;font-weight:600;overflow:hidden}.secondary{font:inherit;border:2px solid var(--line);min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:12px;padding:12px 18px;font-weight:600}.secondary:disabled,.danger:disabled,.link:disabled{opacity:.6;cursor:not-allowed}.primary{min-height:52px}.link{font:inherit;min-height:44px;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.danger{font:inherit;border:2px solid var(--bad);min-height:48px;color:var(--bad);cursor:pointer;background:0 0;border-radius:12px;padding:12px 18px;font-weight:600}.danger-zone{border-top:1px solid var(--line);gap:10px;margin-top:8px;padding-top:16px;display:grid}.danger-zone h3{margin:0;font-size:1rem}.tabs{background:var(--bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tab{font:inherit;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:600}.tab[aria-selected=true]{background:var(--line);color:var(--ink)}.form{gap:14px;display:grid}.field{gap:6px;display:grid}.field label{font-size:.9rem;font-weight:600}.field input{font:inherit;border:2px solid var(--line);background:var(--bg);min-height:48px;color:var(--ink);border-radius:12px;width:100%;padding:10px 14px;font-size:1rem}.hint{color:var(--muted);font-size:.8rem}.check{grid-template-columns:24px 1fr;align-items:start;gap:10px;font-size:.92rem;display:grid}.check input{width:22px;height:22px;accent-color:var(--accent);margin:1px 0 0}.msg{background:var(--line);border-radius:10px;padding:10px 12px;font-size:.92rem}.msg-error{background:color-mix(in srgb, var(--bad) 20%, var(--surface));color:var(--ink);border:1px solid var(--bad)}.msg-ok{background:color-mix(in srgb, var(--ok) 18%, var(--surface));border:1px solid var(--ok)}@media (width<=380px){.card{padding:18px 14px}.card h2,.question{font-size:1.3rem}.score{font-size:2.5rem}}@media (width>=700px){.app{max-width:600px;padding-top:48px}.card{padding:28px}.card h2,.question{font-size:1.75rem}}
