*{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;display:grid;place-items:center;padding:clamp(1rem,3vh,2rem)}.birthday-card{width:min(660px,92vw);padding:clamp(1.4rem,3.5vw,2.2rem);border-radius:24px;text-align:center;background:linear-gradient(160deg,#1e252285,#0e141470),radial-gradient(circle at 20% 12%,#a4dba31f,#a4dba300);border:1px solid rgba(211,255,203,.2);box-shadow:0 16px 30px #0000003d,inset 0 0 0 1px #ffffff14,0 0 36px #66b47914;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:card-enter .9s cubic-bezier(.2,.7,.2,1)}.birthday-kicker{margin:0;font-size:clamp(.75rem,1.8vw,.86rem);letter-spacing:.18em;text-transform:uppercase;color:#d6f8cbb8}.birthday-card h1{margin:.7rem 0 0;font-size:clamp(1.85rem,3.8vw,2.95rem);letter-spacing:.01em;line-height:1.14;color:#f5fff4f7;text-shadow:0 4px 14px rgba(12,24,16,.25)}.birthday-subline{margin:1rem auto 0;max-width:45ch;font-size:clamp(1rem,2.2vw,1.14rem);line-height:1.62;color:#e8f8e5e6}.birthday-card button{margin-top:1.45rem;border:1px solid rgba(202,250,192,.32);border-radius:999px;background:linear-gradient(180deg,#a4e0a038,#78b4772e);color:#edffe9f2;padding:.68rem 1.35rem;font-size:.94rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.birthday-card button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#aceeaa47,#7bc5793d);box-shadow:0 6px 14px #5a9c5b33}.birthday-card button: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)}}