@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--paper:#f8f7f3;--ink:#252237;--muted:#716d80;--purple:#6150a5;--purple-dark:#4c3d89;--lavender:#eeeaf7;--line:#e4e0e9;--red:#bd4848;--amber:#a36709;--green:#287452;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a18be2;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-weight:800;letter-spacing:-.065em;font-size:clamp(42px,5.5vw,72px);line-height:1.12}h2{font-size:23px;letter-spacing:-.035em;line-height:1.4}h3{font-size:18px}button{border:0}label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}textarea,input:not([type=radio]){width:100%;border:1px solid #d9d4e2;border-radius:12px;padding:16px;background:#fcfbfd;color:var(--ink);transition:border .15s;min-height:54px}textarea{resize:vertical;line-height:1.55}textarea::placeholder,input::placeholder{color:#9a95a5}textarea:focus,input:focus{border-color:var(--purple)}.topbar{max-width:1280px;margin:0 auto;padding:29px 48px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:700;color:var(--purple);display:flex;gap:10px;align-items:center;font-size:28px}.brand span{font-size:17px;letter-spacing:-.04em}.tag{font-size:12px;color:var(--muted)}main{max-width:1080px;padding:30px 40px 55px;margin:auto}.hero{text-align:center;padding:20px 0 42px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--purple);margin-bottom:19px}.subtitle{font-size:20px;line-height:1.5;color:var(--muted);margin-top:16px}.setup{max-width:850px;margin:38px auto 0}.panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:30px;margin-bottom:24px}.section-title{display:flex;gap:15px;align-items:flex-start;margin-bottom:26px}.section-title p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:6px}.step{width:34px;height:34px;flex:none;border-radius:50%;background:var(--lavender);color:var(--purple);display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:3px}.fields{display:grid;gap:22px}.input-row{display:flex;align-items:center;gap:10px}.remove{background:#f4f1f7;color:var(--muted);border-radius:10px;font-size:24px;min-width:44px;height:44px;flex:none}.remove:hover{background:#f9e8e8;color:var(--red)}.add{color:var(--purple);font-weight:700;font-size:14px;background:transparent;padding:14px 4px;margin-top:10px;min-height:48px}.add:hover{color:var(--purple-dark);text-decoration:underline}.formats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.format{position:relative;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:18px 14px;display:flex;flex-direction:column;min-height:168px;transition:background .15s,border-color .15s}.format:hover{background:#f9f7fc}.format.selected{border-color:var(--purple);background:#f5f2fc}.format-icon{font-size:29px;line-height:1.2;min-height:38px;margin-bottom:13px}.format-icon.score{font-size:24px;font-weight:800;letter-spacing:-.08em;color:var(--purple)}.format-icon.traffic{color:var(--green)}.format-icon.question{width:30px;height:30px;border-radius:50%;background:var(--lavender);text-align:center;color:var(--purple);font-size:23px;font-weight:700;min-height:30px;margin-top:4px;margin-bottom:17px}.format strong{font-size:15px}.format>span:not(.format-icon):not(.selection-mark){font-size:12px;color:var(--muted);line-height:1.5;margin-top:6px}.selection-mark{position:absolute;top:15px;right:12px;color:var(--purple);font-size:16px}.preview{display:flex;justify-content:center;gap:27px;flex-wrap:wrap;background:var(--paper);border-radius:12px;padding:19px 10px;margin-top:23px}.preview>span{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.preview b{font-size:21px;color:var(--purple)}.red{color:var(--red)!important}.amber{color:var(--amber)!important}.green{color:var(--green)!important}.start-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.start-row>span{font-size:12px;color:var(--muted)}.primary,.secondary{border-radius:12px;min-height:54px;padding:16px 24px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:22px}.primary{background:var(--purple);color:#fff;box-shadow:0 4px 10px #6150a51a}.primary:hover:not(:disabled){background:var(--purple-dark)}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:var(--lavender)}footer{text-align:center;font-size:11px;color:var(--muted);margin-top:38px}.error{color:var(--red);font-size:14px;line-height:1.6;margin:12px 0}.error:empty{margin:0}.questions{margin-top:25px}.question-editor{background:#faf9fc;padding:22px;border-radius:14px;margin-bottom:18px}.editor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.option-editor{display:flex;align-items:center;gap:12px;margin-top:12px}.option-editor input[type=radio]{accent-color:var(--purple);width:24px;height:24px;flex:none}.option-editor>span{font-weight:700;color:var(--purple)}.field-hint{font-size:13px;line-height:1.5;color:var(--muted);margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-top{display:flex;justify-content:space-between;align-items:center}.live-top .eyebrow{margin:0}body[data-phase=live] main{max-width:1400px;padding-bottom:130px}body[data-phase=live] .hero{padding-top:28px;padding-bottom:30px;border:0}body[data-phase=live] .hero>.eyebrow:empty{display:none}body[data-phase=live] h1{font-size:clamp(38px,4vw,58px)}.live-items{display:grid;gap:24px;margin-top:24px}.live-item{border:1px solid var(--line);background:#fff;border-radius:22px;padding:30px;text-align:center}.item-number{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:700}.live-item h2{font-size:clamp(25px,3vw,40px);line-height:1.4;margin:13px auto 26px;max-width:1100px;overflow-wrap:anywhere}.answer-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:16px}.answer{position:relative;border:2px solid var(--line);background:#faf9fc;border-radius:16px;min-height:156px;padding:24px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--ink);transition:background .12s,border-color .12s}.answer:hover{border-color:#b8acd3;background:#f5f2fc}.answer.chosen{border-color:var(--purple);background:var(--lavender);box-shadow:0 0 0 2px var(--purple)}.answer-icon{font-size:48px;line-height:1}.answer-label{font-size:clamp(15px,1.7vw,23px);font-weight:700;line-height:1.35;overflow-wrap:anywhere;color:var(--ink)}.answer-check{position:absolute;top:10px;right:12px;color:var(--purple);font-size:22px;visibility:hidden}.chosen .answer-check{visibility:visible}.submit-row{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:30px}.submit-row p{color:var(--muted);font-size:14px}.submit-row .primary{min-width:210px;font-size:19px;min-height:64px}.counter{position:fixed;bottom:18px;right:24px;display:flex;gap:7px;align-items:center;background:#fff;border:1px solid var(--line);padding:13px 18px;border-radius:40px;font-size:12px;box-shadow:0 4px 20px #2522370a;z-index:2}.counter-dot{width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:3px}.goal-summary{background:var(--lavender);border-radius:18px;padding:23px 30px;font-size:clamp(22px,2.5vw,32px);font-weight:700;line-height:1.5;text-align:center;overflow-wrap:anywhere}.goal-summary p+p{margin-top:14px}.results-intro{display:flex;justify-content:center;align-items:center;gap:23px;margin:35px 0}.result-count{font-size:60px;line-height:1;color:var(--purple);font-weight:800;letter-spacing:-.06em}.results-intro strong{font-size:17px}.results-intro p{font-size:13px;color:var(--muted);margin-top:6px}.chart h2{margin-bottom:24px;overflow-wrap:anywhere}.chart .eyebrow{margin-bottom:9px}.bars{display:grid;gap:18px}.bar-row{display:grid;grid-template-columns:minmax(160px,1fr) 2fr 85px;align-items:center;gap:20px}.bar-label{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:14px;overflow-wrap:anywhere}.bar-label>span{font-size:23px;color:var(--purple)}.bar-label small{color:var(--green);font-size:10px;background:#edf6f0;padding:4px 7px;border-radius:6px}.bar-track{height:25px;background:#f0edf5;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:var(--purple);border-radius:6px;min-width:0}.bar-fill.red{background:var(--red)}.bar-fill.amber{background:var(--amber)}.bar-fill.green{background:var(--green)}.bar-value{font-weight:700;font-size:16px;display:flex;justify-content:space-between;gap:7px}.bar-value small{font-size:12px;color:var(--muted);font-weight:400}.result-actions{display:flex;justify-content:center;gap:16px;margin-top:28px}dialog{border:1px solid var(--line);border-radius:22px;padding:32px;width:min(520px,calc(100% - 32px));color:var(--ink);box-shadow:0 20px 100px #25223730}dialog::backdrop{background:#25223770;backdrop-filter:blur(3px)}dialog h2{font-size:27px}dialog p:not(.eyebrow){margin:16px 0;line-height:1.6;color:var(--muted)}dialog p.error{color:var(--red)}dialog label{margin-top:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.dialog-actions .primary,.dialog-actions .secondary{padding:14px 18px;font-size:14px}#notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--purple-dark);color:#fff;padding:17px 24px;border-radius:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5;max-width:90%;text-align:center}#notice.visible{opacity:1;transform:translate(-50%,0)}#storage-warning{position:fixed;bottom:0;left:0;width:100%;padding:12px;background:#fff0c8;color:#6f4c0f;z-index:6;text-align:center;font-size:13px}
@media(min-width:1600px){body[data-phase=live] main{max-width:1700px}.answer{min-height:190px}.answer-icon{font-size:60px}}
@media(max-width:760px){.topbar{padding:22px}.tag{display:none}main{padding:20px 18px 45px}.hero{padding:15px 0 30px}.subtitle{font-size:17px}.setup{margin-top:25px}.panel{padding:22px}.formats{grid-template-columns:repeat(2,1fr)}.format{min-height:160px}.preview{gap:15px}.start-row{flex-direction:column-reverse}.start-row .primary{width:100%}.live-item{padding:23px 15px}.answer-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.answer{min-height:135px;padding:20px 10px}.answer-icon{font-size:38px}.counter{bottom:12px;right:12px}.bar-row{grid-template-columns:1fr 70px;gap:10px}.bar-label{grid-column:1/-1}.bar-track{height:23px}.results-intro{align-items:flex-start}.result-actions{flex-direction:column}.dialog-actions{flex-wrap:wrap}.goal-summary{padding:20px}.submit-row{gap:15px}.submit-row .primary{min-width:150px}.live-top .secondary{padding:12px 15px}.live-top .eyebrow{font-size:9px}}
@media(min-width:761px){body[data-phase=live]:has(main.multiple) .topbar{padding-top:15px;padding-bottom:15px}body[data-phase=live] main.multiple{padding-top:12px;padding-bottom:85px}.multiple .live-top .secondary{min-height:44px;padding:12px 18px}body[data-phase=live] .multiple .hero{padding:15px 0 20px}body[data-phase=live] .multiple h1{font-size:38px}.multiple .subtitle{font-size:17px;margin-top:10px}.multiple .goal-summary{padding:14px 22px;font-size:24px}.multiple .live-items{gap:16px;margin-top:16px}.multiple .live-item{padding:20px 22px}.multiple .live-item h2{font-size:28px;margin:8px auto 16px}.multiple .answer{min-height:116px;padding:18px 12px;gap:10px}.multiple .answer-icon{font-size:38px}.multiple .answer-label{font-size:19px}.multiple .submit-row{margin-top:20px}.multiple .submit-row .primary{min-height:54px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}