:root{--bg:#f5f7fb;--card:#fff;--txt:#172033;--muted:#667085;--line:#d9e1ee;--brand:#172033;--ok:#14804a;--bad:#b42318}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--txt)}a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px}.wrap{width:min(1100px,94vw);margin:28px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(16,24,40,.06)}.narrow{width:min(520px,92vw);margin:40px auto}h1,h2,h3{margin-top:0}label{display:block;margin:14px 0 6px;font-weight:700}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}textarea{min-height:90px}button,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;font-weight:800;background:var(--brand);color:#fff;text-decoration:none;cursor:pointer;margin-top:12px}button.secondary,.btn.secondary{background:#e9eef7;color:var(--txt)}button.danger{background:var(--bad)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.alert{padding:12px 14px;border-radius:12px;background:#eef4ff}.error{background:#fff1f0;color:var(--bad)}.success{background:#ecfdf3;color:var(--ok)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef4ff;font-size:12px}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.answer-btn{min-height:64px;background:#fff;color:var(--txt);border:1px solid var(--line)}.answer-btn.selected{outline:3px solid #9db6e8}.timer{font-size:38px;font-weight:900}.media{max-width:100%;border-radius:14px;border:1px solid var(--line);max-height:360px}.zone-wrap{position:relative;display:inline-block;max-width:100%}.zone-wrap img{max-width:100%;display:block;border-radius:14px}.zone-marker{position:absolute;width:18px;height:18px;border-radius:50%;background:#172033;transform:translate(-50%,-50%);pointer-events:none}.hidden{display:none!important}.footer-note{text-align:center;margin:24px;color:var(--muted)}