*{box-sizing:border-box}body{margin:0;background:#081627;color:#edf4ff;font:18px/1.6 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:24px}a{color:#8fd8ff}img{display:block;margin:24px 0}label{display:block;margin:16px 0}select,button{font:inherit;padding:12px;border-radius:12px;min-height:48px}select{margin-left:12px;background:#142e49;color:#fff}button{background:#bddc64;color:#142109;border:0;cursor:pointer;margin:8px 0}article{background:#12283e;padding:24px;border-radius:20px;margin-top:24px}article:empty{display:none}.answers{display:grid;gap:8px}.answers button{text-align:left;background:#213f5d;color:#fff}.answers button:disabled{opacity:.7}.result{border-left:4px solid #bddc64;padding-left:16px}:focus-visible{outline:3px solid #ffbf69;outline-offset:4px}
body{background:#d5ebf3;color:#14253d}main{background:#fffdf5;border:2px solid #14253d;border-radius:24px;margin:24px auto;box-shadow:0 5px 0 #14253d;padding:28px}a{color:#224e70}h1,h2{font-weight:850;letter-spacing:-.035em;line-height:1.15}select{background:white;color:#14253d;border:2px solid #526377}button{background:#efb05e;color:#14253d;border:2px solid #14253d;box-shadow:0 3px 0 #14253d;font-weight:750}article{background:#fff;border:2px solid #526377;color:#14253d}.answers{grid-template-columns:1fr 1fr}.answers button{background:#fff;color:#14253d}.result{background:#e0efda;border-color:#487843;border-radius:12px;padding:16px}@media(max-width:780px){main{margin:12px;border-radius:18px;padding:20px}}