@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500;1,600&family=Syne:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#16120a;--surface:#1f1a0f;--surface-2:#2a2416;--text:#f5f0e4;--text-muted:#a89e8a;--text-dim:#5a5245;--accent:#d4a030;--accent-hi:#f0c050;--accent-dim:#d4a03021;--accent-ring:#d4a0304d;--border:#2e2718;--border-hi:#3d3422;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Syne", system-ui, sans-serif;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0;overflow-x:hidden}#root{border:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes chipIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,80%,to{opacity:.35;transform:scale(.75)}40%{opacity:1;transform:scale(1.1)}}@keyframes checkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes logoReveal{0%{opacity:0;transform:translateY(-10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.welcome-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.welcome-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4a0301a 0%,#0000 60%);width:800px;height:800px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.welcome-screen:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4a0300d 0%,#0000 65%);width:500px;height:500px;position:absolute;bottom:-20%;right:-10%}.brand-logo{object-fit:cover;width:64px;height:64px;box-shadow:0 0 0 1px var(--border-hi), 0 8px 32px #d4a0302e;border-radius:14px;margin-bottom:28px;animation:.65s cubic-bezier(.4,0,.2,1) both logoReveal}.welcome-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:36px;font-size:10px;font-weight:700;animation:.6s .1s both fadeIn}.welcome-headline{font-family:var(--serif);letter-spacing:-.015em;color:var(--text);text-align:center;max-width:700px;margin-bottom:22px;font-size:clamp(40px,6.5vw,76px);font-style:italic;font-weight:500;line-height:1.06;animation:.7s cubic-bezier(.4,0,.2,1) .18s both fadeUp}.welcome-sub{color:var(--text-muted);text-align:center;max-width:400px;margin-bottom:20px;font-size:14px;font-weight:400;line-height:1.75;animation:.7s cubic-bezier(.4,0,.2,1) .26s both fadeUp}.welcome-pills{gap:6px;margin-bottom:28px;animation:.7s cubic-bezier(.4,0,.2,1) .32s both fadeUp;display:flex}.welcome-fields{flex-direction:column;gap:10px;width:100%;max-width:320px;margin-bottom:28px;animation:.7s cubic-bezier(.4,0,.2,1) .38s both fadeUp;display:flex}.welcome-input{background:var(--surface);border:1px solid var(--border-hi);width:100%;color:var(--text);font-family:var(--sans);border-radius:4px;outline:none;padding:13px 15px;font-size:13px;transition:border-color .18s,box-shadow .18s}.welcome-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.welcome-input::placeholder{color:var(--text-dim)}.welcome-pill{letter-spacing:.06em;color:var(--text-muted);background:var(--surface);border:1px solid var(--border-hi);border-radius:100px;padding:5px 12px;font-size:11px;font-weight:500}.welcome-btn{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#12100a;background:linear-gradient(135deg, var(--accent-hi), var(--accent));cursor:pointer;border:none;border-radius:4px;padding:15px 52px;font-size:11px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;animation:.7s cubic-bezier(.4,0,.2,1) .42s both fadeUp}.welcome-btn:hover{background:linear-gradient(135deg, #ffd96a, var(--accent-hi));transform:translateY(-2px);box-shadow:0 10px 36px #d4a03052}.welcome-btn:active{transform:translateY(0)}.welcome-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.wizard-wrap{flex-direction:column;width:100%;max-width:640px;min-height:100svh;margin:0 auto;padding:0 28px 80px;display:flex}.progress-rail{background:var(--border);z-index:100;height:2px;position:fixed;top:0;left:0;right:0}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hi));height:100%;transition:width .65s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #f0c05080}.wizard-header{justify-content:flex-end;align-items:center;min-height:48px;padding-top:28px;display:flex}.q-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700;animation:.4s both fadeIn}.history{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-top:24px;padding-bottom:20px;display:flex}.history-row{grid-template-columns:1fr auto 1fr;align-items:baseline;gap:10px;animation:.35s both fadeIn;display:grid}.h-question{font-family:var(--serif);color:var(--text-dim);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-style:italic;overflow:hidden}.h-arrow{color:var(--text-dim);flex-shrink:0;font-size:10px}.h-answer{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.question-stage{flex:0;align-items:flex-start;min-height:140px;padding:48px 0 32px;display:flex}.question-text{font-family:var(--serif);letter-spacing:-.01em;color:var(--text);font-size:clamp(26px,4vw,42px);font-style:italic;font-weight:500;line-height:1.22;animation:.45s cubic-bezier(.4,0,.2,1) both fadeUp}.question-stream{font-family:var(--serif);letter-spacing:-.01em;color:var(--text-muted);font-size:clamp(26px,4vw,42px);font-style:italic;font-weight:500;line-height:1.22}.typing-dots{align-items:center;gap:7px;padding:8px 0;display:flex}.typing-dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.35s ease-in-out infinite both pulse}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}.options-wrap{flex-direction:column;gap:12px;display:flex}.options-grid{flex-wrap:wrap;gap:7px;display:flex}.chip{font-family:var(--sans);color:var(--text-muted);border:1px solid var(--border-hi);cursor:pointer;opacity:0;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:500;transition:border-color .16s,color .16s,background .16s,box-shadow .16s;animation:.38s cubic-bezier(.4,0,.2,1) both chipIn;display:flex}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-dim)}.chip.sel{border-color:var(--accent);color:var(--accent-hi);background:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-dim)}.chip:disabled{opacity:.35;cursor:not-allowed}.chip-tick{color:var(--accent);font-size:10px;font-weight:700;animation:.2s cubic-bezier(.34,1.56,.64,1) both checkPop}.other-input{background:var(--surface);border:1px solid var(--border-hi);width:100%;color:var(--text);font-family:var(--sans);resize:none;border-radius:4px;outline:none;padding:13px 15px;font-size:13.5px;line-height:1.5;transition:border-color .18s,box-shadow .18s;animation:.25s both fadeIn}.other-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.other-input::placeholder{color:var(--text-dim)}.continue-btn{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#12100a;background:linear-gradient(135deg, var(--accent-hi), var(--accent));cursor:pointer;border:none;border-radius:4px;align-self:flex-start;padding:13px 36px;font-size:10.5px;font-weight:700;transition:background .18s,transform .14s,box-shadow .18s;animation:.3s cubic-bezier(.4,0,.2,1) both slideUp}.continue-btn:hover:not(:disabled){background:linear-gradient(135deg, #ffd96a, var(--accent-hi));transform:translateY(-1px);box-shadow:0 8px 28px #d4a0304d}.continue-btn:disabled{opacity:.5;cursor:not-allowed}.completion-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.completion-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4a03017 0%,#0000 60%);width:700px;height:700px;position:absolute;bottom:-15%;left:50%;transform:translate(-50%)}.completion-logo{object-fit:cover;width:56px;height:56px;box-shadow:0 0 0 1px var(--border-hi), 0 8px 32px #d4a0302e;border-radius:12px;margin-bottom:28px;animation:.55s cubic-bezier(.4,0,.2,1) both logoReveal}.completion-ring{border:1.5px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:30px;animation:.5s .1s both fadeIn;display:flex;box-shadow:0 0 24px #d4a03033}.completion-check{color:var(--accent-hi);font-size:18px;line-height:1}.completion-title{font-family:var(--serif);color:var(--text);margin-bottom:14px;font-size:clamp(34px,5vw,58px);font-style:italic;font-weight:500;animation:.55s cubic-bezier(.4,0,.2,1) .15s both fadeUp}.completion-body{color:var(--text-muted);max-width:360px;font-size:14px;font-weight:400;line-height:1.75;animation:.55s cubic-bezier(.4,0,.2,1) .25s both fadeUp}
