html,body,#root{width:100%;min-height:100%;height:100%}#root{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}:root{--ew: 500px;--eh: 390px;--cw: 424px;--ch: 300px;--scene-h: 700px;--env: #2e3b33;--env-dark: #253029;--liner: #8b6f5e;--card-bg: #fffef9;--gold: #b8860b;--gold-light: #d4af37;--text-dark: #2c2420;--text-muted: #6b5b50;--envelope-bottom: calc((var(--scene-h) - var(--eh)) / 2);--card-lift: -620px;--card-lift-mid: -400px}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100%;height:100svh;min-height:100%;min-height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:relative;display:flex;align-items:center;justify-content:center;background-color:#01040b;background-image:radial-gradient(1300px 760px at 50% 118%,rgba(38,70,120,.22) 0%,rgba(19,33,56,.16) 36%,transparent 68%),radial-gradient(920px 420px at 74% 18%,rgba(78,104,160,.09) 0%,transparent 72%),radial-gradient(820px 420px at 18% 30%,rgba(64,88,140,.08) 0%,transparent 68%),radial-gradient(560px 220px at 56% 35%,rgba(225,236,255,.08) 0%,rgba(148,176,232,.05) 35%,transparent 72%),radial-gradient(420px 180px at 42% 27%,rgba(203,220,250,.06) 0%,transparent 75%),linear-gradient(165deg,rgba(255,255,255,.05) 0%,transparent 30%),linear-gradient(180deg,#040a16,#020712 42%,#01050f 68%,#02060a);font-family:Cormorant Garamond,serif;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;transition:background .6s ease}.scene:not(.opened) .envelope{cursor:pointer}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1.6px 1.6px at 4% 12%,rgba(255,255,255,.95),transparent),radial-gradient(1.3px 1.3px at 9% 35%,rgba(255,255,255,.88),transparent),radial-gradient(1.2px 1.2px at 16% 73%,rgba(255,255,255,.82),transparent),radial-gradient(1.7px 1.7px at 22% 21%,rgba(255,255,255,1),transparent),radial-gradient(1.2px 1.2px at 30% 49%,rgba(255,255,255,.82),transparent),radial-gradient(1.3px 1.3px at 37% 86%,rgba(255,255,255,.86),transparent),radial-gradient(1.1px 1.1px at 45% 15%,rgba(255,255,255,.78),transparent),radial-gradient(1.5px 1.5px at 53% 61%,rgba(255,255,255,.92),transparent),radial-gradient(1.15px 1.15px at 61% 27%,rgba(255,255,255,.8),transparent),radial-gradient(1.35px 1.35px at 69% 72%,rgba(255,255,255,.94),transparent),radial-gradient(1.8px 1.8px at 77% 8%,rgba(255,255,255,1),transparent),radial-gradient(1.2px 1.2px at 84% 44%,rgba(255,255,255,.82),transparent),radial-gradient(1.25px 1.25px at 91% 80%,rgba(255,255,255,.86),transparent),radial-gradient(1.6px 1.6px at 97% 18%,rgba(255,255,255,.98),transparent),radial-gradient(260px 86px at 62% 36%,rgba(218,232,255,.11),transparent 78%);opacity:.95;animation:skyDriftSlow 140s linear infinite;will-change:transform,opacity}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 6% 58%,rgba(255,255,255,.62),transparent),radial-gradient(1px 1px at 14% 84%,rgba(255,255,255,.58),transparent),radial-gradient(1px 1px at 27% 9%,rgba(255,255,255,.54),transparent),radial-gradient(1px 1px at 33% 67%,rgba(255,255,255,.56),transparent),radial-gradient(1px 1px at 41% 38%,rgba(255,255,255,.62),transparent),radial-gradient(1px 1px at 49% 93%,rgba(255,255,255,.58),transparent),radial-gradient(1px 1px at 58% 12%,rgba(255,255,255,.56),transparent),radial-gradient(1px 1px at 66% 51%,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 74% 83%,rgba(255,255,255,.58),transparent),radial-gradient(1px 1px at 83% 25%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90% 63%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 98% 91%,rgba(255,255,255,.5),transparent),radial-gradient(340px 120px at 34% 28%,rgba(184,203,240,.08),transparent 78%),radial-gradient(260px 100px at 72% 20%,rgba(166,188,232,.07),transparent 82%);opacity:.86;animation:skyDriftFast 90s linear infinite,starTwinkle 8s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes skyDriftSlow{0%{transform:translateZ(0)}50%{transform:translate3d(-1.8%,1.2%,0)}to{transform:translateZ(0)}}@keyframes skyDriftFast{0%{transform:translateZ(0)}50%{transform:translate3d(1.4%,-.9%,0)}to{transform:translateZ(0)}}@keyframes starTwinkle{0%{opacity:.84}50%{opacity:.97}to{opacity:.9}}.grass-canvas{position:fixed;inset:0;width:100vw;height:100vh;opacity:0;pointer-events:auto;z-index:0;transition:opacity .5s ease}.grass-canvas.is-visible{opacity:1}.theme-tabs{position:fixed;top:max(22px,calc(env(safe-area-inset-top) + 10px));right:22px;z-index:20;pointer-events:auto}.top-left-actions{position:fixed;top:22px;left:22px;z-index:1;display:flex;gap:10px;opacity:0;pointer-events:none}.top-left-actions.top-left-actions-visible{opacity:1;pointer-events:auto}.top-left-actions.top-left-actions-hidden{opacity:0;pointer-events:none;transition:opacity .24s ease}@media(max-width:1024px)and (hover:none)and (pointer:coarse){.top-left-actions{top:max(6px,calc(env(safe-area-inset-top) + 6px));left:50%;transform:translate(-50%);gap:8px;transition:opacity .24s ease}}.top-left-action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:0;border:1px solid rgba(201,168,76,.8);background:#ffffff0a;color:#f2dfaa;text-decoration:none;cursor:pointer;overflow:hidden;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.top-left-action-btn:hover{border-color:#e2cb7af2;color:#fff1c7;transform:translateY(-1px)}.compact-note-overlay{position:fixed;inset:0;z-index:80;background:#faf2e238;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.compact-note-dialog{position:fixed;top:50%;left:50%;width:min(92vw,460px);transform:translate(-50%,-50%);z-index:81;border:1px solid rgba(201,168,76,.82);border-radius:0;background:linear-gradient(180deg,#fffcf4f7,#f7efdef7);box-shadow:0 8px 30px #5f311d2e;padding:18px 16px 14px}.compact-note-header{display:flex;flex-direction:column;gap:10px}.compact-note-title{font-family:Lateef,serif;font-weight:400;font-size:30px;line-height:1;letter-spacing:.6px;color:#5f311d}.compact-note-description{font-family:Josefin Sans,sans-serif;font-weight:300;font-size:12px;line-height:1.4;letter-spacing:.2px;color:#5f311d}.compact-note-footer{margin-top:14px;display:flex;gap:8px;justify-content:stretch}.compact-note-btn{position:relative;border:.8px solid var(--gold-light);border-radius:0;background:transparent;color:#5f311d;font-family:Josefin Sans,sans-serif;font-weight:500;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:8px 10px;width:100%;cursor:pointer;transition:color .28s ease,border-color .28s ease}.compact-note-btn:hover{border-color:var(--gold)}.top-left-action-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(135deg,var(--gold),var(--gold-light));transition:height .28s ease;z-index:0}.top-left-action-btn:hover:before{height:100%}.top-left-action-icon{position:relative;z-index:2;width:17px;height:17px}.ui-tooltip-content{padding:6px 8px 4px;border-radius:6px;background:#090d14eb;color:#f6edd1;text-transform:none;font-family:Josefin Sans,sans-serif;font-size:11px;font-weight:300;letter-spacing:.8px;line-height:1.15;white-space:nowrap;z-index:60;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;animation-duration:.24s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.ui-tooltip-content[data-state=delayed-open][data-side=bottom]{animation-name:tooltipFadeUp}.ui-tooltip-arrow{fill:#090d14eb}body[data-theme=night] .ui-tooltip-content{background:#fff;color:#111}body[data-theme=night] .ui-tooltip-arrow{fill:#fff}@keyframes tooltipFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body[data-theme=day] .top-left-action-btn,body[data-theme=sunset] .top-left-action-btn{border-color:#5f311d9e;color:#5f311d}body[data-theme=day] .top-left-action-btn:hover,body[data-theme=sunset] .top-left-action-btn:hover{border-color:#5f311dcc;color:#3f2114;background:#5f311d14}.theme-tabs:after{content:"Try changing\athe theme!";position:absolute;top:calc(100% + 10px);left:50%;padding:9px 10px 7px;border-radius:8px;background:#0a0f1ae6;color:#f2dfaa;font-family:Josefin Sans,sans-serif;font-size:12px;font-weight:300;letter-spacing:.6px;line-height:1.15;text-align:center;white-space:pre;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translate(-50%) translateY(-4px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.theme-tabs:before{content:"";position:absolute;top:calc(100% + 4px);left:50%;width:10px;height:10px;background:#0a0f1ae6;transform:translate(-50%) rotate(45deg);opacity:0;transition:opacity .28s ease;pointer-events:none}.theme-tabs.theme-tabs-helper-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.theme-tabs.theme-tabs-helper-visible:before{opacity:1}.theme-switcher{--theme-tab-size: 42px;--theme-tab-gap: 0px;--theme-tab-pad: 4px;--theme-tab-step: var(--theme-tab-size);--theme-pill-inset: 4px;--theme-separator-color: rgba(201, 168, 76, .38);display:flex;gap:var(--theme-tab-gap);padding:var(--theme-tab-pad);position:relative;border-radius:0;background:#ffffff0a;border:1px solid rgba(201,168,76,.8);overflow:visible}.theme-switcher:before{content:"";position:absolute;top:calc(var(--theme-tab-pad) + var(--theme-pill-inset));left:calc(var(--theme-tab-pad) + var(--theme-pill-inset));width:calc(var(--theme-tab-size) - (var(--theme-pill-inset) * 2));height:calc(var(--theme-tab-size) - (var(--theme-pill-inset) * 2));border-radius:0;background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:inset 0 0 0 1px #5f311d38;transform:translate(0);transition:transform .32s cubic-bezier(.22,1,.36,1);pointer-events:none}.theme-switcher.theme-switcher-sunset:before{transform:translate(var(--theme-tab-step))}.theme-switcher.theme-switcher-night:before{transform:translate(calc((var(--theme-tab-step) * 2) + 1px))}.theme-tab{width:var(--theme-tab-size);height:var(--theme-tab-size);border:none;border-radius:0;background:transparent;color:#fff8e7eb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.theme-tab+.theme-tab:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:34%;background:var(--theme-separator-color);pointer-events:none}body[data-theme=sunset] .theme-switcher,body[data-theme=day] .theme-switcher{--theme-separator-color: rgba(95, 49, 29, .58);border-color:#5f311d9e}.theme-tab:hover{transform:translateY(-1px)}.theme-tab[data-state=active]{color:#5f311d}.theme-tab-icon{width:19px;height:19px}body[data-theme=sunset] .theme-tab{color:#382114e6}body[data-theme=sunset] .theme-tab[data-state=active]{color:#3c2316}body[data-theme=day] .theme-tab{color:#382114e6}body[data-theme=day] .theme-tab[data-state=active]{color:#3c2316}body[data-theme=sunset]{--env: #1f335c;--env-dark: #162748;background-color:#755472;background-image:radial-gradient(1150px 520px at 50% 110%,rgba(255,157,112,.42) 0%,rgba(245,131,146,.3) 36%,transparent 72%),radial-gradient(900px 300px at 72% 34%,rgba(255,208,176,.18) 0%,transparent 74%),radial-gradient(720px 260px at 24% 30%,rgba(130,173,228,.16) 0%,transparent 76%),linear-gradient(180deg,#83addd,#d99aa3 28%,#f3ab7e 62%,#ed8ea2 84%,#6b4f75)}body[data-theme=sunset]:before{background-image:radial-gradient(560px 150px at 20% 34%,rgba(255,238,224,.32) 0%,rgba(255,238,224,.12) 44%,transparent 78%),radial-gradient(620px 170px at 58% 30%,rgba(255,230,214,.3) 0%,rgba(255,230,214,.12) 42%,transparent 78%),radial-gradient(500px 140px at 86% 42%,rgba(255,212,198,.24) 0%,rgba(255,212,198,.08) 48%,transparent 80%);opacity:.82}body[data-theme=sunset]:after{background-image:linear-gradient(12deg,rgba(255,219,190,.16) 0%,transparent 46%),radial-gradient(2px 2px at 14% 16%,rgba(255,246,236,.62),transparent),radial-gradient(2px 2px at 74% 12%,rgba(255,243,232,.58),transparent),radial-gradient(1.5px 1.5px at 90% 22%,rgba(255,246,235,.56),transparent);opacity:.6}body[data-theme=day]{--env: #ab9ad0;--env-dark: #8f7db9;--liner: #acc2a9;background-color:#2a3658;background-image:radial-gradient(1200px 500px at 50% 112%,rgba(255,151,110,.38) 0%,rgba(255,118,128,.26) 34%,transparent 72%),radial-gradient(980px 360px at 24% 42%,rgba(255,209,178,.16) 0%,transparent 74%),radial-gradient(860px 320px at 78% 36%,rgba(255,183,152,.14) 0%,transparent 76%),linear-gradient(180deg,#6fa4de,#94b8ea 22%,#f3b07c 58%,#e88ca0 78%,#5a446f)}body[data-theme=day]:before{background-image:radial-gradient(560px 130px at 20% 34%,rgba(255,240,230,.34) 0%,rgba(255,240,230,.12) 42%,transparent 76%),radial-gradient(620px 150px at 56% 30%,rgba(255,232,220,.3) 0%,rgba(255,232,220,.1) 44%,transparent 78%),radial-gradient(520px 130px at 84% 40%,rgba(255,220,210,.24) 0%,rgba(255,220,210,.08) 46%,transparent 80%),radial-gradient(400px 100px at 44% 50%,rgba(255,176,157,.2) 0%,transparent 82%);opacity:.82}body[data-theme=day]:after{background-image:linear-gradient(170deg,rgba(255,255,255,.18) 0%,transparent 34%),linear-gradient(12deg,rgba(255,210,180,.18) 0%,transparent 46%),radial-gradient(2px 2px at 12% 14%,rgba(255,247,238,.7),transparent),radial-gradient(2px 2px at 68% 12%,rgba(255,244,233,.62),transparent),radial-gradient(1.5px 1.5px at 88% 20%,rgba(255,246,236,.58),transparent);opacity:.62}body[data-theme=night]{--env: #8ca2e6;--env-dark: #7892da;--liner: #abc0f2;background-image:radial-gradient(1400px 520px at 50% 116%,rgba(174,102,150,.24) 0%,rgba(126,78,122,.18) 32%,transparent 74%),linear-gradient(180deg,transparent 62%,rgba(110,66,102,.2) 84%,transparent 100%),radial-gradient(1300px 760px at 50% 118%,rgba(38,70,120,.22) 0%,rgba(19,33,56,.16) 36%,transparent 68%),radial-gradient(920px 420px at 74% 18%,rgba(78,104,160,.09) 0%,transparent 72%),radial-gradient(820px 420px at 18% 30%,rgba(64,88,140,.08) 0%,transparent 68%),radial-gradient(560px 220px at 56% 35%,rgba(225,236,255,.08) 0%,rgba(148,176,232,.05) 35%,transparent 72%),radial-gradient(420px 180px at 42% 27%,rgba(203,220,250,.06) 0%,transparent 75%),linear-gradient(165deg,rgba(255,255,255,.05) 0%,transparent 30%),linear-gradient(180deg,#040a16,#020712 42%,#01050f 68%,#02060a)}body[data-theme=night]:before{background-image:radial-gradient(1.6px 1.6px at 4% 12%,rgba(255,255,255,.95),transparent),radial-gradient(1.3px 1.3px at 9% 35%,rgba(255,255,255,.88),transparent),radial-gradient(1.2px 1.2px at 16% 73%,rgba(255,255,255,.82),transparent),radial-gradient(1.7px 1.7px at 22% 21%,rgba(255,255,255,1),transparent),radial-gradient(1.2px 1.2px at 30% 49%,rgba(255,255,255,.82),transparent),radial-gradient(1.3px 1.3px at 37% 86%,rgba(255,255,255,.86),transparent),radial-gradient(1.1px 1.1px at 45% 15%,rgba(255,255,255,.78),transparent),radial-gradient(1.5px 1.5px at 53% 61%,rgba(255,255,255,.92),transparent),radial-gradient(1.15px 1.15px at 61% 27%,rgba(255,255,255,.8),transparent),radial-gradient(1.35px 1.35px at 69% 72%,rgba(255,255,255,.94),transparent),radial-gradient(1.8px 1.8px at 77% 8%,rgba(255,255,255,1),transparent),radial-gradient(1.2px 1.2px at 84% 44%,rgba(255,255,255,.82),transparent),radial-gradient(1.25px 1.25px at 91% 80%,rgba(255,255,255,.86),transparent),radial-gradient(1.6px 1.6px at 97% 18%,rgba(255,255,255,.98),transparent),radial-gradient(260px 86px at 62% 36%,rgba(218,232,255,.11),transparent 78%);opacity:.97}body[data-theme=night]:after{background-image:radial-gradient(1.2px 1.2px at 3% 11%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 7% 37%,rgba(245,250,255,.86),transparent),radial-gradient(1.3px 1.3px at 12% 22%,rgba(233,243,255,.9),transparent),radial-gradient(.9px .9px at 15% 64%,rgba(255,255,255,.8),transparent),radial-gradient(1.1px 1.1px at 19% 8%,rgba(220,236,255,.78),transparent),radial-gradient(1.2px 1.2px at 24% 41%,rgba(255,255,255,.88),transparent),radial-gradient(.8px .8px at 29% 17%,rgba(236,245,255,.7),transparent),radial-gradient(1.3px 1.3px at 33% 56%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 37% 9%,rgba(232,242,255,.8),transparent),radial-gradient(1.15px 1.15px at 41% 33%,rgba(255,255,255,.84),transparent),radial-gradient(.95px .95px at 46% 70%,rgba(220,236,255,.74),transparent),radial-gradient(1.3px 1.3px at 51% 14%,rgba(255,255,255,.92),transparent),radial-gradient(1px 1px at 55% 45%,rgba(240,247,255,.82),transparent),radial-gradient(.9px .9px at 59% 27%,rgba(229,241,255,.76),transparent),radial-gradient(1.2px 1.2px at 63% 62%,rgba(255,255,255,.86),transparent),radial-gradient(1.1px 1.1px at 68% 12%,rgba(239,247,255,.83),transparent),radial-gradient(.85px .85px at 72% 39%,rgba(219,235,255,.72),transparent),radial-gradient(1.25px 1.25px at 76% 58%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 81% 20%,rgba(234,244,255,.8),transparent),radial-gradient(.9px .9px at 85% 46%,rgba(223,238,255,.74),transparent),radial-gradient(1.3px 1.3px at 89% 9%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 92% 34%,rgba(236,245,255,.78),transparent),radial-gradient(1.15px 1.15px at 96% 61%,rgba(255,255,255,.86),transparent),radial-gradient(.85px .85px at 98% 18%,rgba(220,236,255,.72),transparent),radial-gradient(1px 1px at 6% 80%,rgba(238,246,255,.8),transparent),radial-gradient(1.2px 1.2px at 18% 88%,rgba(255,255,255,.84),transparent),radial-gradient(.9px .9px at 27% 76%,rgba(221,237,255,.72),transparent),radial-gradient(1.1px 1.1px at 39% 84%,rgba(244,249,255,.83),transparent),radial-gradient(1px 1px at 52% 92%,rgba(228,242,255,.76),transparent),radial-gradient(1.2px 1.2px at 66% 79%,rgba(255,255,255,.85),transparent),radial-gradient(.9px .9px at 79% 87%,rgba(221,237,255,.72),transparent),radial-gradient(1.1px 1.1px at 91% 82%,rgba(242,248,255,.82),transparent),radial-gradient(.85px .85px at 1% 48%,rgba(225,239,255,.68),transparent),radial-gradient(1px 1px at 5% 60%,rgba(247,251,255,.78),transparent),radial-gradient(.8px .8px at 8% 73%,rgba(216,234,255,.64),transparent),radial-gradient(.95px .95px at 10% 29%,rgba(236,245,255,.72),transparent),radial-gradient(.9px .9px at 13% 52%,rgba(229,241,255,.7),transparent),radial-gradient(.85px .85px at 17% 35%,rgba(218,235,255,.66),transparent),radial-gradient(1px 1px at 20% 58%,rgba(245,250,255,.76),transparent),radial-gradient(.8px .8px at 22% 71%,rgba(214,233,255,.63),transparent),radial-gradient(.95px .95px at 25% 14%,rgba(232,243,255,.7),transparent),radial-gradient(.9px .9px at 28% 52%,rgba(225,239,255,.68),transparent),radial-gradient(.8px .8px at 31% 24%,rgba(212,231,255,.62),transparent),radial-gradient(1px 1px at 34% 44%,rgba(241,248,255,.75),transparent),radial-gradient(.85px .85px at 36% 61%,rgba(220,236,255,.66),transparent),radial-gradient(.9px .9px at 40% 19%,rgba(230,242,255,.7),transparent),radial-gradient(.8px .8px at 43% 49%,rgba(213,233,255,.63),transparent),radial-gradient(.95px .95px at 47% 57%,rgba(236,245,255,.72),transparent),radial-gradient(.85px .85px at 50% 31%,rgba(221,237,255,.66),transparent),radial-gradient(1px 1px at 54% 67%,rgba(244,249,255,.76),transparent),radial-gradient(.8px .8px at 56% 22%,rgba(214,233,255,.62),transparent),radial-gradient(.95px .95px at 60% 41%,rgba(233,244,255,.71),transparent),radial-gradient(.9px .9px at 62% 74%,rgba(226,240,255,.69),transparent),radial-gradient(.8px .8px at 65% 18%,rgba(212,232,255,.62),transparent),radial-gradient(1px 1px at 67% 50%,rgba(241,248,255,.75),transparent),radial-gradient(.85px .85px at 70% 27%,rgba(219,236,255,.66),transparent),radial-gradient(.95px .95px at 73% 66%,rgba(235,245,255,.72),transparent),radial-gradient(.8px .8px at 75% 33%,rgba(213,233,255,.62),transparent),radial-gradient(1px 1px at 78% 69%,rgba(242,248,255,.75),transparent),radial-gradient(.85px .85px at 80% 27%,rgba(220,236,255,.66),transparent),radial-gradient(.95px .95px at 83% 60%,rgba(235,245,255,.72),transparent),radial-gradient(.8px .8px at 86% 31%,rgba(214,233,255,.62),transparent),radial-gradient(1px 1px at 88% 73%,rgba(243,249,255,.76),transparent),radial-gradient(.85px .85px at 90% 54%,rgba(221,237,255,.66),transparent),radial-gradient(.95px .95px at 93% 14%,rgba(235,245,255,.72),transparent),radial-gradient(.8px .8px at 95% 46%,rgba(214,233,255,.62),transparent),radial-gradient(1px 1px at 97% 73%,rgba(242,249,255,.76),transparent),radial-gradient(.85px .85px at 99% 33%,rgba(220,236,255,.66),transparent),radial-gradient(.9px .9px at 4% 93%,rgba(229,241,255,.7),transparent),radial-gradient(.8px .8px at 9% 90%,rgba(213,233,255,.62),transparent),radial-gradient(.95px .95px at 14% 96%,rgba(234,244,255,.72),transparent),radial-gradient(.85px .85px at 21% 94%,rgba(219,236,255,.66),transparent),radial-gradient(.8px .8px at 31% 97%,rgba(212,232,255,.62),transparent),radial-gradient(.9px .9px at 36% 92%,rgba(227,240,255,.69),transparent),radial-gradient(.8px .8px at 45% 95%,rgba(214,233,255,.62),transparent),radial-gradient(.95px .95px at 58% 97%,rgba(235,245,255,.72),transparent),radial-gradient(.85px .85px at 69% 94%,rgba(220,236,255,.66),transparent),radial-gradient(.8px .8px at 77% 96%,rgba(213,233,255,.62),transparent),radial-gradient(.9px .9px at 86% 94%,rgba(228,241,255,.69),transparent),radial-gradient(.8px .8px at 94% 97%,rgba(213,233,255,.62),transparent),radial-gradient(420px 160px at 30% 24%,rgba(190,210,248,.08),transparent 78%),radial-gradient(360px 140px at 74% 28%,rgba(172,197,244,.07),transparent 80%);background-repeat:no-repeat;opacity:.98}.scene{--scene-h: min(700px, 100svh);--envelope-bottom: calc((var(--scene-h) - var(--eh)) / 2);position:relative;width:var(--ew);height:var(--scene-h);display:flex;align-items:center;justify-content:center;perspective:1200px;z-index:2;transition:transform 2.4s cubic-bezier(.22,1,.36,1) .85s}.envelope{position:absolute;width:var(--ew);height:var(--eh);bottom:var(--envelope-bottom);overflow:hidden;filter:drop-shadow(0 8px 30px rgba(44,36,32,.15))}.envelope-back{position:absolute;inset:0;background:linear-gradient(180deg,var(--env-dark) 0%,#1e2820 100%);z-index:1}.envelope-liner{position:absolute;inset:0 4px 4px;background:var(--liner);z-index:1;overflow:hidden;clip-path:polygon(0 62%,50% 54%,100% 62%,100% 100%,0 100%)}.envelope-liner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 11px)}.envelope-liner:after{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.08)}.card-wrapper{position:absolute;width:var(--cw);height:var(--ch);left:50%;bottom:15px;transform:translate(-50%) translateY(0) rotate(0);z-index:3;transition:z-index 0s linear 1s}@keyframes cardReveal{0%{transform:translate(-50%) translateY(0) rotate(0) scale(1)}35%{transform:translate(-50%) translateY(var(--card-lift-mid)) rotate(0) scale(1)}70%{transform:translate(-50%) translateY(var(--card-lift)) rotate(90deg) scale(1.12)}to{transform:translate(-50%) translateY(var(--card-lift)) rotate(90deg) scale(1.35)}}@keyframes cardRevealMobile{0%{transform:translate(-50%) translateY(0) rotate(0) scale(1)}35%{transform:translate(-50%) translateY(var(--card-lift-mid)) rotate(0) scale(1)}70%{transform:translate(-50%) translateY(var(--card-lift)) rotate(90deg) scale(1.1)}to{transform:translate(-50%) translateY(var(--card-lift)) rotate(90deg) scale(var(--mobile-card-reveal-scale, 1.28))}}.card{width:100%;height:100%;justify-content:center;position:relative;overflow:visible;perspective:1800px;transform-style:preserve-3d}.card:before{content:none}.card-panels{position:absolute;width:var(--ch);height:var(--cw);top:50%;left:50%;display:flex;border-radius:0;overflow:visible;transform:translate(-50%,-50%) rotate(-90deg);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;pointer-events:none}.card-panels{--panel-open-angle: 180deg}.inside-panels{position:absolute;inset:0;display:block;z-index:1;overflow:hidden}.inside-panel{width:100%;height:100%;object-fit:cover;display:block}.inside-panel-center{object-position:center}.inside-details{--inside-reveal-delay: 1.36s;position:absolute;inset:0;padding:22px 20px;display:flex;flex-direction:column;justify-content:space-between;color:#5f311d;pointer-events:none;z-index:2}.inside-details p{margin:0;line-height:1}.detail-block{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);transition-delay:0s}.detail-top{--detail-stagger: 0s}.detail-middle{--detail-stagger: .16s}.detail-bottom{--detail-stagger: .32s}.card-panels.is-open .inside-details .detail-block{opacity:1;transform:translateY(0);transition-delay:calc(var(--inside-reveal-delay) + var(--detail-stagger, 0s))}.inside-details-left,.inside-details-right{transform:scaleX(-1);padding:24px 18px 20px;font-family:Lateef,serif;letter-spacing:.2px}.inside-details-center{left:25%;right:25%;padding:20px 16px 18px;text-align:center;font-family:Lateef,serif;letter-spacing:1px}.inside-kicker{font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:.8px;line-height:16px}.inside-details-center .inside-couple{margin-top:0;font-size:38px;line-height:normal;font-family:Lavishly Yours,cursive;letter-spacing:normal;text-transform:none;font-weight:400}.inside-details-center .inside-couple:first-of-type{margin-top:8px}.inside-details-center .inside-ampersand{margin-top:2px;margin-bottom:2px;font-size:24px;line-height:.9}.inside-center-message{font-size:15px;line-height:16px;letter-spacing:.8px;text-transform:uppercase}.inside-date{font-size:21px;font-weight:400;letter-spacing:2.1px;text-transform:none;line-height:normal}.inside-title{font-size:18px;font-family:Lateef,serif;font-weight:700;letter-spacing:.9px;line-height:22px;text-transform:uppercase;margin-bottom:2px}.inside-venue-name{font-family:Great Vibes,cursive;font-size:24px;line-height:15px;text-transform:none;letter-spacing:1.2px;margin-bottom:8px;font-weight:400}.inside-details-left .detail-top p:not(.inside-title):not(.inside-venue-name){font-size:24px;line-height:18px;letter-spacing:0}.inside-muted-line{opacity:.8;font-weight:300}.inside-details-left .detail-middle p:not(.inside-title),.inside-details-left .detail-bottom p:not(.inside-title),.inside-details-right .detail-top p:not(.inside-title),.inside-details-right .detail-middle p,.inside-details-right .detail-bottom p{font-weight:300;text-transform:none}.inside-details-left .detail-middle p:not(.inside-title),.inside-details-left .detail-bottom p:not(.inside-title){font-size:20px;line-height:18px;margin-top:2px}.inside-details-left .detail-bottom .inside-title{margin-top:10px}.inside-details-right .detail-top .inside-title{font-size:24px;line-height:22px;letter-spacing:1.2px;font-weight:400}.inside-details-right .detail-top p:not(.inside-title){margin-top:4px;font-size:14px;line-height:17px;font-weight:300;letter-spacing:0}.inside-schedule p{display:flex;justify-content:space-between;align-items:center;gap:12px;font-variant-numeric:tabular-nums;margin-top:2px}.inside-schedule-label{font-size:14px;font-weight:400;letter-spacing:.7px;text-transform:uppercase;line-height:20px}.inside-schedule-time{font-size:12px;font-weight:200;letter-spacing:0;line-height:20px}.card-panels:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#f2e5cd,#e7d3ad 52%,#dcc08f);box-shadow:inset 0 0 0 1px #7b5d3042,inset 0 18px 28px #ffffff29;pointer-events:none;z-index:0;opacity:.2}.card-panels:after{content:none}.cover-panel{position:absolute;top:0;width:calc(50% + 1px);height:100%;border-radius:0;overflow:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:visible;-webkit-backface-visibility:visible;transition:transform 1s ease .3s;z-index:3;background:transparent}.cover-panel img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .16s ease .44s}.cover-panel-front{transform:translateZ(.2px);opacity:1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cover-panel-back{transform:scaleX(-1) translateZ(.1px);opacity:0;backface-visibility:visible;-webkit-backface-visibility:visible}.cover-panel-left{left:0;transform-origin:left center}.cover-panel-left:before{content:"";position:absolute;top:0;right:0;width:18px;height:100%;background:linear-gradient(to left,#140d0542,#140d0500);pointer-events:none;backface-visibility:hidden;z-index:3;transition:opacity .2s ease}.card-panels.is-open .cover-panel-left:before{opacity:0}.cover-panel-right{right:0;transform-origin:right center}.inside-left-actions{position:absolute;left:50%;bottom:clamp(44px,9vw,66px);transform:translate(-50%) scaleX(-1) translateY(8px);z-index:4;opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:5px;transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1)}.inside-left-actions.inside-left-actions-visible{opacity:1;pointer-events:auto;transform:translate(-50%) scaleX(-1) translateY(0);transition-delay:1.3s}.submit-btn{position:relative;padding:6px 14px;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:9px;line-height:1.15;text-transform:uppercase;color:#5f311d;background:transparent;border:.8px solid #5f311d;border-radius:0;appearance:none;cursor:pointer;transition:color .35s ease,border-color .35s ease,transform .35s ease;margin-top:4px;overflow:hidden;z-index:1;display:inline-flex;align-items:center;justify-content:center}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--gold),var(--gold-light));transition:left .45s ease;z-index:-1}.submit-btn-label{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:inherit;letter-spacing:4px;margin-right:-4px}.submit-btn-rsvp{padding-block:clamp(4px,1.05vw,6px);padding-inline:clamp(10px,2.2vw,14px);min-width:clamp(68px,14vw,84px);height:clamp(18px,2.1vw,24px);font-weight:400;font-size:7px;color:#fff;border-color:var(--gold);transform:translateY(-1px)}.submit-btn-rsvp .submit-btn-label{width:100%;letter-spacing:1px;margin-right:-1px;padding-left:0;transform:translateY(.5px);justify-content:center}.submit-btn-rsvp:before{left:0}.submit-btn-rsvp:hover{border-color:var(--gold);color:#fff;transform:translateY(-1.5px);filter:brightness(1.06);box-shadow:0 4px 10px #b8860b3d}.submit-btn-rsvp.submit-btn-rsvp-complete{text-transform:none;cursor:default;pointer-events:none;border-color:#5f311d;background:transparent;color:#5f311d;box-shadow:none}.submit-btn-rsvp.submit-btn-rsvp-complete:before{content:none}.submit-btn-rsvp.submit-btn-rsvp-complete:hover{border-color:#5f311d;color:#5f311d;transform:translateY(-1px);filter:none;box-shadow:none}.submit-btn-rsvp.submit-btn-rsvp-complete .submit-btn-label{display:inline-flex;align-items:center;justify-content:center;gap:4px}.submit-btn-complete-icon{width:8px;height:8px;flex-shrink:0}.submit-btn:hover{color:#fff;border-color:var(--gold);transform:translateY(-1px)}.submit-btn:hover:before{left:0}.card-panels.is-open .cover-panel-left{transform:rotateY(calc(-1 * var(--panel-open-angle)));box-shadow:20px 8px 22px -14px #00000059}.card-panels.is-open .cover-panel-right{transform:rotateY(var(--panel-open-angle));box-shadow:-20px 8px 22px -14px #00000059}.card-panels.is-open .cover-panel-front{opacity:0}.card-panels.is-open .cover-panel-back{opacity:1}.opened .card-panels{pointer-events:auto;cursor:pointer}.envelope-front{position:absolute;inset:0;background:linear-gradient(180deg,var(--env) 0%,var(--env-dark) 100%);clip-path:polygon(0 2%,8% 4%,10% 5.5%,12% 7.5%,14% 10%,35% 40%,37% 43%,38.5% 45%,40% 48%,40% 52%,60% 52%,60% 48%,61.5% 45%,63% 43%,65% 40%,86% 10%,88% 7.5%,90% 5.5%,92% 4%,100% 2%,100% 100%,0 100%);z-index:4}.envelope-front:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.04) 100%);pointer-events:none}.envelope-fold-left{position:absolute;inset:0;background:#0000000f;clip-path:polygon(0 0,50% 42%,0 100%);z-index:4;pointer-events:none}.envelope-fold-right{position:absolute;inset:0;background:#ffffff0a;clip-path:polygon(100% 0,50% 42%,100% 100%);z-index:4;pointer-events:none}.envelope-fold-bottom{position:absolute;inset:0;background:#0000000a;clip-path:polygon(0 100%,50% 42%,100% 100%);z-index:4;pointer-events:none}.envelope-texture{position:absolute;inset:0;pointer-events:none;z-index:7;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.65' numOctaves='6' stitchTiles='stitch'/%3E%3CfeDiffuseLighting in='turbulence' lighting-color='white' surfaceScale='2.5'%3E%3CfeDistantLight azimuth='225' elevation='50'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.18;mix-blend-mode:soft-light}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:68%;transform-origin:top center;transform:rotateX(0);z-index:5;transition:transform .8s cubic-bezier(.4,0,.2,1) 1.05s,z-index 0s linear 0s}.flap-front{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,var(--env-dark) 0%,var(--env) 50%);clip-path:polygon(0 0,3% 12%,49% 98.5%,50% 99.5%,51% 98.5%,97% 12%,100% 0)}.flap-front:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.04) 20%,transparent 40%),linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.12) 100%);clip-path:polygon(0 0,3% 12%,49% 98.5%,50% 99.5%,51% 98.5%,97% 12%,100% 0)}.flap-liner{position:absolute;width:100%;height:100%;background:var(--liner);clip-path:polygon(3.5% -2%,6.2% 11%,50% 78%,93.8% 11%,96.5% -2%);opacity:0;pointer-events:none;overflow:hidden}.flap-liner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 11px)}.opened .flap-liner{opacity:1;transition:opacity .01s linear .15s}.seal{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;z-index:8;transition:opacity .3s ease}.seal-wax{width:100%;height:100%;position:relative;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22)) drop-shadow(0 6px 10px rgba(0,0,0,.24))}.seal-wax img{width:100%;height:100%;object-fit:contain;display:block}.seal-stamp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:1px}.envelope-shadow{position:absolute;bottom:calc(var(--envelope-bottom) - 10px);width:420px;height:20px;background:radial-gradient(ellipse,rgba(44,36,32,.12) 0%,transparent 70%);z-index:0;transition:transform .8s ease}.hint{position:absolute;bottom:calc(var(--envelope-bottom) - 70px);font-weight:400;font-family:Lateef,serif;font-size:24px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-light);opacity:.5;animation:pulse 2.5s ease-in-out infinite;transition:opacity .3s ease}.hint.hint-no-recipient{bottom:calc(var(--envelope-bottom) + var(--eh) + 54px)}.mobile-continue-hint{display:none}@keyframes pulse{0%,to{opacity:.55}50%{opacity:.85}}.particles{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.particle{position:absolute;width:6px;height:6px;background:var(--gold);opacity:0;border-radius:50%}.opened .envelope-back,.opened .envelope-liner,.opened .envelope-front,.opened .envelope-fold-left,.opened .envelope-fold-right,.opened .envelope-fold-bottom,.opened .envelope-texture{opacity:0;transition:opacity 1s ease 2.5s}.opened .envelope{overflow:visible}.opened .envelope-flap{transform:rotateX(-180deg);z-index:0;opacity:0;transition:transform .8s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .8s,opacity 1s ease 2.5s}.opened .flap-liner{opacity:0;transition:opacity .01s linear .15s,opacity 1s ease 2.5s}.opened .seal{opacity:0}.opened .card-wrapper{animation:cardReveal 2.4s cubic-bezier(.22,1,.36,1) .85s forwards;z-index:10;transition:z-index 0s linear 3.25s}.opened .hint{animation:none;opacity:0;pointer-events:none;transition:none}.opened .envelope-shadow{transform:scaleX(.9);opacity:0;transition:transform .8s ease,opacity 1s ease 2.5s}.scene.opened{transform:translateY(620px) scale(1.15);z-index:30}.recipient{position:absolute;bottom:calc(var(--envelope-bottom) + var(--eh) + 40px);left:50%;transform:translate(-50%);font-family:Great Vibes,cursive;font-style:italic;font-weight:400;font-size:clamp(30px,6.2vw,48px);color:var(--gold-light);letter-spacing:1px;white-space:nowrap;max-width:calc(100vw - 24px);text-align:center;opacity:.7;transition:opacity .5s ease}body[data-theme=day] .recipient{color:#fff}body[data-theme=sunset] .recipient{color:#5f311d}.opened .recipient{opacity:0;transition:opacity .35s ease 0s}body[data-theme=day] .hint{color:#fff}body[data-theme=sunset] .hint{color:#5f311d}@media(max-width:1024px){body[data-theme=sunset]{background-color:#e4ab8e;background-image:radial-gradient(148vw 58vh at 50% 112%,rgba(255,178,128,.46) 0%,rgba(246,153,120,.3) 38%,transparent 75%),radial-gradient(118vw 40vh at 72% 34%,rgba(255,220,185,.2) 0%,transparent 78%),radial-gradient(104vw 36vh at 24% 30%,rgba(255,205,168,.16) 0%,transparent 80%),linear-gradient(180deg,#7faede,#9fc1e8 24%,#f0ba87 58%,#de9b80 82%,#c88573);background-size:100% 100%}body[data-theme=sunset]:before{background-image:radial-gradient(72vw 16vh at 20% 34%,rgba(255,238,224,.32) 0%,rgba(255,238,224,.12) 44%,transparent 78%),radial-gradient(78vw 18vh at 58% 30%,rgba(255,230,214,.3) 0%,rgba(255,230,214,.12) 42%,transparent 78%),radial-gradient(64vw 15vh at 86% 42%,rgba(255,212,198,.24) 0%,rgba(255,212,198,.08) 48%,transparent 80%)}body[data-theme=day]{background-color:#cce3f5;background-image:radial-gradient(150vw 58vh at 50% 112%,rgba(255,171,124,.36) 0%,rgba(246,152,120,.22) 34%,transparent 75%),radial-gradient(124vw 42vh at 24% 42%,rgba(255,219,190,.18) 0%,transparent 78%),radial-gradient(116vw 40vh at 78% 36%,rgba(245,207,176,.16) 0%,transparent 80%),linear-gradient(180deg,#cfe7ff,#b7d8f9 24%,#9ec9ee 54%,#f1c691 82%,#deb686);background-size:100% 100%}body[data-theme=day]:before{background-image:radial-gradient(72vw 15vh at 20% 34%,rgba(255,240,230,.34) 0%,rgba(255,240,230,.12) 42%,transparent 76%),radial-gradient(80vw 16vh at 56% 30%,rgba(255,232,220,.3) 0%,rgba(255,232,220,.1) 44%,transparent 78%),radial-gradient(66vw 15vh at 84% 40%,rgba(255,220,210,.24) 0%,rgba(255,220,210,.08) 46%,transparent 80%),radial-gradient(54vw 12vh at 44% 50%,rgba(255,176,157,.2) 0%,transparent 82%)}}@media(max-width:540px){:root{--ew: min(84vw, 330px);--eh: min(65.5vw, 257px);--cw: min(72vw, 282px);--ch: min(51vw, 200px)}.opened .card-wrapper{animation-name:cardRevealMobile}.recipient{bottom:calc(var(--envelope-bottom) + var(--eh) + 28px);letter-spacing:.6px}.hint.hint-no-recipient{bottom:calc(var(--envelope-bottom) + var(--eh) + 38px)}.theme-tabs{display:none}.top-left-actions{top:max(10px,calc(env(safe-area-inset-top) + 10px));left:50%;transform:translate(-50%);gap:8px}.inside-left-actions{bottom:46px}.submit-btn-rsvp{padding-block:4px;padding-inline:8px;min-width:56px;height:15px;font-size:5px}.submit-btn{border-width:.6px}.submit-btn-rsvp .submit-btn-label{letter-spacing:1.2px}.mobile-continue-hint{position:fixed;left:50%;bottom:max(72px,calc(env(safe-area-inset-bottom) + 64px));transform:translate(-50%);display:block;font-family:Josefin Sans,sans-serif;font-weight:300;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-light);opacity:.78;z-index:35;pointer-events:none}.mobile-tap-hints{position:fixed;inset:0;pointer-events:none;z-index:35}.mobile-tap-hint{position:fixed;top:50%;transform:translateY(-50%);color:#a37e23eb;opacity:.86;filter:drop-shadow(0 1px 6px rgba(0,0,0,.35))}.mobile-tap-hint-left{left:max(16px,calc(env(safe-area-inset-left) + 12px))}.mobile-tap-hint-right{right:max(16px,calc(env(safe-area-inset-right) + 12px));transform:translateY(-50%)}.mobile-tap-hint-icon{width:22px;height:22px;animation:mobileTapHintPulse 1.25s ease-in-out infinite}}@media(max-width:540px)and (hover:none)and (pointer:coarse){.scene.is-mobile-flow.opened{--mobile-reveal-gap: 30px;--mobile-scene-scale: 1.15;--mobile-reveal-scale-x: calc( (100vw - (var(--mobile-reveal-gap) * 2)) / (var(--ch) * var(--mobile-scene-scale)) );--mobile-reveal-scale-y: calc( (100dvh - (var(--mobile-reveal-gap) * 2)) / (var(--cw) * var(--mobile-scene-scale)) );--mobile-card-reveal-scale: max(1, min(var(--mobile-reveal-scale-x), var(--mobile-reveal-scale-y)))}}@keyframes mobileTapHintPulse{0%,to{opacity:.62;transform:translate(0)}50%{opacity:.96;transform:translate(2px)}}@media(max-width:900px)and (min-width:541px){:root{--ew: 440px;--eh: 344px;--cw: 372px;--ch: 264px}}@media(min-width:768px)and (max-width:1024px)and (pointer:coarse){.inside-left-actions{bottom:52px}.submit-btn-rsvp{padding-block:3px;height:16px}}@media(min-width:768px)and (max-width:1366px)and (orientation:landscape)and (pointer:coarse){.inside-left-actions{bottom:62px}}@media(max-width:900px)and (pointer:coarse){.card-panels{--panel-open-angle: 180deg}.scene.is-mobile-flow.opened{--mobile-scene-scale: 1.15;--mobile-center-panel-width-ratio: 1;--mobile-center-panel-gap: 20px;--mobile-side-focus-scale: 1.4;--mobile-side-focus-offset: 1;--mobile-center-panel-scale-width-fit: calc( (100vw - (var(--mobile-center-panel-gap) * 2)) / (var(--cw) * var(--mobile-center-panel-width-ratio) * var(--mobile-scene-scale)) );--mobile-center-panel-scale-height-fit: calc( (100svh - (var(--mobile-center-panel-gap) * 2)) / (var(--ch) * var(--mobile-scene-scale)) );--mobile-center-panel-scale: min( var(--mobile-center-panel-scale-width-fit), var(--mobile-center-panel-scale-height-fit) )}.scene.is-mobile-flow.opened .card-panels.is-open.is-mobile-flow.is-mobile-zoom-active{left:50%;transition:transform .81s cubic-bezier(.2,.8,.2,1),margin-top .81s cubic-bezier(.2,.8,.2,1)}.scene.is-mobile-flow.opened .card-panels.is-open.is-mobile-flow.is-mobile-zoom-active.mobile-focus-center{margin-top:0;transform:translate(-50%,-50%) rotate(-90deg) scale(var(--mobile-center-panel-scale))}.scene.is-mobile-flow.opened .card-panels.is-open.is-mobile-flow.is-mobile-zoom-active.mobile-focus-right{margin-top:calc(var(--ch) * var(--mobile-side-focus-offset));transform:translate(-50%,-50%) rotate(-90deg) scale(var(--mobile-side-focus-scale))}.scene.is-mobile-flow.opened .card-panels.is-open.is-mobile-flow.is-mobile-zoom-active.mobile-focus-left{margin-top:calc(var(--ch) * var(--mobile-side-focus-offset) * -1);transform:translate(-50%,-50%) rotate(-90deg) scale(var(--mobile-side-focus-scale))}.inside-details-left,.inside-details-right{padding:18px 14px 16px}.inside-details-center{padding:16px 12px 14px}.inside-title{font-size:14px;letter-spacing:.7px;line-height:16px}.inside-venue-name{font-size:18px;line-height:12px;letter-spacing:.9px;margin-bottom:6px}.inside-details-left .detail-top p:not(.inside-title):not(.inside-venue-name){font-size:17px;line-height:13px}.inside-details-left .detail-middle p:not(.inside-title),.inside-details-left .detail-bottom p:not(.inside-title){font-size:14px;line-height:12px}.inside-details-center .inside-couple{font-size:30px}.inside-kicker,.inside-center-message{font-size:12px;line-height:13px}.inside-date{font-size:16px;line-height:normal;letter-spacing:1.6px}.inside-details-right .detail-top .inside-title{font-size:16px;line-height:16px;letter-spacing:.8px}.inside-details-right .detail-top p:not(.inside-title){font-size:10px;line-height:12px}.inside-schedule-label{font-size:10px;line-height:14px;letter-spacing:.5px}.inside-schedule-time{font-size:9px;line-height:14px}}@media(max-width:380px)and (max-height:700px)and (pointer:coarse){.scene.is-mobile-flow.opened{--mobile-side-focus-scale: 1.2;--mobile-side-focus-offset: 1.02}.inside-left-actions{bottom:40px}}@media(width:360px)and (height:740px)and (pointer:coarse){.inside-left-actions{bottom:38px}}body.not-found-active{display:block!important;width:100%;min-height:100dvh;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}body.not-found-active #root{width:100%;min-height:100dvh;height:auto!important;display:block!important;overflow:visible!important}.not-found-page,.not-found-page *{box-sizing:border-box}.not-found-page{--gold: #b8860b;--gold-light: #d4af37;--bg: #071426;--text: #f3e3bb;--subtitle: rgba(243, 227, 187, .74);--secondary: rgba(243, 227, 187, .72);--particle: var(--gold-light);--alert-red: #b83a3a;--alert-red-light: #d46a6a;min-height:100dvh;width:100%;display:flex;align-items:flex-start;justify-content:center;padding:max(72px,calc(env(safe-area-inset-top) + 48px)) 20px 40px;position:relative;background:var(--bg);color:var(--text);font-family:Josefin Sans,sans-serif;overflow:hidden}.not-found-page[data-theme=light]{--bg: #f7efe3;--text: #5f311d;--subtitle: rgba(95, 49, 29, .78);--secondary: rgba(95, 49, 29, .72);--particle: #9b6b24}.not-found-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 16% 48%,rgba(184,134,11,.12) 0%,transparent 50%),radial-gradient(ellipse at 84% 22%,rgba(212,175,55,.1) 0%,transparent 44%),radial-gradient(ellipse at 50% 82%,rgba(120,84,43,.12) 0%,transparent 55%);pointer-events:none}.not-found-theme-toggle{position:fixed;top:max(16px,calc(env(safe-area-inset-top) + 8px));right:max(16px,calc(env(safe-area-inset-right) + 8px));width:42px;height:42px;border-radius:0;border:1px solid currentColor;background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease;z-index:3}.not-found-theme-toggle:hover{color:var(--gold);border-color:var(--gold)}.not-found-particle{position:fixed;background:var(--particle);border-radius:50%;opacity:0;pointer-events:none;animation:not-found-float 8s ease-in-out infinite}@keyframes not-found-float{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.9}50%{opacity:.65;transform:translateY(-190px) scale(1)}to{transform:translateY(-380px) scale(0)}}.not-found-content{position:relative;z-index:1;text-align:center;max-width:640px;margin-top:clamp(32px,7vh,72px)}.not-found-header{margin-bottom:24px}.not-found-header h1{font-family:Great Vibes,cursive;font-weight:400;font-size:48px;color:var(--text);letter-spacing:3px;line-height:1;margin-bottom:6px}.not-found-header .amp{font-size:34px;font-weight:200;margin:0 4px;opacity:.6}.not-found-subtitle{font-weight:400;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--subtitle)}.not-found-confirmation{text-align:center;padding:8px 0 10px}.not-found-check-circle{width:60px;height:60px;border:1.5px solid var(--alert-red-light);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--alert-red)}.not-found-confirmation h2{font-family:Lateef,serif;font-weight:400;font-size:32px;color:var(--text);line-height:1.1}.not-found-primary{margin-top:5px;font-family:Lateef,serif;font-weight:300;font-size:24px;color:var(--text);opacity:.84;margin-bottom:0;line-height:1.15}.not-found-secondary{margin-top:14px;margin-bottom:0;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:300;letter-spacing:.2px;color:var(--secondary);line-height:1.25}@media(max-width:560px){.not-found-page{padding:max(72px,calc(env(safe-area-inset-top) + 40px)) 14px 22px}.not-found-header h1{font-size:38px}}body.rsvp-active{display:block!important;width:100%;min-height:100dvh;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}body.rsvp-active #root{width:100%;min-height:100dvh;height:auto!important;display:block!important;overflow:visible!important}.rsvp-page,.rsvp-page *{box-sizing:border-box}.rsvp-page{--champagne: #d4b896;--gold: #b8860b;--gold-light: #d4af37;--cream: #faf6f0;--charcoal: #2c2c2c;--soft-black: #1a1a1a;--blush: #f5e6da;--border: rgba(184, 134, 11, .2);--border-focus: var(--gold-light);--bg: linear-gradient( 135deg, #f2e0c8 0%, #ebd0b8 12%, #e8c4ac 24%, #e6bca8 36%, #e8c0b0 48%, #ecc8b0 60%, #f0d4b8 72%, #edd0b0 84%, #f0d8c0 92%, #f5e2cc 100% );--card-bg: linear-gradient(180deg, #fffdf8 0%, #f7eed9 50%, #f2e8d6 100%);--card-border: rgba(150, 100, 50, .12);--card-shadow-1: rgba(120, 80, 30, .08);--card-shadow-2: rgba(0, 0, 0, .03);--card-inset: rgba(255, 255, 255, .6);--heading-color: #5f311d;--header-upper-color: #5f311d;--label-color: #8a7260;--subtitle-color: #a89480;--input-bg: rgba(255, 252, 245, .7);--input-color: #5f311d;--placeholder-color: #c8b8a4;--toggle-bg: rgba(255, 252, 245, .7);--toggle-color: #a89480;--toggle-hover-bg: rgba(184, 134, 11, .06);--toggle-border: rgba(150, 100, 50, .12);--field-subtitle-color: #a89480;--confirm-text: #a89480;--corner-stroke-1: #b8860b;--corner-stroke-2: #d4af37;--radial-1: rgba(180, 140, 80, .1);--radial-2: rgba(184, 134, 11, .06);--radial-3: rgba(220, 200, 170, .2);--particle-color: #9b6b24;--alert-red: #b83a3a;--alert-red-light: #d46a6a;--toast-error-bg: linear-gradient(180deg, #7a2020 0%, #611919 100%);--toast-error-title: #fff4ef;--toast-error-text: rgba(255, 244, 239, .9);min-height:100dvh;width:100%;display:flex;align-items:flex-start;justify-content:center;padding:max(72px,calc(env(safe-area-inset-top) + 48px)) 20px 40px;position:relative;background:var(--bg);font-family:Josefin Sans,sans-serif;overflow-y:auto}.rsvp-page[data-theme=dark]{--bg: linear-gradient(135deg, #04060c 0%, #070912 33%, #060d17 66%, #051118 100%);--card-bg: linear-gradient(180deg, #18151c 0%, #13111a 50%, #0d0b13 100%);--card-border: rgba(184, 134, 11, .25);--card-shadow-1: rgba(0, 0, 0, .3);--card-shadow-2: rgba(0, 0, 0, .2);--card-inset: rgba(255, 255, 255, .02);--heading-color: #e0dbd4;--header-upper-color: #7a8099;--label-color: #7a8099;--subtitle-color: #6a7090;--input-bg: rgba(255, 255, 255, .03);--input-color: #d4af37;--placeholder-color: #7a8099;--toggle-bg: rgba(255, 255, 255, .05);--toggle-color: #6a7090;--toggle-hover-bg: rgba(212, 175, 55, .08);--toggle-border: rgba(184, 134, 11, .18);--field-subtitle-color: #7a8099;--confirm-text: #6a7090;--corner-stroke-1: #8a6a2a;--corner-stroke-2: #a8882e;--radial-1: rgba(212, 184, 150, .04);--radial-2: rgba(184, 134, 11, .03);--radial-3: rgba(60, 70, 120, .08);--particle-color: #ffd700;--alert-red: #d46a6a;--alert-red-light: #e49292;--toast-error-bg: linear-gradient(180deg, #6b1b1b 0%, #531515 100%);--toast-error-title: #fff3ee;--toast-error-text: rgba(255, 243, 238, .88)}.rsvp-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 50%,var(--radial-1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--radial-2) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,var(--radial-3) 0%,transparent 50%);pointer-events:none}.rsvp-theme-toggle{position:fixed;top:max(16px,calc(env(safe-area-inset-top) + 8px));right:max(16px,calc(env(safe-area-inset-right) + 8px));width:42px;height:42px;border-radius:0;border:1px solid currentColor;background:transparent;color:#5f311d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s ease;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.rsvp-theme-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(180deg,var(--gold-light),var(--gold));transition:height .32s ease;z-index:0}.rsvp-theme-toggle>*{position:relative;z-index:1}.rsvp-theme-toggle:hover{border-color:var(--gold-light);box-shadow:0 2px 12px #b8860b26;transform:scale(1.05);color:#3f2114}.rsvp-theme-toggle:hover:before{height:100%}.rsvp-page[data-theme=dark] .rsvp-theme-toggle{color:var(--gold-light)}.rsvp-page[data-theme=dark] .rsvp-theme-toggle:hover{color:#3f2114}.rsvp-particle{position:fixed;background:var(--particle-color);border-radius:50%;opacity:0;pointer-events:none;animation:rsvp-float 8s ease-in-out infinite}.rsvp-page[data-theme=light] .rsvp-particle{box-shadow:0 0 4px #9b6b2452,0 0 8px #9b6b242e}@keyframes rsvp-float{0%,to{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.9}50%{opacity:.6;transform:translateY(-200px) scale(1)}90%{opacity:0}to{transform:translateY(-400px) scale(0)}}.rsvp-card{position:relative;width:520px;max-width:100%;padding:56px 48px 48px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 40px var(--card-shadow-1),0 1px 3px var(--card-shadow-2),inset 0 0 80px var(--card-inset);margin-top:0;animation:rsvp-card-reveal 1.2s cubic-bezier(.23,1,.32,1) forwards;opacity:0}@keyframes rsvp-card-reveal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rsvp-text-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rsvp-corner{position:absolute;width:60px;height:60px;opacity:.5}.rsvp-corner:before,.rsvp-corner:after{content:"";position:absolute;left:0;top:0;border-top:1px solid var(--corner-stroke-1);border-left:1px solid var(--corner-stroke-1);width:28px;height:28px}.rsvp-corner:after{left:6px;top:6px;width:16px;height:16px;border-top-color:var(--corner-stroke-2);border-left-color:var(--corner-stroke-2)}.rsvp-corner-tl{top:12px;left:12px}.rsvp-corner-tr{top:12px;right:12px;transform:scaleX(-1)}.rsvp-corner-bl{bottom:12px;left:12px;transform:scaleY(-1)}.rsvp-corner-br{bottom:12px;right:12px;transform:scale(-1)}.rsvp-side-border{position:absolute;width:1px;top:80px;bottom:80px;background:linear-gradient(180deg,transparent 0%,var(--gold-light) 20%,var(--gold-light) 80%,transparent 100%);opacity:.25}.rsvp-side-border-left{left:18px}.rsvp-side-border-right{right:18px}.rsvp-header{text-align:center;margin-bottom:36px}.rsvp-header-upper{font-weight:400;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--header-upper-color);margin-bottom:12px}.rsvp-header h1{font-family:Great Vibes,cursive;font-weight:400;font-size:48px;color:var(--heading-color);letter-spacing:3px;line-height:1;margin-bottom:4px}.rsvp-header .amp{font-size:34px;font-weight:200;margin:0 4px;opacity:.6}.rsvp-header-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent);margin:12px auto 18px}.rsvp-subtitle{font-weight:400;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--subtitle-color)}.rsvp-subtitle-date{color:#d9d9d9;font-weight:700}.rsvp-page[data-theme=light] .rsvp-subtitle-date{color:#7a4b2a}.rsvp-form-body{display:flex;flex-direction:column;gap:26px}.rsvp-form-body>*{opacity:0;transform:translateY(12px);animation:rsvp-text-up .7s ease forwards}.rsvp-form-body>:nth-child(1){animation-delay:.32s}.rsvp-form-body>:nth-child(2){animation-delay:.38s}.rsvp-form-body>:nth-child(3){animation-delay:.44s}.rsvp-form-body>:nth-child(4){animation-delay:.5s}.rsvp-form-body>:nth-child(5){animation-delay:.56s}.rsvp-form-body>:nth-child(6){animation-delay:.62s}.rsvp-form-body>:nth-child(7){animation-delay:.68s}.rsvp-form-group label{font-weight:400;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--label-color);display:flex;align-items:center;gap:6px;margin-bottom:12px}.rsvp-form-group label.label-error{color:#c97a7a}.rsvp-form-group>label+.field-subtitle{margin-top:-10px;margin-bottom:10px}.rsvp-form-group input,.rsvp-form-group select,.rsvp-form-group textarea{width:100%;padding:12px 16px;font-family:Lateef,serif;font-size:20px;font-weight:300;color:var(--input-color);background:var(--input-bg);border:1px solid var(--border);outline:none;transition:border-color .3s ease,box-shadow .3s ease;appearance:none;letter-spacing:1px}.rsvp-form-group input:focus,.rsvp-form-group select:focus,.rsvp-form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #d4af3714}.rsvp-form-group input:disabled,.rsvp-form-group select:disabled,.rsvp-form-group textarea:disabled{background:#8c785f14;color:#5f311dc7;border-color:#b8860b2e;cursor:not-allowed;box-shadow:none}.rsvp-page[data-theme=dark] .rsvp-form-group input:disabled,.rsvp-page[data-theme=dark] .rsvp-form-group select:disabled,.rsvp-page[data-theme=dark] .rsvp-form-group textarea:disabled{background:#ffffff06;color:#d4af37b8;border-color:#b8860b33}.rsvp-form-group input:disabled::placeholder,.rsvp-form-group select:disabled::placeholder,.rsvp-form-group textarea:disabled::placeholder{color:#5f311d73}.rsvp-page[data-theme=dark] .rsvp-form-group input:disabled::placeholder,.rsvp-page[data-theme=dark] .rsvp-form-group select:disabled::placeholder,.rsvp-page[data-theme=dark] .rsvp-form-group textarea:disabled::placeholder{color:#becce68f}.rsvp-form-group input::placeholder,.rsvp-form-group textarea::placeholder{color:var(--placeholder-color);font-weight:200}.rsvp-form-group textarea{resize:vertical;min-height:90px;line-height:1.4}.rsvp-char-count{margin:8px 2px 0;font-size:11px;letter-spacing:1px;text-align:right;color:var(--label-color)}.rsvp-form-group.is-disabled{opacity:.35;pointer-events:none}.rsvp-toggle{display:flex;border:1px solid var(--border);overflow:hidden}.rsvp-toggle.error{border-color:#c97a7a;box-shadow:0 0 0 3px #c97a7a14}.rsvp-toggle button{flex:1;padding:13px 8px;font-family:Josefin Sans,sans-serif;font-weight:500;font-size:10px;letter-spacing:3px;text-transform:uppercase;border:none;background:var(--toggle-bg);color:var(--toggle-color);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.rsvp-toggle button+button{border-left:2px solid var(--toggle-border)}.rsvp-toggle button.active{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff}.rsvp-toggle button:hover:not(.active){background:var(--toggle-hover-bg);color:#888}.rsvp-toggle-3 button{font-size:9px;letter-spacing:2px}.field-subtitle{font-family:Lateef,serif;font-weight:200;font-size:16px;letter-spacing:.5px;color:var(--field-subtitle-color);opacity:.68;margin:0 0 10px;line-height:1.3}.rsvp-submit-wrap{margin-top:6px}.rsvp-submit-wrap-spacious{margin-top:16px}.rsvp-submit-btn{position:relative;width:100%;display:inline-flex;align-items:center;justify-content:center;padding:16px;font-family:Josefin Sans,sans-serif;font-weight:400;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:#fff;background:transparent;border:1px solid var(--gold);cursor:pointer;overflow:hidden;z-index:1;transition:color .35s ease,border-color .35s ease,transform .35s ease,filter .35s ease;transform:translateY(-1px);text-decoration:none}.rsvp-submit-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--gold),var(--gold-light));z-index:-1}.rsvp-submit-btn:after{content:"";position:absolute;top:-20%;left:-55%;width:34%;height:140%;background:linear-gradient(105deg,#fff0,#ffffff1f 45%,#ffffff47,#ffffff1f 55%,#fff0);opacity:0;transform:translate(0) skew(-18deg);pointer-events:none}.rsvp-submit-btn:hover{color:#fff;border-color:var(--gold);transform:translateY(-1px);filter:brightness(1.03)}.rsvp-submit-btn:hover:before{left:0}.rsvp-submit-btn:hover:after{opacity:1;animation:rsvpBtnShimmer .85s ease-out 1}.rsvp-submit-btn:disabled{cursor:not-allowed;opacity:.82;filter:none}.rsvp-submit-btn:disabled:after{opacity:0;animation:none}.rsvp-submit-btn.rsvp-submit-btn-error{border-color:#c97a7a;box-shadow:0 0 0 3px #c97a7a1f}.rsvp-submit-btn-no-shimmer:after{content:none}.rsvp-submit-btn-no-shimmer:hover:after{animation:none}.btn-content{display:inline-flex;align-items:center;justify-content:center;gap:10px}.rsvp-submit-spinner{animation:rsvp-spinner-rotate .9s linear infinite}@keyframes rsvpBtnShimmer{0%{transform:translate(0) skew(-18deg)}to{transform:translate(480%) skew(-18deg)}}.rsvp-confirmation{display:none;text-align:center;padding:30px 0 10px}.rsvp-confirmation.visible{display:block;animation:rsvp-text-up .6s ease forwards}.rsvp-confirmation .check-circle{width:60px;height:60px;border:1.5px solid var(--gold-light);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--gold)}.rsvp-loading-spinner{color:var(--gold);animation:rsvp-spinner-rotate .9s linear infinite}.rsvp-confirmation h2{font-family:Lateef,serif;font-weight:400;font-size:30px;color:var(--heading-color);margin-bottom:2px;line-height:1.1}.rsvp-confirmation p{font-family:Lateef,serif;font-weight:300;font-size:22px;letter-spacing:.4px;color:var(--heading-color);opacity:.72;line-height:1.12}.rsvp-confirmation-primary{margin-top:-6px;margin-bottom:0}.rsvp-confirmation p.rsvp-confirmation-secondary{margin-top:20px;margin-bottom:-6px!important;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:300;letter-spacing:.2px;text-transform:none;color:var(--heading-color);opacity:.5;line-height:1.15}.rsvp-toast-viewport{position:fixed;top:max(16px,calc(env(safe-area-inset-top) + 8px));left:max(16px,calc(env(safe-area-inset-left) + 8px));width:min(360px,calc(100vw - 24px));margin:0;padding:0;list-style:none;z-index:15;outline:none}.rsvp-toast{padding:10px 12px;border:1px solid rgba(255,220,210,.38);background:var(--toast-error-bg);box-shadow:0 4px 32px var(--card-shadow-1),0 1px 3px var(--card-shadow-2);animation:rsvp-toast-in .18s ease-out}.rsvp-toast-title{margin:0;font-family:Lateef,serif;font-size:24px;font-weight:400;line-height:1.05;color:var(--toast-error-title)}.rsvp-toast-description{margin:4px 0 0;font-family:Lateef,serif;font-size:19px;font-weight:300;line-height:1.2;color:var(--toast-error-text)}.rsvp-form-group input.error,.rsvp-form-group select.error,.rsvp-form-group textarea.error{border-color:#c97a7a;box-shadow:0 0 0 3px #c97a7a14}.error-shake{animation:rsvp-error-shake .34s ease}.rsvp-error-text{font-weight:300;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#c97a7a;margin-top:6px;display:none}.rsvp-error-text.show{display:block}@keyframes rsvp-error-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes rsvp-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rsvp-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.rsvp-page{padding:max(72px,calc(env(safe-area-inset-top) + 40px)) 12px 20px}.rsvp-card{padding:40px 28px 36px}.rsvp-header h1{font-size:36px}.rsvp-header .amp{font-size:26px}.rsvp-header-upper{line-height:1.3}.rsvp-subtitle{line-height:1.4}.rsvp-form-group label{line-height:1.35}.rsvp-toast-title{font-size:22px}.rsvp-toast-description{font-size:18px}.field-subtitle{line-height:1.25}.rsvp-toggle button{padding:11px 6px;font-size:9px;letter-spacing:2px;line-height:1.3;gap:5px}.rsvp-submit-btn{padding:14px;font-size:10px;letter-spacing:4px}.rsvp-theme-toggle{top:max(10px,calc(env(safe-area-inset-top) + 6px));right:max(10px,calc(env(safe-area-inset-right) + 6px));width:36px;height:36px}}