.birthday-page{--birthday-ease:cubic-bezier(.23, 1, .32, 1);--birthday-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--birthday-accent:#b73748;--birthday-card:#fffcf8;--birthday-wash:#f3dfdc;--birthday-quiet:#80736d;padding-bottom:64px}.birthday-share-dialog{background:#fff9f3;width:min(900px,100% - 32px)}.birthday-share-dialog .dialog-heading h2{font-family:"Clash Display", var(--font-sans)}.birthday-share-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.birthday-card-preview{border:1px solid var(--color-line);background:#f1e7e0;border-radius:12px;place-items:center;min-height:280px;padding:16px;display:grid;position:relative}.birthday-card-preview img{width:auto;max-width:100%;height:auto;max-height:min(590px,70dvh);display:block;box-shadow:0 8px 24px #533f3314}.birthday-card-preview>p{text-align:center;place-content:center;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}.birthday-share-options>p:first-child{margin-bottom:24px;font-size:16px}.birthday-share-options .birthday-share-hint{color:var(--color-muted);margin-top:10px;font-size:12px;line-height:1.6}.birthday-format-choice{border:0;gap:8px;margin:24px 0 0;padding:0;display:flex}.birthday-format-choice legend{margin-bottom:8px;font-size:14px;font-weight:600}.birthday-format-choice label{cursor:pointer;flex:1;position:relative}.birthday-format-choice input{opacity:0;width:1px;height:1px;position:absolute}.birthday-format-choice span{border:1px solid var(--color-line);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;padding:12px;font-size:14px;display:flex}.birthday-format-choice small{opacity:.7}.birthday-format-choice input:checked+span{color:#fff9f3;background:#171513;border-color:#171513}.birthday-format-choice input:focus-visible+span{outline-offset:3px;outline:2px solid #b73748}.birthday-card-actions{gap:10px;margin-top:24px;display:grid}.birthday-card-actions .button{justify-content:center;width:100%}.birthday-card-actions button:disabled{opacity:.5;cursor:wait}.birthday-share-text{text-underline-offset:4px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px;font-size:13px;text-decoration:underline;display:flex}.birthday-share-feedback{color:#b73748;min-height:20px;margin-top:12px;font-size:13px}@media (width<=620px){.birthday-share-layout{grid-template-columns:minmax(0,1fr);gap:20px}.birthday-card-preview{min-height:180px;padding:12px}.birthday-card-preview img{max-height:330px}.birthday-share-dialog .dialog-heading h2{font-size:23px}}.birthday-topline{font:10px var(--birthday-mono);letter-spacing:.11em;color:var(--color-muted);justify-content:space-between;align-items:center;padding-top:25px;display:flex}.birthday-topline>span:first-child{align-items:center;gap:9px;display:inline-flex}.birthday-topline svg{width:13px;height:13px}.birthday-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;width:100%;max-width:960px;margin:0 auto;padding:48px 20px 64px;display:flex}.birthday-kicker{color:var(--birthday-accent);font:10px/1.6 var(--birthday-mono);letter-spacing:.13em;justify-content:center;align-items:center;gap:12px;display:flex}.birthday-stage h1{font-size:clamp(50px,5.6vw,80px);font-weight:600;font-family:"Clash Display", var(--font-sans);letter-spacing:-.055em;margin-top:24px;line-height:.98}.birthday-stage h1>span{color:var(--birthday-accent)}.birthday-intro{color:var(--color-muted);margin-top:24px;font-size:16px;line-height:1.7}.birthday-form{max-width:400px;margin:28px auto 0}.birthday-scope{border:1px solid var(--color-line);border-radius:100px;gap:3px;margin:0 0 30px;padding:4px;display:inline-flex}.birthday-scope label{cursor:pointer;position:relative}.birthday-scope input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.birthday-scope label>span{color:var(--color-muted);border-radius:100px;align-items:center;gap:9px;padding:8px 14px;font-size:12px;transition:background-color .16s,color .16s;display:flex}.birthday-scope input:checked+span{color:var(--color-paper);background:var(--color-ink)}.birthday-scope input:focus-visible+span{outline:2px solid var(--birthday-accent);outline-offset:3px}.birthday-date{justify-content:center;align-items:flex-end;gap:20px;display:flex}.birthday-date-group{text-align:left;gap:10px;display:grid}.birthday-date-group>span{font:9px var(--birthday-mono);letter-spacing:.15em;color:var(--color-muted);padding-left:2px}.birthday-date-divider{font:30px/86px var(--birthday-mono);color:#ac9c92;font-weight:300}.birthday-error{color:var(--birthday-accent);font-size:12px}.birthday-error:not(:empty){margin-top:12px}.birthday-submit{border:1px solid var(--birthday-accent);background:var(--birthday-accent);color:var(--birthday-card);text-align:center;letter-spacing:.025em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:min(260px,100%);max-width:100%;min-height:58px;margin-top:28px;padding:16px 30px;font-size:clamp(16px,1.4vw,18px);font-weight:800;transition:transform .24s,background-color .24s;display:inline-flex;transform:none}.birthday-submit:active:not(:disabled){transform:scale(.97)}.birthday-private{color:var(--birthday-quiet);margin-top:14px;font-size:10px}.birthday-result{max-width:1060px;scroll-margin-top:20px}.birthday-result-rule{border-top:1px solid var(--color-line);font:9px var(--birthday-mono);letter-spacing:.14em;color:var(--color-muted);justify-content:space-between;padding-top:15px;display:flex}.birthday-result-rule>span:first-child{color:var(--birthday-accent)}.birthday-result-hero{grid-template-columns:1.1fr 1fr;gap:40px;min-height:560px;padding:44px 32px 0;display:grid}.birthday-page[data-animate=true] .birthday-result-hero{animation:birthday-reveal .25s var(--birthday-ease) both}@keyframes birthday-reveal{0%{opacity:0;transform:translateY(3%)}to{opacity:1;transform:translateY(0)}}.birthday-result-copy{z-index:1;padding-top:42px;position:relative}.birthday-driver-identity{display:contents}.birthday-result-copy .birthday-kicker{justify-content:flex-start}.birthday-result-copy .birthday-driver-name{font-size:clamp(42px,5vw,76px);font-family:"Clash Display", var(--font-sans);letter-spacing:-.045em;overflow-wrap:anywhere;margin:15px 0 20px;font-weight:600;line-height:1}.birthday-result-copy .birthday-driver-name>span:first-child{font-family:var(--font-sans);letter-spacing:-.025em;margin-bottom:4px;font-size:.53em;font-weight:400;display:block}.birthday-driver-team{color:var(--color-muted);font-size:12px}.birthday-driver-team>span{color:var(--color-line);margin:0 8px}.birthday-gap{border-left:2px solid var(--birthday-accent);flex-direction:column;gap:6px;margin-top:28px;padding:2px 0 2px 15px;display:inline-flex}.birthday-gap strong{letter-spacing:-.03em;color:var(--birthday-accent);font-size:22px;font-weight:600}.birthday-gap>span{font:11px var(--birthday-mono);color:var(--color-muted)}.birthday-match-note{max-width:345px;color:var(--color-muted);margin-top:22px;font-size:13px;line-height:1.8}.birthday-share{border:1px solid var(--color-line);background:0 0;border-radius:4px;align-items:center;gap:10px;margin-top:23px;padding:11px 16px;font-size:12px;display:inline-flex}.birthday-copy-status{color:var(--color-muted);min-height:21px;padding-top:5px;font-size:11px}.birthday-result-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin:28px 0;display:flex}.birthday-result-actions .birthday-share{min-height:48px;margin:0;padding:12px 20px}.birthday-profile-jump{align-items:center;gap:12px;min-height:48px;padding:12px 16px;font-size:12px;display:inline-flex}.birthday-portrait{isolation:isolate;justify-content:center;align-self:end;height:545px;display:flex;position:relative;overflow:hidden}.birthday-orbit{background:var(--birthday-wash);z-index:-2;border-radius:50%;position:absolute;inset:115px 5px 45px}.birthday-portrait img{object-fit:contain;object-position:top;align-self:flex-start;width:285px;max-width:none;height:auto}.birthday-portrait-stamp{font:8px var(--birthday-mono);letter-spacing:.12em;writing-mode:vertical-rl;position:absolute;bottom:13px;right:7px}.birthday-archive-portrait{align-self:center;justify-items:center;gap:10px;display:grid}.birthday-archive-portrait strong{font:100px "Clash Display", var(--font-sans);color:var(--birthday-accent);letter-spacing:-.06em}.birthday-archive-portrait>span{font-size:10px}.birthday-archive-portrait svg{width:35px;height:35px}.birthday-profile{border-top:1px solid var(--color-line);grid-template-columns:1fr 1.7fr;gap:65px;padding:48px 32px 24px;scroll-margin-top:105px;display:grid}.birthday-profile-heading .birthday-kicker{justify-content:flex-start;font-size:9px}.birthday-profile h3{letter-spacing:-.04em;margin-top:18px;font-size:32px;font-weight:600;line-height:1.14}.birthday-profile-intro{font-size:16px;line-height:1.8}.birthday-stats{grid-template-columns:repeat(3,minmax(0,1fr)) max-content;gap:12px;margin:30px 0;display:grid}.birthday-stats>div{flex-direction:column-reverse;justify-content:flex-end;gap:7px;display:flex}.birthday-stats dd{font:31px var(--birthday-mono);letter-spacing:-.06em;margin:0}.birthday-stats dt{color:var(--color-muted);font-size:10px}.birthday-stats>div:last-child dt{white-space:nowrap}.birthday-fact{border-block:1px solid var(--color-line);gap:20px;padding:24px 0;display:flex}.birthday-fact>span{color:var(--birthday-accent);font-size:30px;line-height:1}.birthday-fact h4{margin:0 0 8px;font-size:12px}.birthday-fact p{color:var(--color-muted);font-size:13px;line-height:1.8}.birthday-fact-sources{gap:8px;margin:14px 0 0;padding:0;font-size:11px;line-height:1.6;list-style:none;display:grid}.birthday-fact-sources a{text-underline-offset:3px;text-decoration:underline}.birthday-fact-sources svg{vertical-align:middle;display:inline}@media (hover:hover) and (pointer:fine){.birthday-submit:hover:not(:disabled){background-color:var(--color-red-text);transform:scale(1.015)rotate(-.4deg)}.birthday-submit:hover:active:not(:disabled){transform:scale(.97)rotate(-.4deg)}.birthday-share:hover,.birthday-match-card button:hover{border-color:var(--birthday-accent)}.birthday-fact-sources a:hover,.birthday-profile-jump:hover{color:var(--birthday-accent)}}@media (width<=700px){.birthday-topline{padding-top:20px;font-size:8px}.birthday-topline>span:last-child{display:none}.birthday-stage{padding-top:36px;padding-bottom:48px}.birthday-stage h1{font-size:clamp(36px,9.5vw,52px)}.birthday-intro{font-size:14px}.birthday-date{gap:15px}.birthday-result-hero{grid-template-columns:1fr;gap:0;padding:20px 0 0}.birthday-result-copy{text-align:center;padding-top:12px}.birthday-result-copy .birthday-driver-name{font-size:59px}.birthday-result-copy .birthday-kicker{justify-content:center}.birthday-gap{text-align:left}.birthday-match-note{margin-inline:auto}.birthday-result-actions{justify-content:center}.birthday-portrait{width:100%;max-width:390px;height:420px;margin:0 auto}.birthday-portrait img{width:235px}.birthday-orbit{inset:60px 0 25px}.birthday-profile{grid-template-columns:1fr;gap:25px;padding:30px 0 20px}.birthday-profile h3 br{display:none}.birthday-profile h3{margin-top:10px;font-size:30px}.birthday-profile-intro{font-size:15px}.birthday-stats{gap:10px}.birthday-stats dd{font-size:28px}}@media (width<=360px){.birthday-date{gap:10px}.birthday-scope label>span{padding-inline:11px}.birthday-result-copy .birthday-driver-name{font-size:49px}}@media (prefers-reduced-motion:reduce){.birthday-page *,.birthday-page :before,.birthday-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.birthday-submit,.birthday-submit:hover:not(:disabled),.birthday-submit:active:not(:disabled),.birthday-submit:hover:active:not(:disabled){transform:none}}.birthday-digit-fields{width:132px;height:86px;position:relative}.birthday-digit-cards{grid-template-columns:1fr 1fr;gap:6px;height:100%;display:grid}.birthday-digit-cards>span{border:1px solid var(--color-line);background:var(--birthday-card);color:var(--color-ink);font:44px var(--birthday-mono);border-radius:5px;place-items:center;display:grid;box-shadow:0 3px #625a570d}.birthday-digit-fields input{letter-spacing:normal;opacity:0;cursor:text;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.birthday-input-caret{background:var(--birthday-accent);pointer-events:none;border-radius:1px;width:2px;height:44%;display:none;position:absolute;top:28%;left:calc(25% - 20px)}.birthday-input-caret[data-position="1"]{left:calc(75% - 20px)}.birthday-input-caret[data-position="2"]{left:calc(75% + 20px)}.birthday-digit-fields:focus-within .birthday-input-caret{animation:1s step-end infinite birthday-caret-blink;display:block}.birthday-page[data-phase=loading] .birthday-input-caret{display:none}@keyframes birthday-caret-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.birthday-digit-fields:focus-within .birthday-input-caret{animation:none}}.birthday-digit-fields:has(input[aria-invalid=true]) .birthday-digit-cards>span{border-color:var(--birthday-accent)}@media (width<=700px){.birthday-digit-fields{width:119px}}.birthday-outcome{text-align:center;max-width:680px;margin:0 auto;padding:36px 20px 30px}.birthday-outcome h2{word-spacing:.08em;font-family:"Clash Display", var(--font-sans);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,4.4vw,55px);font-weight:600;line-height:1.08}.birthday-result[data-match-kind=closest] .birthday-outcome{padding-bottom:12px}.birthday-result[data-match-kind=closest] .birthday-result-hero,.birthday-result[data-match-kind=closest] .birthday-result-copy{padding-top:20px}.birthday-outcome>p{max-width:500px;color:var(--color-muted);margin:17px auto 0;font-size:14px;line-height:1.8}.birthday-ultra-stamp{border:1px solid var(--birthday-accent);color:var(--birthday-accent);font:10px var(--birthday-mono);letter-spacing:.1em;border-radius:30px;align-items:center;gap:8px;margin-bottom:17px;padding:7px 12px;display:inline-flex}.birthday-ultra-stamp svg{width:14px;height:14px;fill:var(--color-pink)}.birthday-result[data-match-kind=ultra] .birthday-outcome h2{color:var(--birthday-accent)}.birthday-result[data-match-kind=ultra] .birthday-outcome{background:radial-gradient(ellipse at center, var(--color-soft-pink), transparent 72%)}.birthday-match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:830px;margin:5px auto 0;padding:0;list-style:none;display:grid}.birthday-match-grid>li{min-width:0}.birthday-match-card{border:1px solid var(--color-line);background:var(--birthday-card);border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden}.birthday-match-card .birthday-portrait{width:100%;height:270px;min-height:270px;margin:0}.birthday-match-card .birthday-portrait img{width:190px}.birthday-match-card .birthday-orbit{inset:45px 25px -45px}.birthday-match-card .birthday-portrait-stamp{font-size:7px;bottom:12px;right:12px}.birthday-match-card .birthday-archive-portrait strong{font-size:76px}.birthday-match-card .birthday-archive-portrait>span{font-size:9px}.birthday-match-card .birthday-archive-portrait svg{width:24px;height:24px}.birthday-match-card-copy{flex-direction:column;flex:1;align-items:flex-start;padding:22px 24px;display:flex}.birthday-card-distance{color:var(--birthday-accent);font:10px/1.6 var(--birthday-mono)}.birthday-match-card h3{margin-top:9px;font-size:25px;font-weight:600}.birthday-match-card time{font:11px var(--birthday-mono);margin-top:10px;display:block}.birthday-card-team{color:var(--color-muted);margin:10px 0 24px;font-size:11px}.birthday-match-card button{border:1px solid var(--color-line);background:0 0;border-radius:4px;align-items:center;gap:18px;min-height:44px;margin-top:auto;padding:9px 14px;font-size:12px;display:inline-flex}.birthday-match-card button[aria-expanded=true]{border-color:var(--birthday-accent);color:var(--birthday-accent)}.birthday-group-share{text-align:center;margin:0 auto 32px}.birthday-group-share>p:last-child{color:var(--color-muted);margin-top:16px;font-size:11px;line-height:1.5}.birthday-profile[hidden]{display:none}.birthday-profile-birthday{font:11px var(--birthday-mono);color:var(--color-muted);margin-top:16px}.birthday-page[data-animate=true] .birthday-outcome,.birthday-page[data-animate=true] .birthday-match-grid{animation:birthday-reveal .25s var(--birthday-ease) both}.birthday-page[data-animate=true] .birthday-match-grid{animation-delay:50ms}@media (width>=1000px){.birthday-match-grid:has(>li:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}@media (width<=560px){.birthday-match-grid{grid-template-columns:1fr;gap:20px;max-width:360px}.birthday-outcome{padding:28px 0 24px}.birthday-outcome h2{font-size:37px}.birthday-outcome>p{font-size:13px}.birthday-match-card .birthday-portrait{height:245px;min-height:245px}.birthday-match-card-copy{padding:20px}}.birthday-digit-cards>span{background:#faf3ee;transition:background-color .16s;overflow:hidden}.birthday-digit-fields:focus-within .birthday-digit-cards>span{background:#ebddd3}.birthday-digit-cards>span[data-filled=false]{color:var(--birthday-quiet)}@media (hover:hover) and (pointer:fine){.birthday-digit-fields:hover:not(:focus-within) .birthday-digit-cards>span{background:#f1e6de}}.birthday-digit-value{transition:opacity .16s var(--birthday-ease), transform .16s var(--birthday-ease);display:block}@starting-style{.birthday-digit-value{opacity:0;transform:translateY(15%)}}.birthday-page[data-animate=true] .birthday-match-grid>li{animation:birthday-reveal .28s var(--birthday-ease) var(--reveal-delay) both}.birthday-portrait[data-portrait=photo] img{object-fit:cover;object-position:center 20%;border-radius:120px 120px 8px 8px;width:80%;height:85%;margin-top:22px}.birthday-match-card .birthday-portrait[data-portrait=photo] img{object-fit:cover;width:80%;height:85%;margin-top:8px}.birthday-landing{min-height:calc(100svh - var(--header-compact-height));flex-direction:column;display:flex}.birthday-stage h1{word-spacing:.06em}.birthday-digit{position:relative;overflow:hidden}.birthday-digit:after{content:"";pointer-events:none;background:#625a571f;height:1px;position:absolute;inset:50% 0 auto}.birthday-digit-cards>.birthday-digit[data-rolling=true]{display:block}.birthday-digit-reel{height:100%;animation:birthday-roll var(--birthday-ease) both;flex-direction:column;display:flex}.birthday-digit-reel>span{flex:0 0 100%;place-items:center;display:grid}@keyframes birthday-roll{0%{transform:translateY(0)}to{transform:translateY(-2000%)}}.birthday-submit:disabled{cursor:wait}.birthday-page[data-phase=loading] .birthday-private{color:var(--birthday-accent)}@media (height<=760px){.birthday-stage{padding-block:28px 36px}.birthday-stage h1{margin-top:18px}.birthday-intro{margin-top:16px}.birthday-form{margin-top:24px}.birthday-scope{margin-bottom:24px}}.birthday-photo-retry{z-index:1;text-underline-offset:3px;min-height:44px;padding:10px 12px;font-size:12px;text-decoration:underline;position:relative}.birthday-magazine{border-top:1px solid var(--color-line);max-width:1060px;margin-top:64px;padding-top:36px}.birthday-result+.birthday-magazine{border-top:0;margin-top:16px;padding-top:0}.birthday-magazine>header{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.birthday-magazine h2{font-family:"Clash Display", var(--font-sans);letter-spacing:-.035em;font-size:clamp(24px,3vw,36px);font-weight:600}.birthday-magazine>header>a{flex-shrink:0;align-items:center;gap:6px;min-height:44px;font-size:12px;display:inline-flex}.birthday-magazine .story-card{border-bottom:0;padding-bottom:0}@media (width>=768px){.birthday-magazine .story-card-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<=560px){.birthday-magazine{margin-top:40px;padding-top:28px}.birthday-magazine>header{flex-wrap:wrap;gap:0 20px}}@media (width<=700px){.birthday-result .birthday-result-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 8px;min-height:0;padding:12px 0 0}.birthday-result .birthday-result-copy{display:contents}.birthday-driver-identity{text-align:left;grid-area:1/1;align-self:center;min-width:0;display:block}.birthday-result-copy .birthday-driver-identity .birthday-kicker,.birthday-result-copy .birthday-match-note{display:none}.birthday-result-copy .birthday-driver-name{margin:0 0 12px;font-size:clamp(28px,8.5vw,42px)}.birthday-result-copy .birthday-driver-identity[data-long-name=true] .birthday-driver-name{font-size:clamp(22px,6.5vw,34px)}.birthday-result-hero>.birthday-portrait{grid-area:1/2;max-width:230px;height:280px}.birthday-result-hero>.birthday-portrait img{width:160px}.birthday-result-hero .birthday-orbit{inset:50px 0 12px}.birthday-result-hero .birthday-portrait-stamp{display:none}.birthday-result-hero .birthday-archive-portrait strong{font-size:64px}.birthday-result-hero .birthday-archive-portrait>span{text-align:center;line-height:1.5}.birthday-driver-identity .birthday-driver-team{line-height:1.6}.birthday-driver-identity .birthday-driver-team>span{height:0;display:block;overflow:hidden}.birthday-result-copy>.birthday-gap{grid-area:2/1/auto/-1;justify-self:stretch;margin:0}.birthday-result-copy>.birthday-result-actions{grid-area:3/1/auto/-1;gap:4px 8px;margin:0 0 28px}.birthday-result-actions .birthday-share,.birthday-result-actions .birthday-profile-jump{padding-inline:12px}}
