.art{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.art-float{width:min(62%,260px);animation:5s ease-in-out infinite art-float;position:relative}.art-float--bouncy{width:min(52%,220px);animation:art-bounce 2.6s var(--ease-spring) infinite}.art-envelope,.art-gift{filter:drop-shadow(0 18px 24px #00000038);width:100%;height:auto}@keyframes art-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(-1deg)}}@keyframes art-bounce{0%,to{transform:translateY(0)rotate(-3deg)}40%{transform:translateY(-14px)rotate(3deg)}60%{transform:translateY(-14px)rotate(-2deg)}}.art--envelope-gold .art-halo{aspect-ratio:1;background:radial-gradient(circle,#f4d29673,#0000 65%);border-radius:50%;width:70%;animation:4s ease-in-out infinite art-pulse;position:absolute}.art-spark{left:var(--x);top:var(--y);width:6px;height:6px;animation:art-twinkle 2.8s ease-in-out var(--d) infinite;background:#f6dca7;border-radius:50%;position:absolute;box-shadow:0 0 12px 3px #f6dca7b3}@keyframes art-twinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}@keyframes art-pulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}.art-mini-heart{fill:#ffffffd9;width:26px;animation:6s ease-in-out infinite art-heart-rise;position:absolute}.art-mini-heart.h1{top:60%;left:12%}.art-mini-heart.h2{width:18px;animation-delay:-2s;top:25%;left:80%}.art-mini-heart.h3{fill:#ffe0e8;width:22px;animation-delay:-4s;top:70%;left:70%}.art-mini-heart.h4{width:14px;animation-delay:-1s;top:20%;left:22%}@keyframes art-heart-rise{0%,to{opacity:.55;transform:translateY(6px)rotate(-10deg)scale(.9)}50%{opacity:1;transform:translateY(-12px)rotate(10deg)scale(1.05)}}.art-balloon{width:44px;animation:5s ease-in-out infinite art-balloon;position:absolute}.art-balloon.b1{top:12%;left:10%}.art-balloon.b2{width:38px;animation-delay:-1.6s;top:8%;right:10%}.art-balloon.b3{width:34px;animation-delay:-3.2s;bottom:10%;right:18%}@keyframes art-balloon{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-14px)rotate(6deg)}}.art-gift__lid{transform-origin:100px 80px;animation:art-lid 2.6s var(--ease-spring) infinite}@keyframes art-lid{0%,70%,to{transform:translateY(0)rotate(0)}80%{transform:translateY(-10px)rotate(-6deg)}90%{transform:translateY(-4px)rotate(4deg)}}.art-confetti{left:var(--x);top:var(--y);background:var(--c);width:12px;height:6px;transform:rotate(var(--r));border-radius:2px;animation:3s ease-in-out infinite art-twinkle;position:absolute}.milestone-art{background:radial-gradient(70% 60% at 50% 38%, color-mix(in srgb, var(--milestone-ink) 22%, transparent), transparent 70%), linear-gradient(160deg, var(--milestone-paper), var(--milestone-deep,var(--milestone-paper)));color:var(--milestone-ink);container-type:size}.milestone-art__glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--milestone-ink) 30%, transparent), transparent 65%);border-radius:50%;width:80%;animation:5s ease-in-out infinite art-pulse;position:absolute}.milestone-art__card{background:linear-gradient(170deg, color-mix(in srgb, var(--milestone-ink) 14%, transparent), color-mix(in srgb, var(--milestone-ink) 4%, transparent));width:58%;height:86%;box-shadow:0 18px 34px #00000047, inset 0 0 40px color-mix(in srgb, var(--milestone-ink) 12%, transparent);transition:transform .6s var(--ease-spring);border:1.5px solid;border-radius:999px 999px 14px 14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;transform:rotate(-4deg)}.milestone-art__frame{opacity:.45;border:1px dashed;border-radius:999px 999px 8px 8px;position:absolute;inset:7px}.milestone-art__motif{width:34%;height:auto;margin-top:12%;overflow:visible}.milestone-art strong{font-family:var(--font-display,Georgia, serif);letter-spacing:-.05em;text-shadow:0 0 24px color-mix(in srgb, var(--milestone-ink) 55%, transparent);font-size:clamp(54px,22cqh,100px);font-weight:500;line-height:1}.milestone-art__caption{letter-spacing:.24em;opacity:.85;margin-bottom:7%;font-size:8px;font-weight:700}.milestone-art__star{width:22px;color:var(--milestone-ink);filter:drop-shadow(0 0 6px);animation:3s ease-in-out infinite art-twinkle;position:absolute}.milestone-art__star--one{width:26px;top:10%;right:14%}.milestone-art__star--two{width:18px;animation-delay:-1s;bottom:14%;left:12%}.milestone-art__star--three{width:12px;animation-delay:-2s;top:30%;left:10%}.milestone-art__shine{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.m-bubble{transform-box:fill-box;animation:2.4s ease-in infinite m-rise}.m-bubble--b{animation-delay:-1.2s}.m-needle{transform-origin:0 22px;animation:4s ease-in-out infinite m-needle}@keyframes m-rise{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes m-needle{0%,to{transform:rotate(-30deg)}50%{transform:rotate(40deg)}}.heart-keepsake{color:#8f1233;background:radial-gradient(90% 80% at 50% 30%,#ffe6ec,#f6b5c5 70%,#e98aa4)}.keepsake-aura{aspect-ratio:1;background:radial-gradient(circle,#ffffffd9,#0000 65%);border-radius:50%;width:72%;animation:3.6s ease-in-out infinite art-pulse;position:absolute}.keepsake-stage{width:min(54%,230px);margin-bottom:8%}.keepsake-svg{filter:drop-shadow(0 16px 18px #8f123666);width:100%;height:auto;overflow:visible}.keepsake-shackle{transform-box:fill-box;transform-origin:20% 100%;transition:transform .7s var(--ease-spring)}.keepsake-caption{font-family:var(--font-display,Georgia, serif);letter-spacing:.01em;font-size:19px;font-style:italic;position:absolute;bottom:9%}.heart-keepsake .art-mini-heart{fill:#ffffffe6}.constellation-art{color:#eadbfc;background:radial-gradient(90% 80% at 30% 20%,#3b3470,#20223e 55%,#12132a);flex-direction:column;display:flex}.const-nebula{background:radial-gradient(40% 35% at 75% 30%,#ff8cbe38,#0000),radial-gradient(45% 40% at 20% 78%,#7896ff33,#0000);animation:7s ease-in-out infinite art-pulse;position:absolute;inset:0}.constellation-art svg{width:100%;height:86%;position:relative}.constellation-art>span:last-child{font-family:var(--font-display,Georgia, serif);font-size:15px;font-style:italic;position:absolute;bottom:8%}.const-line{stroke-dasharray:1;stroke-dashoffset:0;animation:7s ease-in-out infinite const-draw}.const-star{transform-box:fill-box;transform-origin:50%;animation:art-twinkle 3.2s ease-in-out calc(var(--i) * -.5s) infinite}.const-dust{animation:art-twinkle 3s ease-in-out calc(var(--i) * -.4s) infinite}@keyframes const-draw{0%{stroke-dashoffset:1px}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}.vintage-art{color:#f1d595;background:radial-gradient(circle at 50% 28%,#7a2432,#2a0b12 72%);flex-direction:column;justify-content:center;align-items:center;display:flex}.vintage-lamp{aspect-ratio:1;background:radial-gradient(circle,#ffc87866,#0000 65%);border-radius:50%;width:70%;animation:4.5s ease-in-out infinite art-pulse;position:absolute;top:-10%}.vintage-art svg{filter:drop-shadow(0 18px 24px #0000008c);width:auto;height:82%;animation:7s ease-in-out infinite art-sway;position:relative}.vintage-art>span:last-child{font-family:var(--font-display,Georgia, serif);letter-spacing:.04em;font-size:15px;font-style:italic;position:absolute;bottom:5.5%}.vintage-glint{animation:3.5s ease-in-out infinite art-twinkle}@keyframes art-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@media (hover:hover){.card-preview:hover .milestone-art__card,.collection-tile:hover .milestone-art__card{transform:rotate(0)scale(1.05)}.card-preview:hover .milestone-art__shine,.collection-tile:hover .milestone-art__shine{transition:transform 1s var(--ease-out);transform:translate(120%)}.card-preview:hover .keepsake-shackle{transform:rotate(-24deg)translateY(-6px)}.card-preview:hover .art-float,.collection-tile:hover .art-float{animation-duration:2.6s}}.card-preview__art:active .milestone-art__card,.collection-tile:active .milestone-art__card{transform:rotate(0)scale(.97)}@media (prefers-reduced-motion:reduce){.const-line{stroke-dashoffset:0}}