#petal-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:55;opacity:.72;transition:opacity .8s}.watching-film #petal-canvas{opacity:0}.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:45;pointer-events:none}.reading-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#bc8ac1,#e8cfa7);box-shadow:0 0 10px #d5acd0}.cover{perspective:1000px;overflow:hidden;transition:opacity 1.1s,visibility 1.1s}.cover-photo{filter:saturate(.75);opacity:.45}.cover-shade{background:radial-gradient(ellipse at 75% 10%,#9a6d9e22,transparent 55%),linear-gradient(0deg,#1a1424f2,#2a183a8c 70%)}.cover-inner{z-index:2;padding-top:28px}.cover-to{margin-top:27px;margin-bottom:18px;color:#ecc9d9}.cover h1{font-size:34px;line-height:1.5;letter-spacing:.14em;text-shadow:0 0 35px #e6aed03a}.cover-en{font-size:15px;color:#d7c5db;line-height:1.7;margin-top:15px}.cover-date{font-size:7px;color:#b9a2c0}.moon-orbit{position:absolute;width:min(100vw,660px);height:min(100vw,660px);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3;pointer-events:none}.moon-orbit>i{position:absolute;inset:0;border:1px solid #e2c6a544;border-radius:50%;transform:rotate(-28deg) scaleX(.7);animation:orbit-breathe 12s ease-in-out infinite alternate}.moon-orbit>i:nth-child(2){inset:12%;transform:rotate(35deg) scaleX(.85);animation-delay:-4s}.moon-orbit>i:nth-child(3){inset:23%;transform:rotate(80deg) scaleX(.8);animation-delay:-8s}.moon-orbit>i:after{content:'';width:5px;height:5px;position:absolute;left:15%;top:13%;border-radius:50%;background:#f2dbb4;box-shadow:0 0 15px 2px #e8c29c}.open-gift{display:flex;flex-direction:column;align-items:center;background:transparent;color:#f0d5df;padding:0;margin:35px auto 28px;min-width:260px;border:0;perspective:900px;overflow:visible}.open-gift span{margin-left:0}.envelope{position:relative;display:block;width:230px;height:135px;transform-style:preserve-3d;animation:envelope-float 5s ease-in-out infinite}.envelope-back{position:absolute;inset:0;display:block;background:linear-gradient(145deg,#cfafb9,#aa819b);border-radius:4px;box-shadow:0 20px 50px #07020f75;z-index:1}.envelope-letter{position:absolute;left:12px;right:12px;bottom:6px;height:116px;background:#fff2e7;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#89566d;border:1px solid #dfc5b8;transition:transform 1s .4s cubic-bezier(.22,.65,.25,1);border-radius:2px}.envelope-letter i{font:italic 22px Georgia,serif;margin-bottom:10px}.envelope-letter>span{font:italic 11px Georgia,serif;letter-spacing:.04em}.envelope-pocket{position:absolute;inset:0;z-index:3;display:block;background:linear-gradient(150deg,#e8c8c9,#c79fab);clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);border-radius:4px}.envelope-pocket:after{content:'';position:absolute;inset:2px;background:linear-gradient(30deg,transparent 49.5%,#fff2e71f 50%,transparent 50.5%)}.envelope-flap{position:absolute;inset:0;display:block;z-index:4;background:linear-gradient(165deg,#f0d9d4,#c5a2af);clip-path:polygon(0 0,100% 0,50% 57%);transform-origin:top;backface-visibility:visible;transition:transform .85s cubic-bezier(.4,0,.15,1),filter .85s}.envelope-seal{position:absolute;z-index:5;left:calc(50% - 21px);top:53px;width:42px;height:42px;border-radius:50%;display:grid;place-content:center;font:12px Georgia,serif;color:#f3dca9;background:radial-gradient(circle at 30% 25%,#ae7b80,#784757);border:1px solid #d6a487;box-shadow:0 3px 10px #4d2d4144;transition:opacity .3s,transform .5s}.envelope-seal i{font-size:9px;display:inline;font-weight:normal}.open-label{margin-top:22px;font-size:12px;letter-spacing:.16em;line-height:1.8}.open-label small{display:block;font-size:7px;letter-spacing:.25em;color:#ad90b4;margin-top:7px}.open-gift:hover .envelope{filter:drop-shadow(0 0 15px #f5ccdf22)}.open-gift:disabled{cursor:default}.unsealing .envelope{animation:none;transform:translateY(7px) rotateX(-8deg)}.unsealing .envelope-flap{transform:rotateX(180deg);filter:brightness(.7);z-index:1}.unsealing .envelope-seal{opacity:0;transform:translateY(12px) scale(.6)}.unsealing .envelope-letter{transform:translateY(-95px)}.unsealing .open-label{opacity:0;transition:opacity .35s}.unsealing .cover-photo{transform:scale(1.1);transition:transform 2s}.hero-copy h2{font-size:clamp(66px,9vw,125px);line-height:.96}.hero-copy>p:not(.eyebrow){font-size:14px;letter-spacing:.08em}.hero-copy{will-change:transform;transform:translateY(var(--hero-shift,0px));opacity:var(--hero-opacity,1)}.hero>img{transform:scale(var(--hero-scale,1));will-change:transform}.letter{transform-origin:top center;box-shadow:0 18px 80px #53313e14}.letter p{opacity:var(--line-opacity,1);transform:translateY(var(--line-shift,0px));transition:opacity .6s,transform .6s}.letter-to{position:relative}.letter-to:after{content:'';display:block;height:1px;width:65px;margin-top:22px;background:linear-gradient(90deg,#bd8ca1,transparent);transform-origin:left;transform:scaleX(var(--letter-rule,1));transition:transform 1s}.date-mark strong{background:linear-gradient(130deg,#9b667b,#d3aab6,#9b667b);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200% 200%;animation:date-glow 9s ease infinite}.film-frame{border-color:#9e6b8b66;box-shadow:0 0 0 7px #d7afbd08,0 25px 70px #160d1590}.film-play>span:first-child{animation:play-breathe 4s ease-in-out infinite}.forever h2 em{display:inline-block;transform:translateY(var(--forever-shift,0px))}.memory .photo-button{box-shadow:0 15px 35px #53313e15}.memory-one .photo-button{transform:rotate(-1.5deg)}.memory-two .photo-button{transform:rotate(1.5deg)}@keyframes envelope-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes orbit-breathe{from{opacity:.3;rotate:-5deg}to{opacity:.8;rotate:5deg}}@keyframes date-glow{0%,100%{background-position:0 0}50%{background-position:100% 100%}}@keyframes play-breathe{0%,100%{box-shadow:0 0 0 0 #d9a2be00}50%{box-shadow:0 0 0 10px #d9a2be08}}@media(min-width:850px){.cover-shade{background:linear-gradient(90deg,#201629 15%,#20162966 75%),radial-gradient(ellipse at 80% 25%,#a787b233,transparent)}.moon-orbit{left:30%;opacity:.22}}@media(max-width:600px){.cover-inner{padding-top:22px}.cover h1{font-size:29px}.cover-to{margin-top:22px;font-size:29px}.cover-en{font-size:14px}.open-gift{margin-top:29px;margin-bottom:24px}.envelope{width:210px;height:124px}.envelope-letter{height:106px}.envelope-seal{top:47px}.open-label{font-size:11px}.hero-copy h2{font-size:69px}.hero-copy>p:not(.eyebrow){font-size:12px;letter-spacing:.03em}.hero-copy{bottom:105px}.hero .signature{font-size:16px}.moon-orbit{width:440px;height:440px;top:41%;opacity:.23}.letter p{will-change:transform,opacity}}@media(prefers-reduced-motion:reduce){#petal-canvas{display:none}.hero-copy,.hero>img,.letter p,.forever h2 em{transform:none!important;opacity:1!important}.envelope,.moon-orbit>i,.date-mark strong,.film-play>span:first-child{animation:none!important}.cover,.envelope-flap,.envelope-letter{transition:none!important}.reading-progress{display:none}}
/* Leave the approved chibi characters visible below the title on phones. */
@media(max-width:600px){.hero-copy{top:66px;bottom:auto}.hero-copy h2{font-size:52px;line-height:1.02;margin:13px 0 15px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-copy .signature{font-size:16px}.hero-shade{background:linear-gradient(180deg,#1c1429c9,transparent 60%,#1c142955)}.hero>img{object-position:50% 50%}}