@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #14110f;--color-bg-2: #1b1712;--color-surface: #211b15;--color-surface-hover: #2a231b;--color-primary: #f4efe6;--color-on-primary: #14110f;--color-secondary: #a89f92;--color-dim: #8b8174;--color-accent: #e3b23c;--color-accent-hover: #f0c987;--color-accent-soft: rgb(227 178 60 / .12);--color-accent-muted: rgb(227 178 60 / .16);--color-on-accent: #1a1308;--color-background: var(--color-bg);--color-muted: rgb(244 239 230 / .06);--color-border: rgb(244 239 230 / .12);--color-border-strong: rgb(244 239 230 / .26);--color-destructive: #f0736b;--color-ring: #e3b23c;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: .2s cubic-bezier(.22, 1, .36, 1);--max-width: 640px;--font: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--shadow-sm: 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 12px 34px rgb(0 0 0 / .35);--shadow-accent: 0 8px 26px rgb(227 178 60 / .22)}*,*: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:var(--color-bg);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}::selection{background:var(--color-accent-muted)}@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}.starsky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1100px 720px at 22% -8%,rgb(227 178 60 / .1),transparent 60%),radial-gradient(900px 700px at 92% 8%,rgb(120 90 40 / .1),transparent 62%),linear-gradient(180deg,#1c1712,#14110f 46%,#100c0a)}.starsky-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 40% at 50% 108%,rgb(227 178 60 / .08),transparent 70%)}.starsky-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.starsky-star{fill:#f4efe6d9;transition:opacity .6s cubic-bezier(.22,1,.36,1),fill .6s}.starsky-star--lit{fill:var(--color-accent)}.survey-layout{position:relative;min-height:100dvh;overflow-x:hidden}.survey-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#0a0807a8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.survey-shell{position:relative;z-index:2;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}.btn-cancel{flex-shrink:0;padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-secondary);background:transparent;border:none;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.btn-cancel:hover{color:var(--color-destructive);background:#f0736b1a}.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:3px;background:#f4efe61a;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,rgb(227 178 60 / .6),var(--color-accent));border-radius:999px;box-shadow:0 0 12px #e3b23c80;transition:width .42s 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:.04em}.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:.22em;text-transform:uppercase;color:var(--color-accent)}.screen-title{margin:0 0 1.125rem;font-family:var(--font-display);font-size:clamp(2.1rem,5.4vw,3rem);font-weight:500;line-height:1.08;letter-spacing:-.01em;color:var(--color-primary)}.screen-subtitle{margin:0 0 1.75rem;font-size:1.0625rem;color:var(--color-secondary);max-width:42ch;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:46ch;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}.welcome-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.25rem}.question-block{width:100%}.screen-content--question{display:flex;flex-direction:column;gap:2.25rem}.question-aside{margin:0 0 -1.25rem;font-family:var(--font-display);font-style:italic;font-size:1.0625rem;color:var(--color-accent);opacity:.9}.question-block--concept .info-content{margin-bottom:1.5rem}.question-title{margin:0 0 .875rem;font-family:var(--font-display);font-size:clamp(1.65rem,4vw,2.6rem);font-weight:500;line-height:1.16;letter-spacing:-.01em;color:var(--color-primary)}.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);border-left:2px solid var(--color-accent);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);background:var(--color-surface-hover)}.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),0 0 20px #e3b23c24}.choice-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:7px;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-accent)}.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-dim)}.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),background var(--transition)}.text-input::placeholder{color:var(--color-dim)}.text-input:hover{border-color:var(--color-border-strong)}.text-input:focus{border-color:var(--color-accent);background:var(--color-surface-hover);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-dim)}.text-input--invalid,.text-input--invalid:focus{border-color:var(--color-destructive);box-shadow:0 0 0 3px #f0736b24}.text-hint--invalid{color:var(--color-destructive)}.number-input-wrap{position:relative;display:flex;align-items:center}.text-input--number{max-width:240px;padding-right:3rem;font-variant-numeric:tabular-nums}.number-unit{margin-left:-2.25rem;font-size:1.0625rem;font-weight:500;color:var(--color-secondary);pointer-events:none}.scale-wrap{display:flex;flex-direction:column;gap:.625rem}.scale-options{display:flex;gap:.5rem}.scale-option{flex:1;min-height:54px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);font-size:1.125rem;font-weight:600;box-shadow:var(--shadow-sm);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition)}.scale-option:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.scale-option:active{transform:scale(.97)}.scale-option--selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-hover);box-shadow:0 0 0 1px var(--color-accent),0 0 20px #e3b23c24}.scale-labels{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--color-dim)}.thanks-share{margin-top:2.25rem;display:flex;flex-direction:column;align-items:center;gap:.875rem;text-align:center}.thanks-share-prompt{margin:0;font-size:.9375rem;color:var(--color-secondary);max-width:34ch}.hero-reveal{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-reveal-eyebrow{margin-bottom:1.5rem}.hero-card{position:relative;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:2.5rem 1.75rem 2.25rem;border-radius:var(--radius-lg);border:1px solid rgb(227 178 60 / .32);background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--hero-accent, #e3b23c) 16%,transparent),transparent 60%),linear-gradient(180deg,#241d15,#191410);box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0d}.hero-card-wordmark{font-family:var(--font-display);font-style:italic;font-size:.8125rem;letter-spacing:.32em;text-transform:uppercase;color:var(--hero-accent, var(--color-accent));opacity:.85;margin-bottom:.5rem}.hero-card-emblem{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;color:var(--hero-accent, var(--color-accent));filter:drop-shadow(0 6px 20px rgb(227 178 60 / .28))}.hero-card-emblem svg{width:120px;height:120px}.hero-card-rang{margin-top:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.28em;color:var(--color-secondary)}.hero-card-name{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.4rem);font-weight:600;line-height:1.05;color:var(--color-primary)}.hero-card-tagline{margin:.4rem 0 0;font-family:var(--font-display);font-style:italic;font-size:1.0625rem;line-height:1.4;color:var(--hero-accent, var(--color-accent));opacity:.92;max-width:26ch}.hero-actions{margin-top:1.75rem;display:flex;justify-content:center}.question-nav{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.question-nav-start{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-self:start}.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:transparent;color:var(--color-secondary);border:1px solid var(--color-border)}.btn-nav-back:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-muted);color:var(--color-primary)}.btn-nav-forward{justify-self:end;background:var(--color-accent);color:var(--color-on-accent);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:.4;cursor:not-allowed;box-shadow:none}.btn-skip{justify-self:center;min-height:44px;padding:.5rem .75rem;border:none;background:transparent;color:var(--color-dim);font-size:.875rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer;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-accent);box-shadow:var(--shadow-accent)}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn-ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-border-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--color-accent);color: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:#0003;font-size:.75rem;font-weight:600}.btn-dev-reset{margin-top:2rem;font-size:.8125rem;color:var(--color-dim);background:transparent;border:1px dashed var(--color-border)}.btn-dev-reset:hover{color:var(--color-primary);border-color:var(--color-border-strong)}.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;background:var(--color-bg)}.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;color:var(--color-primary)}.error-screen h2{margin:0 0 .5rem;font-family:var(--font-display);font-weight:600;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:#f0736b24;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}.question-nav-start{width:100%}.btn-nav-back,.btn-nav-forward{width:100%;justify-self:stretch}.btn-skip{order:-1}.hero-card{max-width:100%}}