@import"https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:wght@400;500;600;700&display=swap";:root{font-family:Cormorant Garamond,Georgia,serif;color:#704238;background:#eee8e2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:#eee8e2}button,a{font:inherit}button{border:0}.page{min-height:100vh;display:grid;place-items:center;padding:20px}.invitation-shell{position:relative;width:min(100%,520px);height:min(900px,calc(100vh - 40px));min-height:700px;overflow:hidden;isolation:isolate;box-shadow:0 20px 55px #5d3c322e;background:#f7eee7}.background,.background-overlay,.petal-layer{position:absolute;top:0;right:0;bottom:0;left:0}.background{z-index:-4;background-position:center;background-size:cover;transition:background-image .45s ease}.background-overlay{z-index:-3;background:linear-gradient(180deg,#fffaf60a,#fffaf605 48%,#fffaf61f)}.petal-layer{z-index:3;pointer-events:none;overflow:hidden}.petal{position:absolute;top:-30px;display:block;border-radius:100% 0;background:#f48e9cd1;box-shadow:0 0 3px #ffffff47;animation:sakuraFall linear infinite}@keyframes sakuraFall{0%{transform:translate3d(0,-50px,0) rotate(0)}25%{transform:translate3d(calc(var(--drift)*-.25),25vh,0) rotate(calc(var(--rotate)*.35))}50%{transform:translate3d(calc(var(--drift)*.55),50vh,0) rotate(calc(var(--rotate)*.65))}75%{transform:translate3d(calc(var(--drift)*-.65),75vh,0) rotate(calc(var(--rotate)*.85))}to{transform:translate3d(var(--drift),110vh,0) rotate(var(--rotate))}}.content{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;padding:25px 54px;overflow-y:auto;scrollbar-width:none}.content::-webkit-scrollbar{display:none}.entrance{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.is-entered .entrance{opacity:1;transform:translateY(0)}.is-entered .entrance-1{transition-delay:.12s}.is-entered .entrance-2{transition-delay:.26s}.is-entered .entrance-3{transition-delay:.42s}.is-entered .entrance-4{transition-delay:.56s}.is-entered .entrance-5{transition-delay:.7s}.is-entered .entrance-6{transition-delay:.82s}.is-entered .entrance-7{transition-delay:.96s}.eyebrow{margin:0;color:#805044;font-size:14px;font-weight:700;letter-spacing:.23em;line-height:1.45;text-shadow:0 1px 1px rgba(255,250,246,.9),0 1px 8px rgba(255,250,246,.7)}.names{margin:14px 0 0;display:flex;flex-direction:column;align-items:center;color:#ad5947;font-family:Allura,Brush Script MT,cursive;font-size:clamp(60px,15vw,92px);font-weight:400;line-height:.78;text-shadow:0 1px 0 rgba(255,255,255,.8),0 1px 8px rgba(255,250,246,.75)}.names small{margin:10px 0 6px;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:700;line-height:1}.date-row{display:flex;align-items:center;justify-content:center;width:min(100%,250px);margin:29px auto 0;color:#865247;text-shadow:0 1px 1px rgba(255,250,246,.9),0 1px 8px rgba(255,250,246,.7)}.date-side{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.date-side i{width:58px;height:1px;border-top:1px dotted rgba(111,64,54,.75)}.date-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 15px;border-left:1px dotted rgba(111,64,54,.55);border-right:1px dotted rgba(111,64,54,.55);line-height:1;text-align:center}.date-main .month{font-size:11px;font-weight:700;letter-spacing:.14em}.date-main strong{font-size:36px;font-weight:700;line-height:1}.date-main span:last-child{font-size:12px;font-weight:700;letter-spacing:.08em}.description{width:min(100%,315px);margin:20px 0 16px;color:#7a463a;font-size:14px;font-weight:600;line-height:1.45;text-shadow:0 1px 1px rgba(255,250,246,.9),0 1px 8px rgba(255,250,246,.7)}.location-hint{margin:0 0 11px;color:#7a463a;font-size:12px;font-weight:700;font-style:italic;letter-spacing:.02em;text-shadow:0 1px 1px rgba(255,250,246,.9),0 1px 6px rgba(255,250,246,.7)}.hint-arrow{display:inline-block;margin-right:5px;font-style:normal;font-size:14px;line-height:1;animation:hintBounce 1.6s ease-in-out infinite}.location-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;padding:7px 13px 7px 11px;border-radius:999px;cursor:pointer;color:#fffaf7;background:linear-gradient(135deg,#8e5648f2,#ad5947e6);box-shadow:0 4px 14px #7042384d,inset 0 1px #fff3;transition:transform .18s ease,box-shadow .18s ease}.location-button:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;box-shadow:0 0 #ad594766;animation:locationPulse 2.4s ease-out infinite;pointer-events:none}.location-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #70423861,inset 0 1px #fff3}.location-button .pin{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;transform-origin:50% 100%;transition:transform .2s ease}.location-button .pin svg{display:block;width:13px;height:13px;fill:#fffaf7}.location-button:hover .pin{animation:pinWiggle .5s ease}.location-copy{flex:0 1 auto;display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1}.location-button .arrow{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.location-button .arrow svg{display:block;width:10px;height:10px;color:#fffaf7}.location-button:hover .arrow{transform:translate(3px)}@keyframes locationPulse{0%{box-shadow:0 0 #ad594766}70%{box-shadow:0 0 0 9px #ad594700}to{box-shadow:0 0 #ad594700}}@keyframes pinWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-18deg)}50%{transform:rotate(14deg)}75%{transform:rotate(-7deg)}}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.music-player{width:min(100%,240px);margin-top:14px}.song-title{display:flex;align-items:center;justify-content:center;gap:7px;color:#805044;font-size:12px;font-weight:700}.music-note{font-size:15px}.player-line{position:relative;width:100%;height:3px;margin-top:8px;background:#77493e80;border-radius:999px;cursor:pointer}.player-line span{position:absolute;left:0;top:0;height:100%;width:0%;border-radius:999px;background:#844d41cc;pointer-events:none}.player-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:7px}.player-controls button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:#704339;background:transparent;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.player-controls button:hover{transform:scale(1.08)}.player-controls button svg{width:15px;height:15px;fill:currentColor}.player-controls .play-button{width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#b15b48,#805044);box-shadow:0 5px 16px #70423859,inset 0 1px #ffffff40}.player-controls .play-button svg{width:18px;height:18px;fill:#fff}.player-controls .play-button .play-icon{transform:translate(1px)}.music-fab{position:absolute;z-index:7;top:18px;right:18px;width:26px;height:26px;border-radius:50%;color:#fff;background:#784c41bf;cursor:pointer}.music-fab.playing{animation:musicBounce .8s ease-in-out infinite alternate}@keyframes musicBounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.background-switcher{position:absolute;z-index:7;top:17px;left:17px;display:flex;gap:5px;padding:5px;border-radius:999px;background:#fff9f4a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.background-thumb{width:25px;height:25px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:50%;cursor:pointer;opacity:.75;transition:transform .18s ease,opacity .18s ease}.background-thumb:hover{opacity:1;transform:translateY(-1px)}.background-thumb.active{opacity:1;transform:scale(1.08);box-shadow:0 0 0 2px #7b4a3e8c}.background-thumb img{width:100%;height:100%;display:block;object-fit:cover}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#3f2b2694;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.location-modal{position:relative;width:min(100%,420px);padding:27px;border-radius:18px;color:#71483e;background:#fffaf6;box-shadow:0 25px 70px #2a1a1640}.close-button{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:50%;color:#71483e;background:transparent;cursor:pointer;font-size:24px}.modal-eyebrow{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.22em}.location-modal h2{margin:0 0 13px;font-family:Allura,cursive;color:#b15b48;font-size:46px;font-weight:400}.map{display:block;width:100%;height:240px;border:0;border-radius:10px;background:#eee}.location-copy{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.35}.location-copy strong{font-weight:600}.location-copy span{color:#8a6b62}.maps-row{display:flex;justify-content:center;gap:14px;margin-top:16px}.maps-link{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.maps-link:hover{transform:translateY(-2px) scale(1.04)}.maps-link:active{transform:translateY(0) scale(.98)}.maps-icon{width:28px;height:28px}.maps-link-maps{background:#fff;box-shadow:0 4px 14px #70423833}.maps-link-maps .maps-icon{fill:#4285f4}.maps-link-maps:hover{box-shadow:0 8px 20px #4285f459}.maps-link-waze{background:#fff;box-shadow:0 4px 14px #70423833}.maps-link-waze .maps-icon{fill:#3cf}.maps-link-waze:hover{box-shadow:0 8px 20px #3cf6}.modal-enter-active,.modal-leave-active{transition:opacity .22s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .location-modal,.modal-leave-active .location-modal{transition:transform .24s ease,opacity .22s ease}.modal-enter-from .location-modal,.modal-leave-to .location-modal{transform:translateY(15px) scale(.98);opacity:0}@media(max-width:600px){.page{padding:0;display:block;min-height:100vh;min-height:100dvh}.invitation-shell{width:100vw;height:100vh;height:100dvh;min-height:0;box-shadow:none}.content{padding:25px 20px}}@media(max-height:760px)and (min-width:601px){.content{padding:25px 40px;transform:scale(.92);transform-origin:center}}@media(prefers-reduced-motion:reduce){.petal{animation:none;display:none}.entrance,.is-entered .entrance{opacity:1;transform:none;transition:none}}