@layer components{.field-input{border:1.5px solid var(--color-sand-300);color:var(--color-ink);background:#fff;border-radius:8px;transition:border-color .15s,box-shadow .15s}.field-input::placeholder{color:var(--color-sand-400)}.field-input:focus,.field-input:focus-visible{border-color:var(--color-coral-500);box-shadow:0 0 0 3px var(--color-coral-100);outline:none}.field-input[aria-invalid=true]{border-color:var(--color-coral-700)}.field-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--color-coral-100)}.bubble{position:relative}.bubble>.field-input{border-radius:18px 18px 18px 4px}.bubble:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-top:10px solid var(--color-sand-300);pointer-events:none;width:0;height:0;position:absolute;bottom:-9px;left:18px}.bubble:focus-within:after{border-top-color:var(--color-coral-500)}.bubble-mark{font-family:var(--font-serif);color:var(--color-coral-200);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:56px;line-height:1;position:absolute;top:2px;left:12px}.segmented{background:var(--color-sand-100);border:1px solid var(--color-sand-200);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented-item{min-height:40px;color:var(--color-ink);white-space:normal;text-align:center;background:0 0;border-radius:7px;flex:auto;padding:6px 12px;font-size:13px;font-weight:500;line-height:1.25;transition:background-color .15s,color .15s,box-shadow .15s}.segmented-item:hover{background:#fff!important}.segmented-item:focus-visible{box-shadow:0 0 0 3px var(--color-coral-100);outline:none}.segmented-item[data-state=on]{box-shadow:0 1px 6px #ff6b6b59;background:var(--color-coral-500)!important;color:#fff!important}.segmented-item[data-state=on]:hover{background:var(--color-coral-600)!important}.emoji-option{aspect-ratio:1;border:1.5px solid var(--color-sand-200);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;font-size:26px;line-height:1;transition:transform .12s,border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex}.emoji-option:hover{border-color:var(--color-coral-400);transform:translateY(-1px)}.emoji-option:focus-visible{box-shadow:0 0 0 3px var(--color-coral-100);border-color:var(--color-coral-500);outline:none}.emoji-option[aria-pressed=true]{background:var(--color-coral-100);border-color:var(--color-coral-500);box-shadow:0 0 0 3px var(--color-coral-500)}.mindset-slider [data-slot=slider-track]{background:var(--color-sand-200)!important;height:6px!important}.mindset-slider [data-slot=slider-range]{background:var(--color-coral-500)}.mindset-slider [data-slot=slider-thumb]{box-shadow:0 1px 4px #3c3b344d;background:var(--color-coral-500)!important;border:3px solid #fff!important;width:22px!important;height:22px!important}.mindset-slider [data-slot=slider-thumb]:focus-visible{box-shadow:0 0 0 3px var(--color-coral-100), 0 1px 4px #3c3b344d}.wizard-nav{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.step-enter{animation:.25s ease-out both step-enter}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti>i{opacity:0;width:9px;height:14px;animation:2.8s ease-in forwards confetti-fall;animation-delay:var(--d,0s);top:-12px;left:var(--x,50%);background:var(--c,var(--color-coral-500));border-radius:2px;position:absolute}.confetti>i:nth-child(3n){border-radius:50%;width:10px;height:10px}.confetti>i:nth-child(4n){width:6px;height:16px}.sparkle{animation:1.6s ease-in-out infinite sparkle;display:inline-block}.sparkle:nth-child(2){animation-delay:.3s}.sparkle:nth-child(3){animation-delay:.6s}.pop-in{animation:.5s cubic-bezier(.2,.9,.3,1.2) both pop-in}}@media (width<=767px){html{scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@keyframes step-enter{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:1}to{opacity:0;transform:translate3d(var(--sway,20px), 560px, 0) rotate(720deg)}}@keyframes sparkle{0%,to{opacity:.6;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}@keyframes pop-in{0%{transform:scale(.94)translateY(10px)}to{transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.confetti>i,.sparkle,.pop-in,.step-enter{opacity:1;animation:none}}
