:root{
  --bg:#f6f5fb; --card:#fff; --ink:#1e1b2e; --muted:#6b6580; --line:#e3e0ee;
  --brand:#4a3d8f; --brand2:#6c5ce7; --ok:#1a9e6c; --warn:#c9820a; --bad:#c0392b;
  --s1:#3a6ea5; --s2:#8e44ad; --s3:#1a9e6c; --sim:#c0392b;
}
*{box-sizing:border-box}
body{margin:0;font:15px/1.55 -apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--brand2);text-decoration:none}a:hover{text-decoration:underline}
.topbar{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,#3a2f6b,#4a3d8f);color:#fff;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;box-shadow:0 2px 8px #0002}
.brand{font-size:16px}.brand b{font-weight:700}
.countdown{margin-left:auto;font-size:13px;background:#ffffff22;padding:4px 10px;border-radius:20px}
.userbox{font-size:13px;display:flex;align-items:center;gap:8px}
.userbox .whoami{background:#ffffff22;padding:4px 10px;border-radius:20px}
.userbox a{color:#fff;opacity:.85}
.chipset input{font:inherit}
.tabs{display:flex;gap:6px;width:100%;order:3}
.tabs button{flex:1;background:#ffffff1a;color:#fff;border:0;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:14px}
.tabs button.active{background:#fff;color:var(--brand)}
main{max-width:1100px;margin:16px auto;padding:0 14px}
.loading{padding:40px;text-align:center;color:var(--muted)}
.layout{display:grid;grid-template-columns:280px 1fr;gap:18px}
@media(max-width:800px){.layout{grid-template-columns:1fr}}
.side{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;height:max-content}
.side h4{margin:10px 8px 4px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.side a{display:block;padding:7px 10px;border-radius:8px;color:var(--ink)}
.side a:hover{background:#f0eefb;text-decoration:none}
.side a.active{background:var(--brand);color:#fff}
.side a .tag{font-size:11px;color:var(--muted)}
.side a.active .tag{color:#fff9}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.card h1{font-size:22px;margin:0 0 4px}
.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;color:#fff;margin-right:6px}
.pill.S1{background:var(--s1)}.pill.S2{background:var(--s2)}.pill.S3{background:var(--s3)}.pill.SIM{background:var(--sim)}
.card.slot-S1{border-left:4px solid var(--s1)}.card.slot-S2{border-left:4px solid var(--s2)}.card.slot-S3{border-left:4px solid var(--s3)}.card.slot-SIM{border-left:4px solid var(--sim)}
.lvldot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#cfc9de;margin-right:7px;vertical-align:middle}
.lvldot.low{background:var(--bad)}.lvldot.mid{background:var(--warn)}.lvldot.high{background:var(--ok)}
.levelbadge{font-size:12px;padding:3px 10px;border-radius:20px;border:1px solid var(--line);color:var(--muted)}
.levelbadge.low{background:#fdecec;color:var(--bad);border-color:#f3c2c2}
.levelbadge.mid{background:#fdf3e0;color:var(--warn);border-color:#f0d9ac}
.levelbadge.high{background:#e7f7ef;color:var(--ok);border-color:#b7e6cf}
.sec{border-top:1px solid var(--line);padding-top:6px;margin-top:10px}
.sec>summary{cursor:pointer;font-weight:600;padding:6px 0;list-style:none}
.sec>summary::-webkit-details-marker{display:none}
.sec>summary::before{content:"▸ ";color:var(--brand2)}
.sec[open]>summary::before{content:"▾ "}
.sec .body{padding:2px 2px 8px}
.sec.kind-explicatie>summary{color:var(--s1)}
.sec.kind-rezolvare>summary{color:var(--brand)}
.sec.kind-barem>summary{color:var(--warn)}
.sec.kind-greseli>summary{color:var(--bad)}
.sec.kind-enunt{background:#f3f1fc;border-radius:8px;padding:8px 10px;border-top:0;margin-top:12px}
.content table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13.5px}
.content th,.content td{border:1px solid var(--line);padding:5px 8px;text-align:left;vertical-align:top}
.content th{background:#f2f0fa}
.content code{background:#f0eefb;padding:1px 5px;border-radius:5px;font-size:.92em}
.content blockquote{margin:8px 0;padding:6px 12px;border-left:3px solid var(--brand2);background:#f6f4fd;color:#443f5c}
.content h2{font-size:18px}.content h3{font-size:15px}
.btn{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:9px 16px;cursor:pointer;font-size:14px}
.btn.ghost{background:#efedf9;color:var(--brand)}
.btn.ok{background:var(--ok)}.btn.bad{background:var(--bad)}
.btnrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.q-card{text-align:center;padding:26px}
.q-text{font-size:19px;margin:10px 0 18px}
.q-ans{font-size:17px;color:var(--ok);background:#e7f7ef;border-radius:10px;padding:14px;margin:8px 0}
.q-meta{font-size:12px;color:var(--muted);margin-top:8px}
.progressbar{height:9px;background:#eee;border-radius:6px;overflow:hidden;margin:6px 0}
.progressbar>span{display:block;height:100%;background:var(--brand2)}
.masterrow{display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:center;margin:5px 0}
.masterrow .nm{font-size:13px}
.masterrow .barwrap{background:#eee;border-radius:6px;height:10px;overflow:hidden}
.masterrow .barwrap>span{display:block;height:100%}
.timer{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;color:var(--brand)}
.timer.warn{color:var(--warn)}.timer.crit{color:var(--bad)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.stat{background:#f3f1fc;border-radius:10px;padding:12px;text-align:center}
.stat b{display:block;font-size:24px;color:var(--brand)}
.chipset{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 12px;cursor:pointer;font-size:13px}
.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.foot{max-width:1100px;margin:10px auto 30px;padding:0 14px;color:var(--muted);font-size:12px}
.foot .sep{margin:0 4px}
.hint{color:var(--muted);font-size:13px}
.staff-figure{margin:10px 0;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;display:inline-block;max-width:100%;overflow-x:auto;vertical-align:top}
.staff-figure .staff-caption{font-size:12.5px;font-weight:600;color:var(--brand);margin-bottom:2px}
.staff-figure .staff-host{line-height:0}
.staff-figure .staff-host svg{max-width:100%;height:auto}
.staff-figure .staff-cifraj{font-size:13px;font-weight:700;color:var(--ink);text-align:center;margin-top:2px;letter-spacing:.05em}
@media print{.topbar,.tabs,.side,.foot,.btnrow{display:none}.layout{display:block}.sec{border:0}details{display:block}details[open] .body,details .body{display:block!important}}