@property --rot{syntax:"";inherits:true;initial-value:0deg}body:has(.bday){background:#160e31}.bday{--night:#160e31;--cream:#fffdf8;--ink:#221a2c;--gold:#ffd86b;--pink:#f7a8c8;--lilac:#c9b2f5;--star-text:#f6efe2;isolation:isolate;color:var(--star-text);gap:2.2rem;padding-top:1.5rem;display:grid;position:relative}.bday__sky{z-index:-1;background:radial-gradient(80% 55% at 70% 10%,#c978dc47,#0000 70%),radial-gradient(70% 50% at 15% 85%,#788cff33,#0000 70%),linear-gradient(#1c1240 0%,#160e31 55%,#120b28 100%);position:fixed;inset:0;overflow:hidden}.bday__stars{background-repeat:repeat;animation:5s ease-in-out infinite alternate bday-twinkle;position:absolute;inset:-10%}.bday__stars--1{background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 90px 120px,#fff,#0000),radial-gradient(1.5px 1.5px at 150px 60px,#ffe9b0,#0000),radial-gradient(1px 1px at 200px 180px,#fff,#0000);background-size:230px 210px}.bday__stars--2{background-image:radial-gradient(2px 2px at 40px 80px,#fff,#0000),radial-gradient(1.5px 1.5px at 170px 20px,#d9c8ff,#0000),radial-gradient(2px 2px at 260px 150px,#fff,#0000);background-size:310px 260px;animation-duration:6.5s;animation-delay:-2.2s}.bday__stars--3{background-image:radial-gradient(2.5px 2.5px at 120px 200px,#ffe9b0,#0000),radial-gradient(2px 2px at 330px 90px,#fff,#0000);background-size:420px 380px;animation-duration:4.2s;animation-delay:-4s}@keyframes bday-twinkle{0%{opacity:.35}to{opacity:1}}.bday__intro{text-align:center;justify-items:center;gap:.6rem;display:grid}.bday__eyebrow{color:var(--gold)}.bday__title{color:#fff;text-shadow:0 3px #00000059;max-width:18ch;margin:0;font-size:clamp(2.2rem,8.5vw,3.6rem)}.bday__mark{background:linear-gradient(#0000 50%,#7c4ddb 50% 94%,#0000 94%);padding:0 .1em}.bday__lead{color:#f6efe2d1;max-width:36rem;margin:0;font-size:1.08rem;line-height:1.5}.bday__main{justify-items:center;gap:1.4rem;display:grid}.bday-wheel{width:min(100%,30rem);transition:--rot 2.4s cubic-bezier(.18,.85,.22,1)}.bday-wheel svg{width:100%;height:auto;display:block;overflow:visible}.bday-wheel__halo{fill:none;stroke:#ffd86b59;stroke-width:3px;filter:drop-shadow(0 0 14px #c9b2f599)}.bday-wheel__turn{transform-origin:200px 200px;transform:rotate(var(--rot))}.bday-wheel__orbit{fill:none;stroke:#ffffff24;stroke-dasharray:2 5}.bday-wheel__tick{stroke:#ffffff59;stroke-width:1.5px}.bday-wheel__sign path{opacity:.45;stroke:#160e31;stroke-width:2px;transition:opacity .4s,filter .4s}.bday-wheel__sign[data-on] path{opacity:1;filter:drop-shadow(0 0 8px #ffffffb3)}.bday-wheel__glyph{fill:#fff;text-anchor:middle;dominant-baseline:central;font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",Noto Sans Symbols,sans-serif;font-size:22px}.bday-wheel__sign[data-on] .bday-wheel__glyph{fill:#221a2c}.bday-wheel__face-ring{fill:#fffdf8;filter:drop-shadow(0 2px 3px #0006)}.bday-wheel__face[data-same] .bday-wheel__face-ring{fill:var(--pink)}.bday-wheel__face[data-match] .bday-wheel__face-ring{fill:var(--gold);animation:1.8s ease-in-out infinite alternate bday-glow}@keyframes bday-glow{0%{filter:drop-shadow(0 0 2px #ffd86b99)}to{filter:drop-shadow(0 0 10px #ffd86b)}}.bday-wheel__face-bg{fill:#ece2fc}.bday-wheel__line{stroke:var(--gold);stroke-width:1.8px;stroke-dasharray:3 4;stroke-linecap:round;opacity:0;animation:bday-line .6s ease-out calc(2.3s + var(--i) * .25s) forwards}@keyframes bday-line{to{opacity:.9}}.bday-wheel__you path{fill:var(--gold);stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 0 6px #ffd86be6);animation:1.6s ease-in-out infinite alternate bday-pulse}@keyframes bday-pulse{to{transform:scale(1.18)}}.bday-wheel__you-label{fill:#fff;font-family:var(--font-caveat), cursive;text-anchor:middle;paint-order:stroke;stroke:#160e31;stroke-width:3px;font-size:15px;font-weight:700}.bday-wheel__pointer{fill:var(--gold);stroke:#160e31;stroke-width:2px;stroke-linejoin:round}.bday-form{border:2px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.7rem;padding:1rem 1.1rem;display:flex;rotate:-1deg;box-shadow:0 10px 30px #0006}.bday-form__field{font-family:var(--font-caveat), cursive;gap:.25rem;font-size:1.15rem;font-weight:700;display:grid}.bday-form .select{border:2px solid var(--ink);min-width:9.5rem;height:44px;color:var(--ink);background-color:#fff;font-size:1rem}.bday-form__field--day .select{min-width:5rem}.bday-form__go{min-height:44px}.bday-chart{text-align:center;justify-items:center;gap:.6rem;scroll-margin-top:6rem;animation:.5s ease-out both bday-rise;display:grid}.bday-chart__title{color:#fff;text-shadow:0 3px #00000059;margin:0;font-size:clamp(1.7rem,6vw,2.4rem)}.bday-chart__lead{color:#f6efe2d1;max-width:34rem;margin:0 0 .6rem;line-height:1.5}.bday-results{gap:1.3rem;scroll-margin-top:5rem;animation:.6s ease-out 2.4s both bday-rise;display:grid}@media (min-width:860px){.bday-results{grid-template-columns:1fr 1fr;align-items:start}.bday-sign,.bday-results__happy,.bday-results__actions{grid-column:1/-1}.bday-matches{grid-area:span 2/2}}@keyframes bday-rise{0%{opacity:0;transform:translateY(24px)}}.bday-results__happy{color:var(--gold);text-align:center;margin:0;font-size:clamp(1.8rem,6vw,2.6rem)}.bday-card{border:2px solid var(--ink);background:var(--cream);color:var(--ink);rotate:var(--r,0deg);border-radius:16px;padding:1.2rem 1.2rem 1.3rem;position:relative;box-shadow:0 12px 30px #00000059}.bday-card__title{margin:0 0 .8rem;font-size:1.45rem}.bday-card__text{margin:0;line-height:1.5}.bday-card__fine{color:#6b6175;margin:.8rem 0 0;font-size:.85rem}.bday-sign{--el:#c9b2f5;align-items:center;gap:1.2rem;display:grid;rotate:-.6deg}.bday-sign[data-element=fire]{--el:#ff9e7a}.bday-sign[data-element=earth]{--el:#9fd8a6}.bday-sign[data-element=air]{--el:#9cc3ec}.bday-sign[data-element=water]{--el:#b9a4f5}@media (min-width:640px){.bday-sign{grid-template-columns:auto 1fr}}.bday-sign:before{content:"";background:#f7a8c8bf;width:110px;height:26px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:-3deg}.bday-sign__glyph{aspect-ratio:1;border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%, #ffffffb3, transparent 45%), var(--el);width:clamp(7.5rem,30vw,10rem);color:var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:50%;justify-self:center;place-items:center;font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",Noto Sans Symbols,sans-serif;font-size:clamp(4rem,16vw,5.6rem);line-height:1;animation:.9s cubic-bezier(.2,1.3,.4,1) 1.8s both bday-spin-in;display:grid}@keyframes bday-spin-in{0%{opacity:0;transform:rotate(-200deg)scale(.3)}}.bday-sign__words{gap:.5rem;display:grid}.bday-sign__words h2{margin:0;font-size:clamp(2rem,7vw,2.8rem)}.bday-sign__dates{color:#5c5162;margin:0;font-weight:600}.bday-sign__element{background:var(--el);color:var(--ink);border-radius:999px;padding:.05rem .5rem}.bday-sign__traits{flex-wrap:wrap;gap:.45rem;margin:.2rem 0;padding:0;list-style:none;display:flex}.bday-sign__traits li{border:2px solid var(--ink);font-family:var(--font-caveat), cursive;box-shadow:2px 2px 0 var(--ink);rotate:var(--r);background:#fff;border-radius:999px;padding:.2rem .75rem;font-size:1.2rem;font-weight:700}.bday-sign__text{margin:0;font-size:1.05rem;line-height:1.55}.bday-sign__same{color:#7438c9;font-family:var(--font-caveat), cursive;align-items:center;gap:.6rem;margin:.2rem 0 0;font-size:1.4rem;font-weight:700;display:flex}.bday-faces{display:flex}.bday-faces .bday-face+.bday-face{margin-left:-.6rem}.bday-face{aspect-ratio:1;border:2px solid var(--ink);background:#ece2fc;border-radius:50%;flex:none;width:2.4rem;display:block;position:relative;overflow:hidden}.bday-face[data-big]{width:4rem}.bday-face img{left:var(--px);top:var(--py);width:var(--iw);max-width:none;height:auto;position:absolute}.bday-twin{text-align:center;justify-items:center;display:grid;rotate:.8deg}.bday-twin__pair{align-items:center;gap:.6rem;display:flex}.bday-twin__you{aspect-ratio:1;border:2px solid var(--ink);background:var(--gold);width:4rem;font-family:var(--font-caveat), cursive;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:700;line-height:1;display:grid}.bday-twin__you span{font-size:1.3rem}.bday-twin__link{border:2px dashed var(--ink);border-radius:999px;padding:.2rem .6rem;font-weight:800}.bday-twin__name{margin:.5rem 0 .3rem;font-size:2rem}.bday-matches{rotate:-.5deg}.bday-matches__glyph{font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif}.bday-vibe{border:2px dashed var(--ink);background:#fff7ea;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.6rem;padding:.9rem 1rem;animation:.35s cubic-bezier(.2,1.4,.4,1) both bday-vibe-in;display:grid}@keyframes bday-vibe-in{0%{opacity:0;transform:scale(.94)rotate(-1deg)}}.bday-vibe__face{position:relative}.bday-vibe__face .bday-face{width:5.6rem;box-shadow:3px 3px 0 var(--ink);border-width:3px}.bday-vibe__stamp{aspect-ratio:1;border:2px solid var(--ink);background:var(--gold);width:3.1rem;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;font-size:.95rem;font-weight:800;display:grid;position:absolute;bottom:-.5rem;right:-.9rem;rotate:-12deg}.bday-vibe[data-kind=same] .bday-vibe__stamp,.bday-vibe[data-kind=element] .bday-vibe__stamp{background:var(--pink)}.bday-vibe__words p{margin:0}.bday-vibe__rank{color:#7438c9;font-family:var(--font-caveat), cursive;font-size:1.25rem;font-weight:700;line-height:1}.bday-vibe__name{font-size:1.7rem;line-height:1.15}.bday-vibe__sign{color:#6b6175;font-family:var(--font-jakarta,inherit), sans-serif;white-space:nowrap;font-size:.85rem}.bday-vibe__line{line-height:1.4;margin-top:.3rem!important}.bday-vibes__hint{color:#6b6175;text-align:center;margin:.9rem 0 .5rem;font-size:.85rem}.bday-vibes{flex-wrap:wrap;gap:.6rem;display:flex}.bday-vibes__group{border:2px solid var(--ink);background:var(--vibe,#f1e8ff);border-radius:12px;flex:auto;gap:.4rem;padding:.55rem .7rem .65rem;display:grid}.bday-vibes__group[data-vibe=wavelength]{--vibe:#ffe0ec}.bday-vibes__group[data-vibe=team]{--vibe:#fff1c4}.bday-vibes__group[data-vibe=opposite]{--vibe:#dcecff}.bday-vibes__label{font-family:var(--font-caveat), cursive;font-size:1.15rem;font-weight:700;line-height:1}.bday-vibes__faces{flex-wrap:wrap;gap:.35rem;display:flex}.bday-vibes__member{min-width:3.6rem;color:var(--ink);font:inherit;cursor:pointer;animation:bday-pop .4s cubic-bezier(.2, 1.4, .4, 1) calc(2.5s + var(--i) * 60ms) both;background:0 0;border:2px solid #0000;border-radius:10px;justify-items:center;gap:.1rem;padding:.3rem .2rem .25rem;transition:transform .15s cubic-bezier(.2,1.5,.4,1);display:grid}@keyframes bday-pop{0%{opacity:0;transform:scale(.6)}}.bday-vibes__member:hover{transform:translateY(-2px)rotate(-3deg)}.bday-vibes__member[aria-pressed=true]{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff}.bday-vibes__member .bday-face{width:2.8rem}.bday-vibes__who{font-size:.78rem;font-weight:800;line-height:1.1}.bday-vibes__pct{color:#6b6175;font-size:.72rem;font-weight:700}.bday-count{rotate:.6deg}.bday-count__list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.bday-count__list li{border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.35rem .5rem;display:grid}.bday-count__list li[data-you]{background:#ffd86b59}.bday-count__list li[data-today]{background:#f7a8c873}.bday-count__star{aspect-ratio:1;border:2px solid var(--ink);background:var(--gold);border-radius:50%;place-items:center;width:2.4rem;font-size:1.2rem;display:grid}.bday-count__name{font-weight:700;line-height:1.2;display:grid}.bday-count__name small{color:#6b6175;font-weight:500}.bday-count__when{font-family:var(--font-caveat), cursive;color:#7438c9;font-size:1.25rem;font-weight:700}.bday-results__actions{justify-content:center;display:flex}.bday-today{border:2px solid var(--ink);background:radial-gradient(circle at 12% 20%, #f7a8c859 0 4px, transparent 5px) 0 0 / 64px 64px, radial-gradient(circle at 70% 60%, #c9b2f566 0 3px, transparent 4px) 0 0 / 80px 80px, var(--cream);width:min(100%,52rem);color:var(--ink);text-align:center;border-radius:18px;justify-self:center;justify-items:center;gap:.6rem;padding:1.4rem 1.2rem 1.2rem;display:grid;position:relative;rotate:-.8deg;box-shadow:0 12px 30px #0006}@media (min-width:760px){.bday-today{text-align:left;grid-template-columns:auto 1fr auto}}.bday-today__sticker{object-fit:contain;object-position:bottom;width:9rem;max-height:10.5rem;animation:1.4s ease-in-out infinite alternate bday-bounce}@keyframes bday-bounce{to{transform:translateY(-6px)rotate(3deg)}}.bday-today__words h2{margin:0 0 .3rem;font-size:clamp(1.6rem,5.5vw,2.3rem)}.bday-today__words p{margin:0;line-height:1.5}.bday-cake{justify-items:center;width:11rem;padding-top:.5rem;display:grid;position:relative}.bday-cake__candles{z-index:1;align-items:flex-end;gap:1.3rem;height:3.6rem;display:flex}.bday-cake__candle{border:2px solid var(--ink);background:repeating-linear-gradient(-45deg, #fff 0 5px, var(--pink) 5px 10px);cursor:pointer;border-radius:3px;width:.7rem;height:2.2rem;padding:0;position:relative}.bday-cake__candle:nth-child(2){background:repeating-linear-gradient(-45deg, #fff 0 5px, var(--lilac) 5px 10px);height:2.6rem}.bday-cake__candle:after{content:"";position:absolute;inset:-1.6rem -.9rem -.4rem}.bday-cake__flame{background:radial-gradient(circle at 50% 70%, #fff6c8 0 25%, var(--gold) 45%, #ff9e5e 80%);transform-origin:50% 90%;border-radius:50%/60% 60% 40% 40%;width:.8rem;height:1.2rem;transition:scale .25s,opacity .25s;animation:.35s ease-in-out infinite alternate bday-flicker;position:absolute;bottom:calc(100% + 2px);left:50%;translate:-50%;box-shadow:0 0 12px 4px #ffd86bb3}.bday-cake__candle:nth-child(2) .bday-cake__flame{animation-delay:-.12s}.bday-cake__candle:nth-child(3) .bday-cake__flame{animation-delay:-.22s}@keyframes bday-flicker{0%{transform:rotate(-5deg)scaleY(1)}to{transform:rotate(5deg)scaleY(1.12)}}.bday-cake__candle[data-out] .bday-cake__flame{opacity:0;scale:0}.bday-cake__smoke{opacity:0;background:#968ca099;border-radius:50%;width:.5rem;height:.5rem;position:absolute;bottom:100%;left:50%;translate:-50%}.bday-cake__candle[data-out] .bday-cake__smoke{animation:1.2s ease-out forwards bday-smoke}@keyframes bday-smoke{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-34px)scale(3)}}.bday-cake__top{z-index:1;border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:10px 10px 0 0;width:7.4rem;height:.9rem;margin-bottom:-.45rem}.bday-cake__tier{border:2px solid var(--ink);border-radius:8px}.bday-cake__tier--top{background:radial-gradient(circle at 10px 0, #fff 0 9px, transparent 10px) 0 0 / 20px 14px repeat-x, var(--pink);width:7.4rem;height:2.6rem}.bday-cake__tier--bottom{background:radial-gradient(circle at 12px 0, #fff 0 10px, transparent 11px) 0 0 / 24px 16px repeat-x, var(--lilac);width:10rem;height:3rem;margin-top:-2px}.bday-cake__plate{border:2px solid var(--ink);background:#fff;border-radius:999px;width:11.5rem;height:.6rem;margin-top:-2px}.bday-cake__hint{white-space:nowrap;color:#7438c9;font-family:var(--font-caveat), cursive;margin:.5rem 0 0;font-size:1.15rem;font-weight:700}.bday-calendar{gap:1rem;width:min(100%,50rem);margin:1.5rem auto 0;display:grid}.bday-calendar__title{color:#fff;text-align:center;margin:.6rem 0 0;font-size:clamp(1.7rem,6vw,2.3rem)}.bday-calendar__lead{color:#f6efe2cc;text-align:center;max-width:34rem;margin:0 auto;line-height:1.5}.bday-calendar__list{gap:.9rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:720px){.bday-calendar__list{grid-template-columns:1fr 1fr}}.bday-calendar__list .bday-card{grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.9rem;display:grid}.bday-calendar__list h3{margin:0;font-size:1.3rem}.bday-calendar__list p{margin:.1rem 0 0;font-size:.92rem}.bday-calendar__age{color:#6b6175}.bday-calendar__sign{--el:#c9b2f5;border:2px solid var(--ink);background:var(--el);border-radius:12px;justify-items:center;gap:.1rem;padding:.4rem .55rem;font-size:.78rem;font-weight:700;display:grid}.bday-calendar__sign span{font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;font-size:1.6rem;line-height:1}.bday-calendar__sign[data-element=fire]{--el:#ff9e7a}.bday-calendar__sign[data-element=earth]{--el:#9fd8a6}.bday-calendar__sign[data-element=air]{--el:#9cc3ec}.bday-calendar__sign[data-element=water]{--el:#b9a4f5}.bday-faq{gap:.5rem;display:grid}.bday-faq__item{background:#ffffff0f;border:1.5px solid #ffffff2e;border-radius:12px;padding:.8rem 1rem}.bday-faq__item summary{color:#fff;cursor:pointer;font-weight:700}.bday-faq__item p{color:#f6efe2d1;margin:.5rem 0 0;line-height:1.5}@media (prefers-reduced-motion:reduce){.bday-wheel{transition:none}.bday__stars,.bday-wheel__face[data-match] .bday-wheel__face-ring,.bday-wheel__you path,.bday-sign__glyph,.bday-vibe,.bday-vibes__member,.bday-results,.bday-today__sticker,.bday-cake__flame{animation:none}.bday-wheel__line{opacity:.9;animation:none}}.bday__end{justify-content:center;margin-top:2rem;display:flex}