@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#090806;width:100%;min-width:320px;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090806;width:100%;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100dvh}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}input{min-width:0}:root{--yellow-1:#fff3a1;--yellow-2:#ffd83d;--yellow-3:#f6ae00;--yellow-4:#d47700}*{box-sizing:border-box}html{background:#090806;width:100%;min-width:320px;min-height:100%}body{background:#090806;width:100%;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app{color:#fff;background:radial-gradient(circle at 50% 15%,#3b3328,#0000 35%),linear-gradient(145deg,#15120e,#090806 60%,#000);width:100%;min-height:100dvh;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;opacity:.15;background-image:repeating-linear-gradient(90deg,#0000 0 20px,#ffffff0d 21px);position:fixed;inset:0}.background-glow{filter:blur(130px);pointer-events:none;border-radius:50%;width:min(500px,80vw);height:min(500px,80vw);position:fixed}.glow-1{background:#ffc10721;top:-250px;left:-150px}.glow-2{background:#ffb7001c;bottom:-250px;right:-220px}.site-signature{z-index:5000;right:max(10px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);background:#00000040;border-radius:8px;align-items:baseline;gap:4px;max-width:min(75vw,360px);padding:4px 7px;display:flex;position:fixed;overflow:hidden}.site-signature span{letter-spacing:1px;color:#ffffff7a;flex:none;font-family:Montserrat,sans-serif;font-size:clamp(6px,1.7vw,8px)}.site-signature strong{text-overflow:ellipsis;color:#ffd343e6;font-family:Cormorant Garamond,serif;font-size:clamp(10px,2.5vw,13px);font-style:italic;font-weight:600;overflow:hidden}.welcome-screen{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) clamp(14px, 4vw, 30px) max(40px, calc(env(safe-area-inset-bottom) + 20px));place-items:center;display:grid}.welcome-card{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffd5553b;border-radius:clamp(20px,4vw,30px);width:min(500px,100%);padding:clamp(35px,6vw,54px) clamp(22px,5vw,42px) clamp(30px,5vw,45px);animation:1s forwards welcomeIn;box-shadow:0 40px 100px #0000008c,inset 0 1px #ffffff1a}@keyframes welcomeIn{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.small-flower{aspect-ratio:1;background:#ffc22312;border:1px solid #ffd03d4d;border-radius:50%;place-items:center;width:clamp(58px,14vw,70px);margin:0 auto 20px;font-size:clamp(30px,8vw,38px);display:grid}.welcome-small{letter-spacing:clamp(3px,1vw,5px);color:#ffd967;margin:0 0 10px;font-family:Montserrat,sans-serif;font-size:clamp(8px,2.5vw,11px)}.welcome-card h1{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(44px,11vw,68px);font-weight:500;line-height:.9}.welcome-card h1 span{color:#f9c638;margin-top:9px;font-style:italic;display:block}.welcome-description{color:#ffffffa6;max-width:370px;margin:27px auto 34px;font-family:Montserrat,sans-serif;font-size:clamp(11px,3vw,13px);font-weight:300;line-height:1.8}.welcome-card form{flex-direction:column;gap:12px;display:flex}.welcome-card label{text-align:left;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff9e;font-family:Montserrat,sans-serif;font-size:11px}.welcome-card input{color:#fff;background:#00000047;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;padding:16px 18px;font-family:Montserrat,sans-serif;font-size:14px;transition:all .3s}.welcome-card input:focus{border-color:#ffcd36a6;box-shadow:0 0 0 4px #ffc31212}.welcome-card input::placeholder{color:#ffffff47}.welcome-card button{color:#1a1200;background:linear-gradient(135deg,#ffe369,#f3af08);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;display:flex;box-shadow:0 15px 35px #e6a00033}.bouquet-screen{min-height:100dvh;padding:max(35px, env(safe-area-inset-top)) clamp(8px, 3vw, 20px) max(55px, calc(env(safe-area-inset-bottom) + 35px));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.top-message{z-index:20;text-align:center;margin-bottom:-8px;animation:1s both topMessageIn;position:relative}.top-message span{letter-spacing:clamp(3px,1vw,5px);text-transform:uppercase;color:#ffffff80;font-family:Montserrat,sans-serif;font-size:clamp(8px,2vw,10px);display:block}.top-message h2{color:#ffd343;margin:3px 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(36px,9vw,62px);font-style:italic;font-weight:500;line-height:.95}@keyframes topMessageIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.bouquet{aspect-ratio:1;flex:none;width:min(720px,96vw,78dvh);margin:0 auto;position:relative}.paper{z-index:1;transform-origin:bottom;clip-path:polygon(50% 0,100% 28%,83% 100%,17% 100%,0 28%);opacity:0;background:linear-gradient(145deg,#222222eb,#0b0b0bf5 55%,#1e1e1eed);width:74%;height:72%;animation:.8s forwards paperAppear;position:absolute;top:56%;left:50%;box-shadow:0 30px 60px #00000080}.paper-left{animation-delay:.1s;transform:translate(-59%,-49%)rotate(-19deg)}.paper-left-2{animation-delay:.2s;transform:translate(-62%,-47%)rotate(-8deg)}.paper-right{animation-delay:.25s;transform:translate(-41%,-49%)rotate(19deg)}.paper-right-2{animation-delay:.35s;transform:translate(-38%,-47%)rotate(8deg)}.paper-center{animation-delay:.4s;transform:translate(-50%,-46%)}@keyframes paperAppear{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}.flower-shadow{z-index:2;filter:blur(24px);background:#00000094;border-radius:50%;width:64%;height:29%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.stem-shadow{z-index:2;filter:blur(24px);background:#00000047;border-radius:50%;width:28%;height:14%;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.flowers{z-index:5;position:absolute;inset:0}.rose{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:var(--size);aspect-ratio:1;opacity:0;transform:translate(-50%, -72%) scale(.18) rotate(var(--rotation));animation:placeFlower .82s cubic-bezier(.2, .85, .25, 1.2) var(--delay) forwards;position:absolute}@keyframes placeFlower{0%{opacity:0;transform:translate(-50%, -118%) scale(.18) rotate(var(--rotation))}70%{opacity:1;transform:translate(-50%, -54%) scale(1.05) rotate(var(--rotation))}to{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(var(--rotation))}}.stem-wrap{width:14px;height:var(--stem-length);transform:translateX(-50%) rotate(var(--stem-lean));transform-origin:top;z-index:1;opacity:.94;position:absolute;top:70%;left:50%}.stem{background:linear-gradient(#85b54d 0%,#5f9338 33%,#46702d 67%,#2e4a1f 100%);border-radius:999px;width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.leaf{background:linear-gradient(145deg,#80b14b 0%,#5c8f38 50%,#3d6428 100%);border-radius:100% 0;width:16px;height:10px;position:absolute;box-shadow:inset 1px 1px 2px #ffffff2e}.leaf:after{content:"";background:#ffffff29;border-radius:999px;width:1px;height:84%;position:absolute;top:8%;left:50%;transform:translate(-50%)}.leaf-left{top:54%;left:-4px;transform:rotate(-38deg)}.leaf-right{top:74%;right:-4px;transform:scaleX(-1)rotate(-38deg)}.rose-head{z-index:3;filter:drop-shadow(2px 6px 5px #693c0038);border-radius:50%;width:100%;height:100%;position:relative}.outer,.mid,.inner{transform-origin:50%;display:block;position:absolute;top:50%;left:50%}.outer{background:linear-gradient(155deg,#ffe97a 0%,#ffd43d 30%,#f4af08 60%,#cb7900 100%);border-radius:60% 40% 58% 42%;width:72%;height:86%;box-shadow:inset 2px 2px 4px #ffffff52,inset -3px -5px 6px #944c0029}.outer-1{transform:translate(-50%,-67%)rotate(0)}.outer-2{transform:translate(-24%,-56%)rotate(52deg)}.outer-3{transform:translate(-12%,-31%)rotate(100deg)}.outer-4{transform:translate(-34%,-8%)rotate(160deg)}.outer-5{transform:translate(-77%,-16%)rotate(228deg)}.outer-6{transform:translate(-86%,-48%)rotate(292deg)}.mid{background:linear-gradient(150deg,#ffe265 0%,#ffc827 36%,#eb9f00 70%,#b56200 100%);border-radius:58% 42%;width:53%;height:63%;box-shadow:inset 2px 2px 4px #ffffff47,inset -2px -4px 5px #7e3f002e}.mid-1{transform:translate(-51%,-63%)rotate(18deg)}.mid-2{transform:translate(-28%,-39%)rotate(94deg)}.mid-3{transform:translate(-60%,-22%)rotate(168deg)}.mid-4{transform:translate(-67%,-47%)rotate(250deg)}.inner{background:linear-gradient(145deg,#ffd947,#f2a100 65%,#a65700);border-radius:62% 38% 60% 40%;width:34%;height:42%}.inner-1{transform:translate(-50%,-65%)rotate(18deg)}.inner-2{transform:translate(-26%,-43%)rotate(128deg)}.inner-3{transform:translate(-70%,-39%)rotate(250deg)}.rose-core{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffd52f,#e68d00 60%,#8f4700);border-radius:50%;width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ef9d0059}.bouquet-base{z-index:1000;opacity:0;animation:1s 5.8s forwards baseAppear;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}@keyframes baseAppear{0%{opacity:0;transform:translate(-50%)translateY(15px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ribbon{text-align:center;color:#17120a;background:linear-gradient(145deg,#f8d879,#e4b74e);border-radius:4px;min-width:clamp(150px,28vw,190px);padding:10px clamp(18px,4vw,30px);position:relative;box-shadow:0 8px 25px #00000059}.ribbon:before,.ribbon:after{content:"";z-index:-1;background:#be8e31;width:52px;height:80%;position:absolute;top:50%;transform:translateY(-50%)}.ribbon:before{clip-path:polygon(0 0,100% 8%,80% 50%,100% 92%,0 100%);right:calc(100% - 8px)}.ribbon:after{clip-path:polygon(100% 0,0 8%,20% 50%,0 92%,100% 100%);left:calc(100% - 8px)}.ribbon span{letter-spacing:3px;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:8px;display:block}.ribbon strong{margin:1px 0;font-family:Cormorant Garamond,serif;font-size:clamp(18px,4vw,23px);font-style:italic;display:block}.ribbon small{letter-spacing:1px;font-family:Montserrat,sans-serif;font-size:8px}.creating-text{z-index:10;text-align:center;margin-top:clamp(-18px,-2vw,-8px);position:relative}.creating-text>span{background:#ffffff1a;width:130px;height:2px;margin:0 auto 14px;display:block;overflow:hidden}.creating-text>span:before{content:"";background:#ffc926;width:40%;height:100%;animation:1.3s linear infinite loading;display:block}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(350%)}}.creating-text p{letter-spacing:clamp(1px,.5vw,1.8px);color:#ffffff8c;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(8px,2.3vw,10px)}.touch-message{z-index:15;text-align:center;opacity:0;margin-top:clamp(-18px,-2vw,-6px);animation:1s forwards touchAppear;position:relative}@keyframes touchAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.touch-icon{margin-bottom:5px;font-size:clamp(23px,6vw,29px);animation:1.4s ease-in-out infinite touchBounce}@keyframes touchBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.touch-message p{color:#ffdb52;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(20px,5vw,25px);font-style:italic}.touch-message span{letter-spacing:2px;text-transform:uppercase;color:#ffffff6e;font-family:Montserrat,sans-serif;font-size:8px}.bouquet-ready{cursor:pointer}.restart-button{z-index:30;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#ffffffa6;background:#ffffff0a;border:1px solid #ffffff26;border-radius:50px;padding:8px 12px;font-family:Montserrat,sans-serif;font-size:clamp(8px,2vw,10px);position:absolute}.letter-overlay{z-index:1000;width:100%;height:100dvh;padding:max(10px, env(safe-area-inset-top)) clamp(8px, 3vw, 20px) max(36px, calc(env(safe-area-inset-bottom) + 22px));opacity:1;background:radial-gradient(circle at 50% 40%,#483a27,#17120d 60%,#080604);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(4px,1dvh,12px);transition:opacity .55s;animation:.7s both overlayIn;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.letter-overlay.closing{opacity:0;pointer-events:none}.letter-background-light{aspect-ratio:1;filter:blur(100px);pointer-events:none;background:#ffcd5a1c;border-radius:50%;width:min(650px,95vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.letter-title{z-index:50;text-align:center;pointer-events:none;justify-self:center;width:min(600px,100%);padding:clamp(4px,.8dvh,8px) 10px;position:relative}.letter-title span{letter-spacing:clamp(2px,.8vw,4px);text-transform:uppercase;color:#ffffff7a;margin-bottom:clamp(1px,.4dvh,4px);font-family:Montserrat,sans-serif;font-size:clamp(7px,1.8vw,9px);display:block}.letter-title strong{text-overflow:ellipsis;white-space:nowrap;color:#ffd34c;text-shadow:0 4px 18px #000c;max-width:100%;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(27px,8vw,42px);font-style:italic;font-weight:500;line-height:1;display:block;overflow:hidden}.envelope-area{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:visible}.envelope-scene{perspective:1400px;justify-content:center;align-items:flex-end;width:min(580px,96vw);height:100%;min-height:0;display:flex;position:relative}.envelope{--envelope-width:min(500px, 88vw);width:var(--envelope-width);aspect-ratio:5/3;cursor:pointer;flex:none;margin-bottom:clamp(8px,2dvh,24px);transition:transform .3s;position:relative}.envelope:not(.opened):not(.closing-envelope){animation:2.2s ease-in-out infinite envelopeWaiting}@keyframes envelopeWaiting{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.envelope.opened{cursor:default;animation:none}.envelope.closing-envelope{cursor:default;pointer-events:none;animation:none}.envelope-back{z-index:1;background:linear-gradient(145deg,#b8d0cd,#8eb2ae);border-radius:5px;position:absolute;inset:0;box-shadow:0 25px 60px #0000007a}.letter-paper{z-index:2;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;color:#45382d;opacity:0;pointer-events:none;scrollbar-width:thin;scrollbar-color:#916e4166 transparent;background:linear-gradient(90deg,#b0834e0a,#0000 20% 80%,#b0834e0a),#fffaf0;border-radius:4px;width:88%;max-height:min(50dvh,500px);padding:clamp(26px,4vw,38px) clamp(22px,5vw,40px) clamp(34px,5vw,45px);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;bottom:clamp(14px,3vw,25px);left:50%;overflow:hidden auto;transform:translate(-50%)translateY(68%);box-shadow:0 20px 55px #0000004d}.envelope.opened .letter-paper{opacity:1;pointer-events:auto;cursor:pointer;transition-delay:.65s,.65s;transform:translate(-50%)translateY(-17%)}.letter-paper::-webkit-scrollbar{width:5px}.letter-paper::-webkit-scrollbar-track{background:0 0}.letter-paper::-webkit-scrollbar-thumb{background:#916e414d;border-radius:20px}.letter-decoration{text-align:center;margin-bottom:5px;font-size:clamp(22px,5vw,28px)}.letter-date{text-align:center;letter-spacing:clamp(1px,.5vw,2px);text-transform:uppercase;color:#a58d72!important;margin:0 0 clamp(18px,3dvh,25px)!important;font-family:Montserrat,sans-serif!important;font-size:clamp(7px,1.8vw,9px)!important}.letter-paper h3{color:#7f6647;margin:0 0 18px;font-family:Cormorant Garamond,serif;font-size:clamp(25px,6vw,32px);font-style:italic;font-weight:600;line-height:1.1}.letter-paper p{margin:0 0 clamp(12px,2dvh,17px);font-family:Cormorant Garamond,serif;font-size:clamp(16px,4vw,19px);line-height:1.5}.special-message{text-align:center;color:#a77500;font-weight:600;margin-top:clamp(20px,3dvh,28px)!important;font-size:clamp(18px,4.5vw,22px)!important}.letter-ending{text-align:right;color:#aa7f21;font-style:italic;margin-top:26px!important}.close-letter-hint{text-align:center;letter-spacing:clamp(1px,.5vw,1.6px);text-transform:uppercase;color:#644b3273;border-top:1px solid #8f6e4726;margin-top:clamp(22px,3dvh,30px);padding-top:14px;font-family:Montserrat,sans-serif;font-size:clamp(7px,1.7vw,8px)}.envelope-front{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.front-left{clip-path:polygon(0 0,56% 60%,0 100%);background:linear-gradient(145deg,#a7c5c1,#86aaa6);position:absolute;inset:0}.front-right{clip-path:polygon(100% 0,44% 60%,100% 100%);background:linear-gradient(220deg,#a9c7c3,#88aba7);position:absolute;inset:0}.front-bottom{clip-path:polygon(0 100%,50% 45%,100% 100%);background:linear-gradient(#b2cdca,#93b4b0);position:absolute;inset:0}.envelope-flap{z-index:6;transform-origin:top;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(165deg,#b8d1ce,#91b5b1);width:100%;height:64%;transition:transform .75s .75s;position:absolute;top:0;left:0;transform:rotateX(0)}.envelope.opened .envelope-flap{z-index:1;transition-delay:.2s;transform:rotateX(180deg)}.wax-seal{z-index:8;aspect-ratio:1;opacity:1;background:radial-gradient(circle at 35% 30%,#b58454,#8b5c35 57%,#60381e);border-radius:50%;place-items:center;width:clamp(44px,11vw,58px);font-size:clamp(18px,5vw,24px);transition:opacity .3s 1.35s,transform .3s 1.35s;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 4px 12px #00000059,inset 2px 2px 4px #ffffff2b}.envelope.opened .wax-seal{opacity:0;transition-delay:0s;transform:translate(-50%,-50%)scale(.6)}.letter-controls{z-index:60;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(88px,13dvh,125px);padding-bottom:clamp(2px,1dvh,10px);display:flex;position:relative}.open-envelope-message,.letter-opened-message,.closing-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50px;display:flex}.open-envelope-message{animation:.8s .4s both openMessageIn}@keyframes openMessageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.envelope-touch-icon{margin-bottom:2px;font-size:clamp(21px,5vw,25px);animation:1.3s ease-in-out infinite envelopeTouch}@keyframes envelopeTouch{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.open-envelope-message p{color:#ffd657;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(19px,4.8vw,23px);font-style:italic}.open-envelope-message span{letter-spacing:2px;text-transform:uppercase;color:#ffffff73;margin-top:3px;font-family:Montserrat,sans-serif;font-size:clamp(7px,1.7vw,8px);display:block}.letter-opened-message span,.closing-message span{font-size:clamp(16px,4vw,19px);animation:1.5s ease-in-out infinite littleHeart}.letter-opened-message p,.closing-message p{color:#ffda5abf;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(15px,4vw,18px);font-style:italic}@keyframes littleHeart{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.return-button{letter-spacing:1px;color:#ffffffad;background:#ffffff0f;border:1px solid #ffffff26;border-radius:30px;margin-top:clamp(4px,1dvh,10px);padding:10px 18px;font-family:Montserrat,sans-serif;font-size:clamp(8px,2vw,9px)}@media (width<=480px){.bouquet{width:min(98vw,520px)}.rose{width:calc(var(--size) * .9)}.stem-wrap{width:12px}.stem{width:3px}.leaf{width:14px;height:9px}.letter-overlay{gap:2px;padding-left:6px;padding-right:6px}.letter-title{padding-top:2px;padding-bottom:4px}.letter-title strong{font-size:clamp(27px,9vw,34px)}.envelope{--envelope-width:min(92vw, 420px);margin-bottom:clamp(5px,1dvh,12px)}.letter-paper{width:92%;max-height:min(48dvh,470px);padding:25px 22px 35px}.envelope.opened .letter-paper{transform:translate(-50%)translateY(-12%)}.letter-controls{min-height:clamp(80px,12dvh,105px)}.site-signature{max-width:70vw}}@media (width<=380px){.bouquet{width:99vw}.rose{width:calc(var(--size) * .84)}.letter-title span{letter-spacing:1.5px}.letter-title strong{font-size:27px}.envelope{--envelope-width:94vw}.letter-paper{width:93%;max-height:46dvh;padding:22px 18px 32px}.letter-paper p{font-size:15.5px}.special-message{font-size:17px!important}}@media (height<=700px){.letter-overlay{padding-top:max(5px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto}.letter-title{padding:2px 8px}.letter-title span{font-size:7px}.letter-title strong{font-size:clamp(24px,5dvh,30px)}.envelope{--envelope-width:min(470px, 78vw, 75dvh);margin-bottom:4px}.letter-paper{max-height:51dvh;padding:22px 28px 30px}.envelope.opened .letter-paper{transform:translate(-50%)translateY(-8%)}.letter-controls{min-height:67px}.open-envelope-message p{font-size:18px}.return-button{padding:7px 15px}}@media (width>=600px) and (width<=1024px){.bouquet{width:min(78vw,720px)}.envelope{--envelope-width:min(520px, 78vw)}.letter-paper{max-height:min(54dvh,520px)}.envelope.opened .letter-paper{transform:translate(-50%)translateY(-17%)}}@media (width>=1200px){.bouquet{width:min(670px,60vw,78dvh)}.letter-overlay{padding-left:30px;padding-right:30px}.envelope{--envelope-width:min(510px, 42vw)}.letter-paper{max-height:min(510px,56dvh)}}@media (orientation:landscape) and (height<=600px){.bouquet{width:min(66vh,500px)}.rose{width:calc(var(--size) * .84)}.letter-overlay{padding:max(6px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-rows:1fr;grid-template-columns:minmax(110px,.35fr) minmax(0,1fr) minmax(140px,.4fr);align-items:center;gap:12px}.letter-title{grid-column:1;align-self:center;width:100%;padding:6px}.letter-title span{letter-spacing:1px;font-size:6px}.letter-title strong{white-space:normal;margin-top:8px;font-size:clamp(23px,5vw,31px)}.envelope-area{grid-column:2;height:100%}.envelope{--envelope-width:min(58vw, 78dvh, 430px);margin-bottom:0}.letter-paper{max-height:75dvh;padding:20px 24px 28px}.envelope.opened .letter-paper{transform:translate(-50%)translateY(-8%)}.letter-controls{grid-column:3;min-height:0;padding:5px}.return-button{margin-top:5px}.site-signature{max-width:35vw}}