:root{--page-bg: #edf3f8;--panel: #ffffff;--ink: #111a24;--muted: #4a5568;--accent: #ff6b35;--accent-2: #0099c7;--ok: #087f5b;--bad: #b12a2a;--line: #dce3ec;--font-sans: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Menlo", monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font-sans);background:var(--page-bg);min-height:100vh}.page{width:min(980px,100%);margin:0 auto;padding:28px 16px 46px}.masthead{color:#103349;margin-bottom:20px}.masthead-shell{background:#f7fbff;border:1px solid #cbdce9;border-radius:16px;padding:14px 16px;display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.masthead-brand{min-width:0}.masthead h1{margin:0 0 6px;font-size:clamp(1.6rem,4.2vw,2.5rem)}.masthead p{margin:0;opacity:.85}.masthead-tools{flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-end}.site-lang{display:grid;gap:6px;min-width:190px;color:#1f4257;font-weight:600;padding:9px 10px;border:1px solid #d4e2ed;border-radius:12px;background:#ffffff}.site-lang-caption{font-size:.82rem;color:#2f526a;letter-spacing:.01em}.site-lang select{min-width:160px}.disclaimer-block{position:relative;border:2px solid #e67e22;border-radius:16px;background:#fff4e5;color:#512100;padding:16px 18px;box-shadow:0 10px 24px #0000001f;margin-bottom:16px}.disclaimer-block h2{margin:0 0 8px;font-size:1.16rem;text-transform:uppercase;letter-spacing:.03em}.disclaimer-block p{margin:0;line-height:1.45;font-size:.96rem}.disclaimer-block p+p{margin-top:8px}.disclaimer-close{position:absolute;top:8px;right:8px;border:1px solid #d27b2b;background:#fff;color:#703003;width:28px;height:28px;border-radius:999px;font-size:1rem;font-weight:700;line-height:1;cursor:pointer}.disclaimer-close:hover{background:#fff9f1}.main-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.tab-btn{border:1px solid #c5d7e7;background:#ffffff;color:#244357;border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer}.tab-btn.active{border-color:#1493ad;background:#1493ad;color:#fff}.panel{background:var(--panel);border:1px solid #d9e3ee;border-radius:18px;padding:20px;box-shadow:0 8px 22px #223a5214}.panel+.panel{margin-top:16px}.panel h2{margin-top:0;margin-bottom:16px}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}label{display:grid;gap:8px;font-size:.95rem}select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:.95rem;font-family:var(--font-sans)}textarea{min-height:120px;resize:vertical}.cta,.secondary{border-radius:12px;border:none;padding:10px 15px;font-weight:700;cursor:pointer}.cta{background:var(--accent);color:#fff}.secondary{background:#e8eef8;color:#1b2a3d}.cta:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.note{margin-top:14px;color:var(--muted);font-size:.92rem;line-height:1.35}.muted{color:var(--muted);font-size:.92rem}.exam-head{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.exam-head h2{margin:0}.badge{font-family:var(--font-mono);font-size:.82rem;padding:5px 8px;border-radius:999px;color:#11314d;background:#d9eff9;border:1px solid #bdddeb}.warning{margin-top:10px;margin-bottom:10px;border:1px solid #fed7a9;background:#fff3e3;border-radius:10px;padding:10px 12px}.warning ul{margin:6px 0 0;padding-left:18px}.section{margin-top:14px;margin-bottom:4px;color:var(--muted);font-size:.92rem}.prompt{margin-top:0;font-size:1.06rem;line-height:1.42}.options{display:grid;gap:8px}.option-row{display:flex;align-items:flex-start;gap:9px;border:1px solid #d8e2ef;border-radius:11px;padding:9px 11px;background:#fff}.option-row input{margin-top:2px}.free-text{display:grid;gap:10px}.free-text-items{border:1px solid #d8e2ef;border-radius:10px;background:#ffffff;padding:10px 12px}.free-text-items h3{margin:0 0 8px;font-size:.92rem;color:#39516d}.token-list{display:flex;gap:8px;flex-wrap:wrap}.token-pill{font-family:var(--font-mono);background:#e7f5ff;border:1px solid #b6e2f4;color:#154e63;padding:4px 8px;border-radius:999px;font-size:.8rem}.reference{border:1px solid #d6dfeb;border-radius:10px;background:#f7fbff;padding:10px 12px}.reference h3{margin-top:0;margin-bottom:8px}.reference pre{margin:0;font-family:var(--font-mono);white-space:pre-wrap;font-size:.86rem;line-height:1.35}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.actions-start{margin-top:16px}.actions.nav{margin-top:18px;justify-content:space-between}.result-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.result-card{border:1px solid #d7e1ee;border-radius:12px;padding:10px 12px;background:#fff}.result-card h3{margin-top:0;margin-bottom:8px}.status{display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.status.ok{color:var(--ok)}.status.bad{color:var(--bad)}.history-panel{margin-top:16px}.history-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;flex-wrap:wrap}.history-head h2{margin:0}.history-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.history-filter{display:grid;gap:6px;min-width:170px}.history-actions{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.metric-card{border:1px solid #d7e1ee;border-radius:12px;background:#fff;padding:10px 12px}.metric-card h3{margin:0;font-size:.88rem;color:var(--muted)}.metric-card p{margin:8px 0 0;font-size:1.2rem;font-weight:700}.chart-wrap{margin-top:14px;border:1px solid #d7e1ee;border-radius:12px;background:#fff;padding:10px 12px}.chart-wrap svg{width:100%;height:auto;display:block}.chart-axis{stroke:#8ea0b8;stroke-width:1}.chart-grid{stroke:#d2dbea;stroke-width:1;stroke-dasharray:5 4}.chart-line{fill:none;stroke:var(--accent-2);stroke-width:2.4}.chart-point{stroke:#fff;stroke-width:1}.chart-point.pass{fill:var(--ok)}.chart-point.fail{fill:var(--bad)}.chart-legend{margin-top:8px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.85rem}.section-overview{margin-top:14px}.section-overview h3{margin-top:0;margin-bottom:8px}.section-bars{display:grid;gap:8px}.section-bar-row{display:grid;grid-template-columns:42px 1fr 64px;gap:8px;align-items:center}.section-label{font-family:var(--font-mono);font-size:.82rem}.bar-track{border:1px solid #cad8ea;background:#f4f8fd;height:12px;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:#17a5bf}.section-value{font-size:.86rem;text-align:right;color:#33506e;font-family:var(--font-mono)}.weak-questions{margin-top:14px}.weak-questions h3{margin-top:0;margin-bottom:8px}.weak-questions ul{margin:0;padding-left:20px;display:grid;gap:8px}.weak-questions li{line-height:1.35}@media (max-width: 640px){.masthead-shell{flex-direction:column;align-items:stretch}.masthead-tools{justify-content:flex-start}.site-lang,.site-lang select{min-width:0;width:100%}.panel{padding:16px;border-radius:14px}.actions.nav{justify-content:flex-start}}