:root{color-scheme:dark;color:#f2f4f8;font-synthesis:none;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 42%,#252b388c,#0000 48%),linear-gradient(145deg,#10131b 0%,#07090d 62%,#0d1017 100%);min-width:20rem;overflow-x:hidden}.icon-definitions{width:0;height:0;position:absolute;overflow:hidden}.icon-pattern{z-index:0;color:#7b8496;opacity:.13;pointer-events:none;user-select:none;grid-template-columns:repeat(12,minmax(3.5rem,1fr));place-items:center;gap:clamp(2.5rem,5vw,6rem);display:grid;position:fixed;inset:-18vmax;transform:rotate(-12deg)scale(1.08)}.pattern-icon{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:clamp(1.8rem,3vw,3.5rem);height:auto;overflow:visible;transform:rotate(12deg)}.pattern-icon text{fill:currentColor;stroke:none;letter-spacing:-.5px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:7px;font-weight:800}.pattern-icon:nth-child(5n){opacity:.58;transform:rotate(12deg)scale(.82)}.pattern-icon:nth-child(7n){opacity:.72;transform:rotate(12deg)scale(1.12)}.age-page,.not-found-page{z-index:1;place-items:center;min-height:100svh;padding:clamp(1.5rem,6vw,5rem);display:grid;position:relative}.age-counter{text-align:center;justify-content:center;align-items:flex-end;gap:clamp(1.1rem,6vw,6.5rem);width:min(100%,76rem);display:flex;position:relative}.birthday-crowns{inset-inline:0;filter:drop-shadow(0 0 1.2rem #ffd35b3d);justify-content:center;align-items:center;gap:clamp(.8rem,2vw,1.5rem);font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1;display:flex;position:absolute;bottom:calc(100% + .25rem)}.birthday-crowns[hidden]{display:none}.age-unit{gap:clamp(.35rem,1vw,.8rem);min-width:0;display:grid}.age-value{isolation:isolate;color:#f7f8fc;font-variant-numeric:tabular-nums;letter-spacing:-.075em;text-shadow:0 0 .9rem #ebefff4d,0 0 3rem #7491de4d,0 0 5.5rem #4b68b829;will-change:text-shadow;font-size:clamp(4.5rem,15vw,13rem);font-weight:750;line-height:.78;animation:7s ease-in-out infinite age-breathe;display:inline-block;position:relative}.age-value:before{z-index:-1;content:"";filter:blur(1.25rem);opacity:.42;transform-origin:50%;pointer-events:none;will-change:opacity, transform;background:radial-gradient(at 28% 45%,#7797e76b 0 8%,#0000 42%),radial-gradient(at 68% 35%,#c2d1ff47 0 6%,#0000 38%),radial-gradient(at 55% 72%,#4564b85c 0 10%,#0000 46%);animation:13s ease-in-out infinite alternate organic-glow;position:absolute;inset:-34% -28%}.age-unit:nth-of-type(2) .age-value{animation-delay:-2.3s}.age-unit:nth-of-type(2) .age-value:before{animation-delay:-4.3s}.age-unit:nth-of-type(3) .age-value{animation-delay:-4.6s}.age-unit:nth-of-type(3) .age-value:before{animation-delay:-8.6s}.age-label{color:#9ba3b3;letter-spacing:.18em;text-transform:uppercase;font-size:clamp(.72rem,1.4vw,1.05rem);font-weight:650}.not-found-content{justify-items:center;gap:1.5rem;display:grid}.not-found-code{letter-spacing:-.08em;margin:0;font-size:clamp(7rem,28vw,18rem);font-weight:750;line-height:.75}.home-link{color:#bbc2cf;letter-spacing:.14em;text-underline-offset:.45em;text-transform:uppercase;font-size:.82rem;font-weight:650;text-decoration-color:#5c6474}.home-link:hover,.home-link:focus-visible{color:#fff;text-decoration-color:currentColor}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes age-breathe{0%,to{text-shadow:0 0 .9rem #ebefff4d,0 0 3rem #7491de4d,0 0 5.5rem #4b68b829}50%{text-shadow:0 0 1rem #f0f3ff5c,0 0 3.4rem #7491de5c,0 0 6rem #4b68b833}}@keyframes organic-glow{0%{opacity:.32;transform:translate(-2%,2%)rotate(-2deg)scale(.96,1.02)}48%{opacity:.48;transform:translate(2%,-1%)rotate(2deg)scale(1.04,.98)}to{opacity:.38;transform:translate(-1%,-2%)rotate(4deg)scale(1.01,1.06)}}@media (prefers-reduced-motion:reduce){.age-value,.age-value:before{animation:none}}@media (width<=42rem){.icon-pattern{opacity:.11;grid-template-columns:repeat(8,minmax(3rem,1fr));gap:2.5rem}.age-counter{flex-direction:column;align-items:center;gap:clamp(2rem,7vh,4rem)}.birthday-crowns{bottom:calc(100% + .15rem)}.age-value{font-size:clamp(5.5rem,27vw,9rem)}}
