*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Inter,Avenir Next,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#050806;color:#fff;overflow:hidden}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.layer-background{z-index:1}.background-slide{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);filter:saturate(.72) brightness(.58) contrast(1.03) hue-rotate(-8deg);transition:opacity 2.8s ease-in-out;will-change:opacity}.background-slide.is-active{opacity:1}.background-shade,.background-vignette,.background-brine,.background-brine-clouds,.background-brine-depth,.background-jar-wall,.background-particulate,.background-sediment,.background-jar-rim,.background-jar-refraction,.background-grain{position:absolute;top:0;right:0;bottom:0;left:0}.background-shade{background:radial-gradient(130% 115% at 50% 52%,#93a85e1f,#5c713a1a 40%,#1a28183d 74%,#060a087a),radial-gradient(78% 72% at 30% 24%,#b0c07514,#b0c07500 60%),radial-gradient(86% 74% at 74% 68%,#6f804d12,#6f804d00 65%),linear-gradient(174deg,#121d1447,#0509077a)}.background-brine{background:radial-gradient(95% 89% at 49% 46%,#a6b56033,#80934e29 32%,#45563021 57%,#1b28190a 74%),radial-gradient(118% 112% at 51% 56%,#50643a3d,#23311f1a 60%,#0e16101a),conic-gradient(from .16turn at 51% 46%,#94a35c21,#667c4317,#7a8a4c1f,#54693a1a,#8f9e5921);opacity:.52;mix-blend-mode:normal}.background-brine-clouds{background:radial-gradient(34% 26% at 39% 36%,#c5bd8133,#c5bd8100 84%),radial-gradient(42% 32% at 62% 48%,#a5a0662e,#a5a06600 80%),radial-gradient(37% 28% at 45% 64%,#928f5b29,#928f5b00 84%),radial-gradient(29% 22% at 70% 33%,#b0a97021,#b0a97000 80%),radial-gradient(32% 24% at 31% 57%,#87835321,#87835300 82%);opacity:.34;filter:blur(6px);mix-blend-mode:soft-light}.background-brine-depth{background:radial-gradient(74% 70% at 50% 50%,#7b8b4e0d,#4354301f 44%,#1c2b1b33 70%,#0c140e57),radial-gradient(117% 106% at 50% 58%,#121e1300,#0b130d29 58%,#060a086b);opacity:.55}.background-jar-wall{background:radial-gradient(89% 81% at 50% 50%,#0c120d00 59.5%,#212d1f29 67%,#7b8f5b17 71%,#18241833 77%,#070b0966 95%),radial-gradient(95% 86% at 50% 46%,#f1f6d200 61%,#f0f7d81f 67%,#f0f7d800 75%);opacity:.46}.background-jar-rim{background:radial-gradient(102% 88% at 62% 36%,#fdffe400 61%,#faffec4a 67%,#faffec17 71%,#faffec00 77%),radial-gradient(98% 86% at 33% 69%,#070c0900 62%,#0a0f0b52 69%,#060a0800 75%),radial-gradient(90% 82% at 50% 50%,#070b0800 58%,#151f1547 65%,#99af741f 70%,#070b08bf);opacity:.44;transform:scaleX(1.03);mix-blend-mode:screen}.background-jar-refraction{background:radial-gradient(92% 88% at 50% 50%,#80935914,#80935900 66%),radial-gradient(84% 73% at 52% 49%,#dde7b100 57%,#e8f1c024 65%,#dde7b100 74%),radial-gradient(54% 44% at 42% 34%,#f4f8d81f,#f4f8d800 52%),radial-gradient(60% 46% at 61% 67%,#4c643a2e,#4c643a00 58%);opacity:.38;filter:blur(.3px);mix-blend-mode:overlay}.background-particulate{background-image:radial-gradient(circle at 14% 26%,rgba(204,208,162,.13) 0 .8px,transparent 1.9px),radial-gradient(circle at 72% 20%,rgba(192,196,149,.1) 0 .9px,transparent 2px),radial-gradient(circle at 40% 70%,rgba(175,182,134,.1) 0 .85px,transparent 1.8px),radial-gradient(circle at 62% 55%,rgba(188,194,148,.08) 0 .95px,transparent 2px),radial-gradient(circle at 86% 76%,rgba(194,200,154,.07) 0 .8px,transparent 1.8px),radial-gradient(circle at 24% 84%,rgba(171,179,132,.07) 0 .95px,transparent 2px);background-size:280px 260px,330px 300px,390px 350px,430px 380px,360px 320px,300px 270px;background-repeat:repeat;opacity:.2;filter:blur(.15px);mix-blend-mode:soft-light}.background-sediment{background:radial-gradient(1.2px .9px at 32% 38%,#91855f5c,#91855f00),radial-gradient(1.1px 1px at 56% 61%,#83795652,#83795600),radial-gradient(.9px 1.3px at 66% 43%,#776c4e45,#776c4e00),radial-gradient(1.4px 1px at 47% 53%,#7c725047,#7c725000),radial-gradient(.8px .9px at 41% 74%,#82765442,#82765400);background-size:240px 220px,310px 280px,270px 250px,340px 310px,290px 260px;opacity:.1;filter:blur(.5px);mix-blend-mode:multiply}.background-vignette{background:radial-gradient(126% 108% at 50% 50%,#080e0a00 48%,#070c0924 68%,#04080670),linear-gradient(180deg,#060c090d,#0306052e);mix-blend-mode:multiply}.background-grain{opacity:.03;background-image:radial-gradient(rgba(225,232,186,.2) .65px,transparent .8px),radial-gradient(rgba(76,94,61,.2) .85px,transparent 1.05px);background-size:3px 3px,4px 4px;background-position:0 0,1px 1px;transform:scale(1.08);mix-blend-mode:overlay}.layer-canvas{pointer-events:none}.layer-water{z-index:2}.layer-water-three{pointer-events:none;mix-blend-mode:normal;opacity:1}.water-three-root,.water-three-root canvas,.pickle-canvas{width:100%;height:100%;display:block}.layer-pickle{z-index:3}.layer-overlay{z-index:4;padding:clamp(.8rem,2.7vh,2rem)}.birthday-headline-wrap{width:min(96vw,1100px);margin:clamp(1.2rem,5vh,4rem) auto 0;animation:card-enter .9s cubic-bezier(.2,.7,.2,1)}.birthday-headline{margin:0;display:flex;flex-direction:column;gap:clamp(.25rem,1.1vw,.85rem);line-height:1;align-items:flex-start;width:100%}.headline-line{display:flex;justify-content:flex-start;gap:clamp(.32rem,1vw,.7rem);flex-wrap:wrap}.line-1{margin-left:clamp(.2rem,3vw,2.2rem);transform:rotate(-1.5deg)}.line-2{margin-left:clamp(.8rem,13vw,10rem);transform:rotate(1.4deg)}.headline-chunk{display:inline-block;font-family:Arial Black,Impact,Avenir Next,system-ui,sans-serif;text-transform:none;font-size:clamp(2rem,7.6vw,6.2rem);letter-spacing:.02em;line-height:.96;padding:.04em .11em;text-shadow:-.045em -.045em 0 rgba(11,13,20,.92),.045em -.045em 0 rgba(11,13,20,.92),-.045em .045em 0 rgba(11,13,20,.92),.045em .045em 0 rgba(11,13,20,.92),.1em .13em 0 rgba(9,8,13,.45),0 .08em .38em rgba(5,4,8,.5)}.headline-chunk.loud{transform:rotate(1.5deg) scale(1.08)}.headline-chunk.loudest{transform:rotate(-2.2deg) scale(1.14)}.headline-chunk.tilt-left{transform:rotate(-2.1deg)}.headline-chunk.tilt-right{transform:rotate(2.1deg)}.headline-chunk.tilt-right.loud,.headline-chunk.tilt-right.loudest{transform-origin:50% 65%}.tag-coral{color:#ff6289}.tag-lime{color:#bdf954}.tag-sky{color:#58d8ff}.tag-gold{color:#ffd45a}.tag-pink{color:#ff58d0}.overlay-dismiss{position:absolute;right:clamp(.8rem,2.2vw,1.8rem);bottom:clamp(.8rem,2.4vh,1.7rem);border:1px solid rgba(255,227,162,.52);border-radius:999px;background:linear-gradient(180deg,#ff75d34d,#81e6833d);color:#ffffecf5;padding:.56rem 1.08rem;font-size:.87rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-dismiss:hover{transform:translateY(-1px);background:linear-gradient(180deg,#ff91de6b,#9af39d57);box-shadow:0 6px 14px #ff4fae33}@media (max-width: 640px){.birthday-headline-wrap{width:min(97vw,650px);margin-top:clamp(1.6rem,5.4vh,3.2rem)}.headline-line{gap:.2rem}.line-1{margin-left:.1rem;transform:rotate(-.7deg)}.line-2{margin-left:clamp(.7rem,8vw,2rem);transform:rotate(.95deg)}.headline-chunk{font-size:clamp(1.85rem,11vw,3.5rem);letter-spacing:.012em;text-shadow:-.038em -.038em 0 rgba(11,13,20,.95),.038em -.038em 0 rgba(11,13,20,.95),-.038em .038em 0 rgba(11,13,20,.95),.038em .038em 0 rgba(11,13,20,.95),.08em .11em 0 rgba(9,8,13,.42)}}.overlay-dismiss:focus-visible{outline:2px solid rgba(214,251,203,.78);outline-offset:3px}@keyframes card-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}