:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0c0a0ade;background-image:url(../bg.webp);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{margin:0 calc(-50vw + 50%);padding:1em 0;height:17%;width:100vw;background-color:#f0d5b5;text-align:center}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:0;padding-block:.5em}button{border-radius:8px;border:1px solid transparent;padding:.8em 2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#f8f8f8;cursor:pointer;transition:border-color .25s}main{display:flex;flex-direction:column;align-items:center;padding-block:2em}h2{grid-column:span 2;font-weight:600;font-size:2em}.question-container{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-content:center;gap:12px;width:80%;background-color:#2b1b15e6;border-radius:10px;padding:1.5em;color:#f5f5f5}.question-container img,.question-container video{width:80%;min-width:150px;height:auto}.question-container button{grid-column:span 2;width:12em;max-width:50%;margin-top:16px;background-color:#d49827;color:#1a1a1a}.question-container button:disabled{opacity:.7;cursor:not-allowed;border-color:#d49827;background-color:#2b1b15d9;color:#f5f5f5}.question-container input{height:2.5em;width:75%;font-size:1.05em;color:#1a1a1a}.openQ-label{margin-bottom:1em;align-self:center}.options{display:flex;flex-direction:column;gap:12px;width:70%;max-width:500px;padding:0 20px}.option{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#ffffffb3;border:2px solid #D4B896;color:#1a1a1a;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.05em}.option:hover{background-color:#ffffffe6;border-color:#b8738f;transform:translate(4px)}.option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#610b1d}.option input[type=checkbox]{width:20px;height:20px;cursor:pointer}.option:has(input:checked){background-color:#e7a62ccc;border-color:#ffffffe6;font-weight:500}.results{display:flex;flex-direction:column;align-items:center;gap:1em;width:80%;background-color:#e7a62ccc;border-radius:10px;padding:1.5em 2.2em;color:#1a1a1a}.text-container{width:80%;background-color:#ffffffb3;border-radius:10px;padding-inline:1em}.text-container p{font-size:1.3em;font-weight:500}.text-container h2{color:#610b1d}.results img,.results video{width:85%;max-width:600px;height:auto}@media(max-width:650px){main{padding-block:1em}h1{font-size:32px;padding-block:.2em}h2{grid-column:1;font-size:20px;padding-block:.2em;margin-block:0}.question-container{grid-template-columns:1fr;padding:1em}.question-container button{grid-column:1;width:85%}.option{gap:10px;padding:8px 16px;font-size:1em}.results{margin-top:2.5em;padding:2em 1em;width:85%}}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}