:root{--font-body:"Bricolage Grotesque", "Avenir Next", sans-serif;--font-display:"Cormorant Garamond", Georgia, serif;--font-hand:"Kalam", "Comic Sans MS", cursive;--bg-start:#fff7e8;--bg-mid:#f4ddd6;--bg-end:#dcebf0;--surface:#fffaf1;--surface-soft:#f8eadf;--text-primary:#332032;--text-secondary:#735f6b;--accent-coral:#c95d4f;--accent-coral-light:#df836f;--accent-orange:#d97745;--accent-gold:#b98728;--accent-gold-light:#e1bd67;--accent-purple:#7a415b;--accent-indigo:#3e6473;--accent-green:#6f8f86;--white:#fffaf1;--shadow-warm:0 18px 48px -24px #652f2c59;--shadow-soft:0 10px 30px -20px #33203242;--shadow-gold:0 18px 50px -24px #98681d70;--radius:8px;--radius-lg:8px;--radius-pill:999px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg-start)}body{font-family:var(--font-body);color:var(--text-primary);background:linear-gradient(142deg, var(--bg-start) 0%, var(--bg-mid) 48%, var(--bg-end) 100%);overscroll-behavior:none;touch-action:manipulation;font-kerning:normal;font-feature-settings:"kern" 1;width:100%;min-height:100dvh;overflow:hidden}#root{width:100%;min-height:100dvh}.app{isolation:isolate;background:linear-gradient(160deg,#fff7e8f5 0%,#f4ddd6e6 45%,#dcebf0f0 100%);width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.app:before{content:"";z-index:0;pointer-events:none;opacity:.38;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#7a415b0a 0 1px,#0000 1px 6px),repeating-linear-gradient(90deg,#b9872809 0 1px,#0000 1px 8px);position:fixed;inset:0}.bg-decorations{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.paper-layer,.paper-stitch{will-change:transform;position:absolute}.paper-layer{border-radius:var(--radius);border:1px solid #b987282e;width:22rem;height:8rem;box-shadow:0 20px 60px -44px #33203280}.paper-layer-1{background:#c95d4f2b;top:-3.5rem;left:-8rem;transform:rotate(-15deg)}.paper-layer-2{background:#86a9bd38;bottom:8%;right:-9rem;transform:rotate(18deg)}.paper-layer-3{background:#e1bd672e;width:18rem;bottom:-5rem;left:50%;transform:translate(-50%)rotate(-6deg)}.paper-stitch{opacity:.42;background:repeating-linear-gradient(90deg,#7a415bb3 0 8px,#0000 8px 13px);width:8rem;height:1px}.paper-stitch-1{top:22%;right:-1.5rem;transform:rotate(90deg)}.paper-stitch-2{bottom:24%;left:-1rem;transform:rotate(90deg)}.progress-dots{bottom:calc(1rem + env(safe-area-inset-bottom));z-index:100;border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf194;gap:.625rem;padding:.35rem .45rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.dot{border-radius:var(--radius-pill);background:#3320322e;width:.5rem;height:.5rem;transition:width .35s,background-color .35s}.dot.active{background:var(--accent-coral);width:1.75rem}.slide{opacity:0;visibility:hidden;pointer-events:none;z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.slide.active{visibility:visible;pointer-events:auto;opacity:1}.container{width:min(100%,31rem);min-height:100dvh;padding:calc(2.4rem + env(safe-area-inset-top)) 1.25rem calc(4.85rem + env(safe-area-inset-bottom));z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;display:flex;position:relative}.apology-content,.explanation-content,.offer-content,.buttons-area,.celebration-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.apology-content,.explanation-content{max-width:25rem}.offer-content{max-width:24rem}.buttons-area{max-width:23rem}.emoji-sad{margin-bottom:.65rem;font-size:3.25rem;animation:2.9s ease-in-out infinite gentleBounce;display:inline-block}@keyframes gentleBounce{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-.45rem)rotate(-2deg)}70%{transform:translateY(-.2rem)rotate(2deg)}}.apology-title,.explanation-title,.question,.celebration-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:0;text-wrap:balance}.apology-title{text-align:center;margin-bottom:1.25rem;font-size:2.15rem;font-weight:700;line-height:1.06}.midnight-title{max-width:22rem;margin-left:auto;margin-right:auto;font-size:1.95rem;line-height:1.12}.highlight{color:var(--accent-coral);text-underline-offset:-.08em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;font-style:italic;text-decoration-line:underline;text-decoration-color:#e1bd67b8;text-decoration-thickness:.18em;position:relative}.midnight-time{white-space:nowrap}.signature{font-family:var(--font-hand);text-align:center;color:var(--text-secondary);text-wrap:balance;margin-bottom:.25rem;font-size:1.35rem;line-height:1.45}.heart{color:var(--accent-coral);vertical-align:-.12em;font-size:1.7rem;animation:1.6s ease-in-out infinite heartbeat;display:inline-block}.explanation-container{gap:1.35rem}.explanation-title{max-width:22rem;margin-bottom:1.2rem;font-size:2.05rem;font-weight:700;line-height:1.07}.explanation-copy{text-align:left;gap:1.05rem;width:100%;display:grid}.explanation-copy p{color:var(--text-primary);text-wrap:pretty;border-bottom:1px solid #7a415b29;padding:0 .15rem 1.05rem;font-size:1.04rem;font-weight:400;line-height:1.48}.explanation-copy p:last-child{border-bottom:0;padding-bottom:0}.explanation-copy .explanation-note{max-width:18rem;color:var(--text-secondary);font-family:var(--font-hand);text-align:center;margin:.1rem auto 0;font-size:1.08rem;font-weight:400;line-height:1.34}@keyframes heartbeat{0%,to{transform:scale(1)}18%{transform:scale(1.2)}34%{transform:scale(1)}52%{transform:scale(1.12)}70%{transform:scale(1)}}.next-btn,.download-btn,.btn{-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:3.25rem}.next-btn{background:var(--surface);color:var(--text-primary);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-soft);border:1px solid #b987283d;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.2rem;font-size:1rem;font-weight:700;line-height:1.2;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.next-btn:hover{border-color:#c95d4f5c;transform:translateY(-2px);box-shadow:0 14px 34px -22px #33203257}.next-btn:active{transform:translateY(0)scale(.98)}.next-btn:focus-visible,.btn:focus-visible,.download-btn:focus-visible{outline-offset:4px;outline:3px solid #c95d4f5c}.next-btn svg{flex:none;transition:transform .2s}.next-btn:hover svg{transform:translate(3px)}.gift-icon{margin-bottom:.85rem;font-size:3.15rem;animation:2.3s ease-in-out infinite wiggle;display:inline-block}@keyframes wiggle{0%,to{transform:rotate(0)scale(1)}30%{transform:rotate(-6deg)scale(1.04)}72%{transform:rotate(6deg)scale(1.04)}}.offer-text{text-align:center;width:100%;color:var(--text-primary);text-wrap:pretty;max-width:23rem;margin-bottom:1.65rem;font-size:1.08rem;line-height:1.58}.offer-text strong{color:var(--accent-purple);font-weight:700}.parenthesis{max-width:20rem;color:var(--text-secondary);font-size:.95rem;line-height:1.45;font-family:var(--font-hand);margin:.85rem auto 0;display:block}.question{text-align:center;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.buttons{flex-direction:column;gap:.85rem;width:100%;display:flex}.btn{border-radius:var(--radius);width:100%;font-family:var(--font-body);cursor:pointer;text-align:center;overflow-wrap:anywhere;border:none;padding:.95rem 1rem;font-size:1rem;font-weight:700;line-height:1.28;transition:transform .2s,box-shadow .2s,background-color .2s}.btn:active{transform:scale(.97)}.forgive-btn{background:linear-gradient(135deg, var(--accent-orange), var(--accent-coral));color:var(--surface);box-shadow:0 13px 34px -18px #c95d4f94}.forgive-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px -18px #c95d4fad}.no-forgive-btn{color:var(--accent-indigo);box-shadow:var(--shadow-soft);background:#fffaf1c7;border:1px solid #3e64733d}.no-forgive-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -22px #3e647373}.celebration-content{max-width:25rem}.celebration-title{max-width:22rem;margin-bottom:1.1rem;margin-left:auto;margin-right:auto;font-size:2rem;font-weight:700;line-height:1.08}.ticket-wrapper{perspective:1000px;width:100%;margin-bottom:1rem}.ticket{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-gold);border:1px solid #b9872861;width:min(100%,21rem);margin:0 auto;position:relative;overflow:hidden}.ticket:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#fffaf173,#0000);width:45%;height:100%;animation:4.5s ease-in-out infinite shine;position:absolute;top:0;left:-150%}@keyframes shine{0%{left:-150%}42%,to{left:250%}}.ticket-perforation{background:var(--bg-mid);z-index:4;border-radius:50%;width:1.05rem;height:1.05rem;position:absolute}.ticket-perforation.top-left{top:3.2rem;left:-.55rem}.ticket-perforation.top-right{top:3.2rem;right:-.55rem}.ticket-perforation.bottom-left{bottom:4.3rem;left:-.55rem}.ticket-perforation.bottom-right{bottom:4.3rem;right:-.55rem}.ticket-header{background:linear-gradient(135deg, var(--accent-purple), var(--accent-coral));text-align:center;padding:.72rem .9rem}.ticket-label{color:var(--surface);font-family:var(--font-body);letter-spacing:0;text-shadow:0 1px 3px #33203238;font-size:.86rem;font-weight:700}.ticket-image-container{aspect-ratio:1491/1055;background:linear-gradient(135deg,#fff7e8,#eef4f2);width:100%;position:relative;overflow:hidden}.ticket-img{object-fit:contain;width:100%;height:100%;display:block}.ticket-placeholder{color:var(--accent-purple);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:1rem;display:flex;position:absolute;inset:0}.placeholder-icon{opacity:.78;font-size:2.25rem}.placeholder-text{opacity:.74;font-size:.95rem;font-weight:600;line-height:1.3}.ticket-footer{text-align:center;background:linear-gradient(180deg, var(--surface), var(--surface-soft));padding:.9rem 1rem 1rem}.ticket-description{color:var(--text-primary);text-wrap:balance;margin-bottom:.3rem;font-size:.96rem;font-weight:700;line-height:1.32}.ticket-note{color:var(--accent-gold);font-size:.85rem;font-weight:700;line-height:1.25}.download-btn{background:linear-gradient(135deg, var(--accent-gold), var(--accent-orange));color:var(--surface);border-radius:var(--radius-pill);font-family:var(--font-body);justify-content:center;align-items:center;gap:.55rem;margin-bottom:0;padding:.88rem 1.2rem;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 34px -18px #b9872899}.download-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px -18px #b98728b3}.download-btn:active{transform:translateY(0)scale(.98)}.download-btn svg{flex:none}.download-hint{font-family:var(--font-hand);color:var(--text-secondary);text-align:center;text-wrap:balance;max-width:19rem;margin-top:1.25rem;font-size:1.02rem;line-height:1.38}.confetti-container{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.confetti-particle,.heart-particle{pointer-events:none;will-change:transform, opacity;-webkit-user-select:none;user-select:none}.confetti-particle{position:absolute;top:0;left:0}.heart-particle{z-index:9999;position:fixed}.final-message{text-align:center;color:var(--accent-indigo);font-size:.95rem;font-style:italic;font-family:var(--font-body);margin-top:1rem}@media (width<=360px){.container{padding-left:1rem;padding-right:1rem}.apology-title{font-size:1.92rem}.midnight-title{max-width:18rem;font-size:1.68rem}.explanation-title{font-size:1.76rem}.explanation-copy{gap:.9rem}.explanation-copy p{font-size:.98rem;line-height:1.42}.explanation-copy .explanation-note{max-width:16rem;font-size:1rem}.signature{font-size:1.22rem}.offer-text{font-size:1rem;line-height:1.52}.question{font-size:1.58rem}.btn{padding-left:.85rem;padding-right:.85rem;font-size:.96rem}.celebration-title{font-size:1.78rem}.ticket{width:min(100%,18.4rem)}}@media (height<=690px){.container{padding-top:calc(1.25rem + env(safe-area-inset-top));padding-bottom:calc(3.8rem + env(safe-area-inset-bottom));justify-content:flex-start;gap:1rem}.emoji-sad,.gift-icon{margin-bottom:.35rem;font-size:2.55rem}.apology-title{margin-bottom:.9rem}.midnight-title{margin-bottom:.75rem;font-size:1.66rem;line-height:1.08}.explanation-container{gap:.9rem}.explanation-title{margin-bottom:.78rem;font-size:1.62rem}.explanation-copy{gap:.78rem}.explanation-copy p{padding-bottom:.78rem;font-size:1rem;line-height:1.34}.explanation-copy .explanation-note{font-size:.98rem;line-height:1.28}.signature{margin-bottom:0}.offer-text{margin-bottom:1.05rem}.question{margin-bottom:.72rem}.buttons{gap:.65rem}.celebration-title{max-width:17rem;margin-bottom:.7rem;font-size:1.7rem}.ticket-wrapper{margin-bottom:.7rem}.ticket{width:min(100%,17.1rem)}.ticket-header{padding-top:.58rem;padding-bottom:.58rem}.ticket-footer{padding-top:.7rem;padding-bottom:.75rem}.download-btn{margin-top:.05rem}.download-hint{margin-top:1rem;font-size:.98rem}}@media (width>=480px){.container{width:min(100%,34rem);padding-left:1.75rem;padding-right:1.75rem}.apology-title{font-size:2.55rem}.midnight-title{max-width:26rem;font-size:2.22rem}.explanation-title{font-size:2.35rem}.explanation-copy p{font-size:1.1rem}.signature{font-size:1.5rem}.offer-text{font-size:1.16rem}.question{font-size:1.95rem}.celebration-title{font-size:2.35rem}.ticket{width:min(100%,22.5rem)}}@media (width>=768px){.container{width:min(100%,38rem);padding-top:calc(4.5rem + env(safe-area-inset-top));padding-bottom:calc(4.8rem + env(safe-area-inset-bottom));gap:2rem}.apology-title{font-size:3rem}.midnight-title{font-size:2.7rem}.explanation-content{max-width:30rem}.explanation-title{max-width:28rem;font-size:2.8rem}.explanation-copy p{font-size:1.16rem;line-height:1.52}.emoji-sad{font-size:4rem}.gift-icon{font-size:3.8rem}.offer-text{max-width:26rem;font-size:1.22rem}.buttons-area{max-width:25rem}.btn{padding:1.05rem 1.25rem;font-size:1.06rem}.celebration-title{font-size:2.7rem}.ticket{width:min(100%,24rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}