:root{--bg: #f4f7fb;--bg-deep: #e8eef6;--ink: #0f172a;--ink-soft: #64748b;--line: #e6ebf2;--panel: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff4ff;--warn: #b45309;--warn-soft: #fff4e5;--danger: #be123c;--danger-soft: #fff1f2;--good: #047857;--good-soft: #ecfdf5;--shadow: 0 10px 30px rgba(15, 23, 42, .06);--radius: 18px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--header: rgba(255, 255, 255, .92);color-scheme:light}:root[data-theme=dark]{--bg: #0b1220;--bg-deep: #0f172a;--ink: #e8eef9;--ink-soft: #93a0b8;--line: #243049;--panel: #121a2b;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-soft: #172554;--warn: #fbbf24;--warn-soft: #3b2a12;--danger: #fb7185;--danger-soft: #3f1d2a;--good: #34d399;--good-soft: #052e26;--shadow: 0 16px 40px rgba(0, 0, 0, .35);--header: rgba(11, 18, 32, .9);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font);background:var(--bg)}button,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.app{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;background:var(--header);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header-inner,.page{width:min(1120px,calc(100% - 2rem));margin:0 auto}.site-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:1rem}.logo{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;letter-spacing:-.04em;font-size:1.15rem}.logo-mark{width:40px;height:40px;display:block;object-fit:contain}.logo-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;text-align:left}.logo-text strong{font-size:1.05rem;font-weight:800;letter-spacing:-.04em}.logo-text span{margin-top:.12rem;font-size:.68rem;font-weight:600;letter-spacing:.01em;color:var(--ink-soft)}.nav{display:flex;align-items:center;gap:.35rem}.nav-link{padding:.45rem .8rem;border-radius:999px;color:var(--ink-soft);font-weight:600;font-size:.92rem}.nav-link.is-active{color:var(--ink);background:var(--bg-deep)}.page{padding:1.75rem 0 4rem}.search-wrap{max-width:720px;margin:.25rem auto 1.75rem}.search-wrap input{width:100%;height:52px;border-radius:999px;border:1px solid var(--line);background:var(--panel);padding:0 1.2rem;box-shadow:var(--shadow);outline:none}.search-wrap input:focus{border-color:var(--accent)}.catalog-grid,.set-grid,.review-list{display:grid;gap:1rem}.catalog-grid{grid-template-columns:repeat(3,1fr)}.exam-card,.detail-card,.set-row,.panel,.runner-card,.library-side,.library-main{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.exam-card{display:flex;flex-direction:column;text-align:left;padding:.7rem;min-height:100%;transition:transform .16s ease,border-color .16s ease}.exam-card:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.exam-card.is-disabled{opacity:.72;cursor:not-allowed}.exam-art{height:148px;border-radius:14px;padding:1rem;display:flex;align-items:flex-end;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.45),transparent 40%),linear-gradient(135deg,#38bdf8,#2563eb 45%,#7c3aed)}.exam-art strong{font-size:1.25rem;letter-spacing:-.03em;line-height:1.2;text-shadow:0 8px 24px rgba(15,23,42,.25)}.exam-art[data-pack=psat]{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.4),transparent 42%),linear-gradient(135deg,#f59e0b,#fb7185 55%,#6366f1)}.exam-art[data-pack=agentic-foundations]{background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.35),transparent 40%),linear-gradient(135deg,#22d3ee,#2563eb 40%,#7c3aed)}.exam-art[data-pack=kubernetes-admin]{background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.25),transparent 40%),linear-gradient(135deg,#326ce5,#1e293b)}.exam-card h3{margin:.9rem .35rem .35rem;font-size:1.02rem;letter-spacing:-.02em}.exam-card p{margin:0 .35rem 1rem;color:var(--ink-soft);line-height:1.5;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.exam-card .btn{margin:auto .35rem .35rem;align-self:flex-start}.detail{display:grid;grid-template-columns:1.3fr .9fr;gap:2rem;align-items:start;margin-bottom:1.5rem}.eyebrow{margin:0 0 .6rem;color:var(--accent);font-weight:700;font-size:.92rem}.detail h1,.library-main h1{margin:0;font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.045em;line-height:1.05}.results-hero h2{margin:0;font-size:1.55rem;letter-spacing:-.03em}.lede{color:var(--ink-soft);line-height:1.6;font-size:1.02rem}.domain-list{list-style:none;padding:0;margin:.4rem 0 0;display:grid;gap:.55rem}.domain-list li{display:flex;gap:.55rem;align-items:baseline}.domain-list li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none;transform:translateY(1px)}.detail-card,.panel,.library-side,.library-main,.set-row{padding:1.15rem 1.2rem}.detail-card h2,.section-title{margin:0 0 .8rem;font-size:1.15rem}.stat-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.stat-list li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--line);color:var(--ink-soft)}.stat-list strong{color:var(--ink);font-weight:600;text-align:right}.disclaimer{margin:1rem 0 0;color:var(--ink-soft);font-size:.85rem;line-height:1.45}.set-grid{margin-top:.5rem}.set-row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.set-row h3{margin:0 0 .2rem;font-size:1rem}.set-row p{margin:0;color:var(--ink-soft);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.6rem;padding:.55rem 1.05rem;border-radius:999px;font-weight:700;transition:background .14s ease,opacity .14s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-deep);color:var(--ink);border:1px solid var(--line)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;padding:.25rem 0}.center-cta{display:flex;justify-content:center;margin:1.25rem 0 .25rem}.resume-banner,.banner-error{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:0 0 1rem;padding:.9rem 1rem;border-radius:16px}.resume-banner{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.resume-banner p,.banner-error{margin:.2rem 0 0}.banner-error{background:var(--danger-soft);color:var(--danger)}.library{display:grid;grid-template-columns:280px 1fr;gap:1rem;align-items:start}.library-side{display:grid;gap:.45rem;padding:.7rem}.library-exam{display:grid;gap:.15rem;text-align:left;padding:.75rem .8rem;border-radius:12px;border:1px solid transparent}.library-exam.is-active{border-color:var(--line);background:var(--bg)}.library-exam span{color:var(--ink-soft);font-size:.8rem}.empty{color:var(--ink-soft);padding:1rem 0}.history-list{display:grid;gap:.7rem}.history-item{display:grid;gap:.35rem;width:100%;text-align:left;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.history-item header,.review-item header,.set-actions{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.score-pill{font-family:var(--mono);font-weight:600;color:var(--accent)}.meta{display:flex;flex-wrap:wrap;gap:.55rem .9rem;color:var(--ink-soft);font-size:.85rem}.runner{width:min(820px,calc(100% - 1.5rem));margin:0 auto;padding:.75rem 0 3rem}.runner-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-bottom:1rem}.runner-bar .timer-cluster,.runner-bar .bar-end{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.runner-bar .bar-end{justify-content:flex-end}.timer{font-family:var(--mono);font-weight:600;padding:.4rem .75rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.timer.warn{background:var(--warn-soft);color:var(--warn)}.timer.danger{background:var(--danger-soft);color:var(--danger)}.runner-card{padding:1.4rem 1.35rem 1.15rem}.q-kicker{margin:0 0 .45rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.06em}.question-stem{margin:0 0 1.1rem;font-size:1.2rem;line-height:1.5;letter-spacing:-.02em}.domain-label{margin:0 0 .35rem;color:var(--ink-soft);font-size:.85rem}.choices{display:grid;gap:.65rem}.choice{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:left}.choice:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.choice.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-key{width:1.15rem;height:1.15rem;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center}.choice.selected .choice-key{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--panel)}.choice-text{line-height:1.45}.runner-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--line)}.runner.is-paused .runner-card{filter:blur(7px);-webkit-user-select:none;user-select:none;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;z-index:40}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;opacity:0;pointer-events:none;transition:opacity .28s ease;z-index:30}.menu-scrim.is-open{opacity:1;pointer-events:auto}.menu-slider{position:fixed;top:0;right:0;width:min(360px,100%);height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border-left:1px solid var(--line);box-shadow:var(--shadow);transform:translate(100%);transition:transform .28s ease;z-index:31}.menu-slider-head{flex:none;padding:1rem 1.1rem .35rem}.menu-slider-body{flex:1;min-height:0;overflow:auto;padding:0 1.1rem .75rem}.menu-slider.is-open{transform:translate(0)}.menu-slider:not(.is-open){pointer-events:none}.nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:.75rem 0 1rem}.nav-btn{min-height:2.2rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-size:.78rem;font-weight:600;color:var(--ink-soft)}.nav-btn.current{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.nav-btn.answered{background:var(--good-soft);color:var(--good);border-color:color-mix(in srgb,var(--good) 35%,var(--line))}.nav-btn.flagged{box-shadow:inset 0 0 0 2px #d0893b}.legend{display:grid;gap:.3rem;color:var(--ink-soft);font-size:.8rem;margin-bottom:1rem}.drawer-actions{flex:none;display:grid;gap:.5rem;padding:.9rem 1.1rem 1.1rem;border-top:1px solid var(--line);background:var(--panel)}.finish-hint,.submit-error{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.4}.submit-error{color:var(--danger)}.modal-backdrop{place-items:center;padding:1rem}.modal{width:min(440px,100%);padding:1.3rem;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.modal h3{margin:0 0 .45rem}.modal p{margin:0 0 .8rem;color:var(--ink-soft);line-height:1.45}.modal-actions{display:flex;justify-content:flex-end;gap:.55rem}.results{display:grid;gap:1rem}.results-hero{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center;padding:1.4rem}.score-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,var(--panel) 58%,transparent 59%),conic-gradient(var(--accent) calc(var(--pct) * 1%),var(--bg-deep) 0);border:1px solid var(--line)}.score-ring strong{font-family:var(--mono);font-size:1.5rem}.results-meta,.results-summary{color:var(--ink-soft);line-height:1.5}.results-meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:.55rem}.results-actions{display:flex;gap:.55rem;margin-top:1rem;flex-wrap:wrap}.review-item{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.review-item.correct{border-color:color-mix(in srgb,var(--good) 40%,var(--line))}.review-item.wrong{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.badge{font-size:.78rem;font-weight:700;padding:.25rem .55rem;border-radius:999px}.badge.ok{background:var(--good-soft);color:var(--good)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.stem,.answer-line,.rationale{line-height:1.45}.stem{margin:.45rem 0}.answer-line{margin:.2rem 0;font-size:.92rem}.rationale{margin:.65rem 0 0;color:var(--ink-soft);font-size:.92rem}.app-footer{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:0 0 2rem;color:var(--ink-soft);font-size:.8rem;text-align:center}.theme-toggle{min-height:2.2rem;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:700;font-size:.82rem}@media(max-width:900px){.catalog-grid,.detail,.library,.results-hero{grid-template-columns:1fr}.runner-bar{grid-template-columns:1fr;justify-items:start}.runner-bar .bar-end{justify-content:flex-start}}@media(max-width:600px){.site-header-inner,.page,.app-footer{width:min(100% - 1rem,1120px)}.nav-link{padding-inline:.55rem}.logo-text span{display:none}.set-row,.resume-banner,.banner-error{flex-direction:column;align-items:stretch}}