:root{--espresso-900: #0e0704;--espresso-800: #1a0e09;--espresso-700: #25150d;--mocha-600: #3a2216;--mocha-500: #573525;--chestnut-400: #7c4a2d;--caramel-300: #b27a4b;--caramel-200: #d6a776;--honey-200: #e9b96a;--honey-100: #f4d6a0;--cream-50: #f8ecda;--cream-100: #efdcc0;--paper: #f3e6d1;--kraft-200: #dcb88e;--kraft-300: #cba071;--kraft-400: #b8885b;--kraft-500: #8a5f3d;--ink: #2b1810;--ink-soft: #5a3a28;--red-400: #e2475a;--red-500: #d4213a;--red-600: #b3122b;--red-800: #6a0916;--glow-honey: rgba(233, 185, 106, .45);--glow-red: rgba(212, 33, 58, .55);--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body: "Jost", "Futura", "Century Gothic", sans-serif;--ease-out: cubic-bezier(.2, .8, .2, 1);--gutter: 30px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--espresso-900);color:var(--cream-50);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}h1,h2,p,figure,dl,dd,ol{margin:0}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.eyebrow{font-family:var(--font-body);font-weight:500;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--caramel-200)}.eyebrow-dot{display:inline-block;width:4px;height:4px;margin:0 .7em .18em;border-radius:50%;background:var(--red-500);vertical-align:middle;box-shadow:0 0 8px var(--glow-red)}em.name{font-family:var(--font-display);font-style:italic;font-variation-settings:"SOFT" 100;color:var(--red-500);white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;gap:.55em;padding:.9rem 1.7rem;border:0;border-radius:999px;background:radial-gradient(120% 140% at 30% 20%,var(--red-400),var(--red-600) 55%,var(--red-800));color:var(--cream-50);font-weight:500;font-size:.84rem;letter-spacing:.06em;box-shadow:0 12px 30px -10px var(--glow-red),inset 0 1px #ffffff38,inset 0 -2px 6px #00000040}.btn-ghost{display:inline-flex;align-items:center;gap:.5em;padding:.85rem .4rem;border:0;background:none;color:var(--cream-100);font-size:.75rem;letter-spacing:.1em;opacity:.75;transition:opacity .3s}.btn-ghost:disabled{opacity:.18;cursor:default}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(120% 70% at 50% 0%,rgba(87,53,37,.85) 0%,transparent 70%),radial-gradient(100% 60% at 50% 110%,rgba(58,34,22,.9) 0%,transparent 70%),linear-gradient(180deg,var(--espresso-700),var(--espresso-800) 45%,var(--espresso-900))}.backdrop-glow{position:absolute;width:90vmax;height:90vmax;border-radius:50%;will-change:transform}.backdrop-glow--a{top:-38vmax;left:-30vmax;background:radial-gradient(circle,rgba(233,185,106,.22),transparent 62%);animation:drift-a 28s ease-in-out infinite alternate}.backdrop-glow--b{bottom:-45vmax;right:-35vmax;background:radial-gradient(circle,rgba(178,90,50,.3),transparent 62%);animation:drift-b 34s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(18vmax,22vmax) scale(1.15)}}@keyframes drift-b{to{transform:translate(-20vmax,-16vmax) scale(.9)}}.backdrop-embers span{position:absolute;bottom:-12px;border-radius:50%;background:var(--honey-100);box-shadow:0 0 8px 2px var(--glow-honey);opacity:0;animation-name:ember;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ember{0%{transform:translate(0);opacity:0}12%{opacity:.55}70%{opacity:.25}to{transform:translate(var(--drift),-105vh);opacity:0}}.film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.film-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(5) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}}.film-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 110% 90% at 50% 45%,transparent 55%,rgba(8,4,2,.42) 100%)}.music-toggle{position:fixed;z-index:60;top:calc(14px + var(--safe-top));right:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(233,185,106,.28);background:#1a0e098c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-bars{display:flex;align-items:flex-end;gap:2.5px;height:14px}.music-bars i{width:2px;height:3px;border-radius:2px;background:var(--honey-100);transition:height .3s}.is-playing .music-bars i{animation:eq 1s ease-in-out infinite alternate}.is-playing .music-bars i:nth-child(2){animation-delay:-.35s}.is-playing .music-bars i:nth-child(3){animation-delay:-.7s}.is-playing .music-bars i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%{height:3px}to{height:14px}}.music-slash{position:absolute;width:22px;height:1.5px;background:var(--red-400);transform:rotate(-40deg);border-radius:2px}.envelope-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.6rem,5vh,3rem);padding:calc(24px + var(--safe-top)) var(--gutter) calc(24px + var(--safe-bottom))}.env-caption{text-align:center}.env-caption--top{display:flex;flex-direction:column;gap:.6rem}.env-date{font-family:var(--font-display);font-style:italic;font-size:.84rem;color:var(--honey-100);opacity:.6}.env-float{width:min(86vw,420px);animation:env-bob 5s ease-in-out infinite}@keyframes env-bob{50%{translate:0 -8px}}.env-body{position:relative;width:100%;aspect-ratio:400 / 290;perspective:1400px;cursor:pointer;outline:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55)) drop-shadow(0 0 60px rgba(233,185,106,.12))}.env-body:focus-visible .env-seal{outline:2px solid var(--honey-100);outline-offset:6px;border-radius:50%}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 32 32'%3E%3Cg fill='%23e9b96a' fill-opacity='0.22' transform='translate(9 9) scale(0.45)'%3E%3Cpath d='M16 29.5c-4.6 0-9-2.1-9-6 0-3.7 4.1-8.6 9-8.6s9 4.9 9 8.6c0 3.9-4.4 6-9 6z'/%3E%3Cellipse cx='6.6' cy='13.6' rx='2.9' ry='3.7'/%3E%3Cellipse cx='12.4' cy='7.4' rx='3' ry='3.9'/%3E%3Cellipse cx='19.6' cy='7.4' rx='3' ry='3.9'/%3E%3Cellipse cx='25.4' cy='13.6' rx='2.9' ry='3.7'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,var(--mocha-500),var(--mocha-600));box-shadow:inset 0 0 30px #00000080}.env-letter{position:absolute;z-index:2;left:6%;right:6%;top:5%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:9%;border-radius:4px;background:radial-gradient(120% 80% at 50% 0%,#fffaf1,var(--paper) 60%,var(--cream-100));color:var(--ink);box-shadow:0 -2px 12px #0003;text-align:center}.env-letter-paw{width:18px;color:var(--red-600);margin-bottom:.5rem}.env-letter-line{font-family:var(--font-display);font-variation-settings:"SOFT" 100;font-size:clamp(.92rem,4.05vw,1.19rem);line-height:1.2}.env-letter-line--em{font-style:italic;color:var(--red-600)}.env-letter-small{margin-top:.5rem;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}.env-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;border-radius:6px}.env-address{position:absolute;z-index:4;left:0;right:0;bottom:7%;display:flex;flex-direction:column;align-items:center;color:var(--ink);pointer-events:none}.env-for,.env-from{font-size:clamp(.5rem,1.94vw,.6rem);font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft)}.env-name{font-family:var(--font-display);font-style:italic;font-weight:400;font-variation-settings:"SOFT" 100;font-size:clamp(1.5rem,7.04vw,2.11rem);line-height:1.1;color:var(--red-600);margin:.05em 0 .15em}.env-flap{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;transform-origin:50% 0;filter:drop-shadow(0 6px 6px rgba(43,24,16,.35));pointer-events:none}.env-flap-shape{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,50% 57%);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--kraft-200),var(--kraft-300) 70%,var(--kraft-400))}.env-seal{position:absolute;z-index:6;left:50%;top:55%;width:19%;aspect-ratio:1;margin-left:-9.5%;margin-top:-9.5%}.seal-half{position:absolute;top:0;right:0;bottom:0;left:0}.seal-half svg{width:100%;height:100%;display:block;animation:seal-pulse 2.6s ease-in-out infinite}.seal-half--l{clip-path:inset(0 50% 0 0)}.seal-half--r{clip-path:inset(0 0 0 50%)}@keyframes seal-pulse{0%,to{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45)) drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45)) drop-shadow(0 0 14px var(--glow-red))}}.env-hint{display:inline-flex;align-items:center;gap:.6em;font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;color:var(--honey-100);animation:hint-breathe 2.6s ease-in-out infinite}.env-hint-paw{width:13px;color:var(--red-500);transform:rotate(90deg)}@keyframes hint-breathe{50%{opacity:.45}}.env-howwemet{max-width:30ch;margin:1rem auto 0;font-family:var(--font-display);font-style:italic;font-size:.81rem;line-height:1.5;color:var(--cream-100);opacity:.55}.chapters{display:grid;grid-template-rows:minmax(0,1fr) auto}.chapter-stage{position:relative;min-height:0}.chapter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.5rem;padding:calc(66px + var(--safe-top)) var(--gutter) 6px;touch-action:pan-y;cursor:grab}.chapter:active{cursor:grabbing}.frame{position:relative;justify-self:center;height:100%;max-height:62vh;aspect-ratio:4 / 5;max-width:100%;--arch: 50% 50% 14px 14px / 40% 40% 14px 14px}.frame-glow{position:absolute;top:-18%;right:-22%;bottom:-18%;left:-22%;z-index:-1;background:radial-gradient(closest-side,rgba(233,185,106,.3),rgba(178,90,50,.12) 60%,transparent);animation:frame-breathe 6s ease-in-out infinite}@keyframes frame-breathe{50%{opacity:.6;transform:scale(.95)}}.frame-window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--arch);background:var(--mocha-600);box-shadow:0 0 0 5px var(--mocha-600),0 0 0 6px #e9b96a47,0 40px 70px -24px #000000d9,0 18px 30px -18px #0009;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}.frame-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;pointer-events:none;-webkit-user-drag:none}.frame-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(26,14,9,.55),transparent 38%),radial-gradient(90% 60% at 50% 0%,rgba(244,214,160,.18),transparent 70%);mix-blend-mode:normal}.frame-hairline{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:var(--arch);border:1px solid rgba(244,214,160,.42);pointer-events:none}.frame-numeral{position:absolute;right:-.12em;bottom:-.2em;font-family:var(--font-display);font-style:italic;font-weight:300;font-variation-settings:"SOFT" 100;font-size:clamp(3.52rem,16.72vw,6.6rem);line-height:1;color:var(--honey-100);text-shadow:0 10px 30px rgba(0,0,0,.6);pointer-events:none}.chapter--flip .frame-numeral{right:auto;left:-.12em}.frame-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem;text-align:center;background:radial-gradient(circle at 50% 40%,var(--mocha-500),var(--mocha-600) 70%);color:var(--caramel-200)}.frame-placeholder-bear{width:38%;opacity:.55;margin-bottom:.6rem}.frame-placeholder span{font-family:var(--font-display);font-style:italic;font-size:.92rem}.frame-placeholder small{font-size:.6rem;letter-spacing:.06em;opacity:.6}.chapter-text{display:flex;flex-direction:column;gap:.6rem;max-width:34rem;width:100%;justify-self:center}.chapter-title{font-family:var(--font-display);font-weight:400;font-variation-settings:"SOFT" 100;font-size:clamp(1.54rem,6.16vw,2.64rem);line-height:1.04;letter-spacing:-.01em;color:var(--cream-50);text-wrap:balance}.chapter-caption{font-size:.88rem;line-height:1.62;color:var(--cream-100);opacity:.86;max-height:8.2em;overflow-y:auto;text-wrap:pretty}.chapter-remaining{font-family:var(--font-display);font-style:italic;font-size:.75rem;color:var(--caramel-200);opacity:.7}.chapter-footer{position:relative;z-index:3;padding:.4rem var(--gutter) calc(14px + var(--safe-bottom));width:100%;max-width:720px;justify-self:center}.paw-trail{list-style:none;padding:0;display:flex;justify-content:space-between;margin-bottom:.4rem}.paw-step button{position:relative;display:grid;place-items:center;width:24px;height:30px;padding:0;border:0;background:none}.paw-step button:disabled{cursor:default}.paw-step.is-left button{transform:translateY(-4px)}.paw-step.is-right button{transform:translateY(4px)}.paw-icon{display:block;width:16px;height:16px}.paw-icon svg{display:block;width:100%;height:100%;transform:rotate(90deg)}.paw-step.is-left .paw-icon svg{transform:rotate(80deg)}.paw-step.is-right .paw-icon svg{transform:rotate(100deg)}.paw-step--done{color:var(--caramel-200)}.paw-step--current{color:var(--red-500)}.paw-step--todo{color:var(--caramel-300);opacity:.5}.paw-glow{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,var(--glow-red),transparent 70%)}.chapter-nav .btn-primary{padding:.62rem 1.2rem;font-size:.78rem}.chapter-nav{display:flex;align-items:center;justify-content:space-between}@media (min-width: 860px){.chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:clamp(3rem,6vw,6rem);padding:80px 10vw 10px}.frame{max-height:72vh;height:72vh;justify-self:end}.chapter-text{justify-self:start;max-width:28rem}.chapter--flip .frame{order:2;justify-self:start}.chapter--flip .chapter-text{justify-self:end}.chapter-caption{font-size:.95rem;max-height:none}}.question{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:calc(40px + var(--safe-top)) var(--gutter) calc(30px + var(--safe-bottom));text-align:center}.question-bear{width:clamp(96px,30vw,140px);margin-bottom:.4rem;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5)) drop-shadow(0 0 40px rgba(233,185,106,.18))}.question-bear svg{display:block;width:100%}.question-copy{display:flex;flex-direction:column;align-items:center;gap:1rem}.question-text{max-width:13ch;font-family:var(--font-display);font-weight:400;font-variation-settings:"SOFT" 100;font-size:clamp(1.94rem,8.8vw,3.7rem);line-height:1.02;letter-spacing:-.015em;color:var(--cream-50);text-wrap:balance}.question-guilt{max-width:28ch;font-family:var(--font-display);font-style:italic;font-size:.97rem;line-height:1.45;color:var(--honey-100)}.question-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.4rem;margin-top:1.4rem}.btn-yes-paw{width:16px;color:var(--cream-50)}.btn-no{position:relative;z-index:5;padding:.9rem 1.8rem;border:1px solid rgba(239,220,192,.3);border-radius:999px;opacity:1;background:#1a0e0966}.is-begging .btn-yes{padding:1.2rem 2.8rem;font-size:1.1rem;animation:beg 1.6s ease-in-out infinite}.is-begging .btn-yes-paw{width:20px}@keyframes beg{50%{box-shadow:0 0 0 10px #d4213a1f,0 18px 50px -8px var(--glow-red),inset 0 1px #ffffff38}}.paw-burst{position:absolute;left:50%;top:50%;pointer-events:none}.paw-burst span{position:absolute;width:20px;height:20px;margin:-10px;color:var(--red-500)}.paw-burst svg{display:block;width:100%}.invite{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(78px + var(--safe-top)) var(--gutter) calc(20px + var(--safe-bottom));overflow-y:auto}.invite-perspective{width:100%;max-width:440px;perspective:1400px;margin:auto 0}.invite-card{position:relative;padding:3rem 1.7rem 1.6rem;border-radius:6px;transform-origin:50% 100%;text-align:center;color:var(--ink);background:radial-gradient(120% 60% at 50% 0%,#fffaf1 0%,transparent 70%),radial-gradient(80% 50% at 50% 100%,rgba(203,160,113,.25),transparent 70%),var(--paper);box-shadow:0 50px 90px -30px #000000d9,0 0 0 1px #cba07166,0 0 140px -20px #e9b96a59}.invite-border,.invite-border:after{position:absolute;pointer-events:none;border:1px solid var(--caramel-300);border-radius:3px}.invite-border{top:10px;right:10px;bottom:10px;left:10px;opacity:.6}.invite-border:after{content:"";top:3px;right:3px;bottom:3px;left:3px;opacity:.5}.invite-seal{position:absolute;top:-34px;left:50%;width:70px;height:70px;margin-left:-35px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.invite-seal svg{display:block;width:100%}.invite-eyebrow{color:var(--chestnut-400)}.invite-heading{margin-top:.8rem;font-family:var(--font-display);font-weight:400;font-variation-settings:"SOFT" 100;font-size:clamp(1.85rem,7.92vw,2.55rem);line-height:1.02;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.invite-heading em.name{color:var(--red-600)}.invite-rule{display:flex;align-items:center;gap:.7rem;margin:1.2rem auto;width:60%;color:var(--red-600)}.invite-rule span{flex:1;height:1px;background:var(--caramel-300);opacity:.6}.invite-rule svg{width:15px;flex:none}.invite-body{font-size:.88rem;line-height:1.68;color:var(--ink-soft);font-weight:400;text-wrap:pretty}.invite-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem .6rem;margin:1.4rem 0;padding:.9rem 0;border-top:1px solid rgba(178,122,75,.4);border-bottom:1px solid rgba(178,122,75,.4)}.invite-details>div:last-child:nth-child(odd){grid-column:1 / -1}.invite-details dt{font-size:.58rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--chestnut-400)}.invite-details dd{margin-top:.2rem;font-family:var(--font-display);font-style:italic;font-size:.84rem;line-height:1.3;color:var(--ink)}.invite-signoff{font-size:.72rem;color:var(--ink-soft)}.invite-signature{display:block;margin-top:.15rem;font-family:var(--font-display);font-style:italic;font-variation-settings:"SOFT" 100;font-size:1.5rem;color:var(--ink)}.invite-trail{display:flex;justify-content:center;align-items:center;gap:3px;margin-top:1.2rem;color:var(--chestnut-400)}.invite-trail span{width:11px;opacity:.5}.invite-trail span svg{display:block;width:100%;transform:rotate(90deg)}.invite-trail .is-left{transform:translateY(-3px)}.invite-trail .is-right{transform:translateY(3px)}.invite-trail span.invite-trail-heart{width:auto;margin-left:6px;font-size:.88rem;line-height:1;color:var(--red-600)}.replay{margin-top:1.4rem;padding:.6rem 1rem;border:0;background:none;font-size:.66rem;letter-spacing:.14em;color:var(--caramel-200);opacity:.7}@media (prefers-reduced-motion: reduce){.backdrop-glow,.backdrop-embers span,.film-grain,.env-float,.frame-glow,.seal-half svg,.env-hint{animation:none!important}}