.survey-root{background:var(--color-background);min-height:100dvh;color:var(--color-foreground);flex-direction:column;display:flex}.survey-frame{flex-direction:column;flex:1;width:100%;max-width:440px;margin-inline:auto;padding-inline:20px;display:flex}.survey-topbar{justify-content:space-between;align-items:center;gap:12px;padding-block:16px 8px;display:flex}.survey-mark{flex-shrink:0;width:34px;height:34px}.survey-mark--settle{animation:.32s ease-out both survey-settle}@keyframes survey-settle{0%{opacity:0;transform:translateY(-6px)rotate(-6deg)}to{opacity:1;transform:none}}.survey-lang-switch{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:500}.survey-progress{gap:4px;padding-block:8px 4px;display:flex}.survey-progress span{background:var(--color-muted);border-radius:999px;flex:1;height:3px;transition:background-color .2s}.survey-progress span[data-done=true]{background:var(--color-primary)}.survey-progress-label{color:var(--color-muted-foreground);padding-block-end:8px;font-size:.8125rem}.survey-step{text-align:start;flex-direction:column;flex:1;padding-block-start:12px;display:flex}.survey-step input,.survey-step textarea{scroll-margin-block-end:150px}.survey-step[data-dir=forward]{animation:.2s ease-out both survey-in-forward}.survey-step[data-dir=back]{animation:.2s ease-out both survey-in-back}@keyframes survey-in-forward{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes survey-in-back{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}[dir=rtl] .survey-step[data-dir=forward]{animation-name:survey-in-back}[dir=rtl] .survey-step[data-dir=back]{animation-name:survey-in-forward}.survey-question{outline:none;margin-block:4px 6px;font-size:clamp(1.625rem,7vw,1.875rem);font-weight:600;line-height:1.35}.survey-helper{color:var(--color-muted-foreground);margin-block-end:18px;font-size:1rem}.survey-options{border:none;flex-direction:column;gap:10px;min-inline-size:0;margin:0;padding:0;display:flex}.survey-option{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);width:100%;min-height:52px;color:var(--color-foreground);text-align:start;cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:1.0625rem;line-height:1.5;transition:background-color .14s,border-color .14s,transform .1s;display:flex}.survey-option:active{transform:scale(.985)}.survey-option[data-selected=true]{background:var(--color-secondary);border-color:var(--color-primary)}.survey-option-indicator{border:2px solid var(--color-muted-foreground);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;transition:border-color .14s,background-color .14s;display:grid}.survey-option[data-multi=true] .survey-option-indicator{border-radius:6px}.survey-option[data-selected=true] .survey-option-indicator{border-color:var(--color-primary);background:var(--color-primary)}.survey-option-indicator svg{width:12px;height:12px;color:var(--color-primary-foreground);opacity:0;transition:opacity .14s}.survey-option[data-selected=true] .survey-option-indicator svg{opacity:1}.survey-note{color:var(--color-muted-foreground);margin-block-start:10px;font-size:.875rem}.survey-note[data-tone=warn]{color:var(--color-destructive)}.survey-actions{padding-block:12px calc(12px + env(safe-area-inset-bottom,0px));background:var(--color-background);flex-direction:column;gap:8px;display:flex;position:sticky;inset-block-end:0}.survey-btn{border-radius:var(--radius);cursor:pointer;border:1.5px solid #0000;min-height:52px;font-size:1.0625rem;font-weight:600;transition:background-color .14s,transform .1s,opacity .14s}.survey-btn:active{transform:scale(.985)}.survey-btn:disabled{opacity:.55;cursor:default}.survey-btn--primary{background:var(--color-primary);color:var(--color-primary-foreground)}.survey-btn--ghost{color:var(--color-muted-foreground);border-color:var(--color-border);background:0 0}.survey-btn--link{color:var(--color-muted-foreground);text-underline-offset:3px;background:0 0;min-height:44px;font-weight:500;text-decoration:underline}.survey-actions-row{gap:10px;display:flex}.survey-actions-row .survey-btn--primary{flex:1}.survey-actions-row .survey-btn--ghost{padding-inline:18px}.survey-field{flex-direction:column;gap:6px;margin-block-end:16px;display:flex}.survey-field label{font-size:1rem;font-weight:500}.survey-field input[type=text],.survey-field input[type=email],.survey-field input[type=tel],.survey-field textarea{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);min-height:52px;color:var(--color-foreground);padding:12px 16px;font-family:inherit;font-size:1.0625rem}.survey-field textarea{resize:vertical;min-height:96px}.survey-field input[type=email],.survey-field input[type=tel]{text-align:start;direction:ltr}.survey-field-hint{color:var(--color-muted-foreground);font-size:.875rem}.survey-honeypot{width:1px;height:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}.survey-hero{border-radius:var(--radius-2xl);background:var(--color-secondary);margin-block:12px 20px;padding:28px 24px;position:relative;overflow:hidden}.survey-hero .survey-hero-mark{opacity:.9;pointer-events:none;width:168px;height:168px;position:absolute;inset-block-start:-46px;inset-inline-end:-46px}.survey-hero h1,.survey-hero h2{margin:0 0 10px;font-size:clamp(1.75rem,8vw,2.125rem);line-height:1.3;position:relative}.survey-hero p{max-width:34ch;margin:0;font-size:1.0625rem;line-height:1.6;position:relative}.survey-privacy-note{color:var(--color-muted-foreground);margin-block:4px 18px;font-size:.9375rem;line-height:1.6}.survey-privacy-note a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.survey-lang-buttons{flex-direction:column;gap:12px;margin-block-start:20px;display:flex}.survey-lang-buttons .survey-btn{background:var(--color-card);color:var(--color-foreground);border-color:var(--color-border);font-size:1.25rem}.survey-lang-buttons .survey-btn:active{transform:scale(.985)}.survey-concept{border-radius:var(--radius-2xl);background:var(--color-card);border:1.5px solid var(--color-border);margin-block-start:20px;padding:20px}.survey-concept p{margin:0 0 6px;font-size:1rem;line-height:1.6}.survey-checkbox{cursor:pointer;align-items:flex-start;gap:10px;margin-block:4px 12px;font-size:.9375rem;line-height:1.5;display:flex}.survey-checkbox input{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0;margin-block-start:2px}.survey-flourish{width:72px;height:72px;margin-block:8px 4px;animation:.4s ease-out both survey-flourish}@keyframes survey-flourish{0%{opacity:0;transform:scale(.6)rotate(-10deg)}60%{opacity:1;transform:scale(1.06)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.survey-error{border-radius:var(--radius);background:var(--color-card);border:1.5px solid var(--color-destructive);color:var(--color-foreground);margin-block-end:10px;padding:12px 16px;font-size:.9375rem}.survey-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.survey-step,.survey-mark--settle,.survey-flourish{animation:none!important}.survey-option,.survey-btn,.survey-option-indicator,.survey-progress span{transition:none!important}}