.funnel-root{--color-bg:#f4efe7;--color-surface:#fff;--color-surface-2:#ede6da;--color-surface-3:#fbf7f0;--color-ink:#1c1714;--color-ink-2:#4e453d;--color-ink-3:#8b8073;--color-ink-4:#b4a899;--color-ink-5:#d6c9b5;--color-line:#e6decf;--color-line-2:#efe8db;--color-line-strong:#d6c9b5;--color-accent-soft:#f1e7e3;--radius-sm:10px;--radius:14px;--radius-lg:18px;--shadow-sm:0 1px 2px #3c28190d,0 2px 6px #3c28190d;--shadow-md:0 8px 22px -8px #32201424,0 2px 8px #3220140f;--shadow-lg:0 30px 60px -22px #281a104d,0 10px 24px -12px #281a101f;--paper:#f4efe7;--paper-2:#ede6da;--surface:#fff;--surface-warm:#fbf7f0;--ink:#1c1714;--ink-2:#4e453d;--ink-3:#8b8073;--ink-4:#b4a899;--line:#e6decf;--line-2:#efe8db;--line-strong:#d6c9b5;--clay:var(--accent,#8f4332);--clay-deep:#6e3122;--clay-ink:#4d2017;--clay-soft:#f1e7e3;--clay-wash:#8f433212;--emerald:#1f4d3a;--success:#15a268;--success-soft:#e6f2ea;--gold:#c2a15c;--danger:#c0392b;--r-sm:10px;--r:14px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--sh-xs:0 1px 2px #3c28190d;--sh-sm:0 1px 2px #3c28190d,0 2px 6px #3c28190d;--sh-md:0 8px 22px -8px #32201424,0 2px 8px #3220140f;--sh-lg:0 30px 60px -22px #281a104d,0 10px 24px -12px #281a101f;--sh-clay:0 14px 30px -12px #8f433273;--sans:var(--font-manrope),"Manrope",-apple-system,system-ui,sans-serif;--serif:var(--font-newsreader),"Newsreader",Georgia,"Times New Roman",serif;--mono:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-soft:cubic-bezier(.4,0,.2,1);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.funnel-root *,.funnel-root :before,.funnel-root :after{box-sizing:border-box}.funnel-root ::selection{background:var(--clay);color:#fff}.funnel-root .tabular{font-variant-numeric:tabular-nums}.funnel-root .eyebrow{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.funnel-root :focus-visible{outline:2px solid color-mix(in srgb,var(--clay)62%,transparent);outline-offset:2px}.funnel-root .q-title{font-family:var(--serif);letter-spacing:-.018em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(30px,7.4vw,40px);font-weight:500;line-height:1.04}.funnel-root .q-title .accent{color:var(--clay);font-style:italic}.funnel-root .q-help{color:var(--ink-3);text-wrap:pretty;max-width:34ch;margin:10px 0 0;font-size:15px;line-height:1.5}.funnel-root .btn{appearance:none;cursor:pointer;font-family:var(--sans);border-radius:var(--r-pill);transition:transform .12s var(--ease-soft),background .2s,box-shadow .2s,border-color .2s,color .2s;touch-action:manipulation;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:9px;font-weight:600;display:inline-flex}.funnel-root .btn:active{transform:scale(.975)}.funnel-root .btn:disabled{opacity:.45;cursor:not-allowed}.funnel-root .btn-clay{background:var(--clay);color:#fff;box-shadow:var(--sh-clay)}.funnel-root .btn-clay:hover:not(:disabled){background:var(--clay-deep)}.funnel-root .btn-ink{background:var(--ink);color:var(--surface-warm);box-shadow:var(--sh-md)}.funnel-root .btn-ink:hover:not(:disabled){background:#000}.funnel-root .btn-outline{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.funnel-root .btn-outline:hover:not(:disabled){border-color:var(--ink-3);background:var(--surface-warm)}.funnel-root .btn-ghost{color:var(--ink-3);background:0 0}.funnel-root .btn-ghost:hover:not(:disabled){color:var(--ink);background:var(--clay-wash)}.funnel-root .btn-lg{height:56px;padding:0 26px;font-size:16px}.funnel-root .btn-xl{height:60px;padding:0 30px;font-size:17px}.funnel-root .btn-md{height:46px;padding:0 18px;font-size:14.5px}.funnel-root .btn-sm{height:38px;padding:0 14px;font-size:13.5px}.funnel-root .btn-full{width:100%}.funnel-root .field{width:100%;height:58px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r);padding:0 18px;font-size:17px;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s}.funnel-root .field::placeholder{color:var(--ink-4);font-weight:400}.funnel-root .field:focus{border-color:var(--clay);box-shadow:0 0 0 4px var(--clay-wash);background:var(--surface-warm);outline:none}.funnel-root .field.sm{height:48px;padding:0 14px;font-size:16px}.funnel-root .choice{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;text-align:left;width:100%;min-height:60px;color:var(--ink);transition:border-color .16s,background .16s,transform .12s var(--ease-spring),box-shadow .18s;touch-action:manipulation;align-items:center;gap:14px;padding:13px 18px;display:flex}.funnel-root .choice:hover{border-color:var(--line-strong);background:var(--surface-warm)}.funnel-root .choice:active{transform:scale(.985)}.funnel-root .choice[data-selected=true]{border-color:var(--clay);background:var(--clay-wash);box-shadow:0 0 0 1px var(--clay)inset}@keyframes funnel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes funnel-sweep{0%{opacity:0;transform:translate(-130%)skew(-16deg)}18%{opacity:.85}to{opacity:0;transform:translate(160%)skew(-16deg)}}@keyframes funnel-pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes funnel-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes funnel-float-orb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-14px)scale(1.08)}}@keyframes funnel-ring-pulse{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(2.1)}}@keyframes funnel-stepIn{0%{opacity:0;transform:translateX(var(--dir,26px))}to{opacity:1;transform:translate(0)}}.funnel-root .step-canvas{animation:funnel-stepIn .42s var(--ease-out)both}.funnel-root .stack-fade>*{animation:funnel-rise .5s var(--ease-out)both}.funnel-root .stack-fade>:first-child{animation-delay:50ms}.funnel-root .stack-fade>:nth-child(2){animation-delay:.12s}.funnel-root .stack-fade>:nth-child(3){animation-delay:.19s}.funnel-root .stack-fade>:nth-child(4){animation-delay:.26s}.funnel-root .no-scrollbar::-webkit-scrollbar{width:0;height:0}.funnel-root .no-scrollbar{scrollbar-width:none}.funnel-root .pip-bob{animation:pip-bob 3.4s var(--ease-soft)infinite;transform-origin:50% 90%}@keyframes pip-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-1.5deg)}}.funnel-root .pip-eye-l,.funnel-root .pip-eye-r{transform-origin:50%;transform-box:fill-box;animation:4.2s infinite pip-blink}.funnel-root .pip-eye-r{animation-delay:60ms}@keyframes pip-blink{0%,92%,to{transform:scaleY(1)}95%,97%{transform:scaleY(.12)}}.funnel-root .pip-antenna-tip{transform-origin:25px 1.5px;transform-box:view-box;animation:1.8s ease-in-out infinite pip-tip}@keyframes pip-tip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.35)}}.funnel-root .pip-excited .pip-antenna-tip{animation-duration:.7s}.funnel-root .pip-heart{animation:pip-heart-pop .9s var(--ease-spring)infinite;transform-origin:50%;transform-box:fill-box}@keyframes pip-heart-pop{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.funnel-root .pip-live-dot{background:var(--clay);width:6px;height:6px;box-shadow:0 0 0 0 var(--clay);border-radius:999px;animation:1.8s ease-out infinite pip-pulse}@keyframes pip-pulse{0%{box-shadow:0 0 #8f433280}to{box-shadow:0 0 0 7px #8f433200}}.funnel-root .pip-bubble{animation:pip-bubble-pop .42s var(--ease-spring)both;transform-origin:0 0}@keyframes pip-bubble-pop{0%{opacity:0;transform:scale(.85)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.funnel-root .pip-tail{background:var(--surface);border:1px solid var(--line);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.funnel-root .pip-tail.left{border-top:0;border-right:0;top:18px;left:-7px}.funnel-root .pip-tail.up{border-bottom:0;border-right:0;top:-7px;left:24px}.funnel-root .pip-caret{background:var(--clay);vertical-align:-.15em;width:2px;height:1.05em;margin-left:2px;animation:.7s step-end infinite pip-caret-blink;display:inline-block}@keyframes pip-caret-blink{50%{opacity:0}}.funnel-root .fun-toast{animation:fun-toast-pop .4s var(--ease-spring)both}@keyframes fun-toast-pop{0%{opacity:0;transform:translateY(-14px)scale(.8)}60%{transform:translateY(2px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fun-fly-arc{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(0)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(-12deg)}to{opacity:0;transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy)))scale(.5)rotate(20deg)}}.funnel-root .tile-springy{transition:transform .16s var(--ease-spring),border-color .16s,background .16s,box-shadow .18s;transform-style:preserve-3d}.funnel-root .tile-springy:hover{box-shadow:var(--sh-md);transform:translateY(-3px)scale(1.015)}.funnel-root .tile-springy:active{transform:scale(.96)}.funnel-root .tile-springy[data-selected=true]{animation:tile-jelly .5s var(--ease-spring)}@keyframes tile-jelly{0%{transform:scale(.92)}40%{transform:scale(1.06)}65%{transform:scale(.98)}to{transform:scale(1)}}.funnel-root .choice-emoji{transition:transform .3s var(--ease-spring);display:inline-block}.funnel-root .tile-springy:hover .choice-emoji{transform:scale(1.25)rotate(-8deg)}.funnel-root .choice[data-selected=true] .choice-emoji{animation:emoji-bounce .6s var(--ease-spring)}@keyframes emoji-bounce{0%{transform:scale(1)}35%{transform:scale(1.5)rotate(12deg)}60%{transform:scale(.9)rotate(-6deg)}to{transform:scale(1)rotate(0)}}.funnel-root .btn-clay{position:relative;overflow:hidden}.funnel-root .btn-clay:after{content:"";background:linear-gradient(105deg,#0000,#ffffff52,#0000);width:40%;position:absolute;top:0;bottom:0;transform:translate(-220%)skew(-18deg)}.funnel-root .btn-clay:hover:not(:disabled):after{animation:btn-sheen .7s var(--ease-out)}@keyframes btn-sheen{to{transform:translate(320%)skew(-18deg)}}.funnel-root .ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.funnel-root .ambient .orb{filter:blur(42px);opacity:.5;border-radius:50%;animation:14s ease-in-out infinite funnel-float-orb;position:absolute}.funnel-root .sound-toggle{cursor:pointer;border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink-3);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:10px;transition:all .18s;display:inline-flex}.funnel-root .sound-toggle:hover{color:var(--ink);border-color:var(--line-strong)}.funnel-root .sound-toggle[data-on=true]{color:var(--clay);border-color:var(--clay);background:var(--clay-wash)}.funnel-root .eq-bar{background:currentColor;border-radius:2px;width:2.5px}.funnel-root .sound-toggle[data-on=true] .eq-bar{animation:.8s ease-in-out infinite eq}.funnel-root .sound-toggle[data-on=true] .eq-bar:nth-child(2){animation-delay:.18s}.funnel-root .sound-toggle[data-on=true] .eq-bar:nth-child(3){animation-delay:.36s}@keyframes eq{0%,to{height:5px}50%{height:13px}}@keyframes funnel-confirm-ring{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.funnel-root *,.funnel-root :before,.funnel-root :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
