[data-theme=light]{--f-bg:#f4f6fb;--f-surface:#fff;--f-surface-2:#ebeff7;--f-surface-3:#dfe5f1;--f-text:#0e1424;--f-text-2:#3f4a5e;--f-text-3:#596579;--f-border:#cdd4e1;--f-border-strong:#9aa6ba;--f-primary:#0f47e0;--f-primary-hover:#1437bf;--f-select-bg:#e6edff;--f-ring:#389eff;--f-danger:#b31212;--star:#0f47e0;--star-faint:#0f47e01a;--bg:var(--f-bg)}[data-theme=dark]{--f-bg:#060912;--f-surface:#0c1221;--f-surface-2:#131b2f;--f-surface-3:#1b2540;--f-text:#f2f5fb;--f-text-2:#bcc5d6;--f-text-3:#97a3b8;--f-border:#26314c;--f-border-strong:#41507a;--f-primary:#2f62ff;--f-primary-hover:#4a78ff;--f-select-bg:#0f1d47;--f-ring:#8da6ff;--f-danger:#ff8a8a;--star:#8da6ff;--star-faint:#8da6ff1a;--bg:var(--f-bg)}body{background:var(--f-bg);color:var(--f-text)}.form-view{grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid}.intro{padding:20px 16px 4px;position:relative;overflow:hidden}.brand{color:inherit;align-items:center;gap:10px;display:flex}.star-btn{color:var(--star);border-radius:12px;margin:-6px;padding:6px;line-height:0;display:inline-block}.star-btn svg{width:30px;height:30px}.wordmark{font-family:var(--hz-font-display);letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.15}.wordmark small{font-family:var(--hz-font-sans);color:var(--f-text-3);letter-spacing:0;font-size:12.5px;font-weight:400;display:block}.intro h1{font-family:var(--hz-font-display);letter-spacing:-.025em;max-width:14ch;margin:22px 0 10px;font-size:clamp(28px,8.2vw,40px);font-weight:600;line-height:1.08}.intro p{color:var(--f-text-2);max-width:44ch;margin:0;font-size:16px}.intro-art,.intro-foot{display:none}.form-wrap{padding:4px 16px calc(32px + env(safe-area-inset-bottom,0px))}.form-inner{max-width:600px;margin:0 auto}#lead-form{flex-direction:column;gap:26px;margin-top:18px;display:flex}.group{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}.group-title{font-family:var(--hz-font-display);letter-spacing:-.01em;margin:0 0 2px;padding:0;font-size:18px;font-weight:600}.group-hint{color:var(--f-text-3);margin:-8px 0 0;font-size:14px}.row2{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.lbl{color:var(--f-text);font-size:15px;font-weight:500}.opt{color:var(--f-text-3);font-weight:400}.input{border:1.5px solid var(--f-border-strong);background:var(--f-surface);width:100%;min-height:52px;color:var(--f-text);font:inherit;-webkit-appearance:none;appearance:none;border-radius:12px;padding:12px 14px;font-size:17px;line-height:1.3;transition:border-color .12s}.input::placeholder{color:var(--f-text-3)}.input:hover{border-color:var(--f-text-3)}.input:focus{border-color:var(--f-primary);box-shadow:0 0 0 3px var(--f-select-bg);outline:none}.field.invalid .input{border-color:var(--f-danger)}.err{color:var(--f-danger);font-size:13.5px;display:none}.invalid .err{display:block}.select-wrap{position:relative}.select-wrap:after,.select-btn:after{content:"";border-right:2px solid var(--f-text-2);border-bottom:2px solid var(--f-text-2);pointer-events:none;width:9px;height:9px;position:absolute;top:50%;right:18px;transform:translateY(-70%)rotate(45deg)}select.input{cursor:pointer;padding-right:44px}select.input:invalid{color:var(--f-text-3)}select.input option{color:var(--f-text)}.select-btn{text-align:left;cursor:pointer;color:var(--f-text);align-items:center;padding-right:44px;display:flex;position:relative}.select-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-btn.empty{color:var(--f-text-3)}.check{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:12px;min-height:44px;padding:6px 0;display:flex}.check input{-webkit-appearance:none;appearance:none;border:1.5px solid var(--f-border-strong);background:var(--f-surface);cursor:pointer;border-radius:7px;flex:none;place-content:center;width:26px;height:26px;margin:0;display:grid}.check input:after{content:"";border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;width:12px;height:7px;transition:transform .1s;transform:translateY(-2px)rotate(-45deg)scale(0)}.check input:checked{background:var(--f-primary);border-color:var(--f-primary)}.check input:checked:after{transform:translateY(-2px)rotate(-45deg)scale(1)}.check span{color:var(--f-text-2);padding-top:2px;font-size:15.5px}.check span strong{color:var(--f-text);font-weight:500}.invalid .check input{border-color:var(--f-danger)}.trials{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.trial{border:1.5px solid var(--f-border-strong);background:var(--f-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;grid-template-columns:28px minmax(0,1fr);gap:2px 14px;padding:16px;transition:border-color .12s,background-color .12s,box-shadow .12s;display:grid;position:relative}.trial:hover{border-color:var(--f-text-3)}.trial input{opacity:0;width:1px;height:1px;position:absolute}.trial .tick{border:1.5px solid var(--f-border-strong);color:#fff;border-radius:50%;grid-area:1/1/span 3;place-content:center;align-self:start;width:28px;height:28px;margin-top:2px;display:grid}.trial .tick svg{opacity:0}.trial .t-kind,.trial .t-name,.trial .t-desc{grid-column:2}.trial .t-kind{color:var(--f-text-3);font-size:13.5px;font-weight:500}.trial .t-name{font-family:var(--hz-font-display);letter-spacing:-.015em;font-size:20px;font-weight:600;line-height:1.2}.trial .t-desc{color:var(--f-text-2);font-size:15px}.trial:has(input:checked){border-color:var(--f-primary);box-shadow:inset 0 0 0 1px var(--f-primary);background:var(--f-select-bg)}.trial:has(input:checked) .tick{background:var(--f-primary);border-color:var(--f-primary)}.trial:has(input:checked) .tick svg{opacity:1}.trial:has(input:focus-visible){outline:3px solid var(--f-ring);outline-offset:2px}.invalid .trial{border-color:var(--f-danger)}.chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.chip{border:1.5px solid var(--f-border-strong);background:var(--f-surface);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:50px;padding:8px 12px;font-size:15.5px;display:flex;position:relative}.chip input{opacity:0;width:1px;height:1px;position:absolute}.chip small{color:var(--f-text-3);font-size:13px}.chip:has(input:checked){background:var(--f-select-bg);border-color:var(--f-primary);box-shadow:inset 0 0 0 1px var(--f-primary);font-weight:500}.chip:has(input:checked) small{color:var(--f-text-2)}.chip:has(input:focus-visible){outline:3px solid var(--f-ring);outline-offset:2px}.hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.submit-row{flex-direction:column;gap:10px;margin-top:2px;display:flex}.btn{appearance:none;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}#submit-btn{border-radius:14px;width:100%;min-height:56px;font-size:18px}.btn-primary{background:var(--f-primary);color:#fff}.btn-primary:hover{background:var(--f-primary-hover)}.btn-primary[disabled]{opacity:.6;cursor:progress}.btn-quiet{background:var(--f-surface-2);color:var(--f-text)}.btn-quiet:hover{background:var(--f-surface-3);color:var(--f-text)}.form-error{color:var(--f-danger);min-height:1em;margin:0;font-size:14px}.fineprint{color:var(--f-text-3);margin:0;font-size:13px}dialog.sheet{background:var(--f-bg);width:100%;max-width:100%;height:100%;max-height:100%;color:var(--f-text);border:0;border-radius:0;margin:0;padding:0}dialog.sheet::backdrop{background:#0408128c}.sheet-inner{flex-direction:column;height:100%;display:flex}.sheet-head{align-items:center;gap:12px;padding:12px 16px 10px;display:flex}.sheet-head h2{font-family:var(--hz-font-display);letter-spacing:-.01em;flex:1;margin:0;font-size:20px;font-weight:600}.sheet-search{border-bottom:1px solid var(--f-border);padding:0 16px 12px}.opt-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;margin:0;padding:8px 8px 24px;list-style:none;overflow-y:auto}.opt-row{appearance:none;text-align:left;width:100%;min-height:52px;font:inherit;cursor:pointer;color:var(--f-text);background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-size:17px;display:flex}.opt-row:hover,.opt-row:focus-visible{background:var(--f-surface-2)}.opt-row .chk{color:var(--f-primary);opacity:0;flex:none}.opt-row[aria-pressed=true]{color:var(--f-primary);font-weight:600}.opt-row[aria-pressed=true] .chk{opacity:1}.opt-row.use-own{color:var(--f-primary);font-weight:500}.icon-btn{appearance:none;background:var(--f-surface-2);color:var(--f-text);cursor:pointer;border:0;border-radius:10px;flex:none;place-content:center;width:44px;height:44px;display:grid}#f-feedback{resize:vertical;min-height:120px;font-size:17px;line-height:1.4}.thanks{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.thanks-inner{flex-direction:column;align-items:center;gap:16px;max-width:520px;display:flex}.thanks .big-star{width:96px;height:96px;color:var(--star)}.thanks h2{font-family:var(--hz-font-display);letter-spacing:-.025em;margin:8px 0 0;font-size:clamp(30px,6vw,44px);font-weight:600;line-height:1.1}.thanks p{color:var(--f-text-2);margin:0;font-size:17px}.thanks .picked{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{background:var(--f-select-bg);color:var(--f-text);border:1px solid var(--f-border);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:500;display:inline-flex}@media (prefers-reduced-motion:no-preference){.thanks .big-star{animation:.7s cubic-bezier(.2,.8,.2,1) spin-in}@keyframes spin-in{0%{opacity:0;transform:rotate(-45deg)scale(.6)}to{opacity:1;transform:none}}}@media (width>=640px){.intro{padding:32px 24px 8px}.form-wrap{padding:8px 24px 56px}.row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.trials{grid-template-columns:1fr 1fr;gap:12px}.trial{flex-direction:column;gap:6px;min-height:150px;padding:20px;display:flex}.trial .tick{margin:0;position:absolute;top:18px;right:18px}.trial .t-name{padding-right:36px;font-size:24px}.chips{flex-wrap:wrap;display:flex}.chip{min-height:44px;padding:8px 16px}#submit-btn{align-self:flex-start;width:auto;padding:0 32px}dialog.sheet{border:1px solid var(--f-border);background:var(--f-surface);border-radius:18px;width:min(480px,100vw - 32px);height:min(640px,100vh - 64px);margin:auto}}@media (width>=960px){.form-view{grid-template-columns:minmax(360px,5fr) 7fr}.intro{border-right:1px solid var(--f-border);flex-direction:column;align-self:start;min-height:100vh;padding:56px;display:flex;position:sticky;top:0}.star-btn svg{width:36px;height:36px}.wordmark{font-size:22px}.intro h1{max-width:13ch;margin:auto 0 14px;font-size:clamp(36px,4vw,52px)}.intro p{font-size:17px}.intro-art{width:560px;height:560px;color:var(--star);opacity:.9;pointer-events:none;display:block;position:absolute;top:-120px;right:-140px}.intro-foot{color:var(--f-text-3);margin-top:40px;font-size:13px;display:block}.form-wrap{padding:56px 56px 72px}}
