.quiz{margin:45px 20px 0;padding:36px;background:#fff0f6;border:2px solid #34332e;border-radius:28px;box-shadow:6px 6px #eddda0}.quiz h2{margin:0 0 12px;font-size:34px;letter-spacing:-1px}.quiz>p{color:#34332e;max-width:800px}.quiz-stage{background:white;border:1px solid #ead78e;border-radius:18px;padding:28px;margin-top:22px}.quiz-stage h3{font-size:26px;line-height:1.4;margin:0 0 14px}.quiz-stage h3:focus{outline:none}.quiz-stage h4{font-size:18px;margin:10px 0}.quiz-stage p,.quiz-stage li{line-height:1.8}.quiz-note{font-size:13px;color:#34332e}.quiz-button{padding:12px 23px;min-height:46px;border:2px solid #34332e;border-radius:26px;background:#34332e;color:white;font-weight:800;cursor:pointer}.quiz-button.secondary{background:white;color:#34332e}.quiz-controls{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.quiz progress{width:100%;height:10px;accent-color:#34332e;margin-bottom:24px}.quiz-progress-label{font-size:13px;font-weight:800;margin:0 0 4px;color:#34332e}.quiz fieldset{border:0;padding:0;margin:0}.quiz-legend{font-size:14px;color:#34332e;margin-bottom:15px}.quiz-option{display:flex;align-items:center;gap:12px;padding:17px;margin-bottom:10px;border:1px solid #34332e;border-radius:12px;cursor:pointer}.quiz-option:has(input:checked){background:#fff2d1;border:2px solid #34332e;padding:16px}.quiz input{width:19px;height:19px;flex-shrink:0;accent-color:#34332e}.quiz select{display:block;width:min(100%,320px);margin:10px 0;padding:12px;border:1px solid #34332e;border-radius:10px;background:white}.quiz-error{color:#34332e;font-size:14px;min-height:1.5em;margin:10px 0}.quiz-traits{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:0}.quiz-traits li{background:#fff0c2;border-radius:18px;padding:5px 13px;font-size:13px}.quiz-owner{font-weight:800;color:#34332e}.quiz-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quiz-result-card{padding:18px;border-radius:14px;background:#fff7fa}.quiz-result-card p{margin:0}.quiz-stage ul:not(.quiz-traits){padding-left:23px}.quiz-stage li+li{margin-top:6px}@media(max-width:800px){.quiz{margin:30px 0 0;padding:22px}.quiz h2{font-size:28px}.quiz-stage{padding:22px}.quiz-result-grid{grid-template-columns:1fr}}@media(max-width:430px){.quiz{padding:17px}.quiz h2{font-size:25px}.quiz-stage{padding:17px}.quiz-stage h3{font-size:22px}.quiz-button{padding:11px 17px;font-size:14px}.quiz-option{font-size:14px}}
.quiz.quiz-page{margin:35px auto}@media(max-width:800px){.quiz.quiz-page{margin:30px 0}}