:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17152b;background:#f3f0ff;font-synthesis:none;--ink: #17152b;--muted: #665f7d;--blue: #265dff;--blue-dark: #1745d1;--lilac: #a875ff;--lilac-pale: #eee8ff;--line: #ded7f4;--card: #fffdfd}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}body:before,body:after{position:fixed;z-index:-1;width:240px;height:240px;border-radius:42% 58% 60% 40%;content:"";filter:blur(2px);opacity:.55}body:before{top:-90px;left:-80px;background:#c8b5ff;transform:rotate(24deg)}body:after{right:-95px;bottom:-80px;background:#8db6ff;transform:rotate(-26deg)}.page{width:min(680px,calc(100% - 32px));min-width:0;margin:0 auto;padding:48px 0;display:grid;gap:20px}.card{min-width:0;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:clamp(24px,6vw,44px);box-shadow:0 22px 55px #3b26751c}.survey-card{position:relative;isolation:isolate}.survey-card:after{position:absolute;z-index:-1;top:-80px;right:-65px;width:180px;height:180px;border-radius:50%;background:#e9ddff;content:""}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.16em}.edition-badge{display:inline-block;margin:0 0 14px;padding:7px 10px;border-radius:999px;background:var(--lilac-pale);color:#7044bf;font-size:11px;font-weight:800;letter-spacing:.08em}h1,h2{min-width:0;margin:0;overflow-wrap:anywhere;letter-spacing:-.05em;line-height:1.02}h1{max-width:520px;font-size:clamp(38px,9vw,64px)}h2{font-size:32px}.intro{color:var(--muted);font-size:17px;line-height:1.5;margin:18px 0 30px;overflow-wrap:anywhere}form,fieldset{width:100%;min-width:0;max-width:100%}fieldset{border:0;padding:0;margin:0}legend{max-width:100%;font-weight:750;margin-bottom:12px;white-space:normal;overflow-wrap:anywhere}.option{display:grid;width:100%;min-width:0;max-width:100%;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:center;padding:15px 16px;margin:8px 0;border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:.15s ease}.option span{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.option:hover,.option.selected{border-color:var(--blue);background:#f1f4ff;transform:translateY(-1px)}input[type=checkbox]{accent-color:var(--blue)}.name-label{display:block;font-weight:750;margin:26px 0 8px}input:not([type=radio]){width:100%;padding:14px 15px;border:1px solid #cfc8e4;border-radius:11px;font:inherit;background:#fff;color:var(--ink)}input:not([type=radio]):focus{outline:3px solid #c9d5ff;border-color:var(--blue)}button{width:100%;border:0;border-radius:11px;margin-top:16px;padding:15px 18px;background:var(--blue);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #265dff2b;transition:.15s ease}button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait}.success,.error{margin:18px 0 0;line-height:1.4}.success{color:#26704b}.error{color:#a43333}.results-heading{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.results-heading>div{min-width:0}.refresh{width:auto;margin:0;padding:10px 13px;background:var(--lilac-pale);color:var(--ink);font-size:13px;box-shadow:none}.result{min-width:0;margin-top:26px}.result-line{display:flex;min-width:0;justify-content:space-between;gap:12px}.result-line strong{min-width:0;overflow-wrap:anywhere}.bar{height:9px;margin:9px 0 7px;border-radius:9px;background:#e8e4f3;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--lilac))}.result p,small{color:var(--muted);font-size:13px;line-height:1.4;margin:0;overflow-wrap:anywhere;word-break:break-word}small{display:block;margin-top:30px}.footer{color:var(--muted);font-size:13px;text-align:center}.footer a{color:inherit;font-weight:750}@media(max-width:480px){.page{width:min(100% - 20px,680px);padding:22px 0}.card{border-radius:20px;padding:24px 20px}body:before,body:after{width:170px;height:170px}}