.site-header{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;min-height:88px;padding:0 clamp(24px,3.2vw,52px);display:flex;position:fixed;top:0;left:0;right:0}.site-header>*{pointer-events:auto}.site-logo{min-height:var(--tap-target);color:var(--ink);transition:transform .14s var(--ease-out);transform-origin:50%;align-items:center;gap:9px;display:inline-flex}.site-logo:active{transform:scale(.97)}.site-mark{flex:none;width:32px;height:32px}.site-wordmark{font-family:var(--logo);letter-spacing:-.02em;align-items:baseline;font-size:21px;line-height:1;display:inline-flex}.word-prefix{font-variation-settings:"opsz" 24, "wdth" 96, "wght" 590;font-weight:590;font-stretch:96%}.word-age{font-variation-settings:"opsz" 24, "wdth" 86, "wght" 780;letter-spacing:-.035em;font-weight:780;font-stretch:86%}.powered{color:var(--muted);font-size:var(--step-note);align-items:center;gap:9px;font-weight:580;display:inline-flex}.powered-brand{color:var(--ink)}.agerail-mark{width:24px;height:24px}@media (width<=800px){.site-header{min-height:76px;padding-inline:24px}.powered-prefix{display:none}}@media (width<=420px){.site-header{padding-inline:20px}.site-logo{gap:8px}.site-mark{width:30px;height:30px}.site-wordmark{font-size:18px}.powered{gap:7px;font-size:12px}.agerail-mark{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.site-logo{transition:none}.site-logo:active{opacity:.72;transform:none}}.legal-screen{padding:32px 24px 96px;display:block}.legal-content{max-inline-size:68ch;margin-inline:auto}.legal-content h1{font-size:var(--step-title,2rem);margin:0 0 8px;line-height:1.15}.legal-updated{color:var(--ink-muted);font-size:var(--step-note);margin:0 0 32px}.legal-content h2{font-size:var(--step-lead,1.25rem);margin:32px 0 8px;line-height:1.3}.legal-content p{margin:0 0 12px;line-height:1.6}.legal-table-scroll{margin:12px 0 0;overflow-x:auto}.legal-table{border-collapse:collapse;inline-size:100%;min-inline-size:32rem;font-size:var(--step-note)}.legal-table th,.legal-table td{border-block-end:1px solid var(--rule,#0000001f);text-align:start;vertical-align:top;padding:12px;line-height:1.5}.legal-table thead th{font-weight:600}.legal-table code{overflow-wrap:anywhere;font-size:.95em}@media (width<=560px){.legal-screen{padding:24px 20px 72px}}.site-footer{border-block-start:1px solid var(--rule,#00000014);color:var(--ink-muted);font-size:var(--step-note);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:24px;display:flex}.site-footer-note{margin:0}.site-footer-links{gap:20px;margin:0;padding:0;list-style:none;display:flex}.site-footer-links a{color:inherit;padding-block:12px;display:inline-block}@media (width<=560px){.site-footer{padding:20px}}@media (hover:hover) and (pointer:fine){.primary-action:not(:disabled):hover{opacity:.82}}@media (prefers-reduced-motion:reduce){.primary-action{transition:none}.primary-action:active{opacity:.72;transform:none}}.expired-screen{place-items:center;min-height:100dvh;padding:118px 24px 56px;display:grid}.expired-content{width:min(100%,520px)}.expired-content h1{max-width:12ch;font-family:var(--display);font-size:var(--step-heading);font-variation-settings:"opsz" 60, "wdth" 92, "wght" 700;letter-spacing:-.035em;margin:0;font-weight:700;font-stretch:92%;line-height:.98}.expired-content p{max-width:48ch;color:var(--muted);font-size:var(--step-body);margin:28px 0 0;line-height:1.58}.expired-content .primary-action{max-width:310px}@media (width<=420px){.expired-screen{padding:96px 24px 40px}}.age-shuffle{color:var(--accent);opacity:.92;pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:0;overflow:hidden}.age-shuffle[data-animate]{animation:shuffle-soften var(--shuffle-soften) var(--ease-out) var(--shuffle-soften-delay) both}.age-window{overflow:hidden}.age-strip{will-change:transform;height:400%;display:grid;transform:translateY(-75%)}.age-shuffle[data-animate] .age-strip{animation:age-roll var(--shuffle-roll) linear both}.age-strip span{height:25%;font-family:var(--display);font-size:calc(var(--qr-size) * .78);font-variation-settings:"opsz" 96, "wdth" 82, "wght" 780;letter-spacing:-.08em;place-items:center;font-weight:780;font-stretch:82%;line-height:1;display:grid}.age-window:first-child .age-strip span{transform:translate(-16%)}.age-window:last-child .age-strip span{transform:translate(16%)}@keyframes age-roll{0%,18%{transform:translateY(0)}26%,44%{transform:translateY(-25%)}52%,70%{transform:translateY(-50%)}78%,to{transform:translateY(-75%)}}@keyframes shuffle-soften{to{opacity:0}}.qr-stage{--qr-size:clamp(248px, 23.5vw, 336px);place-self:center start;justify-items:center;gap:10px;padding-bottom:0;display:grid;transform:translate(-32px)}.qr-theatre{width:calc(var(--qr-size) + 96px);height:calc(var(--qr-size) + 32px);isolation:isolate;place-items:center;display:grid;position:relative}.qr-pasteup{z-index:1;isolation:isolate;position:relative}.qr-pasteup[data-animate]{opacity:0;animation:qr-arrive var(--qr-arrive) var(--ease-out) var(--qr-arrive-delay) both;transform:translateY(14px)scale(.96)}.qr-code{width:var(--qr-size);background:var(--white);padding:8px;display:block}.qr-code svg{width:100%;height:auto;display:block}.qr-caption{color:var(--ink);font-family:var(--sans);letter-spacing:-.015em;text-align:center;margin:0;font-size:15px;font-weight:650}.qr-caption[data-animate]{opacity:0;animation:caption-arrive var(--qr-caption-arrive) var(--ease-out) var(--qr-caption-delay) both;transform:translateY(6px)}@keyframes qr-arrive{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes caption-arrive{to{opacity:1;transform:translateY(0)}}@media (width<=960px){.qr-stage{--qr-size:min(62vw, 248px);place-self:auto center;transform:none}.qr-theatre{width:calc(var(--qr-size) + 80px);height:calc(var(--qr-size) + 24px)}}@media (width<=800px){.qr-stage{--qr-size:min(64vw, 238px);justify-self:center}}@media (width<=420px){.qr-stage{--qr-size:min(64vw, 226px)}.qr-theatre{width:calc(var(--qr-size) + 64px);height:calc(var(--qr-size) + 20px)}}.reveal{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.reveal>*{margin:0}.reveal[data-animate]>*{animation:text-rise var(--beat-rise) var(--ease-out) both}.question-line{width:fit-content;font-family:var(--display);letter-spacing:-.03em;line-height:.88;display:block}.question-line.one{font-size:var(--step-question-one);font-variation-settings:"opsz" 80, "wdth" 92, "wght" 720;font-weight:720;font-stretch:92%}.question-line.two{font-size:var(--step-question-two);font-variation-settings:"opsz" 64, "wdth" 100, "wght" 520;letter-spacing:-.02em;margin-left:clamp(52px,6.5vw,96px);font-weight:520;font-stretch:100%}.question-line.three{color:var(--accent);font-size:var(--step-question-three);font-variation-settings:"opsz" 88, "wdth" 86, "wght" 780;margin-left:clamp(10px,1.5vw,24px);font-weight:780;font-stretch:86%}.reveal[data-animate]>.question-line.one{animation-delay:var(--beat-one-delay)}.reveal[data-animate]>.question-line.two{animation-delay:var(--beat-two-delay)}.reveal[data-animate]>.question-line.three{animation-delay:var(--beat-three-delay)}@keyframes text-rise{0%{opacity:0;transform:translateY(112%)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.question-line.one{font-size:clamp(58px,15vw,82px)}.question-line.two{margin-left:clamp(34px,11vw,70px);font-size:clamp(38px,10vw,54px)}.question-line.three{margin-left:6px;font-size:clamp(70px,18vw,98px)}}@media (width<=420px){.question-line.one{font-size:clamp(52px,16vw,64px)}.question-line.two{margin-left:32px;font-size:clamp(34px,10.5vw,42px)}.question-line.three{margin-left:4px;font-size:clamp(64px,20vw,78px)}}.mood-block{margin-top:clamp(28px,4vh,44px)}.mood-wheel{height:30px;font-family:var(--sans);font-size:var(--step-supporting);letter-spacing:-.025em;font-weight:650;line-height:1.2;position:relative;overflow:hidden}.mood-phrase{color:var(--ink);white-space:nowrap;margin:0}.mood-wheel[data-animate] .mood-phrase{opacity:0;position:absolute;top:0;left:0}.mood-wheel[data-animate] .mood-phrase:first-child{color:var(--muted);animation:mood-pass var(--supporting-pass) linear var(--supporting-one-delay) both}.mood-wheel[data-animate] .mood-phrase:nth-child(2){color:var(--accent);animation:mood-pass var(--supporting-pass) linear var(--supporting-two-delay) both}.mood-wheel[data-animate] .mood-phrase:nth-child(3){color:var(--ink);animation:mood-stay var(--supporting-final) var(--ease-out) var(--supporting-final-delay) both}@keyframes mood-pass{0%{opacity:0;transform:translateY(4px)}5.71%,95.24%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}@keyframes mood-stay{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=420px){.mood-wheel{height:30px;font-size:20px}}.home-screen{grid-template-columns:minmax(0,660px) minmax(360px,430px);justify-content:center;align-items:center;gap:0;min-height:100dvh;padding:108px clamp(24px,5vw,72px) 48px;display:grid}.intro-copy{z-index:1;max-width:660px;position:relative}.intro-copy h1{margin:0}@media (width<=960px){.home-screen{grid-template-columns:1fr;align-content:center;gap:20px;padding:104px 24px 44px}.intro-copy{width:min(100%,650px);max-width:650px}}@media (width<=800px){.home-screen{gap:14px;padding:96px 24px 40px}}@media (width<=420px){.home-screen{gap:8px;padding-top:92px;padding-bottom:24px}}@keyframes digit-flap{0%{opacity:.18;transform:rotateX(-78deg)}to{opacity:1;transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.result-digits[data-animate] .result-flap{animation:none;transform:none}}@media (hover:hover) and (pointer:fine){.primary-action:not(:disabled):hover{opacity:.82}}@media (prefers-reduced-motion:reduce){.primary-action{transition:none}.primary-action:active{opacity:.72;transform:none}}.result-digits{--flap-duration:.28s;--flap-lead:.11s;--flap-stagger:60ms;perspective:1400px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(10px,1.2vw,18px);width:min(100%,500px);display:grid}.result-digit{aspect-ratio:.76;background:var(--panel);color:var(--ink);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent);font-family:var(--digits);font-variant-numeric:tabular-nums;letter-spacing:-.11em;text-indent:-.11em;border-radius:12px;place-items:center;font-size:min(33vw,184px);font-weight:700;line-height:1;display:grid;position:relative;overflow:hidden}.result-digit:nth-child(2n){background:var(--panel-accent)}.result-digit:after{background:color-mix(in srgb, var(--ink) 50%, transparent);content:"";height:1px;position:absolute;top:50%;left:0;right:0}.result-flap{transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;place-items:center;display:grid}.result-digits[data-animate] .result-flap{animation:digit-flap var(--flap-duration) var(--ease-in-out) both}.result-digits[data-animate] .result-digit:first-child .result-flap{animation-delay:var(--flap-lead)}.result-digits[data-animate] .result-digit:nth-child(2) .result-flap{animation-delay:calc(var(--flap-lead) + var(--flap-stagger))}.result-digits[data-animate] .result-digit:nth-child(3) .result-flap{animation-delay:calc(var(--flap-lead) + 2 * var(--flap-stagger))}@media (prefers-reduced-motion:reduce){.result-digits[data-animate] .result-flap{animation:none;transform:none}}.result-screen{perspective:1200px;flex-direction:column;justify-content:center;gap:26px;min-height:100dvh;padding:112px 24px 64px;display:flex}.result-heading h1{font-family:var(--display);font-size:var(--step-heading);font-variation-settings:"opsz" 72, "wdth" 92, "wght" 700;letter-spacing:-.035em;margin:0;font-weight:700;font-stretch:92%;line-height:.94}.result-screen .result-digits{align-self:center}.result-details>p{max-width:42ch;color:var(--muted);font-size:var(--step-body);margin:0;line-height:1.55}@media (width>=801px){.result-screen{grid-template-columns:minmax(260px,.72fr) minmax(420px,1fr);align-items:center;gap:0 clamp(54px,8vw,130px);padding:118px clamp(24px,7vw,112px) 60px;display:grid}.result-heading{grid-area:1/1;align-self:end;max-width:470px}.result-details{grid-area:2/1;align-self:start;max-width:470px}.result-screen .result-digits{grid-area:1/2/3;align-self:center;width:min(100%,570px)}.result-details>p{margin-top:26px}.result-details .primary-action{max-width:310px}.result-digit{font-size:clamp(148px,15vw,226px)}}.share-block{max-width:430px;margin-top:24px}.share-invitation{letter-spacing:-.01em;margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.35}.share-buttons{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.share-button{min-width:var(--tap-target);min-height:var(--tap-target);border:1px solid color-mix(in srgb, var(--muted) 36%, var(--white));background:var(--white);color:inherit;font:inherit;cursor:pointer;transform-origin:50%;transition:transform .14s var(--ease-out), background-color .14s ease, border-color .14s ease, color .14s ease, opacity .14s ease;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex;transform:scale(1)}.share-button:active{transform:scale(.97)}.share-button:disabled{cursor:wait;opacity:.55}.share-status{min-height:1.4em;color:var(--muted);font-size:var(--step-note);margin:8px 0 0;line-height:1.4}.share-status[data-state=failed]{color:var(--accent-ink)}@media (hover:hover) and (pointer:fine){.share-button:not(:disabled):hover{border-color:var(--accent);background:var(--panel-accent);color:var(--accent-ink)}}@media (prefers-reduced-motion:reduce){.share-button{transition:none}.share-button:active{opacity:.72;transform:none}}@media (hover:hover) and (pointer:fine){.primary-action:not(:disabled):hover{opacity:.82}}@media (prefers-reduced-motion:reduce){.primary-action{transition:none}.primary-action:active{opacity:.72;transform:none}}.outcome-screen{place-items:center;min-height:100dvh;padding:118px 24px 56px;display:grid}.outcome-content{width:min(100%,520px)}.outcome-content h1{max-width:16ch;font-family:var(--display);font-size:var(--step-heading);font-variation-settings:"opsz" 60, "wdth" 92, "wght" 700;letter-spacing:-.035em;margin:0;font-weight:700;font-stretch:92%;line-height:.98}.outcome-content p{max-width:48ch;color:var(--muted);font-size:var(--step-body);margin:28px 0 0;line-height:1.58}.outcome-content .primary-action{max-width:310px}@media (width<=420px){.outcome-screen{padding:96px 24px 40px}}@media (hover:hover) and (pointer:fine){.primary-action:not(:disabled):hover{opacity:.82}}@media (prefers-reduced-motion:reduce){.primary-action{transition:none}.primary-action:active{opacity:.72;transform:none}}.same-device-home{align-content:center;gap:14px;min-height:100dvh;padding:96px 24px 40px;display:grid}.same-device-home .intro-copy{z-index:1;width:min(100%,650px);max-width:650px;position:relative}.same-device-home .intro-copy h1{margin:0}.same-device-action{width:min(100%,520px);margin-top:clamp(28px,5vh,48px)}@media (width<=420px){.same-device-home{gap:8px;padding-top:92px;padding-bottom:24px}}.turnstile-gate{min-height:65px;margin-top:26px}.turnstile-widget:empty{display:none}.turnstile-message{color:var(--muted);font-size:var(--step-note);margin:0;line-height:1.5}.turnstile-gate[data-status=expired] .turnstile-message,.turnstile-gate[data-status=unavailable] .turnstile-message{color:var(--accent-ink)}.primary-action{background:var(--ink);width:100%;min-height:58px;color:var(--white);cursor:pointer;text-align:center;transition:transform .14s var(--ease-out), opacity .16s ease;border-radius:12px;place-items:center;margin-top:28px;padding:0 22px;font-size:15px;font-weight:700;display:grid;transform:scale(1)}.primary-action:active{transform:scale(.97)}.primary-action:disabled{cursor:not-allowed;opacity:.28}@media (hover:hover) and (pointer:fine){.primary-action:not(:disabled):hover{opacity:.82}}@media (prefers-reduced-motion:reduce){.primary-action{transition:none}.primary-action:active{opacity:.72;transform:none}}.start-screen{place-items:center;min-height:100dvh;padding:118px 24px 56px;display:grid}.start-content{width:min(100%,520px)}.start-content h1{max-width:12ch;font-family:var(--display);font-size:var(--step-heading);font-variation-settings:"opsz" 60, "wdth" 92, "wght" 700;letter-spacing:-.035em;margin:0;font-weight:700;font-stretch:92%;line-height:.98}.start-explanation{max-width:48ch;color:var(--muted);font-size:var(--step-body);margin:28px 0 0;line-height:1.58}.consent-form{margin-top:40px}.consent-row{min-height:var(--tap-target);cursor:pointer;grid-template-columns:22px 1fr;align-items:start;gap:14px;padding-block:10px;font-size:16px;line-height:1.5;display:grid}.consent-row input{width:20px;height:20px;accent-color:var(--accent-ink);cursor:pointer;margin:2px 0 0}.start-note{color:var(--muted);font-size:var(--step-note);margin:18px 0 0;line-height:1.5}.start-error{color:var(--accent-ink);font-size:var(--step-note);margin:12px 0 0;line-height:1.5}@media (width<=420px){.start-screen{place-items:start center;padding-top:124px}}.start-disclosures{gap:8px;margin-block-start:16px;display:grid}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-variable.woff2)format("woff2")}:root{--ink:#18181b;--muted:#60646c;--accent:#db315f;--accent-ink:#8f1f3d;--panel:#eff0f2;--panel-accent:#fbe8ee;--white:#fff;--sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--logo:"Bricolage Grotesque", "Arial Rounded MT Bold", "Helvetica Neue", Arial, sans-serif;--display:"Bricolage Grotesque", "Arial Rounded MT Bold", "Helvetica Neue", Arial, sans-serif;--digits:"DIN Alternate", "Helvetica Neue", Arial, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--step-question-one:clamp(76px, 7.6vw, 112px);--step-question-two:clamp(48px, 4.8vw, 70px);--step-question-three:clamp(92px, 9.4vw, 138px);--step-heading:clamp(46px, 10vw, 66px);--step-supporting:clamp(18px, 1.45vw, 22px);--step-body:17px;--step-note:13px;--beat-rise:.56s;--beat-one-delay:80ms;--beat-two-delay:.16s;--beat-three-delay:.24s;--supporting-pass:3.15s;--supporting-one-delay:.65s;--supporting-two-delay:3.95s;--supporting-final:.18s;--supporting-final-delay:7.25s;--shuffle-roll:2.5s;--shuffle-soften:.36s;--shuffle-soften-delay:2.5s;--qr-arrive:.5s;--qr-arrive-delay:2.66s;--qr-caption-arrive:.32s;--qr-caption-delay:3.06s;--tap-target:44px}*,:before,:after{box-sizing:border-box}html{background:var(--white);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--white);min-width:320px;min-height:100dvh;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}button,a,input{color:inherit;font:inherit;touch-action:manipulation}a{text-decoration:none}button{border:0}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px}#root{min-height:100dvh}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}:root{--route-out:.17s;--route-in:.24s}@media (prefers-reduced-motion:reduce){:root{--route-out:0s;--route-in:0s}}::view-transition-old(root){animation:route-fade-out var(--route-out) var(--ease-out,ease-out) both}::view-transition-new(root){animation:route-fade-in var(--route-in) var(--ease-out,ease-out) both}@keyframes route-fade-out{to{opacity:0}}@keyframes route-fade-in{0%{opacity:0}}[data-paused] .reveal,[data-paused] .reveal *,[data-paused] .mood-wheel,[data-paused] .mood-wheel *,[data-paused] .age-shuffle,[data-paused] .age-shuffle *,[data-paused] .qr-stage,[data-paused] .qr-stage *{animation-play-state:paused!important}
