:root{color-scheme:dark;--a:#28d2b4;--p:#0c2221;--e:#275653}*{box-sizing:border-box}body{margin:0;background:#061413;color:#e8f8f6;font:16px system-ui}header{padding:1.2rem 6vw;display:flex;justify-content:space-between;border-bottom:1px solid var(--e)}header b,.tag,#metrics b{color:var(--a)}main{max-width:1050px;width:90%;margin:4rem auto}.tag{letter-spacing:.15em;font-size:.75rem}h1{font-size:clamp(2rem,5vw,4rem)}.panel,.question{background:var(--p);border:1px solid var(--e);border-radius:12px;padding:1.3rem;margin:2rem 0}.filters,#metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label,small{color:#9ab9b6;font-size:.8rem}select,input{width:100%;display:block;margin-top:5px;padding:.65rem;background:#071817;border:1px solid var(--e);border-radius:6px;color:white}button{padding:.75rem 1rem;background:var(--a);color:#02201b;border:0;border-radius:7px;font-weight:700;margin-top:1rem;cursor:pointer}.answers{display:grid;gap:10px;margin:1.5rem 0}.answer{color:white;background:#102c29;border:1px solid var(--e);text-align:left}.answer.correct{border-color:var(--a);background:#16443a}.answer.wrong{border-color:#f76b79;background:#42252a}.answer:disabled{cursor:default}.body{line-height:1.65}.body img,.image{max-width:100%;border-radius:7px}.explain{border-top:1px solid var(--e);padding-top:1rem}@media(max-width:650px){.filters,#metrics{grid-template-columns:1fr 1fr}}