@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Inter:wght@300;400;500;600;700&display=swap";:root{--void: #161d37;--void-container: #2b324d;--ochre: #7d5801;--ochre-warm: #C89C2A;--paper: #fcf9f2;--parchment: #f6f3ec;--floating: #ffffff;--ink: #1e1e1e;--ink-on-void: #ffffff;--muted: rgba(30, 30, 30, .55);--success: #2D8A56;--error: #C0392B;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-micro: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 2.75rem;--text-display: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--shadow-card: 0 0 32px rgba(28, 28, 24, .04), 0 2px 8px rgba(28, 28, 24, .04);--shadow-lift: 0 0 48px rgba(28, 28, 24, .04), 0 8px 24px rgba(28, 28, 24, .06);--shadow-dramatic: 0 0 64px rgba(28, 28, 24, .06), 0 16px 40px rgba(28, 28, 24, .08);--radius-sharp: .125rem;--radius-field: 0;--radius-card: .75rem;--radius-pill: 999px;--ghost-border: rgba(22, 29, 55, .15);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-medium: .25s;--duration-slow: .4s;--duration-emphasis: .7s;--app-max-width: 480px;--app-bg: var(--paper);--card-bg: var(--floating);--card-padding: var(--space-8);--card-radius: var(--radius-card);--card-shadow: var(--shadow-card)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--ink);background-color:var(--paper);overflow-x:hidden;min-height:100dvh}::selection{background:var(--void);color:var(--ink-on-void)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--void);letter-spacing:-.02em}h1{font-size:var(--text-display)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{line-height:1.7;color:var(--ink);margin-bottom:1.25em}p:last-child{margin-bottom:0}a{color:var(--void);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--ochre)}.label{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.label--gold{color:var(--ochre)}.app{width:100%;max-width:var(--app-max-width);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);position:relative}.card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);position:relative}.card--inset{background:var(--parchment);box-shadow:none;border-radius:var(--radius-card);padding:var(--space-6)}.step-indicator{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.step-indicator__label{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ochre);white-space:nowrap}.step-indicator__bar{flex:1;height:2px;background:#161d3714;border-radius:var(--radius-pill);overflow:hidden}.step-indicator__fill{height:100%;background:var(--void);border-radius:var(--radius-pill);transition:width var(--duration-medium) var(--ease-smooth)}.question-card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--space-8) var(--space-8) var(--space-6);box-shadow:var(--card-shadow);animation:fadeInUp var(--duration-slow) var(--ease-out) both}.question-card__question{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--void);line-height:1.3;margin-bottom:var(--space-6);letter-spacing:-.02em}.question-card__hint{font-size:var(--text-xs);color:var(--muted);font-weight:500;letter-spacing:.02em;margin-top:calc(-1 * var(--space-3));margin-bottom:var(--space-6)}.options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:.875em 1em;border:1px solid transparent;border-radius:var(--radius-card);background:var(--parchment);color:var(--ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;line-height:1.5;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.option:hover{background:var(--floating);box-shadow:var(--shadow-lift);color:var(--void)}.option--selected{background:var(--void);color:var(--ink-on-void);border-color:transparent;box-shadow:var(--shadow-lift)}.option__letter{width:22px;height:22px;min-width:22px;border-radius:var(--radius-sharp);background:#161d3714;color:var(--muted);font-size:var(--text-micro);font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.option--selected .option__letter{background:#ffffff26;color:var(--ink-on-void)}.freetext-toggle{display:inline-flex;align-items:center;gap:.35em;font-size:var(--text-xs);color:var(--muted);font-weight:500;background:none;border:none;cursor:pointer;padding:var(--space-2) 0;transition:color var(--duration-fast) var(--ease-out)}.freetext-toggle:hover{color:var(--ochre)}.freetext-area{width:100%;margin-top:var(--space-2);padding:.6em 0;border:none;border-bottom:1px solid rgba(22,29,55,.4);border-radius:0;background:transparent;color:var(--void);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;resize:none;min-height:64px;transition:border-color var(--duration-fast) var(--ease-out)}.freetext-area:focus{outline:none;border-bottom:2px solid var(--void)}.freetext-area::placeholder{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;border:none;cursor:pointer;transition:all var(--duration-medium) var(--ease-spring);text-decoration:none;white-space:nowrap}.btn--full{width:100%}.btn--primary{background:var(--void);color:var(--ink-on-void);padding:.9em 2em;border-radius:var(--radius-sharp)}.btn--primary:hover{background:var(--void-container);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0);box-shadow:none}.btn--primary:disabled{background:#161d3740;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.btn--secondary{background:linear-gradient(135deg,var(--ochre),#a07010);color:var(--ink-on-void);padding:.9em 2em;border-radius:var(--radius-sharp)}.btn--secondary:hover{background:linear-gradient(135deg,#9a6d02,var(--ochre));box-shadow:var(--shadow-lift);transform:translateY(-2px)}.btn--tertiary{background:transparent;color:var(--ochre);padding:.4em 0;position:relative;border-radius:0}.btn--tertiary:after{content:"";position:absolute;bottom:0;left:0;width:30%;height:1px;background:var(--ochre);transition:width var(--duration-medium) var(--ease-spring)}.btn--tertiary:hover{color:var(--ochre)}.btn--tertiary:hover:after{width:100%}.btn-back{display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;padding:var(--space-2) 0;transition:color var(--duration-fast) var(--ease-out)}.btn-back:hover{color:var(--void)}.input-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.input-label{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.input-field{width:100%;padding:.65em 0;border:none;border-bottom:1px solid rgba(22,29,55,.4);border-radius:0;background:transparent;color:var(--void);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out)}.input-field:focus{outline:none;border-bottom:2px solid var(--void)}.input-field::placeholder{color:var(--muted)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:var(--space-8);padding:var(--space-12);text-align:center;animation:fadeIn var(--duration-slow) var(--ease-out) both}.loading-screen__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--void);letter-spacing:-.02em;margin-bottom:var(--space-2)}.loading-screen__subtitle{font-size:var(--text-sm);color:var(--muted);margin:0}.loading-dots{display:flex;gap:var(--space-3)}.loading-dots__dot{width:8px;height:8px;border-radius:50%;background:var(--void);animation:loadingBounce 1.2s var(--ease-smooth) infinite}.loading-dots__dot:nth-child(1){animation-delay:0s}.loading-dots__dot:nth-child(2){animation-delay:.2s}.loading-dots__dot:nth-child(3){animation-delay:.4s}@keyframes loadingBounce{0%,80%,to{transform:scale(.65);opacity:.3}40%{transform:scale(1.2);opacity:1}}.loading-screen__quote{font-family:var(--font-body);font-style:italic;font-size:var(--text-base);color:var(--muted);max-width:300px;line-height:1.7}.results-screen{padding:var(--space-6) var(--space-6) var(--space-12);animation:fadeInUp var(--duration-emphasis) var(--ease-out) both}.results-header{background:var(--void);border-radius:var(--radius-card);padding:var(--space-8) var(--space-8) var(--space-6);margin-bottom:var(--space-6);color:var(--ink-on-void)}.results-header__eyebrow{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ochre-warm);margin-bottom:var(--space-3)}.results-header__purpose{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--ink-on-void);line-height:1.3;letter-spacing:-.02em}.directions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.direction-card{background:var(--floating);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-medium) var(--ease-spring),transform var(--duration-medium) var(--ease-spring);animation:fadeInUp var(--duration-slow) var(--ease-out) both}.direction-card:nth-child(1){animation-delay:.1s}.direction-card:nth-child(2){animation-delay:.2s}.direction-card:nth-child(3){animation-delay:.3s}.direction-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.direction-card__number{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ochre);margin-bottom:var(--space-1)}.direction-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--void);margin-bottom:var(--space-3);letter-spacing:-.02em}.direction-card__why{font-size:var(--text-sm);color:var(--ink);line-height:1.7;margin-bottom:var(--space-3)}.direction-card__who{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--muted);display:flex;align-items:flex-start;gap:.4em}.direction-card__who:before{content:"→";color:var(--ochre);flex-shrink:0}.quote-block{background:var(--parchment);border-radius:var(--radius-card);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-8)}.quote-block__text{font-family:var(--font-body);font-style:italic;font-size:var(--text-base);color:var(--ink);line-height:1.75;margin-bottom:var(--space-3)}.quote-block__attribution{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ochre)}.results-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.share-card-canvas{position:fixed;top:-9999px;left:-9999px;width:1080px;height:1920px;background:var(--void);display:flex;flex-direction:column;align-items:flex-start;padding:96px 80px;font-family:var(--font-display)}.share-card-canvas__brand{font-family:var(--font-body);font-size:20px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ochre-warm);margin-bottom:64px}.share-card-canvas__eyebrow{font-family:var(--font-body);font-size:18px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ochre-warm);margin-bottom:24px;opacity:.8}.share-card-canvas__purpose{font-family:var(--font-display);font-size:68px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.02em;margin-bottom:72px}.share-card-canvas__direction{width:100%;background:#ffffff0f;border-radius:12px;padding:40px 48px;margin-bottom:24px}.share-card-canvas__direction-label{font-family:var(--font-body);font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ochre-warm);margin-bottom:12px}.share-card-canvas__direction-title{font-family:var(--font-display);font-size:38px;font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:16px}.share-card-canvas__direction-why{font-family:var(--font-body);font-size:26px;color:#ffffffa6;line-height:1.55}.share-card-canvas__quote{font-family:var(--font-body);font-style:italic;font-size:28px;color:#ffffff80;line-height:1.65;margin-top:64px}.share-card-canvas__footer{font-family:var(--font-body);font-size:20px;font-weight:500;letter-spacing:.04em;color:#ffffff59;margin-top:48px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#161d378c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn var(--duration-medium) var(--ease-out) both;padding:0}.modal{width:100%;max-width:var(--app-max-width);background:var(--floating);border-radius:.75rem .75rem 0 0;padding:var(--space-8) var(--space-8) calc(var(--space-8) + env(safe-area-inset-bottom));box-shadow:0 -24px 64px #1c1c181f;animation:slideUp var(--duration-medium) var(--ease-spring) both}.modal__handle{width:40px;height:3px;background:#161d371f;border-radius:var(--radius-pill);margin:0 auto var(--space-8)}.modal__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--void);letter-spacing:-.02em;margin-bottom:var(--space-2)}.modal__body{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-8);line-height:1.6}.modal__skip{display:block;width:100%;text-align:center;font-size:var(--text-xs);color:var(--muted);cursor:pointer;background:none;border:none;padding:var(--space-6) 0 0;transition:color var(--duration-fast) var(--ease-out)}.modal__skip:hover{color:var(--void)}.intro-screen{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:var(--space-12) var(--space-8);background:var(--paper)}.intro-screen__logo{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-20)}.intro-screen__badge{display:inline-flex;align-items:center;gap:.5em;background:var(--void);color:var(--ochre-warm);padding:.4em 1em;border-radius:var(--radius-sharp);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-6);align-self:flex-start}.intro-screen__title{font-family:var(--font-display);font-size:var(--text-display);font-weight:800;color:var(--void);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-6)}.intro-screen__subtitle{font-size:var(--text-base);color:var(--muted);line-height:1.75;max-width:320px;margin-bottom:var(--space-12)}.intro-screen__meta{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-3)}.crosslink{background:var(--parchment);border-radius:var(--radius-card);padding:var(--space-8);margin-bottom:var(--space-8)}.crosslink__eyebrow{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-2)}.crosslink__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--void);letter-spacing:-.02em;margin-bottom:var(--space-2)}.crosslink__desc{font-size:var(--text-sm);color:var(--muted);line-height:1.65;margin-bottom:var(--space-6)}.text-void{color:var(--void)}.text-muted{color:var(--muted)}.text-ochre{color:var(--ochre)}.text-center{text-align:center}.mt-2{margin-top:var(--space-2)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-2{margin-bottom:var(--space-2)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 640px){:root{--app-max-width: 580px;--card-padding: var(--space-12)}}@media (min-width: 768px){:root{--app-max-width: 680px}.landing-screen{padding:var(--space-16) var(--space-12) var(--space-16)}.landing-headline{font-size:var(--text-4xl)!important}.question-card{padding:var(--space-12) var(--space-12) var(--space-8)}.question-card__question{font-size:var(--text-3xl)!important}.results-screen{padding:var(--space-8) var(--space-8) var(--space-20)}.results-header{padding:var(--space-12) var(--space-12) var(--space-8)}.results-header__purpose{font-size:var(--text-3xl)!important}.loading-screen{padding:var(--space-20) var(--space-12)}}@media (min-width: 1024px){:root{--app-max-width: 800px}body{background-color:var(--parchment);display:flex;align-items:flex-start;justify-content:center}.app{min-height:100dvh;background:var(--paper);box-shadow:var(--shadow-dramatic)}.landing-screen{padding:var(--space-20) var(--space-16) var(--space-16);min-height:unset}.landing-headline{font-size:var(--text-display)!important}.results-screen{padding:var(--space-12) var(--space-12) var(--space-20)}.direction-card{display:flex;flex-direction:column}.direction-card__why{flex:1}.results-header{padding:var(--space-12) var(--space-16) var(--space-12)}.results-header__purpose{font-size:var(--text-4xl)!important;line-height:1.15}.quote-block__text{font-size:var(--text-lg)!important}.modal-overlay{align-items:center}.modal{max-width:520px;border-radius:var(--radius-card);margin-bottom:0}.question-card{padding:var(--space-12) var(--space-16) var(--space-8)}.question-card__question{font-size:var(--text-4xl)!important}}.results-header{background:var(--void);position:relative;overflow:hidden}.results-header:before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:#c89c2a0f;pointer-events:none}.direction-card{background:var(--floating);border-top:2px solid transparent;border-image:none;position:relative}.direction-card:before{content:"";position:absolute;top:0;left:var(--space-6);right:var(--space-6);height:2px;background:linear-gradient(90deg,var(--ochre) 0%,transparent 100%);border-radius:0 0 var(--radius-sharp) var(--radius-sharp)}.quote-block{border-left:3px solid var(--ochre);background:var(--parchment);border-radius:0 var(--radius-card) var(--radius-card) 0;padding-left:var(--space-8)}