@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&family=Manrope:wght@400;500;600&display=swap";:root{color:#493d48;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#493d48;--muted:#85747f;--rose:#d78f9f;--rose-dark:#a85f73;--cream:#fffaf6;--pink:#f5dfe2;--sage:#b8c9af;--lavender:#dcd7eb;background:#f9f1ee;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{background:#f9f1ee}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #a85f7359}img{max-width:100%;display:block}.admin-page{background:linear-gradient(140deg,#fffaf5,#f5e7ec,#f3eef5);min-height:100svh;padding:32px 16px 80px}.admin-panel{background:#fffdfb;border:1px solid #ead8dd;border-radius:20px;max-width:760px;margin:auto;padding:clamp(24px,5vw,54px);box-shadow:0 18px 60px #6a49521a}.admin-panel h1{margin:20px 0;font-size:clamp(36px,6vw,58px)}.admin-back{color:#a85f73}.admin-login,.admin-editor{gap:17px;display:grid}.admin-login label,.admin-field{gap:7px;display:grid}.admin-group{border:1px solid #e5d2d8;border-radius:12px;gap:17px;min-width:0;padding:22px;display:grid}.admin-group legend{color:#a85f73;text-transform:capitalize;padding:0 8px;font-weight:600}.admin-field label{text-transform:capitalize;font-size:13px;font-weight:600}.admin-panel input:not([type=file]),.admin-panel textarea{color:#493d48;background:#fff;border:1px solid #d9c5cb;border-radius:8px;width:100%;padding:10px 12px}.admin-panel textarea{resize:vertical}.admin-panel button{color:#fff;cursor:pointer;background:#a85f73;border:0;border-radius:8px;width:fit-content;padding:11px 16px}.admin-panel button:disabled{cursor:wait;opacity:.65}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-save{margin-top:12px}.admin-preview{object-fit:cover;border-radius:8px;width:140px;height:140px}.admin-status{color:#70485a;background:#f9eef1;border-radius:8px;padding:10px 14px}.app-shell{background:radial-gradient(circle at 10% 0,#ffffffe6,#0000 32%),linear-gradient(135deg,#fbf4ef 0%,#f8ebeb 52%,#f4eff2 100%);min-height:100svh;position:relative;overflow:hidden}.screen{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:88px clamp(20px,6vw,88px) 58px;display:flex;position:relative}.screen:before{content:"";pointer-events:none;z-index:-1;border:1px solid #a85f731f;position:absolute;inset:12px}h1,h2,p{margin-top:0}h1,h2{color:var(--ink);font-family:Italiana,serif;font-weight:400}.eyebrow,.tiny-label{color:var(--rose-dark);letter-spacing:.22em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;display:block}.primary-button{background:var(--ink);color:#fffaf6;cursor:pointer;letter-spacing:.08em;border:0;border-radius:999px;align-items:center;gap:26px;padding:15px 21px 15px 25px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #493d4829}.primary-button span{font-size:17px;line-height:1}.progress{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;z-index:20;grid-template-columns:30px minmax(90px,180px) 60px;align-items:center;font:600 9px/1 DM Sans,sans-serif;display:grid;position:absolute;top:26px;left:50%;transform:translate(-50%)}.progress>div{gap:4px;display:flex}.progress i{background:#493d4829;flex:1;height:2px;transition:background .4s}.progress i.active{background:var(--rose-dark)}.progress small{font-size:inherit;text-align:right}.flower{width:70px;height:70px;position:relative}.flower i{transform-origin:13px 30px;background:#efc1c8;border:1px solid #a85f7333;border-radius:75% 20% 75% 35%;width:24px;height:26px;position:absolute;top:5px;left:22px}.flower i:nth-child(2){transform:rotate(72deg)}.flower i:nth-child(3){transform:rotate(144deg)}.flower i:nth-child(4){transform:rotate(216deg)}.flower i:nth-child(5){transform:rotate(288deg)}.flower b{background:#d8a853;border-radius:50%;width:15px;height:15px;position:absolute;top:27px;left:27px}.envelope-screen{justify-content:center}.intro-copy{text-align:center;margin-bottom:42px}.intro-copy h1{margin:14px 0 16px;font-size:clamp(50px,7vw,86px);line-height:.9}.intro-copy p{color:var(--muted);font-family:Italiana,serif;font-size:17px;font-style:italic}.envelope-button{cursor:pointer;perspective:900px;background:0 0;border:0;width:clamp(290px,43vw,440px);height:clamp(180px,25vw,245px);margin:0;padding:0;position:relative}.envelope-shadow{filter:blur(12px);background:#493d482e;border-radius:50%;width:86%;height:22px;position:absolute;bottom:-6px;left:7%}.envelope-body{background:#e8b9b9;border-radius:3px 3px 7px 7px;width:100%;height:77%;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:0 14px 35px #683f4926}.envelope-body:before,.envelope-body:after{content:"";background:#f0cbca;width:70%;height:160%;position:absolute;top:-20%}.envelope-body:before{left:-25%;transform:rotate(39deg)}.envelope-body:after{right:-25%;transform:rotate(-39deg)}.envelope-flap{filter:drop-shadow(0 2px 1px #683f4914);z-index:3;border-top:clamp(105px,16vw,165px) solid #f7d8d5;border-left:clamp(145px,21.5vw,220px) solid #0000;border-right:clamp(145px,21.5vw,220px) solid #0000;width:0;position:absolute;top:23%;left:0}.envelope-paper{z-index:-1;background:#fffaf4;border-radius:3px;width:88%;height:83%;position:absolute;top:2%;left:6%}.envelope-paper small{color:var(--muted);text-align:center;width:100%;font-family:Italiana,serif;font-size:14px;font-style:italic;position:absolute;top:20%}.wax-seal{color:#f8d9dc;z-index:4;background:#b96b79;border:3px double #fff6;border-radius:48% 52% 46% 54%;justify-content:center;align-items:center;width:57px;height:57px;font-size:25px;display:flex;position:absolute;top:50%;left:calc(50% - 28px);box-shadow:0 3px 6px #5728364d}.wax-seal span{transform:translateY(-2px)}.text-action{color:var(--rose-dark);cursor:pointer;letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;margin-top:35px;padding:10px;font:600 10px/1 DM Sans,sans-serif}.text-action span{margin-left:7px;display:inline-block}.corner-botanical{opacity:.66;position:absolute}.corner-botanical-left{top:4vh;left:2vw;transform:rotate(-22deg)}.corner-botanical-right{bottom:3vh;right:2vw;transform:rotate(158deg)}.corner-botanical>span{background:var(--sage);border-radius:100% 0;width:28px;height:80px;position:absolute;top:45px;left:58px;transform:rotate(18deg)}.corner-botanical>span:last-child{width:21px;height:55px;top:70px;left:23px;transform:rotate(-42deg)}.greeting-screen{text-align:center;background:radial-gradient(circle at 50% 37%,#fffaf5 0 18%,#0000 42%)}.greeting-illustration{width:280px;height:132px;margin-bottom:-10px;position:relative}.sun-ring{border:1px solid #e2bd85;border-radius:50%;width:116px;height:116px;position:absolute;top:5px;left:82px}.sun-ring:before{content:"";border:1px dashed #d78f9f73;border-radius:50%;position:absolute;inset:8px}.cake{background:#e8b6bb;border-radius:5px 5px 9px 9px;width:70px;height:45px;position:absolute;bottom:11px;left:105px}.cake:before{content:"";background:#fff1df;border-radius:10px;width:78px;height:10px;position:absolute;top:-4px;left:-4px;box-shadow:0 8px #f7d9c4}.cake i{background:#d79a61;width:3px;height:24px;position:absolute;top:-28px;left:33px}.cake b{background:#efb54d;border-radius:90% 10% 70% 30%;width:8px;height:10px;position:absolute;top:-38px;left:30px;transform:rotate(45deg)}.cake em{background:#fff3e3;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-8px;left:30px}.bouquet{position:absolute;transform:scale(.52)}.bouquet-left{bottom:4px;left:23px;transform:scale(.52)rotate(-20deg)}.bouquet-right{bottom:4px;right:45px;transform:scale(.52)rotate(25deg)}.bouquet .flower:nth-child(2){position:absolute;top:24px;left:40px;transform:scale(.8)}.bouquet>span{background:var(--sage);width:3px;height:100px;position:absolute;top:45px;left:65px;transform:rotate(35deg)}.greeting-copy{max-width:690px}.greeting-copy h1{margin:16px 0 25px;font-size:clamp(52px,7vw,88px);line-height:.88}.greeting-copy h1 em,.section-heading h1 em{color:var(--rose-dark);font-weight:400}.greeting-copy p{color:var(--muted);max-width:610px;margin:0 auto 26px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.8}.music-player{text-align:left;background:#fffaf6b8;border:1px solid #a85f732e;border-radius:9px;align-items:center;width:100%;max-width:390px;margin-bottom:25px;padding:9px 13px 9px 9px;display:flex;box-shadow:0 9px 28px #5e424f12}.play-button{background:var(--rose-dark);color:#fff;cursor:pointer;border:0;border-radius:50%;width:39px;height:39px;margin-right:12px;padding:0 0 0 2px;font-size:10px}.track-meta{flex-direction:column;flex:1;font:500 11px/1.5 DM Sans,sans-serif;display:flex}.track-meta span{color:var(--muted);font-size:9px}.equalizer{align-items:center;gap:2px;height:18px;display:flex}.equalizer i{background:var(--rose);border-radius:2px;width:2px;height:5px;animation:none}.equalizer.is-playing i{animation:.7s ease-in-out infinite alternate sound}.equalizer.is-playing i:nth-child(2){animation-delay:-.4s}.equalizer.is-playing i:nth-child(3){animation-delay:-.2s}.equalizer.is-playing i:nth-child(4){animation-delay:-.6s}@keyframes sound{to{height:17px}}.petal{opacity:.45;background:#efc4ca;border-radius:90% 10%;width:8px;height:13px;position:absolute}.petal-1{top:17%;left:8%}.petal-2{top:65%;left:19%}.petal-3{top:10%;left:31%}.petal-4{top:18%;right:22%}.petal-5{top:52%;right:8%}.petal-6{bottom:13%;left:11%}.petal-7{bottom:9%;right:13%}.petal-8{top:42%;left:4%}.petal-9{top:8%;right:32%}.petal-10{top:21%;right:3%}.petal-11{bottom:25%;left:29%}.petal-12{bottom:13%;right:35%}.petal-field{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.section-heading{text-align:center;max-width:650px;margin-bottom:32px}.section-heading h1{margin:12px 0 15px;font-size:clamp(44px,5.5vw,68px);line-height:.95}.section-heading p{color:var(--muted);font-family:DM Sans,sans-serif;font-size:13px}.album-screen{background:linear-gradient(160deg,#f7eeee,#f8f4ec);padding-bottom:38px}.album-layout{grid-template-columns:42px minmax(250px,430px) 42px;justify-content:center;align-items:center;gap:clamp(15px,4vw,55px);width:100%;margin:0 auto 27px;display:grid}.photo-stack{width:100%;height:min(47vh,440px);min-height:330px;position:relative}.stack-card,.polaroid{background:#fffdf8;padding:14px 14px 0;position:absolute;inset:0;box-shadow:0 18px 42px #523a4229}.stack-one{transform:rotate(-5deg)}.stack-two{transform:rotate(4deg)}.polaroid{cursor:grab;touch-action:pan-y;z-index:2;flex-direction:column;display:flex}.polaroid:active{cursor:grabbing}.photo-wrap{flex:1;min-height:0;overflow:hidden}.photo-wrap img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.photo-caption{justify-content:space-between;align-items:center;gap:12px;min-height:75px;padding:10px 8px;font-family:Italiana,serif;font-size:14px;display:flex}.photo-caption small{color:var(--rose-dark);letter-spacing:.13em;text-transform:uppercase;flex:none;font:600 8px/1 DM Sans,sans-serif}.album-arrow{cursor:pointer;background:#ffffff9e;border:1px solid #493d482e;border-radius:50%;width:42px;height:42px;font-size:18px;transition:all .25s}.album-arrow:hover{background:var(--ink);color:#fff;transform:scale(1.08)}.album-footer{flex-direction:column;align-items:center;gap:9px;margin-bottom:20px;display:flex}.dots{gap:7px;display:flex}.dots button{cursor:pointer;background:#a85f733b;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:all .25s}.dots button.active{background:var(--rose-dark);transform:scale(1.4)}.swipe-note{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font:500 8px/1 DM Sans,sans-serif}.wishes-screen{background:linear-gradient(130deg,#f6eef0 0%,#faf5ee 100%)}.wish-grid{perspective:1400px;grid-template-columns:repeat(3,minmax(190px,255px));gap:clamp(14px,2.7vw,35px);width:100%;max-width:850px;display:grid}.wish-card{cursor:pointer;perspective:1200px;background:0 0;border:0;height:300px;padding:0}.wish-card-inner{height:100%;transform-style:preserve-3d;width:100%;display:block;position:relative}.wish-face{backface-visibility:hidden;border:1px solid #493d4817;border-radius:130px 130px 9px 9px;flex-direction:column;justify-content:center;align-items:center;padding:30px 23px;display:flex;position:absolute;inset:0;box-shadow:0 15px 35px #59424d1a}.wish-front{background:#f1d7db}.wish-2 .wish-front{background:#e1e5d5}.wish-3 .wish-front{background:#ddd8e7}.wish-back{background:#fffaf5;transform:rotateY(180deg)}.wish-face small{letter-spacing:.18em;font:600 9px/1 DM Sans,sans-serif;position:absolute;top:24px;left:50%;transform:translate(-50%)}.wish-face b{border:1px solid #493d4833;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:25px;font-size:28px;font-weight:400;display:flex}.wish-face strong{font-family:Italiana,serif;font-size:24px;font-weight:400}.wish-face p{margin:0;font-family:Italiana,serif;font-size:17px;line-height:1.5}.wish-face i{letter-spacing:.14em;opacity:.6;text-transform:uppercase;font:500 8px/1 DM Sans,sans-serif;position:absolute;bottom:20px}.opened-note{color:var(--rose-dark);letter-spacing:.12em;text-transform:uppercase;margin:20px 0;font:500 9px/1 DM Sans,sans-serif}.wish-flower{opacity:.35;position:absolute;transform:scale(1.4)}.wish-flower-left{bottom:5%;left:3%;transform:rotate(-25deg)scale(1.4)}.wish-flower-right{top:14%;right:4%;transform:rotate(28deg)scale(.9)}.letter-screen{background:linear-gradient(145deg,#f1dfdf,#f6ebe7 48%,#ebe6ea);padding-bottom:35px}.letter-scene{width:100%;max-width:650px;margin:14px 0 27px;position:relative}.letter-paper{background-color:#fffdf7;background-image:linear-gradient(#b48d8e17 1px,#0000 1px);background-size:100% 31px;min-height:500px;padding:clamp(42px,6vw,70px) clamp(35px,8vw,83px) 45px;position:relative;box-shadow:0 25px 55px #4d323d2e}.letter-paper:after{content:"";pointer-events:none;border:1px solid #a85f7333;position:absolute;inset:14px}.letter-mark{border:1px solid var(--rose);color:var(--rose-dark);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto 27px;font-size:17px;display:flex}.letter-paper p{color:#61535b;margin-bottom:18px;font-family:Italiana,serif;font-size:16px;line-height:1.9}.letter-paper .salutation{color:var(--rose-dark);margin-bottom:20px;font-size:24px;font-style:italic}.signature{flex-direction:column;align-items:flex-start;margin-top:24px;font-family:Italiana,serif;display:flex}.signature span{color:var(--muted);font-size:14px;font-style:italic}.signature strong{color:var(--rose-dark);margin-top:5px;font-size:26px;font-style:italic;font-weight:400}.pressed-flowers{position:absolute;bottom:-24px;right:-74px;transform:rotate(17deg)}.pressed-flowers .flower{transform:scale(.8)}.pressed-flowers>span{background:#889f7d;width:2px;height:180px;position:absolute;top:45px;left:33px}.pressed-flowers>i,.pressed-flowers>b{transform-origin:0 100%;background:#a8b69d;border-radius:100% 0;width:23px;height:62px;position:absolute;top:80px;left:35px;transform:rotate(20deg)}.pressed-flowers>b{top:115px;left:11px;transform:rotate(-70deg)}.final-note{text-align:center}.final-note h2{margin:9px 0 15px;font-size:28px}.replay-button{color:var(--rose-dark);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #a85f7380;font:600 9px/2 DM Sans,sans-serif}@media (width<=720px){.screen{min-height:100svh;padding:76px 20px 35px}.screen:before{inset:7px}.progress{top:24px}.corner-botanical{transform:scale(.7)rotate(-22deg)}.corner-botanical-right{transform:scale(.7)rotate(158deg)}.intro-copy{margin-bottom:30px}.envelope-button{width:min(88vw,330px);height:185px}.envelope-flap{border-top-width:124px;border-left-width:min(44vw,165px);border-right-width:min(44vw,165px)}.wax-seal{top:49%}.greeting-copy h1{font-size:53px}.greeting-copy p{font-size:13px}.greeting-illustration{margin-top:5px;transform:scale(.85)}.music-player{max-width:355px}.section-heading{margin-bottom:26px}.section-heading h1{font-size:45px}.album-layout{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;max-width:430px}.album-arrow{width:34px;height:34px;font-size:14px}.photo-stack{height:45vh;min-height:330px}.photo-caption{min-height:70px;font-size:12px}.wish-grid{grid-template-columns:1fr;gap:12px;max-width:340px}.wish-card{height:175px}.wish-face{border-radius:90px 90px 8px 8px;padding:22px 25px}.wish-face b{width:45px;height:45px;margin-bottom:12px;font-size:20px}.wish-face strong{font-size:21px}.wish-face p{max-width:265px;font-size:14px;line-height:1.35}.wish-face small{top:50%;left:27px;transform:translateY(-50%)}.wish-face i{bottom:13px}.opened-note{margin:15px 0}.letter-paper{padding:45px 35px 35px}.letter-paper p{font-size:15px;line-height:1.75}.pressed-flowers{display:none}}@media (width<=430px){.greeting-screen{justify-content:flex-start}.greeting-illustration{flex:0 0 115px;margin-bottom:-6px}.greeting-copy h1{margin-bottom:18px;font-size:47px}.greeting-copy p{margin-bottom:18px;line-height:1.55}.music-player{margin-bottom:18px}.album-screen{justify-content:flex-start}.album-screen .section-heading{margin-bottom:18px}.album-layout{margin-bottom:19px}.photo-stack{height:42vh;min-height:300px}.wishes-screen{justify-content:flex-start}.wishes-screen .section-heading{margin-bottom:20px}.wish-card{height:150px}.wish-face b{margin-bottom:7px}.letter-screen{justify-content:flex-start}.letter-paper{padding:38px 30px 30px}.letter-paper p{margin-bottom:14px;font-size:14px;line-height:1.7}.letter-mark{margin-bottom:18px}.final-note h2{font-size:24px}}@media (height<=720px) and (width>=721px){.screen{padding-top:65px;padding-bottom:28px}.greeting-illustration{height:105px;transform:scale(.8)}.greeting-copy h1{margin:10px 0 15px;font-size:58px}.greeting-copy p{margin-bottom:15px;line-height:1.5}.music-player{margin-bottom:16px}.section-heading{margin-bottom:18px}.section-heading h1{margin:8px 0 10px;font-size:48px}.photo-stack{height:355px;min-height:0}.wish-card{height:245px}.letter-paper{min-height:auto;padding-top:42px;padding-bottom:30px}.letter-paper p{margin-bottom:10px;font-size:14px;line-height:1.6}.letter-scene{margin-bottom:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:linear-gradient(125deg,#fffaf4 0%,#f8e9eb 36%,#f3edf5 69%,#f9f0e7 100%) 0 0/180% 180%;animation:18s ease-in-out infinite alternate pastel-wash}@keyframes pastel-wash{0%{background-position:0%}to{background-position:100%}}.envelope-screen,.greeting-screen,.album-screen,.wishes-screen{background:radial-gradient(circle at 50% 37%,#fffaf599,#0000 52%)}.envelope-screen{padding-top:50px}.intro-copy{margin-bottom:9px}.intro-copy h1{font-size:clamp(44px,6vw,72px)}.intro-copy p{color:var(--rose-dark);font-size:clamp(19px,3vw,26px)}.intro-cat{object-fit:contain;mix-blend-mode:multiply;border-radius:18px;width:clamp(88px,12vw,136px);height:clamp(88px,12vw,136px);margin:0 0 18px}.envelope-button{transform-style:preserve-3d}.envelope-paper{z-index:1;transition:transform .9s cubic-bezier(.22,1,.36,1)}.envelope-flap{z-index:2;transform-origin:50% 0;transition:transform .65s cubic-bezier(.22,1,.36,1)}.envelope-body{z-index:4}.envelope-blooms{z-index:0;pointer-events:none;position:absolute;inset:0}.envelope-bloom{filter:drop-shadow(0 4px 5px #a85f731f);position:absolute;top:calc(36% - 35px);left:calc(50% - 35px)}.envelope-bloom:nth-child(2n) .flower i{background:#f5ded4}.envelope-bloom:nth-child(3n) .flower i{background:#e7dce9}.wax-seal{z-index:5;transition:opacity .25s,transform .4s}.envelope-button.is-opening .envelope-flap{transform:rotateX(178deg)}.envelope-button.is-opening .wax-seal{opacity:0;transform:scale(.5)}.envelope-button:disabled,.text-action:disabled{cursor:default}.song-note{color:var(--rose-dark);text-align:center;margin:-12px 0 23px;font:italic 15px/1.5 Italiana,serif}.greeting-copy h1 em{font-size:.62em;line-height:1.5}.section-heading h1{text-wrap:balance}@media (width<=720px){.envelope-screen{padding-top:55px}.intro-copy{margin-bottom:6px}.intro-copy h1{font-size:43px}.intro-cat{width:104px;height:104px;margin-bottom:10px}.song-note{margin-bottom:18px;font-size:13px}.envelope-button.is-opening .envelope-paper{transform:translateY(-68px)}.envelope-bloom{top:35%}}@media (prefers-reduced-motion:reduce){.app-shell{animation:none}.envelope-paper,.envelope-flap,.wax-seal{transition-duration:.01ms}}.envelope-button{width:clamp(290px,38vw,380px);height:clamp(180px,23vw,215px)}.envelope-paper{width:86%;height:66%;top:25%;left:7%}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);background:#f7d8d5;border:0;width:100%;height:56%;top:23%}.envelope-button.is-opening .envelope-paper{transform:translateY(-82%)}.intro-cat{mix-blend-mode:normal;position:relative}.cat-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cat-canvas{object-fit:contain;width:100%;height:100%}@media (width<=720px){.envelope-button{width:min(86vw,330px);height:185px}.envelope-button.is-opening .envelope-paper{transform:translateY(-72%)}}.envelope-bloom{top:calc(50% - 35px)}.envelope-bloom .flower{transform:scale(.38)}.envelope-bloom:nth-child(4n) .flower i{background:#e7dcea}.envelope-bloom:nth-child(4n+1) .flower i{background:#f0b9c8}.envelope-bloom:nth-child(4n+2) .flower i{background:#f7dcc0}.envelope-bloom:nth-child(4n+3) .flower i{background:#e8d2dc}.envelope-drawing{z-index:1;filter:drop-shadow(0 15px 15px #533d451f);width:100%;height:100%;display:block;position:relative;overflow:visible}.transparent-clip{place-items:center;display:grid;position:relative;overflow:hidden}.clip-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.clip-canvas{object-fit:contain;width:100%;height:100%;display:block}.greeting-gif{object-fit:contain;width:clamp(95px,12vw,145px);height:clamp(95px,12vw,145px);margin:-6px auto 10px;display:block}.play-button:disabled{cursor:default;opacity:.45}.photo-caption{text-align:center;justify-content:center}.wish-face p{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.55}.letter-intro-screen{text-align:center;background:radial-gradient(circle at 50% 42%,#fffaf4 0,#f9eeec 44%,#f3e9ed 100%)}.letter-intro-content{flex-direction:column;align-items:center;width:min(100%,580px);display:flex}.letter-intro-content h1{margin:17px 0 10px;font-size:clamp(53px,8vw,86px)}.letter-intro-content p{color:var(--rose-dark);margin:12px 0 24px;font:italic 18px/1.5 Italiana,serif}.letter-intro-clip{width:min(85vw,290px);height:min(70vw,260px)}.clip-video-soft{object-fit:contain;width:100%;height:100%;-webkit-mask-image:radial-gradient(58% 64%,#000 40%,#0000 100%);mask-image:radial-gradient(58% 64%,#000 40%,#0000 100%)}.letter-open-button{color:#fffaf6;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cpath d='M6 33 25 14' stroke='%23824b72' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M6 33 25 14' stroke='%23f9e2aa' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='m27 3 2 7 7 2-7 2-2 7-2-7-7-2 7-2z' fill='%23efb9c8' stroke='%23824b72' stroke-width='1'/%3E%3C/svg%3E") 6 33,pointer;letter-spacing:.09em;background:linear-gradient(135deg,#b86785,#c98798);border:1px solid #fff9;border-radius:999px;padding:18px 28px;font:600 13px/1 DM Sans,sans-serif;box-shadow:0 8px #925268,0 15px 32px #954e6940}.letter-open-button span{margin:0 5px}.letter-screen{justify-content:flex-start}.letter-top-clip{flex:none;width:min(65vw,260px);height:145px;margin:10px auto 0}.letter-screen .letter-scene{margin-top:4px}.letter-paper{min-height:0}.letter-mark-cat{width:82px;height:82px;margin:0 auto 24px}@media (width<=720px){.wish-card{height:300px}.wish-face p{max-width:290px;font-size:12px;line-height:1.45}.wish-face small{top:18px;left:22px;transform:none}.wish-back{padding:44px 24px 36px}.wish-back b{flex:none;margin-bottom:12px}.wish-back p{overflow-wrap:anywhere}.letter-intro-clip{height:220px}.letter-mark-cat{width:72px;height:72px;margin-bottom:15px}.letter-paper{padding:35px 27px 30px}}.floating-song-toggle{z-index:50;color:var(--rose-dark);cursor:pointer;letter-spacing:.06em;background:#fffaf6e6;border:1px solid #a85f7338;border-radius:999px;padding:10px 13px;font:600 10px/1 DM Sans,sans-serif;position:fixed;top:18px;right:clamp(18px,4vw,50px);box-shadow:0 5px 18px #6f43531a}.floating-song-toggle:hover{background:#fff}@media (width<=720px){.floating-song-toggle{padding:9px 11px;top:55px;right:16px}.floating-song-toggle span{display:none}}.app-shell{isolation:isolate;background:linear-gradient(135deg,#fffaf4 0%,#f9eeec 42%,#f3edf4 100%);animation:none}.app-shell:before,.app-shell:after{content:"";aspect-ratio:1;pointer-events:none;z-index:0;filter:blur(42px);opacity:.62;border-radius:50%;width:min(80vw,850px);position:fixed}.app-shell:before{background:radial-gradient(circle,#efcbd3 0%,#f4dad894 42%,#0000 73%);animation:19s ease-in-out infinite alternate ambient-rose;top:-38vh;left:-25vw}.app-shell:after{background:radial-gradient(circle,#e1d8ef 0%,#e0e9d685 45%,#0000 73%);animation:23s ease-in-out infinite alternate ambient-lilac;bottom:-40vh;right:-22vw}@keyframes ambient-rose{to{transform:translate(22vw,18vh)scale(1.14)}}@keyframes ambient-lilac{to{transform:translate(-23vw,-18vh)scale(1.11)}}.app-shell>.screen{z-index:1}.envelope-screen,.greeting-screen,.album-screen,.wishes-screen,.letter-intro-screen,.letter-screen{background:radial-gradient(circle at 50% 38%,#fffaf5b8,#fffaf533 45%,#0000 74%)}.envelope-reveal{color:var(--rose-dark);text-align:center;text-wrap:balance;max-width:min(88vw,650px);margin:-16px auto 0;font:italic clamp(24px,3.2vw,36px)/1.25 Italiana,serif}@media (width<=720px){.app-shell:before,.app-shell:after{filter:blur(30px);opacity:.53;width:95vw}.envelope-reveal{margin-top:-10px;font-size:clamp(23px,6vw,30px)}}@media (prefers-reduced-motion:reduce){.app-shell:before,.app-shell:after{animation:none}}