body.moment-viewing{overflow:hidden!important}
#publicViewer.immersive{--pv-bg:#fff1f2;--pv-card:#fffaf7;--pv-ink:#4a1620;--pv-accent:#be123c;position:fixed!important;inset:0!important;z-index:10000;border-radius:0!important;padding:20px clamp(16px,4vw,60px) 48px!important;background:radial-gradient(ellipse at 15% 15%,#ffdce3,transparent 60%),radial-gradient(ellipse at 90% 80%,#f5e7be,transparent 55%),var(--pv-bg)!important;color:var(--pv-ink);overflow-y:auto!important;max-width:none!important;isolation:isolate}
#publicViewer.immersive[data-mood=gold]{--pv-bg:#faf4e6;--pv-ink:#46331b;--pv-accent:#896019;background:radial-gradient(ellipse at 15% 15%,#f6e5b3,transparent 60%),var(--pv-bg)!important}
#publicViewer.immersive[data-mood=sage]{--pv-bg:#edf5f1;--pv-ink:#163d35;--pv-accent:#256657;background:radial-gradient(ellipse at 15% 15%,#d1e8de,transparent 60%),var(--pv-bg)!important}
.immersive>.kicker,.immersive>#publicTitle,.immersive>#publicCopy,.immersive>#publicMedia,.immersive>.two{display:none!important}
#publicViewer.immersive .topbar{position:relative;z-index:2;max-width:960px;margin:0 auto 10px!important;color:var(--pv-ink)}
#publicViewer.immersive .topbar .pill{background:#fffaf7;color:var(--pv-ink);font-size:14px;padding:12px 20px;border:1px solid #d4af3766}
#publicViewer.immersive #livePublicMemoryList{display:block!important;max-width:780px;margin:0 auto!important;position:relative}
.pv-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0 26px;position:relative;z-index:1}
.pv-toolbar button{font:600 14px system-ui;padding:12px 18px;border-radius:30px;background:var(--pv-card);border:1px solid #d4af3780;color:var(--pv-accent);cursor:pointer;min-height:44px}
.pv-status{font:12px/1.5 system-ui;max-width:260px;color:var(--pv-ink)}
.pv-card{position:relative;border-radius:28px;background:var(--pv-card);padding:clamp(24px,5vw,60px);box-shadow:0 24px 80px #78142818;border:1px solid #d4af3755;text-align:center;overflow-wrap:anywhere}
.pv-card:before{content:'';position:absolute;inset:10px;border:1px solid #d4af3733;border-radius:20px;pointer-events:none}
.pv-emblem{font:64px Georgia;color:#bb9335;line-height:1.2}.pv-eyebrow{font:600 11px/1.6 system-ui;letter-spacing:3px;text-transform:uppercase;color:var(--pv-accent);margin:20px 0}
.pv-title{font:500 clamp(36px,5vw,58px)/1.12 'Cormorant Garamond',Georgia,serif!important;color:var(--pv-ink)!important;margin:16px 0!important}
.pv-divider{width:80px;height:1px;background:#d4af37;margin:28px auto}.pv-block{margin:24px 0}.pv-block h2{font:600 22px Georgia}.pv-block p{white-space:pre-wrap;margin:12px 0}.pv-message{font:24px/1.65 'Cormorant Garamond',Georgia,serif}.pv-text,.pv-caption,.pv-subtitle{font:17px/1.65 Georgia}.pv-dedication p{font:italic 26px/1.4 Georgia;color:var(--pv-accent)}.pv-signature small{font:12px system-ui;letter-spacing:2px;text-transform:uppercase}.pv-signature p{font:italic 30px Georgia;color:var(--pv-accent)}
.pv-block img,.pv-block video{display:block;width:100%;max-height:65svh;object-fit:contain;margin:20px auto;border-radius:16px;background:#f5eee6}.pv-block audio{width:100%;margin:18px 0}.pv-footer{font:10px/1.5 system-ui;letter-spacing:3px;color:var(--pv-accent);margin:36px 0 0}.pv-decor{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.pv-decor span{position:absolute;top:-40px;color:#d38b9a;font:26px Georgia;animation:pv-float 16s linear infinite;opacity:.4}@keyframes pv-float{to{transform:translateY(110vh) rotate(35deg)}}
@media(prefers-reduced-motion:reduce){.pv-decor{display:none}}
@media(max-width:480px){.pv-card{padding:26px 22px}.pv-message{font-size:22px}.pv-toolbar{gap:8px}.pv-status{text-align:center}}


#publicViewer.immersive{height:100dvh!important;box-sizing:border-box;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important}
.pv-block img,.pv-block video{max-height:48svh;width:100%;object-fit:contain}

/* Snapshot wedding cards share the editor's composition and typography. */
.pv-toolbar[hidden]{display:none!important}
.pv-editor-composition{position:relative;margin:26px 0;z-index:1}
#publicViewer .pv-editor-composition .moment-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(30px,7vw,44px);line-height:1.05;letter-spacing:-.02em;margin:12px 0 24px;color:inherit}
