:root{--green: #4ade80;--red: #f87171;--grey: #d1d5db;--bg: #f7f7f8;--fg: #1a1a1a}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:1.5rem;background:var(--bg);color:var(--fg)}main{max-width:720px;margin:0 auto}.hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.hdr h1{margin:0;font-size:1.5rem}.meta{color:#6b7280;font-size:.875rem}.grid{display:grid;grid-template-columns:9rem repeat(3,1fr);grid-template-rows:5rem repeat(3,5rem);gap:.5rem}.label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.75rem;padding:.25rem;background:#fff;border-radius:.5rem;border:1px solid var(--grey)}.label .icon{font-size:1.25rem}.cell{background:#fff;border:1px solid var(--grey);border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center}.cell select{width:100%;padding:.5rem;font-size:1rem}.cell.correct{background:var(--green)}.cell.incorrect{background:var(--red)}.actions{margin-top:1rem}button{padding:.5rem 1rem;font-size:1rem;cursor:pointer}