:root{--c-bg-0:#08070a;--c-bg-1:#0d0c12;--c-night:#0f1a2b;--c-night-2:#1a2942;--c-wine:#4a0d18;--c-blood:#7a1020;--c-earth-0:#2b1b12;--c-earth-1:#4a2e1d;--c-earth-2:#8a6748;--c-ivory:#f3e9d9;--c-ivory-soft:#d8cdbc;--c-rose-glow:#d6889a;--c-iris-a:#3566b8;--c-iris-b:#8a4cc2;--c-iris-c:#c2425e;--f-display:"Cormorant Garamond", "Times New Roman", serif;--f-script:"Pinyon Script", "Cormorant Garamond", cursive;--f-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--c-ivory);background:var(--c-bg-0);font-family:var(--f-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:radial-gradient(ellipse at 50% 40%, #4a0d1859 0%, #0f1a2b73 28%, #0d0c12 62%, var(--c-bg-0) 100%);background-attachment:fixed;overflow-x:hidden}#root{isolation:isolate}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}body:before{content:"";pointer-events:none;z-index:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.92  0 0 0 0 0.85  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{z-index:1;text-align:center;grid-template-rows:auto 1fr auto;gap:clamp(.5rem,1.5vw,1rem);min-height:100vh;padding:clamp(.9rem,3vw,1.75rem) clamp(1rem,4vw,2rem);display:grid;position:relative}.page__header{flex-direction:column;align-items:center;gap:.35rem;display:flex}.title{font-family:var(--f-display);letter-spacing:.01em;color:var(--c-ivory);text-shadow:0 1px 30px #7a102040;font-size:clamp(1.9rem,6.5vw,3.6rem);font-style:italic;font-weight:400;line-height:1.05}.title__accent{color:var(--c-rose-glow);font-style:italic}.title__sep{background:linear-gradient(to right, transparent, var(--c-earth-2), transparent);width:clamp(3rem,10vw,6rem);height:1px;margin:.9rem auto 0;display:block}.page__stage{justify-content:center;align-items:center;min-height:clamp(11rem,34vh,22rem);display:flex;position:relative;overflow:hidden}.rose-canvas{touch-action:none;inset:0;width:100%!important;height:100%!important;position:absolute!important}.stage-placeholder{aspect-ratio:1;filter:blur(6px);background:radial-gradient(circle at 50% 45%,#d6889a40,#7a102033 40%,#0f1a2b66 70%,#0000 80%);border-radius:50%;width:min(22rem,70vw);animation:6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.page__footer{padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;align-items:center;gap:.25rem;display:flex}.signature{font-family:var(--f-script);color:var(--c-ivory);background:linear-gradient(135deg, var(--c-ivory) 0%, var(--c-rose-glow) 45%, var(--c-earth-2) 100%);-webkit-text-fill-color:transparent;letter-spacing:.02em;filter:drop-shadow(0 1px 20px #d6889a26);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,12vw,5.5rem);line-height:1}.loveline{font-family:var(--f-display);letter-spacing:.05em;justify-content:center;align-items:center;gap:.8rem;margin-top:.1rem;font-size:clamp(1.1rem,3.2vw,1.7rem);font-style:italic;font-weight:400;display:flex;position:relative}.loveline span{background:linear-gradient(100deg, var(--c-iris-a) 0%, var(--c-rose-glow) 35%, var(--c-iris-c) 60%, var(--c-iris-b) 85%, var(--c-iris-a) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px #d6889a40);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:9s linear infinite tornasol}.loveline:before,.loveline:after{content:"";background:linear-gradient(90deg,#0000,#d6889a66,#0000);width:clamp(1.5rem,6vw,3rem);height:1px}@keyframes tornasol{0%{background-position:0%}to{background-position:220%}}.anniversary{font-family:var(--f-display);color:var(--c-ivory-soft);letter-spacing:.08em;margin-top:.2rem;font-size:clamp(.95rem,2.4vw,1.3rem);font-style:italic;font-weight:300}.counters{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,2vw,1rem);width:100%;max-width:40rem;margin-top:clamp(1rem,3vw,1.6rem);display:grid}.counter{-webkit-backdrop-filter:blur(4px);background:linear-gradient(#1a294259 0%,#4a0d1826 100%);border:1px solid #8a67482e;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .6rem;display:flex}.counter__label{font-family:var(--f-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--c-ivory-soft);opacity:.75;font-size:clamp(.65rem,1.8vw,.8rem)}.counter__big{font-family:var(--f-display);color:var(--c-ivory);letter-spacing:.02em;white-space:nowrap;font-size:clamp(1rem,3.2vw,1.4rem);font-weight:500}.counter__small{font-family:var(--f-sans);font-variant-numeric:tabular-nums;color:var(--c-rose-glow);opacity:.65;letter-spacing:.08em;font-size:clamp(.7rem,1.9vw,.85rem)}@media (width<=540px){.counters{grid-template-columns:1fr;gap:.5rem;max-width:22rem}.counter{flex-direction:row;justify-content:space-between;gap:.7rem;padding:.55rem .8rem}.counter__label{flex-shrink:0}.counter__big{font-size:1rem}.counter__small{font-size:.75rem}.page{gap:.6rem;padding-top:.9rem;padding-bottom:.9rem}.title{letter-spacing:.005em}.page__stage{min-height:32vh}}.petals-fall{z-index:3;opacity:.85;pointer-events:none!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.photo-modal{z-index:100;-webkit-backdrop-filter:blur(3px)saturate(1.05);background:radial-gradient(#0f1a2b52 0%,#08070a9e 70%);justify-content:center;align-items:center;padding:clamp(1rem,3vw,2rem);animation:.28s ease-out both modal-fade;display:flex;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.photo-modal__frame{background:linear-gradient(135deg,#1a294299 0%,#4a0d188c 50%,#8a674873 100%);border:1px solid #d6889a59;border-radius:14px;max-width:min(90vw,52rem);max-height:min(88vh,52rem);padding:clamp(.8rem,2vw,1.4rem);animation:.42s cubic-bezier(.2,.9,.3,1.1) both modal-frame-in;position:relative;box-shadow:inset 0 0 0 1px #f3e9d914,0 40px 80px #000000b3,0 0 60px #7a10204d}@keyframes modal-frame-in{0%{opacity:0;transform:scale(.82)translateY(8px)}to{opacity:1;transform:none}}.photo-modal__frame:before,.photo-modal__frame:after{content:"";pointer-events:none;border-radius:14px;position:absolute;inset:0}.photo-modal__frame:before{border:1px solid #f3e9d940;border-radius:9px;inset:6px}.photo-modal__frame:after{mix-blend-mode:overlay;z-index:-1;background:linear-gradient(115deg,#3566b859 0%,#8a4cc259 35%,#c2425e59 65%,#8a674859 100%) 0 0/220% 220%;border-radius:14px;animation:14s linear infinite tornasol-frame;inset:-1px}@keyframes tornasol-frame{0%{background-position:0%}to{background-position:220%}}.photo-modal__inner{isolation:isolate;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.photo-modal__img{object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:calc(min(88vh,52rem) - 2.8rem);display:block}.photo-modal__glass{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(at 30% 20%,#f3e9d92e 0%,#f3e9d900 40%),radial-gradient(at 75% 80%,#d6889a24 0%,#d6889a00 45%);border-radius:8px;position:absolute;inset:0}.photo-modal__facets{pointer-events:none;opacity:.78;filter:drop-shadow(0 0 6px #d6889a40);background-image:url(/patterns/crystal.svg);background-repeat:repeat;background-size:clamp(260px,45vw,460px);border-radius:8px;animation:36s linear infinite facets-drift;position:absolute;inset:0}@keyframes facets-drift{0%{background-position:0 0}to{background-position:460px 460px}}.photo-modal__glare{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 0% 40%,#f3e9d92e 48%,#f3e9d952 50%,#f3e9d92e 52%,#0000 60% 100%);border-radius:8px;animation:7s ease-in-out infinite glare-sweep;position:absolute;inset:-10%}@keyframes glare-sweep{0%{opacity:0;transform:translate(-40%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(40%)}}.photo-modal__prism{pointer-events:none;mix-blend-mode:color-dodge;opacity:.5;background:linear-gradient(118deg,#3566b800 0%,#3566b838 14%,#8a4cc247 30%,#c2425e42 48%,#d6889a38 66%,#8a67482e 82%,#3566b800 100%) 0 0/220% 220%;border-radius:8px;animation:11s linear infinite prism-shift;position:absolute;inset:0}@keyframes prism-shift{0%{background-position:0%}to{background-position:220%}}.photo-modal__close{width:2.2rem;height:2.2rem;color:var(--c-ivory);cursor:pointer;z-index:2;background:#08070ad9;border:1px solid #d6889a80;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:transform .15s,background .15s;display:flex;position:absolute;top:-.6rem;right:-.6rem}.photo-modal__close:hover{background:#7a1020e6;transform:scale(1.1)}.photo-modal__close:focus-visible{outline:2px solid var(--c-rose-glow);outline-offset:2px}@media (width<=540px){.photo-modal__frame{border-radius:10px;padding:.6rem}.photo-modal__frame:before{border-radius:7px;inset:4px}.photo-modal__img{max-height:calc(88vh - 2rem)}.photo-modal__close{width:2rem;height:2rem;font-size:1.2rem;top:-.4rem;right:-.4rem}}