:root{--gold:#b37a2b;--ink:#352618;--cream:#fff9f0;--line:#e3cba9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d7a36b;color:white;font-family:Tahoma,Arial,sans-serif}.template-page{overflow-x:hidden}.video-opening{position:fixed;inset:0;z-index:10;background:#c48f59;display:grid;place-items:center;overflow:hidden;isolation:isolate;transition:opacity .72s ease}.video-opening::before{content:'';position:absolute;inset:0;background:#9b663c url('/assets/templates/romantic-flowers/wide-walls.png') center/cover;filter:brightness(.78);z-index:0}.video-opening.is-finished{opacity:0;pointer-events:none}.video-opening video{width:min(100%,720px);height:100svh;object-fit:cover;object-position:center;position:relative;z-index:1;box-shadow:0 0 45px rgba(42,20,8,.42)}.opening-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(45,23,10,.12),rgba(45,23,10,.06) 45%,rgba(45,23,10,.35))}.opening-prompt{position:absolute;z-index:3;left:50%;bottom:10svh;width:min(684px,calc(100% - 36px));transform:translateX(-50%);text-align:center;text-shadow:0 2px 15px rgba(50,20,4,.55)}.opening-prompt p{font-size:clamp(2rem,6svh,3.5rem);line-height:1.2;margin:0 0 20px;font-weight:700}.opening-prompt button,.skip-button{border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:13px 28px;background:rgba(86,47,20,.42);color:white;font:inherit;font-weight:700;backdrop-filter:blur(7px);cursor:pointer}.skip-button{position:absolute;z-index:4;bottom:max(24px,env(safe-area-inset-bottom));right:20px}.video-fallback{position:absolute;z-index:4;bottom:86px;left:20px;right:20px;text-align:center}.romantic-stage{min-height:100svh;background:#bd8151 url('/assets/templates/romantic-flowers/wide-walls.png') center/cover fixed;opacity:0;transition:opacity .7s ease;padding-bottom:40px}.romantic-stage.is-visible{opacity:1}.romantic-hero{position:relative;width:min(100%,720px);min-height:100svh;margin:auto;background:url('/assets/templates/romantic-flowers/final.webp') center/cover no-repeat;box-shadow:0 0 45px rgba(53,26,10,.28);display:grid;place-items:center;padding:clamp(70px,12svh,150px) 28px}.invitation-copy{width:min(100%,560px);text-align:center;color:white;text-shadow:0 2px 10px rgba(82,44,20,.78);padding:30px 18px}.bismillah{font-size:clamp(1rem,3.5vw,1.3rem)}.flower-mark{font-size:2rem}.welcome{font-size:clamp(1.1rem,4.5vw,1.65rem);line-height:1.8}.invitation-copy h1{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,28px);font-size:clamp(2.15rem,10vw,4.7rem);line-height:1.25;margin:18px 0;overflow-wrap:anywhere}.invitation-copy h1 span{min-width:0}.invitation-copy h1 b{font-size:.55em;color:#ffe2a8}.parents{font-size:clamp(.95rem,3.6vw,1.18rem);line-height:1.8}.invitation-sections{width:min(calc(100% - 28px),760px);margin:34px auto;display:grid;gap:24px}.invitation-card{padding:clamp(24px,6vw,46px);background:rgba(255,249,240,.96);color:var(--ink);border:1px solid rgba(179,122,43,.35);border-radius:28px;box-shadow:0 16px 38px rgba(53,26,10,.2);text-align:center}.invitation-card h2{margin:4px 0 22px;color:#8b5c1d;font-size:clamp(1.7rem,6vw,2.5rem)}.section-kicker{margin:0;color:#a66f28;font-weight:800}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.countdown div,.detail-grid div{padding:16px 10px;background:#fff;border:1px solid var(--line);border-radius:16px}.countdown strong,.countdown span,.detail-grid span,.detail-grid strong{display:block}.countdown strong{font-size:clamp(1.7rem,7vw,2.7rem);color:#347747}.countdown span,.detail-grid span{margin-top:5px;color:#765f48;font-size:.9rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-grid strong{margin-top:7px;line-height:1.6}.map-link{display:inline-block;margin-top:20px;padding:12px 20px;border-radius:999px;color:white;text-decoration:none;background:#347747;font-weight:800}.notice-card p:last-child,.closing-card p{font-size:1.08rem;line-height:1.9}.page-back{display:block;width:min(calc(100% - 28px),720px);margin:24px auto 0;padding:13px 18px;border:1px solid rgba(255,255,255,.82);border-radius:14px;background:rgba(70,39,18,.62);color:#fff;text-align:center;text-decoration:none;font:inherit;font-weight:800}.opening-prompt{top:52%;bottom:auto;transform:translate(-50%,-50%)}[hidden]{display:none!important}@media(max-width:760px){.video-opening video{width:100%;height:100%;box-shadow:none}.opening-prompt{left:20px;right:20px;width:auto;transform:translateY(-50%)}.opening-prompt p{font-size:clamp(2rem,11vw,4rem)}.romantic-stage{background-attachment:scroll}.romantic-hero{width:100%;box-shadow:none}.invitation-copy h1{flex-wrap:wrap}.countdown{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.preview-media-paused,.preview-media-paused *{animation-play-state:paused!important;transition:none!important}
.opening-prompt{top:52%;bottom:auto;transform:translate(-50%,-50%)}
@media(max-width:760px){.opening-prompt{top:52%;bottom:auto;transform:translateY(-50%)}}
.falling-petals{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.petal{--x:10%;--drift:40px;--duration:7s;--delay:0s;position:absolute;top:-10%;left:var(--x);width:16px;height:12px;border-radius:80% 15% 70% 20%;background:linear-gradient(135deg,#fff1ef 8%,#edb8b5 55%,#b96b70);box-shadow:0 2px 5px rgba(83,39,32,.18);opacity:0;transform:translate3d(0,-30px,0) rotate(0deg)}.falling-petals.is-active .petal{animation:petal-fall var(--duration) var(--delay) ease-in forwards}.petal-1{--x:8%;--drift:55px;--duration:7.2s}.petal-2{--x:21%;--drift:-38px;--delay:.7s;--duration:6.7s}.petal-3{--x:34%;--drift:42px;--delay:1.4s;--duration:7.5s}.petal-4{--x:47%;--drift:-52px;--delay:.25s;--duration:8s}.petal-5{--x:61%;--drift:48px;--delay:1.8s;--duration:6.8s}.petal-6{--x:73%;--drift:-44px;--delay:1s;--duration:7.8s}.petal-7{--x:86%;--drift:35px;--delay:2.2s;--duration:6.5s}.petal-8{--x:94%;--drift:-58px;--delay:.45s;--duration:7.3s}@keyframes petal-fall{0%{opacity:0;transform:translate3d(0,-30px,0) rotate(0deg)}12%{opacity:.82}75%{opacity:.68}100%{opacity:0;transform:translate3d(var(--drift),110svh,0) rotate(540deg)}}@media(prefers-reduced-motion:reduce){.falling-petals{display:none!important}}
.details-cue{position:absolute;z-index:4;right:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(61,34,17,.48);color:#fff;text-decoration:none;font-weight:900;text-shadow:0 2px 8px rgba(40,20,8,.65);backdrop-filter:blur(6px)}.details-cue b{font-size:1.45rem;line-height:.7;animation:cue-bounce 1.7s ease-in-out infinite}.invitation-sections{scroll-margin-top:18px}.date-panel{padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff}.date-panel span,.date-panel strong,.date-panel b{display:block}.date-panel span{color:#7a654f;font-size:.9rem}.date-panel strong{margin-top:8px;color:#76501f;font-size:clamp(1.25rem,4.5vw,1.75rem);line-height:1.7}.date-panel b{margin-top:4px;color:#347747;font-size:1.15rem}.calendar-link{width:100%;margin-top:14px;padding:13px;border:0;border-radius:13px;background:#76501f;color:#fff;font:inherit;font-weight:900;cursor:pointer}.venue-address{margin:0;color:#6f5944;line-height:1.9}.venue-note{margin:12px 0 0;color:#765f48}.venue-card{background:linear-gradient(145deg,rgba(255,249,240,.98),rgba(237,246,239,.97))}@keyframes cue-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:760px){.details-cue{bottom:18px;padding:9px 16px}.date-panel strong{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.details-cue b{animation:none}}
html{background:#0a1b11}body{background:#bd8151 url('/assets/templates/romantic-flowers/wide-walls.png') center/cover fixed}.video-opening video{height:100%;min-height:100dvh}.romantic-stage,.romantic-hero{min-height:100dvh}.public-invitation-actions{width:min(calc(100% - 28px),720px);margin:0 auto 24px;padding:18px;border-radius:18px;background:rgba(255,249,240,.96);color:#352618;text-align:center}.public-invitation-actions button{width:100%;padding:13px;border:0;border-radius:11px;background:#347747;color:#fff;font:inherit;font-weight:800;cursor:pointer}.public-invitation-actions p{margin:10px 0 0;color:#765f48;font-size:.86rem;line-height:1.7}.music-control{position:fixed;z-index:30;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(44,29,20,.76);color:#fff;font:inherit;cursor:pointer;box-shadow:0 7px 24px rgba(29,17,10,.25);backdrop-filter:blur(8px)}.music-control span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.17);font-size:1rem}.music-control b{font-size:.78rem}.music-control[aria-pressed="true"]{opacity:.78}@media(max-width:440px){.music-control b{display:none}.music-control{padding:10px}}
.video-opening{background:#5d3823}.video-opening::before{inset:-30px;background:#5d3823 var(--opening-backdrop) center/cover no-repeat;filter:var(--opening-backdrop-filter,blur(18px) brightness(.62));transform:var(--opening-backdrop-transform,scale(1.06))}