.poll-hero{grid-template-columns:1fr 270px;align-items:center;gap:40px;padding-block:55px 45px;display:grid}.poll-hero h1{color:var(--blue);max-width:900px;font-size:clamp(3.5rem,7.5vw,7rem)}.poll-hero .intro{max-width:600px;margin:24px 0;font-size:18px}.poll-hero .dottie{object-fit:contain;background:var(--yellow);border-radius:50%;width:240px;max-height:240px;padding:15px;transform:rotate(6deg)}.poll-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.poll-strip{background:var(--yellow);border-block:2px solid var(--ink);padding:17px 0}.poll-strip .wrap{justify-content:space-between;gap:20px;font:650 17px Fredoka,sans-serif;display:flex}.poll-strip span:last-child{color:var(--blue)}.poll-workspace{min-height:300px;padding-block:45px 80px}.poll-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;display:grid}.hosted-card{border:2px solid var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--yellow);flex-direction:column;min-height:260px;padding:30px;display:flex;position:relative}.hosted-card:nth-child(2n){box-shadow:5px 5px 0 var(--blue)}.hosted-card:hover{text-decoration:none;transform:translateY(-3px)}.hosted-card h2{margin:12px 0 25px;font-size:34px}.hosted-card .poll-card-foot{color:var(--blue);justify-content:space-between;margin-top:auto;font-size:12px;font-weight:750;display:flex}.poll-empty{border:2px dashed var(--blue);background:#f5f7ff;max-width:780px;padding:45px}.poll-empty h2{margin-bottom:15px;font-size:38px}.poll-empty p{max-width:520px}.poll-empty .btn{margin-top:10px}.host-layout{grid-template-columns:1.05fr .95fr;align-items:start;gap:65px;padding-block:10px 75px;display:grid}.host-form{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--yellow);padding:30px}.host-form h2{margin-bottom:20px;font-size:32px}.host-form label{gap:7px;margin-bottom:18px;font-size:13px;font-weight:700;display:grid}.host-form input,.host-form textarea{border:1.5px solid var(--ink);background:#fff;border-radius:3px;width:100%;min-height:48px;padding:12px;font-size:15px}.host-form textarea{resize:vertical;min-height:160px}.host-form .check-label{align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;display:flex}.host-form .check-label input{flex-shrink:0;width:20px;height:20px;min-height:0}.host-form .btn{justify-content:space-between;width:100%}.host-form select{font:inherit;border:1.5px solid var(--ink);background:#fff;width:100%;min-height:48px;padding:12px}.host-note{background:var(--yellow);padding:30px;position:sticky;top:25px;transform:rotate(1deg)}.host-note h2{margin-bottom:20px;font-size:38px}.host-note p{font-size:14px}.host-note .dottie{object-fit:contain;width:150px;height:160px;margin:20px 0 0 auto}.host-status{min-height:24px;margin:15px 0;font-size:13px}.created-poll{border:2px solid var(--blue);box-shadow:7px 7px 0 var(--yellow);grid-column:1/-1;padding:35px}.created-poll h2{color:var(--blue);margin-bottom:20px;font-size:42px}.created-poll label{gap:7px;margin-block:22px;font-size:12px;font-weight:700;display:grid}.created-poll input{width:100%;font:inherit;border:1px solid var(--ink);min-height:48px;padding:13px}.poll-single{max-width:760px;padding-block:45px 80px}.poll-single h1{color:var(--blue);margin-block:20px 30px;font-size:clamp(2.7rem,6vw,5rem)}.answer-form{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--yellow);padding:30px}.answer-form fieldset{border:0;gap:12px;margin:0 0 20px;padding:0;display:grid}.answer-form legend{margin-bottom:15px;font-size:12px;font-weight:700}.answer-form label{border:1.5px solid var(--ink);cursor:pointer;align-items:center;gap:13px;min-height:56px;padding:16px;font-size:14px;font-weight:650;display:flex}.answer-form label:has(input:checked){background:var(--yellow);border-color:var(--blue)}.answer-form input{width:21px;height:21px;accent-color:var(--blue)}.answer-form .btn{justify-content:space-between;width:100%}.poll-results{margin-top:30px}.poll-results h2{margin-bottom:15px;font-size:35px}.result-row{margin:18px 0}.result-caption{justify-content:space-between;gap:15px;font-size:13px;font-weight:650;display:flex}.result-meter{background:#e6ebfa;border-radius:2px;height:12px;margin-top:7px;overflow:hidden}.result-fill{background:var(--blue);height:100%}.poll-error{color:#b32f18;font-size:14px}.host-form button:disabled,.answer-form button:disabled{opacity:.6}.poll-footer-link{margin-top:35px}.private-note{border-left:4px solid var(--blue);background:#f4f6ff;padding:15px;font-size:12px}@media (width<=750px){.poll-hero{grid-template-columns:1fr 115px;gap:14px;padding-top:35px}.poll-hero h1{font-size:clamp(2.8rem,9vw,4.5rem)}.poll-hero .dottie{width:115px;height:130px;padding:5px}.poll-hero .intro{font-size:14px}.poll-strip .wrap{font-size:13px}.poll-list,.host-layout{grid-template-columns:1fr;gap:30px}.host-note{position:static}.host-note .dottie{width:100px;height:100px}.hosted-card{min-height:230px;padding:24px}.hosted-card h2{font-size:29px}.poll-empty{padding:26px}.poll-empty h2{font-size:31px}.host-form,.created-poll,.answer-form{padding:22px}.poll-single h1{font-size:39px}.host-layout{padding-bottom:55px}.created-poll h2{font-size:35px}}@media (width<=420px){.poll-hero{grid-template-columns:1fr}.poll-hero .dottie{display:none}.poll-strip .wrap{flex-wrap:wrap;gap:5px}.poll-single h1{font-size:34px}}
