:root{--bg:#f8fafc;--surface:#fff;--surface-muted:#eef2f7;--ink:#0f172a;--muted:#526173;--line:#d8e0ea;--primary:#155eef;--primary-strong:#0f3ea8;--success:#138a55;--danger:#c2413a;--warning:#b45309;--shadow:0 12px 32px #0f172a17}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(180deg, #155eef0d, transparent 22rem), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{touch-action:manipulation}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafceb;border-bottom:1px solid #d8e0ead9;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:.75rem clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.brand-link{align-items:center;gap:.7rem;min-width:0;display:inline-flex}.brand-link strong,.brand-link small{line-height:1.05;display:block}.brand-link strong{font-size:1rem}.brand-link small{color:var(--muted);margin-top:.1rem;font-size:.78rem}.brand-mark{color:#fff;background:#155eef;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 8px 18px #155eef40}.site-header nav{align-items:center;gap:.35rem;display:flex}.site-header nav a{color:#334155;border-radius:8px;padding:.65rem .8rem;font-size:.92rem;font-weight:650}.site-header nav a:hover{background:#e8eef7}.site-footer{color:#64748b;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;padding:2rem 1rem 2.5rem;font-size:.85rem;display:flex}.app-main{width:min(1180px,100%);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.app-main.narrow{width:min(920px,100%)}.dashboard-hero{border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 15% 20%,#138a5524,#0000 24%),linear-gradient(135deg,#fff 0%,#eef5ff 58%,#f6fbff 100%);border-radius:8px;grid-template-columns:1fr;align-items:stretch;gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.hero-copy{min-width:0}.eyebrow{color:#155eef;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:.8rem;font-size:.86rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin:0}.dashboard-hero h1,.subject-hero h1,.exam-intro h1,.result-panel h1{max-width:14ch;font-size:clamp(2rem,7vw,4.2rem);line-height:1}.dashboard-hero p,.subject-hero p,.exam-intro p,.mode-card p,.subject-card p{color:var(--muted);line-height:1.55}.dashboard-hero p{max-width:56ch;margin-top:1rem;font-size:1rem}.hero-instrument{grid-template-columns:minmax(130px,170px) 1fr;align-items:stretch;gap:.85rem;min-height:170px;display:grid}.instrument-dial{aspect-ratio:1;background:#fff;border:10px solid #155eef;border-color:#155eef #13a37f #dce7f5 #dce7f5;border-radius:50%;align-content:center;place-items:center;min-width:130px;display:grid}.instrument-dial span{font-size:clamp(2rem,8vw,3.2rem);font-weight:850;line-height:1}.instrument-dial small,.instrument-grid span,.stats-strip small{color:var(--muted);font-size:.78rem}.instrument-grid{gap:.85rem;display:grid}.instrument-grid div{border:1px solid var(--line);background:#ffffffd1;border-radius:8px;align-content:center;min-height:78px;padding:1rem;display:grid}.instrument-grid strong{font-size:1.55rem}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.4rem;display:grid}.stats-strip.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-strip>div,.stats-strip>button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:74px;padding:.9rem}.stats-strip>div{align-content:center;gap:.2rem;display:grid}.stats-strip svg{color:var(--primary)}.stats-strip span{font-size:1.28rem;font-weight:800}.section-heading,.panel-heading,.subject-card-top,.review-top,.question-meta,.quiz-topbar,.subject-meta,.result-actions{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.section-heading{margin:1.5rem 0 .9rem}.section-heading h2,.progress-panel h2{font-size:clamp(1.35rem,4vw,2rem)}.section-heading p{color:var(--muted);margin-top:.2rem}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:1rem;display:grid}.subject-card,.mode-card,.progress-panel,.question-shell,.result-panel,.review-item,.exam-intro{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 6px 20px #0f172a0d}.subject-card{position:relative;overflow:hidden}.subject-card:before,.subject-hero:before,.exam-intro:before{content:"";background:var(--accent-color,#155eef);width:5px;position:absolute;inset:0 auto 0 0}.subject-card-link{gap:.75rem;height:100%;padding:1rem;display:grid}.subject-card h3{font-size:1.15rem;line-height:1.2}.subject-card p{min-height:4.6rem;font-size:.94rem}.code-pill{width:fit-content;min-height:28px;color:var(--accent-color,#155eef);border:1px solid color-mix(in srgb, var(--accent-color,#155eef) 26%, #fff);background:color-mix(in srgb, var(--accent-color,#155eef) 10%, #fff);border-radius:999px;align-items:center;padding:.35rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}.subject-card-top{color:var(--muted);font-size:.85rem;font-weight:650}.subject-meta{color:#475569;flex-wrap:wrap;justify-content:flex-start;font-size:.88rem}.subject-meta.roomy{margin-top:.9rem}.subject-meta span,.best-score,.question-meta span,.timer-pill{align-items:center;gap:.35rem;display:inline-flex}.best-score{color:#334155;min-height:32px;font-size:.9rem}.best-score.muted{color:#64748b}.progress-line{background:#e2e8f0;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-line.large{height:12px}.progress-line span,.quiz-progress span{border-radius:inherit;background:var(--accent-color,var(--primary));height:100%;transition:width .18s;display:block}.data-note{color:#64748b;margin:1rem 0 0;font-size:.85rem}.back-link,.icon-button,.ghost-button,.primary-button{border-radius:8px;justify-content:center;align-items:center;gap:.45rem;min-height:44px;padding:.72rem .95rem;font-weight:750;display:inline-flex}.back-link{color:#334155;width:fit-content;margin-bottom:1rem}.back-link.compact{margin-bottom:0;padding-inline:.2rem}.icon-button,.ghost-button{border:1px solid var(--line);background:var(--surface);color:#1e293b}.ghost-button.danger{color:var(--danger)}.ghost-button:disabled{cursor:not-allowed;opacity:.45}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 10px 22px #155eef38}.primary-button.wide{width:100%;margin-top:1rem}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#b8c3d3;border-color:#b8c3d3}.subject-hero,.exam-intro{gap:1rem;padding:clamp(1rem,3vw,1.35rem);display:grid;position:relative;overflow:hidden}.subject-hero h1,.exam-intro h1{max-width:18ch;margin-top:.8rem;font-size:clamp(1.8rem,7vw,3rem)}.subject-hero p,.exam-intro p{margin-top:.75rem}.subject-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.subject-summary div{border:1px solid var(--line);background:#f8fafc;border-radius:8px;min-height:74px;padding:.8rem}.subject-summary strong,.subject-summary span{display:block}.subject-summary strong{font-size:1.35rem}.subject-summary span{color:var(--muted);margin-top:.2rem;font-size:.8rem}.mode-grid{gap:.85rem;margin-top:1rem;display:grid}.mode-card{gap:.65rem;padding:1rem;display:grid}.mode-card svg{color:var(--primary)}.mode-card h2{font-size:1.2rem}.mode-card span{color:var(--primary);font-weight:800}.mode-card.strong{border-color:#155eef59}.progress-panel{margin-top:1rem;padding:1rem}.panel-heading span{color:var(--primary);font-size:1.25rem;font-weight:850}.quiz-screen{min-height:calc(100vh - 64px);padding:0 0 96px}.quiz-topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcf0;min-height:58px;padding:.65rem clamp(1rem,3vw,2rem);position:sticky;top:64px}.quiz-stats,.timer-pill{color:#1e293b;align-items:center;gap:.55rem;font-weight:800;display:inline-flex}.timer-pill{background:#e8eef7;border-radius:999px;min-height:38px;padding:.45rem .7rem}.timer-pill.danger{color:#fff;background:var(--danger)}.quiz-progress{z-index:14;background:#dbe4ef;height:5px;position:sticky;top:122px}.question-shell{width:min(860px,100% - 2rem);margin:1rem auto;padding:clamp(1rem,3vw,1.5rem)}.question-meta{color:#64748b;flex-wrap:wrap;justify-content:flex-start;font-size:.85rem;font-weight:700}.question-shell h1{margin-top:.9rem;font-size:clamp(1.2rem,5vw,2rem);line-height:1.22}.answer-list{gap:.7rem;margin-top:1.15rem;display:grid}.answer-button{color:#111827;text-align:left;background:#fff;border:2px solid #d8e0ea;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.75rem;width:100%;min-height:58px;padding:.75rem;display:grid}.answer-button:not(:disabled){cursor:pointer}.answer-button:not(:disabled):hover,.answer-button.selected{border-color:var(--primary);background:#eef5ff}.answer-button.correct{border-color:var(--success);background:#eaf8f0}.answer-button.wrong{border-color:var(--danger);background:#fff0ef}.answer-label{color:#0f172a;background:#e8eef7;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:850;display:inline-grid}.feedback{border:1px solid var(--line);background:#f8fafc;border-radius:8px;margin-top:1rem;padding:.9rem}.feedback>div{align-items:center;gap:.45rem;font-weight:850;display:flex}.feedback p{color:#334155;margin-top:.45rem;line-height:1.5}.feedback.correct{background:#edf8f2;border-color:#138a5559}.feedback.correct svg,.review-item.correct svg{color:var(--success)}.feedback.wrong{background:#fff3f2;border-color:#c2413a59}.feedback.wrong svg,.review-item.wrong svg{color:var(--danger)}.sticky-actions{z-index:25;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcf5;gap:.65rem;display:grid;position:fixed;bottom:0;left:0;right:0}.sticky-actions.dual,.sticky-actions.exam-actions{grid-template-columns:1fr}.question-nav{gap:.45rem;width:min(860px,100% - 2rem);margin:.75rem auto 0;padding-bottom:.2rem;display:flex;overflow-x:auto}.question-chip{border:1px solid var(--line);color:#334155;background:#fff;border-radius:8px;flex:none;width:38px;height:38px;font-weight:850}.question-chip.active{color:#fff;border-color:var(--primary);background:var(--primary)}.question-chip.answered:not(.active){background:#eaf8f0;border-color:#138a556b}.select-label{color:#64748b;gap:.15rem;font-size:.75rem;font-weight:700;display:grid}.select-label select{color:#0f172a;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:36px;padding:.35rem .6rem;font-weight:750}.exam-intro{margin-top:1rem}.result-panel{gap:.75rem;margin-top:1rem;padding:clamp(1rem,3vw,1.4rem);display:grid}.result-score{color:var(--primary);font-size:clamp(3rem,16vw,6rem);font-weight:900;line-height:.95}.result-panel p{color:var(--muted);line-height:1.5}.result-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:.4rem}.review-list{gap:.75rem;margin-top:1rem;display:grid}.review-item{padding:1rem}.review-item h2{margin-top:.65rem;font-size:1rem;line-height:1.35}.review-item p{color:#475569;margin-top:.55rem;line-height:1.45}.review-top{color:#64748b;font-size:.86rem;font-weight:800}.empty-state{color:var(--muted);text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:2rem}.accent-blue{--accent-color:#155eef}.accent-teal{--accent-color:#0f8f89}.accent-green{--accent-color:#138a55}.accent-amber{--accent-color:#b45309}.accent-cyan{--accent-color:#0284c7}.accent-violet{--accent-color:#7c3aed}.accent-red{--accent-color:#c2413a}.accent-indigo{--accent-color:#4f46e5}.accent-slate{--accent-color:#475569}@media (min-width:720px){.dashboard-hero{grid-template-columns:minmax(0,1.4fr) minmax(320px,.75fr)}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-hero,.exam-intro{grid-template-columns:minmax(0,1fr) minmax(270px,.78fr);align-items:center}.exam-intro .primary-button{grid-column:1/-1;justify-self:start;width:auto}.sticky-actions{border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;width:min(860px,100% - 2rem);left:50%;right:auto;transform:translate(-50%)}.sticky-actions.exam-actions{grid-template-columns:minmax(120px,.35fr) 1fr}}@media (max-width:520px){.site-header{gap:.5rem}.site-header nav a{padding:.6rem .55rem;font-size:.86rem}.hero-instrument{grid-template-columns:1fr}.instrument-dial{justify-self:center;width:min(64vw,190px)}.stats-strip.compact,.subject-summary{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:stretch}.icon-button{width:100%}.question-shell{width:calc(100% - 1rem);margin-top:.5rem}.quiz-topbar{top:64px}.question-nav{width:calc(100% - 1rem)}}