:root{--card: 0 1px 4px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--main-clr: hsl(253, 89%, 65%);--border: 1.6px solid #ccc;--txt-clr: black;--bg-bgc: hsl(0, 0%, 100%);--hover-bgc: hsl(0, 0%, 90%)}@media (prefers-color-scheme: dark){:root{--card: 0 1px 4px rgba(200, 200, 200, .2), 0 1px 2px rgba(200, 200, 200, .3);--txt-clr: #bdc1c6;--bg-bgc: hsl(0, 0%, 6%);--input-bgc: hsl(0, 0%, 25%);--hover-bgc: hsl(0, 0%, 25%)}}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{font-family:BlinkMacSystemFont,Segoe UI,Roboto,Fira Sans,Ubuntu,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-size-adjust:100%;height:100vh;margin:0;overflow:hidden;color:var(--txt-clr);text-rendering:optimizeSpeed;background-color:var(--bg-bgc)}form-layout{height:100vh;display:grid;place-content:center;>*{animation:frombottom 1s ease-out normal}}h2{text-wrap:balance}button{border:none;padding:.6em;font-weight:700;font-size:medium;color:#fff;text-align:center;background-color:#bf07c6;border-radius:7px;box-shadow:var(--card);cursor:pointer}.start-btn{margin-left:30%;padding-inline:1em}@keyframes frombottom{0%{translate:0 130%}to{translate:0 0}}.question{font-size:1.5rem;font-weight:500;max-width:40ch;&:before{content:attr(data-num) "\2192  ";position:absolute;margin-left:-3em}&:after{content:attr(data-req);color:red}}textarea{font:inherit;color:inherit;border:none;padding:.5em;margin:4px 0;width:90%;border-bottom:var(--border);margin-block:1em;background-color:var(--input-bgc);&:focus{outline:none;border-bottom:1px solid var(--main-clr)}}.poll-option{list-style-type:none;margin-block:1em;border:2px solid rgb(152,152,152);border-radius:3px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;& label{padding:.6em;display:inline-flex;width:100%;.list-style{border:1px solid;padding:2px 5px}.choice-txt{margin-left:.5em}}& svg{opacity:0;fill:#0f0}&:hover{background-color:var(--hover-bgc)}&:has(input:checked){border-color:var(--main-clr);background-color:#7956f599;& svg{opacity:1}}}