@import"https://fonts.googleapis.com/css2?family=Calistoga:ital@0;1&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #1c1917;--color-on-primary: #fafaf9;--color-secondary: #57534e;--color-accent: #b45309;--color-accent-hover: #92400e;--color-accent-soft: #fffbeb;--color-accent-muted: rgb(180 83 9 / .12);--color-background: #faf9f7;--color-surface: #ffffff;--color-muted: #f3f1ed;--color-border: #e8e4df;--color-border-strong: #d6d0c8;--color-destructive: #dc2626;--color-ring: #b45309;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--transition: .2s cubic-bezier(.22, 1, .36, 1);--max-width: 640px;--font-display: "Calistoga", Georgia, "Times New Roman", serif;--font: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px rgb(28 25 23 / .04);--shadow-md: 0 8px 24px rgb(28 25 23 / .06);--shadow-accent: 0 6px 20px rgb(180 83 9 / .24)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);line-height:1.5;color:var(--color-primary);background:radial-gradient(ellipse 90% 60% at 50% -10%,rgb(180 83 9 / .07),transparent 70%),var(--color-background);min-height:100dvh}#root{min-height:100dvh}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.survey-layout{min-height:100dvh;display:flex;flex-direction:column}.survey-header{display:flex;align-items:center;gap:1.25rem;padding:1.125rem 1.5rem;max-width:calc(var(--max-width) + 4rem);width:100%;margin:0 auto}.survey-header-spacer{flex:1;height:1px}.survey-main{flex:1;display:flex;flex-direction:column;width:100%;max-width:calc(var(--max-width) + 4rem);margin:0 auto;padding:0 1.5rem 2.5rem}.progress-wrap{flex:1;display:flex;align-items:center;gap:.875rem;min-width:0}.progress-bar{flex:1;height:6px;background:var(--color-border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-hover),var(--color-accent));border-radius:999px;transition:width .32s cubic-bezier(.22,1,.36,1)}.progress-label{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-secondary);min-width:3.25rem;text-align:right;letter-spacing:.02em}.screen{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 5.5rem);padding:2.5rem 0}.screen-question{align-items:flex-start;justify-content:flex-start;padding-top:.5rem}.screen-content{width:100%;max-width:var(--max-width)}.screen-eyebrow{margin:0 0 1rem;font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.screen-title{margin:0 0 1.125rem;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.875rem);font-weight:400;line-height:1.12;letter-spacing:-.01em}.screen-subtitle{margin:0 0 1.5rem;font-size:1.0625rem;color:var(--color-secondary);max-width:40ch;line-height:1.65}.screen-privacy{display:flex;gap:1rem;align-items:flex-start;margin:0 0 2.25rem;padding:1.125rem 1.25rem;font-size:.9375rem;color:var(--color-secondary);max-width:44ch;line-height:1.6;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.screen-privacy p{margin:0}.screen-privacy-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--color-accent-muted);color:var(--color-accent)}.screen-welcome .screen-content,.screen-thanks .screen-content{text-align:left}.question-block{width:100%}.screen-content--question{display:flex;flex-direction:column;gap:2.25rem}.question-block--concept .info-content{margin-bottom:1.5rem}.question-title--concept{margin-bottom:1rem}.question-title{margin:0 0 .875rem;font-family:var(--font-display);font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:400;line-height:1.18;letter-spacing:-.01em}.question-description{margin:0 0 1.75rem;font-size:1.0625rem;color:var(--color-secondary);max-width:48ch;line-height:1.6}.info-content{margin:0 0 2rem;padding:1.375rem 1.5rem;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.info-content p{margin:0;font-size:1.0625rem;line-height:1.7;color:var(--color-primary)}.choice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.choice-option{display:flex;align-items:center;gap:1rem;width:100%;min-height:54px;padding:.9375rem 1.125rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;color:var(--color-primary);box-shadow:var(--shadow-sm);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition)}.choice-option:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.choice-option:active{transform:scale(.995)}.choice-option--selected{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-sm)}.choice-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;background:var(--color-muted);font-size:.8125rem;font-weight:600;color:var(--color-secondary);transition:background var(--transition),color var(--transition)}.choice-option--selected .choice-badge{background:var(--color-accent);color:var(--color-on-primary)}.choice-badge svg{width:16px;height:16px}.choice-label{font-size:1rem;line-height:1.45}.choice-hint{margin:1.125rem 0 0;font-size:.8125rem;color:var(--color-secondary)}.choice-multi-hint{display:inline-flex;align-items:center;margin:0 0 1rem;padding:.35rem .65rem;font-size:.8125rem;font-weight:500;color:var(--color-accent);background:var(--color-accent-muted);border-radius:999px}.text-input{width:100%;padding:.9375rem 1.125rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:1.0625rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.text-input:hover{border-color:var(--color-border-strong)}.text-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted),var(--shadow-sm)}.text-input--area{resize:vertical;min-height:132px;line-height:1.6}.text-hint{margin:.75rem 0 0;font-size:.8125rem;color:var(--color-secondary)}.question-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.question-nav-spacer{min-width:0}.btn-nav{display:inline-flex;align-items:center;gap:.375rem;min-height:48px;padding:.75rem 1.125rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.btn-nav:active:not(:disabled){transform:scale(.98)}.btn-nav-back{justify-self:start;background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-nav-back:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-muted)}.btn-nav-forward{justify-self:end;background:var(--color-accent);color:var(--color-on-primary);border:1px solid var(--color-accent);box-shadow:var(--shadow-accent)}.btn-nav-forward:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-nav-forward:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.btn-skip{justify-self:center;min-height:44px;padding:.5rem .75rem;border:none;background:transparent;color:var(--color-secondary);font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.btn-skip:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;font-size:.9375rem;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition),opacity var(--transition)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--color-accent);color:var(--color-on-primary);box-shadow:var(--shadow-accent)}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn-lg{min-height:54px;padding:.875rem 1.875rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md)}.btn-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;padding:.125rem .375rem;border-radius:4px;background:#fff3;font-size:.75rem;font-weight:600}.btn-dev-reset{margin-top:2rem;font-size:.8125rem;color:var(--color-secondary);background:transparent;border:1px dashed var(--color-border)}.btn-dev-reset:hover{color:var(--color-primary);border-color:var(--color-border-strong)}.thanks-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1.75rem;border-radius:50%;background:var(--color-accent-muted);color:var(--color-accent);border:1px solid rgb(180 83 9 / .2)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:100dvh;color:var(--color-secondary);font-size:.9375rem}.loading-spinner{width:28px;height:28px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{text-align:center;padding:3rem 1.5rem;max-width:var(--max-width);margin:0 auto}.error-screen h2{margin:0 0 .5rem;font-family:var(--font-display);font-weight:400;color:var(--color-destructive)}.error-screen p{margin:0 0 1.5rem;color:var(--color-secondary)}.survey-error{margin:0 auto 1rem;max-width:var(--max-width);padding:.75rem 1rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-destructive) 12%,transparent);color:var(--color-destructive);font-size:.9rem;text-align:center}.save-indicator,.save-error{display:none}@media(max-width:375px){.survey-header{padding:.875rem 1.125rem;gap:.875rem}.survey-main{padding:0 1.125rem 2rem}.choice-option{padding:.8125rem 1rem;gap:.75rem}.question-nav{grid-template-columns:1fr;gap:.625rem}.btn-nav-back,.btn-nav-forward{width:100%;justify-self:stretch}.btn-skip{order:-1}}