:root{color-scheme:light;--paper:#f3efe6;--paper2:#fffdf7;--ink:#17212b;--navy:#16344c;--navy2:#0f2b41;--blue:#2463eb;--yellow:#f3c84b;--line:#d8d0c2;--muted:#5a6772;--green:#1c7a53;--greenbg:#e3f4ec;--red:#b3392a;--shadow:#d9d1c1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--blue)}
.ep-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ep-skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:50}.ep-skip:focus{left:8px;top:8px}
.ep-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 22px;background:var(--navy);color:#fff}
.ep-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.ep-logo{width:38px;height:38px;border-radius:9px;background:var(--navy2);box-shadow:3px 3px 0 var(--yellow);display:grid;place-items:center;font:900 13px Inter,system-ui}
.ep-brand b{display:block;font-size:14px}.ep-brand small{display:block;font-size:11px;color:#c3d6e6}
.ep-nav{display:flex;gap:8px;flex-wrap:wrap}
.ep-nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:700;border:1px solid #4d7391;border-radius:8px;padding:7px 11px}
.ep-nav a:hover{background:#245577}
a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ep-wrap{max-width:1280px;margin:0 auto;padding:22px 18px 44px}
.ep-hero{margin-bottom:18px}
.ep-kicker{font:700 11px "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#8a5a00}
.ep-hero h1{margin:6px 0 8px;font:900 clamp(30px,4.6vw,46px)/1.05 Inter,system-ui;letter-spacing:-.035em;color:var(--navy)}
.ep-hero p{margin:0;max-width:760px;color:var(--muted)}
.ep-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}
.ep-panel{background:var(--paper2);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:5px 5px 0 var(--shadow);min-width:0}
.ep-panel h2{margin:0 0 10px;font:800 12px Inter,system-ui;text-transform:uppercase;letter-spacing:.09em;color:var(--navy)}
.ep-panel h2:not(:first-child){margin-top:20px}
.ep-f{display:grid;gap:4px;margin:10px 0;font-size:12px;font-weight:700;color:var(--navy)}
.ep-f select{border:1px solid var(--line);border-radius:8px;padding:8px 9px;background:#fff;font-weight:600;color:var(--ink);width:100%}
.ep-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--navy);margin:8px 0}.ep-check input{width:18px;height:18px;accent-color:var(--navy);flex:none}
.ep-timer{border:1px solid var(--line);border-radius:10px;padding:6px 12px 8px;margin:12px 0}.ep-timer legend{font:800 11px Inter,system-ui;letter-spacing:.09em;text-transform:uppercase;color:var(--navy);padding:0 6px}
.ep-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ep-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:700;color:var(--navy);text-decoration:none;display:inline-block}
.ep-btn:hover:not([disabled]){border-color:var(--navy)}
.ep-btn[disabled]{opacity:.5;cursor:not-allowed}
.ep-btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.ep-btn.yellow{background:var(--yellow);border-color:#cf9f1c;color:#2a2200}
.ep-btn.ep-quiet{background:transparent;font-weight:600;color:var(--muted);font-size:12px}
.ep-note{font-size:12px;color:var(--muted);margin:8px 0 0}
.ep-progress{display:grid;gap:8px}
.ep-prow{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;align-items:baseline;border:0;background:transparent;text-align:left;padding:6px 8px;border-radius:8px;width:100%}
.ep-prow:hover{background:#efe9db}
.ep-prow b{color:var(--navy)}
.ep-prow span{font:700 11px "JetBrains Mono",ui-monospace,monospace;color:var(--muted)}
.ep-bar{grid-column:1/-1;height:7px;background:#e7dfcf;border-radius:99px;overflow:hidden}.ep-bar i{display:block;height:100%;background:var(--green);width:0}
.ep-bar i.low{background:#d98a2b}
.ep-weak{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--ink)}
/* question card */
.ep-qtop{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.ep-where{font:700 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ep-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ep-chip{font:800 11px Inter,system-ui;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:4px 10px;background:#efe9db;color:var(--navy)}
.ep-chip.marks{background:var(--navy);color:#fff}
.ep-chip.ext{background:var(--yellow);color:#2a2200}
.ep-count{font-size:13px;font-weight:700;color:var(--navy)}
.ep-q{font:700 clamp(18px,2.3vw,22px)/1.4 Inter,system-ui;margin:4px 0 12px;white-space:pre-line;color:var(--ink)}
.ep-data{background:#fff;border:1px dashed #b9ad94;border-radius:10px;padding:10px 12px;margin:0 0 14px;font-size:14px;white-space:pre-line}
.ep-data b{display:block;font:800 10px Inter,system-ui;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.ep-ans label{display:block;font-size:12px;font-weight:800;color:var(--navy);margin-bottom:5px}
.ep-ans textarea{width:100%;min-height:150px;resize:vertical;border:1px solid #b9ad94;border-radius:10px;padding:11px 12px;background:#fff;line-height:1.55}
.ep-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.ep-tools .grow{flex:1}
.ep-timerbox{font:800 15px "JetBrains Mono",ui-monospace,monospace;color:var(--navy);background:#efe9db;border-radius:8px;padding:5px 10px}
.ep-timerbox.late{background:#f6d6d0;color:var(--red)}
.ep-scheme{margin-top:18px;border-top:2px solid var(--navy);padding-top:14px}
.ep-scheme h3{margin:0 0 4px;font:800 16px Inter,system-ui;color:var(--navy)}
.ep-points{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}
.ep-points li{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px}
.ep-points li.on{border-color:var(--green);background:var(--greenbg)}
.ep-points label{display:flex;gap:10px;align-items:flex-start;font-weight:600;cursor:pointer}
.ep-points input{width:20px;height:20px;margin-top:2px;accent-color:var(--green);flex:none}
.ep-points small{display:block;margin:4px 0 0 30px;color:var(--muted);font-size:12px}
.ep-score{display:inline-block;font:900 20px Inter,system-ui;color:var(--navy);background:var(--yellow);border-radius:10px;padding:6px 14px;margin:2px 0 6px}
.ep-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.ep-box{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;min-width:0}
.ep-box h4{margin:0 0 8px;font:800 11px Inter,system-ui;letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}
.ep-levels{display:grid;gap:8px}
.ep-level{border:1px solid var(--line);border-left:6px solid #cfc6b2;border-radius:8px;padding:8px 10px;font-size:13.5px;background:#fbf8f0}
.ep-level b{display:block;font-size:12px;color:var(--navy);margin-bottom:2px}
.ep-level.here{border-color:var(--green);border-left-color:var(--green);background:var(--greenbg)}
.ep-model{font-size:14px;white-space:pre-line}
.ep-mistakes{margin:8px 0 0;padding-left:20px;font-size:13.5px}
.ep-mistakes li{margin:3px 0}
.ep-nav2{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}
.ep-saved{font-size:12px;font-weight:700;color:var(--green)}
.ep-empty{padding:30px 10px;text-align:center;color:var(--muted)}
.ep-foot{margin:18px 0 0;font-size:12px;color:var(--muted);max-width:820px}
.ep-qlist{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px;padding:0;list-style:none}
.ep-qlist button{width:34px;height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;font:700 12px "JetBrains Mono",ui-monospace,monospace;color:var(--navy);padding:0}
.ep-qlist button[aria-current=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.ep-qlist button.full{border-color:var(--green);background:var(--greenbg)}
.ep-qlist button.part{border-color:#d98a2b;background:#fbefd9}
.ep-qlist button.none{border-color:#d9a39b;background:#f8e3df}
.ep-qlist button[aria-current=true].full,.ep-qlist button[aria-current=true].part,.ep-qlist button[aria-current=true].none{background:var(--navy);color:#fff}
/* printable view */
.ep-print{display:none}
@media (max-width:900px){.ep-grid{grid-template-columns:1fr}.ep-split{grid-template-columns:1fr}}
@media (max-width:520px){.ep-wrap{padding:16px 12px 36px}.ep-top{padding:10px 12px}.ep-panel{padding:13px}.ep-btn{padding:10px 12px}}
@media print{
  @page{margin:14mm}
  body{background:#fff;color:#000;font-size:11pt}
  .ep-app,.ep-sr,.ep-skip{display:none!important}
  .ep-print{display:block!important}
  .ep-print h1{font:800 18pt Inter,Arial,sans-serif;margin:0 0 2pt;color:#000}
  .ep-print .p-sub{font-size:10pt;color:#333;margin:0 0 10pt}
  .ep-print .p-meta{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:4pt;margin-bottom:10pt;font-size:10pt}
  .ep-print .p-q{break-inside:avoid;margin:0 0 12pt;padding-bottom:6pt;border-bottom:1px solid #bbb}
  .ep-print .p-qh{display:flex;justify-content:space-between;gap:12pt;font-weight:700}
  .ep-print .p-qh span:last-child{white-space:nowrap}
  .ep-print .p-data{border:1px dashed #666;padding:5pt 8pt;margin:5pt 0;font-size:10pt;white-space:pre-line}
  .ep-print .p-line{border-bottom:1px solid #777;height:17pt}
  .ep-print .p-ms{break-before:page}
  .ep-print .p-ms h2{font:800 15pt Inter,Arial,sans-serif;margin:0 0 8pt}
  .ep-print .p-a{break-inside:avoid;margin:0 0 11pt;padding-bottom:6pt;border-bottom:1px solid #bbb;font-size:10pt}
  .ep-print .p-a h3{font-size:11pt;margin:0 0 3pt}
  .ep-print ul{margin:3pt 0 3pt 14pt;padding:0}
  .ep-print li{margin:1pt 0}
  .ep-print .p-lv{margin:2pt 0}
  .ep-print .p-pre{white-space:pre-line}
  a{color:#000;text-decoration:none}
}