:root{--bg-deep: #1a0b1f;--bg-warm: #2a1428;--paper: #f5ecd9;--paper-shadow: #d9c8a0;--ink: #2a1a14;--ink-soft: #5a3a2e;--wax: #8a1c2a;--wax-bright: #c93a4a;--gold: #c9a24a;--glow: rgba(255, 220, 180, .45);--font-serif: "Cormorant Garamond", "Times New Roman", serif;--font-hand: "Caveat", "Brush Script MT", cursive}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(ellipse at center,var(--bg-warm),var(--bg-deep) 70%);color:var(--paper);font-family:var(--font-serif);overflow-x:hidden;min-height:100vh}body{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6;cursor:default}#app{position:relative}.aurora,.petals3d,.particles,.cursor,.quill-trail,.click-petals{opacity:0;transition:opacity 1.4s ease}body.is-opened .aurora,body.is-opened .petals3d,body.is-opened .particles,body.is-opened .cursor,body.is-opened .quill-trail,body.is-opened .click-petals{opacity:1}.aurora{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;pointer-events:none;display:block}.petals3d{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;pointer-events:none;display:block}.particles,.cursor,.quill-trail,.click-petals{position:fixed;inset:0;pointer-events:none}.particles{z-index:2;mix-blend-mode:screen}.quill-trail{z-index:4}.click-petals{z-index:5;overflow:hidden}.click-petal{position:absolute;top:0;left:0;width:14px;height:22px;border-radius:100% 0;box-shadow:0 0 8px #c93a4a80;pointer-events:none;will-change:transform,opacity}.cursor{z-index:7;mix-blend-mode:screen}.quill{position:fixed;top:0;left:0;width:48px;height:48px;pointer-events:none;z-index:8;opacity:0;transition:opacity .2s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform-origin:8px 42px}body.is-quilling .quill{opacity:1}body.is-quilling .letter__sheet,body.is-quilling .letter__sheet *{cursor:none}.preloader{position:fixed;inset:0;display:grid;place-items:center;gap:1.5rem;z-index:10;cursor:pointer;background:radial-gradient(ellipse at center,rgba(42,20,40,.6),var(--bg-deep) 80%)}.preloader__wax{width:7rem;height:7rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--wax-bright),var(--wax) 60%,#5a0e18);box-shadow:0 0 40px #c93a4a66,inset -4px -6px 12px #0006;display:grid;place-items:center;transition:transform .3s ease}.preloader:hover .preloader__wax{transform:scale(1.05)}.preloader__seal{font-family:var(--font-serif);font-style:italic;font-size:3rem;color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.5);user-select:none}.preloader__hint{font-family:var(--font-hand);font-size:1.5rem;color:var(--glow);letter-spacing:.05em;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.letter{position:relative;z-index:3;min-height:100vh;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,3rem);display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,8vw,6rem)}.letter__sheet{max-width:44rem;width:100%;background:var(--paper);color:var(--ink);padding:clamp(2rem,5vw,4.5rem) clamp(1.5rem,4vw,4rem);border-radius:2px;box-shadow:0 40px 80px #00000080,0 0 0 1px #d9c8a066;background-image:radial-gradient(ellipse at top left,rgba(217,200,160,.15),transparent 40%),radial-gradient(ellipse at bottom right,rgba(138,28,42,.05),transparent 50%);position:relative}.letter__sheet:before{content:"";position:absolute;inset:.75rem;border:1px solid rgba(90,58,46,.15);pointer-events:none;border-radius:inherit}.letter__sheet--hero{text-align:center;padding-top:clamp(3rem,7vw,5rem);padding-bottom:clamp(3rem,7vw,5rem)}.letter__sheet--verse{transform:rotate(-.3deg)}.letter__sheet--closing{transform:rotate(.2deg);text-align:center}.letter__date{font-style:italic;color:var(--ink-soft);font-size:.95rem;letter-spacing:.25em;text-transform:uppercase;margin:0 0 2rem}.hero-name{display:block;margin:0 0 1.5rem;user-select:none}.hero-canvas{display:block;width:100%;max-width:760px;margin:0 auto;pointer-events:auto;filter:drop-shadow(0 4px 24px rgba(201,162,74,.2))}.hero-tagline{font-family:var(--font-serif);font-style:italic;font-size:clamp(1rem,1.8vw,1.3rem);color:var(--ink-soft);letter-spacing:.18em;text-transform:lowercase;margin:1.5rem 0 0}.hero-tagline [data-typewriter]{display:inline-block}.letter__verse{margin-bottom:2.5rem}.letter__verse--centered{text-align:center;margin-bottom:3.5rem}.verse-line{font-family:"Playfair Display",var(--font-serif);font-weight:400;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.4;color:var(--ink);margin:.3rem 0}.verse-line--lg{font-style:italic;font-weight:700;color:var(--wax);font-size:clamp(1.8rem,4vw,2.8rem)}.verse-line--italic{font-style:italic;color:var(--ink-soft)}.verse-line--muted{font-size:clamp(1rem,1.8vw,1.3rem);opacity:.6;margin-top:1rem}.verse-divider{text-align:center;font-size:1.5rem;color:var(--gold);margin:2.5rem 0;letter-spacing:1em;padding-left:1em;opacity:.6}.footnote{font-family:var(--font-serif);font-style:italic;font-size:clamp(.9rem,1.4vw,1.05rem);color:#f5ecd98c;text-align:center;max-width:32rem;width:100%;padding:0 1.5rem;margin:0;letter-spacing:.01em;line-height:1.5}.footnote--late{margin-top:-1rem}.footnote--quiet{font-size:clamp(.8rem,1.2vw,.95rem);opacity:.7}.letter__sheet--outro,.letter__sheet--selfie{background:transparent;box-shadow:none;color:var(--paper);transform:rotate(-.15deg)}.letter__sheet--outro:before,.letter__sheet--selfie:before{display:none}.letter__sheet--outro .verse-line,.letter__sheet--selfie .verse-line{color:#f5ecd9e0;font-family:var(--font-serif)}.letter__sheet--outro .verse-line em,.letter__sheet--selfie .verse-line em{color:var(--gold);font-style:italic}.selfie-trigger{display:inline-flex;align-items:center;gap:.7rem;margin:2.5rem auto 0;padding:.9rem 1.6rem;font-family:var(--font-serif);font-style:italic;font-size:clamp(1rem,1.6vw,1.15rem);color:var(--paper);background:linear-gradient(135deg,var(--wax) 0%,var(--wax-bright) 100%);border:1px solid rgba(255,220,180,.3);border-radius:40px;cursor:pointer;box-shadow:0 8px 24px #8a1c2a66,0 0 0 1px #0000001a;transition:transform .25s ease,box-shadow .25s ease}.selfie-trigger:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8a1c2a8c,0 0 0 1px #0000001a}.selfie-trigger:active{transform:translateY(0)}.selfie-trigger__icon{font-size:1.2em;color:var(--gold)}body.no-scroll{overflow:hidden}.selfie-modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:1rem;opacity:0}.selfie-modal.is-open{display:flex}.selfie-modal__backdrop{position:absolute;inset:0;background:#0a050ed9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.selfie-modal__card{position:relative;max-width:32rem;width:100%;background:linear-gradient(180deg,#f5ecd9,#ebdfc4);color:var(--ink);border-radius:14px;padding:2rem 1.75rem 1.5rem;box-shadow:0 30px 80px #00000080,0 0 0 1px #d9c8a066;max-height:90vh;overflow-y:auto}.selfie-modal__close{position:absolute;top:.6rem;right:.9rem;background:none;border:0;font-size:1.8rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:.3rem .5rem;border-radius:6px;transition:background .15s ease}.selfie-modal__close:hover{background:#00000014}.selfie-step{text-align:center}.selfie-step__title{font-family:"Playfair Display",var(--font-serif);font-weight:700;font-style:italic;font-size:clamp(1.5rem,3vw,2rem);color:var(--wax);margin:0 0 1rem;line-height:1.2}.selfie-step__body{font-family:var(--font-serif);font-size:clamp(1rem,1.6vw,1.1rem);color:var(--ink);line-height:1.5;margin:0 0 .8rem}.selfie-step__body--small{font-style:italic;font-size:.95rem;color:var(--ink-soft)}.selfie-step__body strong{color:var(--wax)}.selfie-step__hint{font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:var(--ink-soft);opacity:.75;margin:.5rem 0 1.5rem}.selfie-step__actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.selfie-step__loader{font-size:3rem;color:var(--wax);margin:1.5rem 0;animation:spin 1.4s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.selfie-btn{padding:.65rem 1.3rem;font-family:var(--font-serif);font-size:1rem;border-radius:30px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.selfie-btn--primary{background:linear-gradient(135deg,var(--wax) 0%,var(--wax-bright) 100%);color:var(--paper);box-shadow:0 6px 16px #8a1c2a59}.selfie-btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #8a1c2a73}.selfie-btn--primary:disabled{opacity:.6;cursor:not-allowed}.selfie-btn--ghost{background:transparent;color:var(--ink-soft);border-color:#5a3a2e4d}.selfie-btn--ghost:hover{background:#0000000a;border-color:var(--ink-soft)}.selfie-frame{position:relative;margin:1rem auto;width:min(20rem,100%);aspect-ratio:1 / 1;background:#0a0508;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000004d}.selfie-frame video,.selfie-frame img{width:100%;height:100%;object-fit:cover;display:block}.selfie-frame video{transform:scaleX(-1)}.selfie-frame__overlay{position:absolute;inset:0;pointer-events:none}.selfie-frame__corner{position:absolute;width:22px;height:22px;border:2px solid var(--gold)}.selfie-frame__corner--tl{top:10px;left:10px;border-right:0;border-bottom:0}.selfie-frame__corner--tr{top:10px;right:10px;border-left:0;border-bottom:0}.selfie-frame__corner--bl{bottom:10px;left:10px;border-right:0;border-top:0}.selfie-frame__corner--br{bottom:10px;right:10px;border-left:0;border-top:0}.selfie-countdown{position:absolute;inset:0;display:grid;place-items:center;font-family:Playfair Display,serif;font-weight:900;font-size:6rem;color:var(--gold);text-shadow:0 4px 18px rgba(0,0,0,.8);opacity:0;pointer-events:none}.selfie-countdown.is-active{opacity:1}.selfie-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.letter__verse h2{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(1.25rem,2.4vw,1.6rem);margin:0 0 1rem;color:var(--wax);letter-spacing:.02em}.letter__verse p{margin:0 0 1rem;color:var(--ink)}.letter__verse em{font-style:italic;color:var(--wax);font-weight:500}.letter__quote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:3px solid var(--wax);background:#8a1c2a0a;font-family:var(--font-hand);font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--ink-soft);line-height:1.4}.letter__quote p{margin:0}.letter__signature{font-family:var(--font-hand);font-size:1.5rem;color:var(--ink-soft);text-align:right;margin-top:2rem}.letter__scroll-hint{text-align:center;font-family:var(--font-hand);color:var(--ink-soft);font-size:1.4rem;margin:3rem 0 0;animation:drift 2.4s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(6px);opacity:1}}.letter__hint{margin-top:2.5rem;text-align:center;font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:var(--ink-soft);opacity:.55;display:flex;align-items:center;justify-content:center;gap:.5rem}.letter__hint-arrow{font-style:normal}[data-typewriter]{display:inline-block}[data-reveal]{will-change:transform,opacity}.sheet-divider{display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:2}.sheet-divider__stamp{width:5rem;height:5rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--wax-bright),var(--wax) 60%,#5a0e18);box-shadow:0 0 30px #c93a4a4d,inset -3px -4px 8px #0006;display:grid;place-items:center;position:relative}.sheet-divider__stamp:before{content:"";position:absolute;inset:.4rem;border:1px dashed rgba(255,220,180,.4);border-radius:50%}.sheet-divider__stamp span{font-family:var(--font-serif);font-style:italic;font-size:2rem;color:var(--gold);text-shadow:0 1px 2px rgba(0,0,0,.5)}.sheet-divider__line{width:1px;height:4rem;background:linear-gradient(180deg,var(--gold),transparent);opacity:.4}.mute-btn{position:fixed;top:1.25rem;right:1.25rem;z-index:9;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(201,162,74,.4);background:#1a0b1f99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--gold);display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease}.mute-btn:hover{transform:scale(1.08);border-color:var(--gold);color:#ffd57a}.mute-btn__off,.mute-btn.is-muted .mute-btn__on{display:none}.mute-btn.is-muted .mute-btn__off{display:block}.constellation{position:fixed;inset:0;z-index:19;pointer-events:none;display:none;background:radial-gradient(ellipse at center,#0a0514eb,#05020cfa)}.constellation.is-active{display:block}.constellation__canvas{position:absolute;inset:0}.easter-egg{position:fixed;inset:0;z-index:20;pointer-events:none;display:none;opacity:0}.easter-egg.is-active{display:block;opacity:1}.easter-egg__petal{position:fixed;top:0;left:0;width:18px;height:28px;border-radius:100% 0;box-shadow:0 0 12px #c93a4a80;will-change:transform,opacity;pointer-events:none}.easter-egg__title{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-hand);font-size:clamp(4rem,12vw,9rem);color:var(--gold);text-shadow:0 0 30px rgba(255,220,100,.6),0 0 60px rgba(255,170,90,.4);pointer-events:none;white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}