:root{--bg:#f5f7f4;--surface:#fff;--surface-2:#eef3ef;--ink:#182720;--muted:#66736c;--line:#dce5df;--accent:#46765a;--accent-dark:#315540;--accent-soft:#dfeee4;--danger:#9b3d3d;--danger-soft:#f8e4e2;--good:#286646;--good-soft:#dff1e6;--shadow:0 14px 38px #18272014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:radial-gradient(circle at 90% -10%, #dbeadf 0, transparent 36rem), var(--bg);min-height:100dvh;margin:0}button,input,select{font:inherit}button{cursor:pointer}input,select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:13px;outline:none;min-height:48px;padding:0 14px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #46765a1f}label{gap:7px;font-size:.88rem;font-weight:650;display:grid}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;font-size:clamp(2rem,8vw,3.5rem);line-height:1.02}h2{letter-spacing:-.035em;font-size:clamp(1.55rem,6vw,2.2rem)}h3{font-size:1.15rem}.splash{letter-spacing:-.03em;place-items:center;min-height:100dvh;font-weight:800;display:grid}.auth-shell{align-items:center;min-height:100dvh;padding:24px 18px;display:grid}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(100%,470px);box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #dce5dfe6;border-radius:28px;margin:auto;padding:clamp(24px,6vw,40px)}.brand-mark,.brand-small{background:var(--ink);color:#fff;place-items:center;font-weight:850;display:inline-grid}.brand-mark{border-radius:16px;width:52px;height:52px;margin-bottom:26px}.brand-small{border-radius:11px;width:34px;height:34px;margin-right:9px;font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:9px;font-size:.72rem;font-weight:800}.muted,.empty{color:var(--muted);line-height:1.55}.stack{gap:17px;display:grid}.grid-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.segmented{background:var(--surface-2);border-radius:14px;grid-template-columns:1fr 1fr;margin:28px 0 20px;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:10px;font-weight:700}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1827200f}.primary,.secondary{border:0;border-radius:14px;min-height:48px;padding:0 18px;font-weight:800}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--accent-dark)}.primary:disabled{opacity:.55;cursor:default}.secondary{background:var(--surface-2);color:var(--ink)}.error{color:var(--danger);background:var(--danger-soft);border-radius:12px;padding:11px 13px;font-size:.88rem}.notice{color:var(--good);background:var(--good-soft);border-radius:12px;padding:11px 13px}.app-shell{width:min(100%,840px);min-height:100dvh;padding-bottom:calc(88px + env(safe-area-inset-bottom));margin:auto;position:relative}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f7f4db;border-bottom:1px solid #dce5dfbf;justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex;position:sticky;top:0}.topbar>div{align-items:center;font-weight:800;display:flex}.text-button,.icon-button{color:var(--muted);background:0 0;border:0;font-weight:700}.content{padding:22px 18px}.hero-card,.panel,.question-card,.result-card,.center-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:24px}.hero-card{gap:22px;padding:26px;display:grid}.hero-card h2{margin-bottom:8px}.hero-action{width:100%}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-width:0;padding:16px 13px}.metric-card span,.metric-card small{color:var(--muted);font-size:.75rem;display:block}.metric-card strong{margin:10px 0 2px;font-size:clamp(1.4rem,6vw,2rem);display:block}.panel{padding:22px}.section-heading{justify-content:space-between;gap:16px;display:flex}.topic-list{gap:12px;display:grid}.topic-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.topic-row strong,.topic-row span{display:block}.topic-row span{color:var(--muted);margin-top:3px;font-size:.8rem}.accuracy{font-variant-numeric:tabular-nums;font-weight:850}.topic-progress{gap:8px;display:grid}.bar,.progress-track{background:var(--surface-2);border-radius:999px;overflow:hidden}.bar{height:7px}.bar-value,.progress-value{background:var(--accent);border-radius:inherit;height:100%}.bottom-nav{width:min(100%,840px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:20;background:#ffffffeb;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:13px;place-items:center;gap:3px;min-height:48px;font-size:.72rem;display:grid}.bottom-nav button span{font-size:1.2rem}.bottom-nav button.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:800}.test-page,.result-page{align-items:center;padding:18px;display:grid}.test-shell{grid-template-rows:auto 1fr;gap:18px;width:100%;min-height:calc(100dvh - 36px);display:grid}.test-topline{grid-template-columns:38px 1fr auto;align-items:center;gap:12px;display:grid}.icon-button{width:38px;height:38px;font-size:1.5rem}.progress-track{height:9px}.question-count{color:var(--muted);font-size:.78rem;font-weight:750}.question-card{flex-direction:column;justify-content:center;padding:clamp(22px,6vw,42px);display:flex}.question-card h2{font-size:clamp(1.65rem,7vw,2.6rem);line-height:1.18}.question-meta{gap:7px;margin-bottom:20px;display:flex}.question-meta span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:750}.exercise-type{color:var(--accent);text-transform:capitalize;font-weight:800}.answer-form{gap:14px;margin-top:22px;display:grid}.feedback{border-radius:18px;gap:10px;margin-top:20px;padding:18px;display:grid}.feedback-good{background:var(--good-soft);color:var(--good)}.feedback-bad{background:var(--danger-soft);color:#6d3030}.feedback p{margin-bottom:0;line-height:1.48}.feedback .primary{margin-top:4px}.result-card,.center-card{text-align:center;width:min(100%,480px);margin:auto;padding:32px}.result-score{background:var(--accent-soft);width:112px;height:112px;color:var(--accent-dark);border-radius:50%;place-items:center;margin:0 auto 24px;font-size:2rem;font-weight:900;display:grid}@media (min-width:700px){.content{padding:32px}.hero-card{grid-template-columns:1fr auto;align-items:end}.hero-action{width:auto;min-width:210px}}@media (max-width:380px){.grid-two,.metric-grid{grid-template-columns:1fr}.metric-grid{gap:8px}.metric-card{grid-template-columns:1fr auto;align-items:center;display:grid}.metric-card strong{grid-area:span 2/2;margin:0}}