:root{font-family:Tahoma,Arial,sans-serif;color:#18303d;background:#edf3f6;font-size:16px;line-height:1.8;--brand:#005966;--accent:#d46b15}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:20px;align-items:center;padding:18px max(20px,calc((100vw - 1100px)/2));background:#fff;border-bottom:3px solid var(--brand)}header strong{font-size:1.7rem;color:var(--brand)}header small{margin-inline-start:auto;color:#725119}main{max-width:1100px;margin:28px auto;padding:0 20px}h1,h2{line-height:1.4}h1{font-size:2rem}h2{font-size:1.4rem}.card{background:#fff;border:1px solid #c9d8df;border-radius:16px;padding:28px;box-shadow:0 4px 20px #18303d08}.intro{max-width:760px;margin:auto}.section-list{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.section-list span{background:#edf3f6;border-radius:8px;padding:8px 14px}label{display:block;margin:12px 0 4px}input{width:100%;font:inherit;padding:10px;border:1px solid #9db4bd;border-radius:8px}button{font:inherit;cursor:pointer;border:1px solid var(--brand);border-radius:8px;padding:10px 18px;color:var(--brand);background:#fff}button.primary{background:var(--brand);color:#fff}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #d46b15;outline-offset:3px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.notice{background:#fff4df;border-inline-start:4px solid var(--accent);padding:12px 16px;margin:16px 0}.workspace{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}.nav-card{position:sticky;top:16px}.timer{font-size:2rem;font-variant-numeric:tabular-nums;direction:ltr;text-align:center;color:var(--brand)}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.numbers button{padding:5px}.numbers .done{background:#d4ece8}.numbers .current{outline:3px solid var(--accent)}.progress{height:8px;background:#e5ecee;margin:12px 0;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:var(--brand)}.question-image{display:block;width:100%;max-width:760px;height:auto;margin:14px auto}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choices button{font-size:1.3rem}.choices .chosen{background:var(--brand);color:#fff}.meta{display:flex;justify-content:space-between;gap:10px}.muted{color:#536c78;font-size:.95rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div{background:#edf3f6;padding:14px;border-radius:10px}.stats b{display:block;font-size:1.8rem;color:var(--brand)}table{width:100%;border-collapse:collapse;text-align:right}th,td{border-bottom:1px solid #d7e2e7;padding:10px}.review{margin-top:18px}summary{cursor:pointer;font-weight:bold;padding:12px}#message:not(:empty){position:fixed;bottom:18px;left:18px;right:18px;max-width:800px;margin:auto;padding:12px 20px;background:#18303d;color:#fff;border-radius:10px;z-index:20}@media(max-width:700px){header{padding:12px;gap:10px;flex-wrap:wrap}header span{font-size:.95rem}main{margin:16px auto;padding:0 12px}.card{padding:18px}.workspace{grid-template-columns:1fr}.nav-card{position:static}.numbers{grid-template-columns:repeat(11,1fr);gap:5px}.numbers button{padding:2px;font-size:.85rem}.timer{font-size:1.7rem}.choices{gap:7px}.choices button{padding:9px}.stats{grid-template-columns:1fr}h1{font-size:1.65rem}}

select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:white;font:inherit;color:inherit}