:root{--bg-deep: #0d0810;--bg-soft: #1a1320;--rose: #d97a8c;--rose-soft: #f4c6cf;--gold: #e8c879;--cream: #f6efe4;--ink: #f2e8df;--ink-faded: rgba(242, 232, 223, .7);--paper: #f8f1e4;--paper-edge: #e9ddc4;--font-serif: "Cormorant Garamond", Georgia, serif;--font-script: "Caveat", cursive;--font-sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-deep);color:var(--ink);font-family:var(--font-serif);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}html,body{overflow:hidden}body{background:radial-gradient(ellipse at top,var(--bg-soft) 0%,var(--bg-deep) 60%),var(--bg-deep)}#stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;background:var(--ink);border-radius:50%;opacity:0}#app{position:relative;width:100vw;height:100vh;z-index:1}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px}.screen.active{display:flex}#intro{cursor:pointer}.intro-inner{text-align:center;max-width:560px}.intro-eyebrow{font-family:var(--font-sans);font-size:.8rem;letter-spacing:.4em;text-transform:uppercase;color:var(--rose);opacity:0;margin-bottom:24px}.intro-title{font-family:var(--font-serif);font-weight:300;font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.02em;line-height:1.1;opacity:0}.intro-name{font-family:var(--font-script);font-weight:700;color:var(--gold);font-style:italic;font-size:1.2em}.intro-sub{margin-top:32px;font-family:var(--font-sans);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faded);opacity:0}.intro-heart{margin-top:36px;font-size:1.6rem;color:var(--rose);opacity:0;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}#story{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:none;padding:0}#story.active{display:block}.story-inner{max-width:640px;margin:0 auto;padding:100px 28px 120px}.letter{font-family:var(--font-serif);color:var(--ink);line-height:1.95;font-size:1.18rem;font-weight:400;position:relative;padding-top:20px}.letter:before{content:"✦";display:block;text-align:center;color:var(--gold);font-size:1.2rem;opacity:.55;margin-bottom:28px;letter-spacing:.6em}.letter-opening{font-family:var(--font-script);font-size:clamp(2.4rem,7vw,3.4rem);color:var(--rose-soft);margin-bottom:56px;font-weight:600;text-align:center;letter-spacing:.01em}.letter-paragraph{margin-bottom:44px;text-align:justify;-webkit-hyphens:auto;hyphens:auto;text-indent:0;letter-spacing:.005em}.letter-paragraph:first-of-type:first-letter{font-family:var(--font-script);font-size:4.2rem;font-weight:700;color:var(--gold);float:left;line-height:.85;padding:8px 14px 0 0;margin-top:4px}.letter-paragraph:not(:last-of-type):after{content:"·  ·  ·";display:block;text-align:center;margin-top:36px;color:var(--gold);opacity:.35;letter-spacing:.6em;font-size:.85rem}.letter em{font-family:var(--font-script);font-style:normal;font-size:1.4em;color:var(--gold);font-weight:500;letter-spacing:.005em;line-height:1}.letter strong{font-weight:500;color:var(--gold)}.letter-closing{margin-top:56px;margin-bottom:28px;font-style:italic;color:var(--rose-soft);text-align:center;font-size:1.1em;line-height:1.7;letter-spacing:.01em}.letter-signature{font-family:var(--font-script);font-size:1.75rem;color:var(--gold);text-align:right;margin-top:12px;margin-bottom:40px;padding-right:8%;font-weight:500}.letter-seal{text-align:center;font-size:1.8rem;color:var(--rose);margin:40px 0 80px;animation:pulse 2.2s ease-in-out infinite}.gallery{margin-top:60px;padding-top:40px;border-top:1px solid rgba(232,200,121,.15)}.gallery-header{text-align:center;margin-bottom:48px}.gallery-label{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--rose);margin-bottom:12px}.gallery-title{font-family:var(--font-script);font-size:2.2rem;font-weight:600;color:var(--cream)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px;padding:12px}.polaroid{cursor:pointer;transform-origin:center;transition:transform .4s ease,box-shadow .4s ease}.polaroid-frame{background:var(--paper);padding:12px 12px 40px;box-shadow:0 4px 12px #0006,0 8px 32px #00000040;position:relative}.polaroid-frame:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);width:50px;height:16px;background:#e8c87959;border-radius:1px;box-shadow:0 2px 4px #0003}.polaroid-frame img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;filter:saturate(.95) contrast(1.02)}.polaroid:hover{transform:scale(1.04) rotate(0)!important;box-shadow:0 12px 40px #00000080;z-index:10}.finale{margin-top:100px;padding:60px 0 40px;border-top:1px solid rgba(232,200,121,.18);display:flex;flex-direction:column;align-items:center;text-align:center;gap:64px;position:relative}.finale:before{content:"✦";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--bg-deep);color:var(--gold);padding:0 14px;font-size:1rem;opacity:.6}.finale-stamp{display:inline-block;padding:18px 38px;border:2px dashed rgba(217,122,140,.5);border-radius:4px;background:#d97a8c0a;position:relative;transform:rotate(-2.5deg)}.finale-stamp:before,.finale-stamp:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#d97a8c66}.finale-stamp:before{top:8px;left:8px}.finale-stamp:after{bottom:8px;right:8px}.stamp-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.stamp-top,.stamp-bottom{font-family:var(--font-sans);font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--rose);opacity:.85}.stamp-date{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.18em;font-weight:500;color:var(--rose-soft)}.finale-counter{display:flex;flex-direction:column;align-items:center;gap:6px}.counter-eyebrow{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.38em;text-transform:uppercase;color:var(--ink-faded);margin-bottom:6px}.counter-days{font-family:var(--font-serif);font-weight:300;font-size:clamp(4rem,14vw,7rem);color:var(--gold);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(232,200,121,.25)}.counter-label{font-family:var(--font-script);font-size:1.5rem;color:var(--cream);margin-top:4px;letter-spacing:.01em}.finale-heart{width:84px;height:78px;color:var(--rose);filter:drop-shadow(0 0 14px rgba(217,122,140,.4));transform-origin:center}.finale-closing{font-family:var(--font-script);font-size:clamp(1.6rem,4.5vw,2.2rem);color:var(--cream);font-weight:500;line-height:1.4;max-width:480px;letter-spacing:.01em}.finale-end{font-size:.9rem;color:var(--gold);opacity:0;letter-spacing:.6em;padding-left:.6em;margin-top:12px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#08050ceb;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}.lightbox img{max-width:95%;max-height:90vh;box-shadow:0 20px 60px #0009}.lightbox-close{position:absolute;top:24px;right:28px;width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--ink);font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.password-inner{text-align:center;max-width:520px;width:100%}.password-lock{margin-bottom:22px;color:var(--gold);opacity:.75;display:inline-flex;transform-origin:center}.password-eyebrow{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:var(--rose);margin-bottom:14px}.password-hint{font-family:var(--font-script);font-size:clamp(1.6rem,5vw,2.2rem);color:var(--cream);font-weight:500;margin-bottom:40px;letter-spacing:.01em;line-height:1.2}.password-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:26px}.password-inputs input{width:46px;height:60px;background:#ffffff0a;border:1px solid rgba(232,200,121,.3);border-radius:4px;color:var(--gold);font-family:var(--font-serif);font-size:1.7rem;font-weight:500;text-align:center;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;caret-color:var(--gold);padding:0}.password-inputs input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8c87924;background:#ffffff14}.password-inputs input.filled{background:#e8c87914;border-color:#e8c87980}.password-error{font-family:var(--font-sans);font-size:.78rem;letter-spacing:.18em;color:var(--rose);min-height:1.2em;opacity:0;text-transform:lowercase}@media(max-width:480px){.password-inputs{gap:8px}.password-inputs input{width:40px;height:52px;font-size:1.45rem}}@media(max-width:360px){.password-inputs input{width:36px;height:48px;font-size:1.3rem}}#delivery{background:transparent;overflow:hidden;perspective:1000px}.bird{position:fixed;width:80px;height:40px;top:0;left:0;pointer-events:none;z-index:50;filter:drop-shadow(0 3px 10px rgba(0,0,0,.5));will-change:transform}.bird .wing{transform-origin:40px 20px;animation:wingFlap .32s ease-in-out infinite}.bird .wing-right{animation-delay:.08s}@keyframes wingFlap{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.5px) scaleY(.5)}}.bird .bird-group{animation:birdBob 1.1s ease-in-out infinite;transform-origin:center}@keyframes birdBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.envelope-stage{position:relative;display:flex;flex-direction:column;align-items:center;perspective:1200px}.envelope{position:relative;width:240px;height:152px;transform-style:preserve-3d;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55))}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#d8c8a4,#b8a47a);border-radius:3px;box-shadow:inset 0 0 28px #0000002e,inset 0 -3px #00000026}.env-body{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#c7b787,#b8a574);border-radius:3px;z-index:2;overflow:hidden;box-shadow:inset 0 14px 22px #00000038,inset 0 -2px 6px #0000001f}.env-body:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:30%;background:linear-gradient(180deg,#ecdeb9,#d8c699);clip-path:polygon(0 100%,100% 100%,50% 0);box-shadow:0 -2px 6px #00000014}.env-paper-edge{position:absolute;left:8%;right:8%;top:14%;height:4px;background:var(--paper);border-radius:1px;z-index:1;opacity:.6;box-shadow:0 0 4px #0000001a}.env-paper-inside{position:absolute;left:10%;right:10%;top:16%;bottom:10%;background:linear-gradient(180deg,#fdf6e7,#f1e6cd);border-radius:2px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:8px;z-index:1;opacity:0;box-shadow:0 3px 10px #0003;pointer-events:none;transform-origin:center bottom;will-change:transform,opacity}.paper-line{height:2px;background:#3a302038;border-radius:1px}.paper-line:nth-child(1){width:88%}.paper-line:nth-child(2){width:95%}.paper-line:nth-child(3){width:82%}.paper-line:nth-child(4){width:90%}.paper-line.short{width:45%}.env-flap{position:absolute;top:0;left:0;width:100%;height:60%;background:linear-gradient(180deg,#f0e2bd,#d8c699);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transform:rotateX(0);z-index:3;backface-visibility:hidden;box-shadow:0 2px 4px #0000001a}.env-seal{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%) scale(1);width:56px;height:56px;background:radial-gradient(circle at 35% 30%,#d65662,#a32430 60%,#6e1419);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cream);z-index:5;box-shadow:0 6px 14px #0000008c,inset 0 -3px 8px #00000059,inset 0 2px 4px #ffffff26;animation:sealGlow 2.4s ease-in-out infinite;pointer-events:none}.env-seal svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));transform:scale(.85)}@keyframes sealGlow{0%,to{box-shadow:0 6px 14px #0000008c,inset 0 -3px 8px #00000059,0 0 #d6566200}50%{box-shadow:0 6px 14px #0000008c,inset 0 -3px 8px #00000059,0 0 24px 4px #d6566259}}.envelope:hover{cursor:pointer}.envelope-hint{margin-top:64px;font-family:var(--font-sans);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faded);text-align:center;animation:hintPulse 2.2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}#audio-player{position:fixed;top:18px;right:18px;display:none;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:40px;background:#140e18bf;border:1px solid rgba(232,200,121,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);z-index:100;font-family:var(--font-sans);font-size:.72rem;box-shadow:0 8px 24px #0006;-webkit-user-select:none;user-select:none}#audio-player.visible{display:flex;animation:playerFadeIn .6s ease-out}@keyframes playerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.audio-btn{background:#e8c87926;border:none;color:var(--gold);cursor:pointer;width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,transform .15s ease}.audio-btn:hover{background:#e8c87947;transform:scale(1.06)}.audio-btn:active{transform:scale(.94)}.audio-btn .ico{width:12px;height:12px;display:block}.audio-btn .ico.hidden{display:none}.audio-info{display:flex;flex-direction:column;gap:4px;min-width:140px}.audio-title{font-size:.7rem;letter-spacing:.06em;color:var(--ink-faded);font-weight:400;white-space:nowrap}.audio-progress{position:relative;width:100%;height:3px;background:#ffffff1f;border-radius:3px;cursor:pointer;overflow:hidden}.audio-progress:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0;cursor:pointer}.audio-progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--gold);border-radius:3px;box-shadow:0 0 6px #e8c8798c;transition:width .18s linear}.audio-time{display:flex;gap:4px;align-items:center;font-variant-numeric:tabular-nums;color:var(--ink-faded);font-size:.68rem;letter-spacing:.04em;white-space:nowrap}.time-sep{opacity:.5}.hidden{display:none!important}@media(max-width:600px){.story-inner{padding:70px 22px 100px}.letter{font-size:1.05rem;line-height:1.85}.letter-opening{font-size:2rem;margin-bottom:32px}.letter em{font-size:1.3em}.letter-signature{font-size:1.4rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:20px}.gallery-title{font-size:1.8rem}.bird{width:60px;height:30px}.envelope{width:200px;height:126px}.env-seal{width:48px;height:48px}.envelope-hint{margin-top:52px;font-size:.68rem;letter-spacing:.28em}.finale{margin-top:80px;padding-top:50px;gap:48px}.finale-stamp{padding:14px 26px}.stamp-date{font-size:1.25rem}.finale-heart{width:68px;height:64px}.counter-label{font-size:1.3rem}#audio-player{top:12px;right:12px;padding:6px 10px 6px 6px;gap:8px}.audio-btn{width:28px;height:28px;min-width:28px}.audio-info{min-width:90px}.audio-title{display:none}.audio-time{font-size:.62rem}}@media(max-width:380px){.gallery-grid{grid-template-columns:1fr}}