:root{--cream:#faf8f1;--paper:#fffdf7;--ink:#48513f;--muted:#8e9581;--green:#899878;--dark:#5b6d50;--line:#dde1d0;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--cream);color:var(--ink);font:14px/1.85 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h2,h3{font-family:var(--serif);font-weight:500}a,button{touch-action:manipulation}:is(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:5px;outline:2px solid #91a17b}.page-width{width:min(1180px,100% - 100px);margin-inline:auto}.skip-link{z-index:300;background:var(--dark);color:#fff;padding:10px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;width:min(1320px,100% - 96px);height:98px;margin:auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand>svg{color:#8ca172}.brand small{font:8px/1.8 var(--sans);letter-spacing:2px;color:var(--muted);display:block}nav{letter-spacing:1px;gap:38px;font-size:12px;display:flex}nav a{border-bottom:1px solid #0000;padding:13px 0}nav a:hover{border-color:#a0af8a}.header-music{border:1px solid var(--line);color:#849475;border-radius:25px;align-items:center;gap:9px;padding:9px 14px;font-size:10px;display:flex}.idle-dot,.playing-dot{background:#a5b490;border-radius:50%;width:5px;height:5px}.playing-dot{animation:2s infinite pulse;box-shadow:0 0 0 4px #e7ecdf}.hero{grid-template-columns:1fr 1.1fr;align-items:center;min-height:740px;padding:60px 0 95px;display:grid;position:relative}.eyebrow{letter-spacing:2px;color:#98a088;align-items:center;gap:10px;font-size:8px;display:flex}.tiny-line{background:#98a584;width:26px;height:1px}.hero h1{font:500 84px/1.4 var(--serif);letter-spacing:10px;margin-top:19px}.hero h1 em{color:#a1ad8c;margin-left:-10px;font-style:normal}.round-word{display:inline-block;position:relative}.round-word>svg{fill:none;stroke:#b2bd9e;stroke-width:1.4px;width:135px;height:135px;position:absolute;top:-3px;left:-24px;transform:rotate(-12deg)}.round-word i{color:#cea89c;font:24px var(--serif);position:absolute;top:-15px;right:-20px;transform:rotate(15deg)}.primary-button{background:var(--dark);color:var(--paper);letter-spacing:1px;border-radius:4px;justify-content:center;align-items:center;gap:23px;padding:13px 24px;font-size:12px;transition:all .25s;display:inline-flex}.primary-button:hover{background:#718263;transform:translateY(-2px)}.primary-button.small{gap:15px;padding:11px 17px;font-size:11px}.couple-line{color:#9ca38c;letter-spacing:.6px;align-items:center;gap:9px;margin-top:27px;font-size:9px;display:flex}.couple-line i{background:#cfd5bf;width:20px;height:1px}.hero-collage{isolation:isolate;height:550px;margin-top:10px;position:relative}.hero-green-paper{z-index:-1;background-color:#e4e8d9;background-image:linear-gradient(#f1f3eaaa 1px,#0000 1px),linear-gradient(90deg,#f1f3eaaa 1px,#0000 1px);background-size:28px 28px;width:350px;height:406px;position:absolute;top:55px;left:20px;transform:rotate(-7deg)}.polaroid{background:var(--paper);text-align:center;padding:13px 13px 45px;transition:transform .3s;position:absolute;box-shadow:0 10px 30px #65715018,0 1px 3px #65715020}.polaroid:hover{transform:rotate(0)translateY(-4px)}.hero-photo{z-index:2;width:335px;top:76px;left:53px;transform:rotate(-3deg)}.hero-photo img{object-fit:cover;object-position:center 35%;width:100%;height:325px}.hero-photo .handwriting{font-size:12px;position:absolute;bottom:14px;left:0;right:0}.tape,.story-tape{z-index:4;clip-path:polygon(2% 0,98% 0,100% 12%,98% 25%,100% 38%,98% 50%,100% 62%,98% 75%,100% 87%,98% 100%,2% 100%,0 87%,2% 75%,0 62%,2% 50%,0 38%,2% 25%,0 12%);background:#dedcc4b8;width:90px;height:27px;position:absolute;top:-12px;left:calc(50% - 45px);transform:rotate(4deg)}.wish-photo{z-index:3;width:164px;padding:9px 9px 30px;top:5px;right:-4px;transform:rotate(10deg)}.wish-photo img{object-fit:cover;width:100%;height:170px}.wish-photo>span{font:10px var(--serif);color:#938e77;position:absolute;bottom:7px;left:0;right:0}.hero-bow{z-index:4;width:120px;position:absolute;top:-22px;right:111px;transform:rotate(13deg)}.clock-face{z-index:-2;color:#b4bea2;width:360px;height:360px;box-shadow:inset 0 0 0 17px var(--cream),inset 0 0 0 18px #e0e5d5;border:1px solid #d8dec9;border-radius:50%;position:absolute;top:-6px;left:90px}.clock-face:after{content:"";border:1px dashed #dce1ce;border-radius:50%;position:absolute;inset:36px}.clock-face>span{font:16px Georgia;position:absolute}.clock-xii{top:21px;left:47%}.clock-iii{top:47%;right:20px}.clock-vi{bottom:20px;left:48%}.clock-ix{top:47%;left:20px}.clock-face .hour-hand,.clock-face .minute-hand{transform-origin:bottom;background:#bbc4a9;width:1px;position:absolute;bottom:50%;left:50%}.hour-hand{height:80px;transform:rotate(220deg)}.minute-hand{height:120px;animation:120s linear infinite turn}.clock-face>b{background:#b5c0a3;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px)}.days-stamp{z-index:4;background:#efeadd;border:1px dashed #c5c4aa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:155px;height:148px;display:flex;position:absolute;top:310px;right:-8px;transform:rotate(8deg);box-shadow:0 0 0 7px #efeadd}.days-stamp>svg{color:#b0ae94;position:absolute;top:12px;right:21px;transform:rotate(15deg)}.days-stamp>span{font:11px var(--serif);letter-spacing:3px}.days-stamp strong{color:#7a8568;font:48px/1.3 Georgia}.days-stamp strong small{font:10px var(--serif);margin-left:5px}.days-stamp i{letter-spacing:1px;color:#a2a18a;font-size:8px;font-style:normal}.bear-sticker{z-index:5;width:82px;position:absolute;bottom:4px;left:8px;transform:rotate(-9deg)}.collage-note{font:14px/1.9 var(--serif);letter-spacing:2px;color:#98a086;position:absolute;bottom:6px;right:2px;transform:rotate(-5deg)}.spark{color:#abb994;position:absolute}.spark-a{font-size:34px;top:6px;left:5px}.spark-b{font-size:26px;top:340px;left:-3px}.scroll-note{color:#a2aa93;letter-spacing:2px;white-space:nowrap;flex-direction:column;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-note span:last-child{font-size:20px;animation:3s infinite drift}.chapter-divider{color:#a7b294;align-items:center;gap:16px;padding:0 5%;display:flex}.chapter-divider span{letter-spacing:3px;white-space:nowrap;font-size:8px}.chapter-divider i{background:var(--line);flex:1;height:1px}.section-top{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.section-number{letter-spacing:2px;color:#a0ab8c;font-size:9px}.section-top h2{letter-spacing:3px;margin-top:12px;font-size:36px;line-height:1.6}.timeline{margin:46px 0 45px;padding:0 20px;display:flex;position:relative}.timeline:before{content:"";background:#cbd5bd;height:1px;position:absolute;top:51px;left:10%;right:10%}.timeline-item{flex:1;position:relative}.timeline-node{z-index:1;flex-direction:column;align-items:center;width:100%;padding:0;display:flex;position:relative}.timeline-date{letter-spacing:1px;color:#9faa91;margin-bottom:10px;font:10px Georgia}.node-circle{background:var(--cream);color:#9cab8a;border:1px solid #cbd4bd;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .3s;display:grid}.timeline-node b{letter-spacing:2px;color:#8b987d;margin-top:10px;font-size:12px;font-weight:400}.is-active .node-circle{color:#fff;background:#899b77;border-color:#899b77;box-shadow:0 0 0 6px #e9eddf}.is-active .timeline-date,.is-active b{color:var(--dark)}.love-milestone{white-space:nowrap;color:#bb9e90;align-items:center;gap:3px;font-size:8px;display:flex;position:absolute;top:75px;left:72%;transform:rotate(-5deg)}.story-panel{background:#f0f0e4;border-radius:4px;grid-template-columns:1.05fr 1fr;gap:62px;padding:44px;animation:.6s both reveal;display:grid}.story-visual{padding-bottom:24px;position:relative}.story-cover{text-align:left;width:100%;padding:0;display:block;position:relative;overflow:hidden}.story-cover>img{object-fit:cover;width:100%;height:420px;transition:transform .5s}.story-cover:hover img{transform:scale(1.025)}.theme-0 .story-cover>img{object-position:center 65%}.story-cover>span{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#fffdf5;background:#495a3e70;border-radius:2px;align-items:center;gap:8px;padding:5px 10px;font-size:9px;display:flex;position:absolute;bottom:13px;left:13px}.story-photo-count{align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:19px}.story-photo-count>span{color:#b2bd9d;background:#f0f0e4;font:44px/1 Georgia}.story-photo-count small{letter-spacing:1px;color:#a2ac91;font-size:7px;line-height:1.7}.story-tape{transform:rotate(-5deg)}.story-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.story-kicker{letter-spacing:1px;color:#95a181;align-items:center;gap:8px;width:100%;font-size:9px;display:flex}.sand-turn{margin-left:auto;animation:1s sand}.story-copy h3{letter-spacing:2px;margin:15px 0 12px;font-size:30px;line-height:1.6}.story-copy blockquote{font:14px/1.9 var(--serif);letter-spacing:1px;color:#8f9e79;border-left:2px solid #c2cbad;margin:23px 0;padding-left:15px}.story-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.text-button{color:#839574;align-items:center;gap:7px;padding:7px 0;font-size:11px;line-height:1.8;display:inline-flex}.mini-photos{align-items:stretch;gap:10px;margin-top:25px;display:flex}.mini-photos>button{width:65px;height:65px;padding:0}.mini-photos img{object-fit:cover;width:100%;height:100%}.mini-photos .album-more{color:#93a17e;background:#e4e9d7;flex-direction:column;justify-content:center;align-items:center;width:65px;font-size:8px;line-height:1.5;display:flex}.album-more>svg{margin-top:4px}.timeline-footer{color:#a4ae94;justify-content:space-between;gap:20px;margin-top:23px;font-size:9px;display:flex}.timeline-footer>span{align-items:center;gap:7px;display:flex}.everyday{background:#edf1e4;border-top:1px solid #e1e8d5;padding:75px 0 35px}.little-clover{color:#b8c6a0;margin-right:25px;transform:rotate(13deg)}.category-tabs{border-bottom:1px solid #dce4cf;flex-wrap:wrap;gap:10px;margin-top:36px;padding-bottom:19px;display:flex}.category-tabs button{color:#96a386;border:1px solid #0000;border-radius:30px;align-items:center;gap:8px;padding:9px 16px;font-size:11px;display:flex}.category-tabs button.selected{color:#6b805b;background:#fcfdf5;border-color:#dde6cf;box-shadow:0 2px 8px #56643d0a}.collection-panel{grid-template-columns:.9fr 1.7fr;gap:45px;min-height:390px;padding:46px 0 25px;animation:.5s both reveal;display:grid}.collection-caption{align-self:center;min-width:0}.collection-caption .handwriting{color:#a3ae90;font-size:12px}.collection-caption h3{letter-spacing:2px;margin-top:12px;font-size:25px;line-height:1.75}.morning-clock{color:#a1af8b;align-items:center;gap:12px;margin:24px 0 20px;display:flex}.morning-clock>span{letter-spacing:2px;white-space:nowrap;font:35px Georgia}.morning-clock small{font-size:9px;line-height:1.9}.morning-clock>svg{color:#bfc69f}.blinking{animation:3s infinite pulse}.collection-photos{justify-content:center;align-items:center;gap:15px;min-width:0;display:flex}.collection-photo{background:var(--paper);flex:1;min-width:0;max-width:220px;padding:9px 9px 30px;transition:transform .3s;position:relative;transform:rotate(-4deg);box-shadow:0 5px 15px #71815512}.collection-photo.photo-1{margin-top:30px;transform:rotate(3deg)}.collection-photo.photo-2{margin-top:-15px;transform:rotate(-3deg)}.collection-photo.photo-3{transform:rotate(5deg)}.collection-photo:hover{transform:rotate(0)translateY(-4px)}.collection-photo .tape{width:55px;height:20px;top:-8px;left:calc(50% - 27px)}.collection-photo img{object-fit:contain;object-position:top;background:#f2f3eb;width:100%;height:235px}.photo-number{text-align:center;color:#9ca88e;font-size:7px;position:absolute;bottom:9px;left:0;right:0}.collection-notes .collection-photos{gap:10px}.collection-notes .collection-photo{max-width:170px}.performance-button{text-align:left;background:#f4f7ec;border:1px solid #d6dfc7;border-radius:4px;align-items:center;gap:12px;width:100%;max-width:310px;margin-top:14px;padding:12px 14px;display:flex}.performance-button>span{color:#a6b58d;font:30px Georgia}.performance-button>div{flex:1;font-size:11px}.performance-button small{color:#a2af91;margin-top:4px;font-size:8px;display:block}.performance-button>svg{color:#8b9d75}.collection-bottom{color:#9fac90;border-top:1px solid #dce4cf;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:20px;font-size:9px;display:flex}.collection-bottom>span{align-items:center;gap:8px;display:flex}.new-collection{margin-top:40px}.new-collection-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.new-collection-head h3{font-size:23px}.new-collection-head>span{color:var(--muted);font-size:10px}.memory-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.new-memory{background:var(--paper);border:1px solid var(--line);border-radius:4px;margin-block:14px;overflow:hidden}.new-memory-image{width:100%;padding:0;display:block}.new-memory-image img{object-fit:cover;width:100%;height:225px}.new-memory video,.new-memory audio{width:100%;max-height:270px}.new-memory>div{padding:19px}.new-memory h4{font:18px/1.8 var(--serif);margin-top:7px}.new-memory p{white-space:pre-wrap;overflow-wrap:anywhere;color:#8d9b7e;margin-top:9px;font-size:12px;line-height:2.1}.letter-section{text-align:center;background-image:radial-gradient(#dce2cd77 .7px,#0000 .7px);background-size:18px 18px;padding:95px 0 40px}.letter-section>h2{letter-spacing:3px;margin:16px 0;font-size:37px;line-height:1.65}.letter-section>p{letter-spacing:2px;color:#a4ac95;font-size:11px}.envelope-scene{width:min(470px,100%);height:355px;margin:60px auto 0;transition:height .7s;position:relative}.envelope-bow{z-index:5;width:105px;position:absolute;top:-22px;right:-25px;transform:rotate(17deg)}.letter-paper{background:var(--paper);text-align:left;font:13px/2.2 var(--serif);letter-spacing:.6px;opacity:0;z-index:1;pointer-events:none;border:1px solid #e5e1d3;padding:28px 35px 35px;transition:all .7s;position:absolute;top:35px;left:25px;right:25px;transform:translateY(50px)}.letter-signature{text-align:right;font:16px var(--serif);color:#92a17d;justify-content:flex-end;align-items:center;gap:8px;margin-top:24px;display:flex}.envelope-body{z-index:2;background:#e9e0c9;border:1px solid #d8cdb4;width:100%;height:235px;transition:top .7s;position:absolute;top:70px;left:0;overflow:hidden;box-shadow:0 10px 30px #6a704e13}.envelope-body:before,.envelope-body:after{content:"";background:#eee7d6;width:55%;position:absolute;top:0;bottom:0}.envelope-body:before{clip-path:polygon(0 0,100% 55%,0 100%);left:0}.envelope-body:after{clip-path:polygon(100% 0,0 55%,100% 100%);right:0}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:#e2d8bf;height:140px;transition:transform .6s;position:absolute;top:0;left:0;right:0}.wax-seal{color:#f5f8ea;z-index:3;background:#c5ceac;border:1px solid #b4c097;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:90px;left:calc(50% - 25px);box-shadow:inset 0 0 0 4px #b6c29966}.envelope-label{font:14px var(--serif);letter-spacing:2px;z-index:4;position:absolute;bottom:26px;left:0;right:0}.envelope-label small{font:9px var(--sans);letter-spacing:1px;color:#a5a28a;margin-top:9px;display:block}.envelope-scene.is-open{height:680px}.is-open .letter-paper{opacity:1;z-index:3;transform:translateY(-10px)}.is-open .envelope-body{top:385px}.is-open .envelope-flap{transform:rotateX(180deg)}.is-open .envelope-bow{transition:top .7s;top:370px}.end-note{color:#a4b091;letter-spacing:2px;justify-content:center;align-items:center;gap:12px;margin:10px 0 30px;font-size:10px;display:flex}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:30px 0 80px;display:flex}.site-footer .brand small{letter-spacing:1px;font-size:8px}.site-footer>span{letter-spacing:1px;color:#a3ae93;font-size:9px}.music-widget{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf7f2;border:1px solid #e0e6d4;border-radius:40px;align-items:center;padding:7px;display:flex;position:fixed;bottom:23px;left:25px;box-shadow:0 4px 25px #53643c18}.music-main{text-align:left;align-items:center;gap:12px;padding:0 10px 0 0;display:flex}.record{color:#ececda;background:repeating-radial-gradient(#636f54 0 2px,#758362 2px 3px);border-radius:50%;place-items:center;width:38px;height:38px;animation:8s linear infinite paused turn;display:grid}.is-playing .record{animation-play-state:running}.record svg{background:#b6c09f;border-radius:50%}.music-main b{letter-spacing:.5px;font-size:11px;font-weight:500;display:block}.music-main small{color:#a1ae90;margin-top:2px;font-size:8px;display:block}.music-main>svg{color:#91a17d;margin-left:5px}.icon-button{border-radius:50%;place-items:center;width:34px;height:34px;padding:5px;display:grid}.icon-button:hover{background:#e8efdc}.music-settings{border-left:1px solid #e1e8d7;border-radius:0}.sound-panel{background:var(--paper);border:1px solid var(--line);border-radius:6px;width:235px;padding:17px;position:absolute;bottom:69px;left:0;box-shadow:0 4px 25px #53643c15}.sound-panel label{align-items:center;gap:10px;margin-bottom:10px;font-size:10px;display:flex}.sound-panel input{accent-color:#91a57b;width:145px}.sound-panel small{text-align:right;color:var(--muted);font-size:9px;display:block}.toast{z-index:200;color:#fffdf4;text-align:center;background:#617453;border-radius:30px;max-width:calc(100% - 30px);padding:12px 24px;font-size:12px;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #3a4a2a24}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#35452c70;justify-content:center;align-items:center;padding:35px;animation:.25s fade;display:flex;position:fixed;inset:0}.modal{background:var(--paper);overscroll-behavior:contain;border-radius:7px;width:min(900px,100%);max-height:90dvh;overflow:auto;box-shadow:0 20px 70px #26351c30}.modal-head{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffdf7f5;border-bottom:1px solid #e5e9d9;justify-content:space-between;align-items:center;gap:15px;padding:13px 23px;display:flex;position:sticky;top:0}.modal-content{padding:35px 42px 45px}.modal-content>h2{letter-spacing:2px;margin:8px 0 20px;font-size:30px}.modal-content>p{color:#8d9c7c;margin:12px 0;font-size:13px;line-height:2.2}.detail-chips{flex-wrap:wrap;gap:8px;margin:25px 0;display:flex}.detail-chips>span{color:#95a47f;background:#edf1e2;border-radius:3px;padding:5px 10px;font-size:10px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.gallery-grid button{padding:0;overflow:hidden}.gallery-grid img{object-fit:cover;width:100%;height:220px;transition:transform .3s}.gallery-grid button:hover img{transform:scale(1.04)}.video-memory{margin:35px 0}.video-memory h3{margin-bottom:18px;font-size:22px}.video-memory video,.performance-modal video{background:#293124;border-radius:3px;width:100%;max-height:65vh;display:block}.letter-modal .modal{max-width:720px}.letter-reading{background:repeating-linear-gradient(#0000,#0000 37px,#e0e5d433 37px 38px);padding:45px 65px 65px}.letter-reading h2{margin:15px 0 30px;font-size:28px}.letter-reading>p{font:15px/2.5 var(--serif);letter-spacing:.7px;white-space:pre-wrap;margin:15px 0}.letter-reading>.excerpt-label{font:10px/1.9 var(--sans);color:#9eae8c;margin-bottom:28px}.lightbox{z-index:100;background:#25311eea}.lightbox .modal{color:#f2f5e8;width:min(1300px,100%);box-shadow:none;background:0 0;max-height:96dvh;overflow:hidden}.lightbox .modal-head{background:0 0;border-color:#edf5dd22}.lightbox .icon-button:hover{background:#ffffff15}.lightbox-stage{justify-content:space-between;align-items:center;gap:10px;padding:15px 0;display:flex}.lightbox-stage>img{object-fit:contain;max-width:calc(100% - 110px);max-height:75dvh;margin:auto}.lightbox-arrow{border:1px solid #d4e5bf33;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.lightbox-arrow.previous{transform:rotate(180deg)}.lightbox-hint{text-align:center;letter-spacing:1px;color:#bac9ab;margin-top:8px;font-size:9px}.upload-modal .modal{max-width:760px}.upload-modal h2{font-size:27px}.upload-modal form{margin-top:25px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.upload-modal label{color:#90a17c;flex-direction:column;gap:7px;margin-bottom:18px;font-size:11px;display:flex}.upload-modal input:not([type=file]),.upload-modal select,.upload-modal textarea{color:#61754f;background:#f7faef;border:1px solid #dce5cd;border-radius:3px;width:100%;padding:11px 12px}.upload-modal textarea{resize:vertical}.upload-modal .upload-drop{text-align:center;cursor:pointer;background:#f0f5e5;border:1px dashed #bdcda8;border-radius:4px;justify-content:center;align-items:center;padding:24px 10px;display:flex;position:relative}.upload-drop b{font-size:12px;font-weight:400}.upload-drop span{color:#a0b18b;font-size:9px}.upload-drop input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.form-error{color:#a27c68;background:#f5e8df;border-radius:3px;margin:18px 0;padding:12px 15px;font-size:12px}.form-error a{margin-top:7px;text-decoration:underline;display:block}.file-chosen{color:#90a379;margin-bottom:16px;font-size:10px}.manage-memories{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.manage-memories>h3{margin-bottom:18px;font-size:20px}.manage-memories .new-memory{align-items:center;display:flex}.manage-memories .new-memory-image,.manage-memories .new-memory>video{flex-shrink:0;width:120px}.manage-memories .new-memory-image img{height:130px}.manage-memories .new-memory>div{flex:1;padding:12px 18px}.manage-memories h4{font-size:15px}.delete-confirm{color:#a5826d;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:10px;display:flex}.delete-confirm button{border-bottom:1px solid #d6c6b6;padding:1px 0}@keyframes turn{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes drift{50%{transform:translateY(5px)}}@keyframes sand{0%{transform:rotate(-180deg)}to{transform:rotate(0)}}@keyframes reveal{0%{opacity:0;filter:blur(2px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width:1100px){.page-width,.site-header{width:calc(100% - 64px)}.hero h1{font-size:75px}.hero-collage{transform-origin:35%;min-width:0;margin-right:-10px;transform:scale(.87)}.hero-photo{left:28px}.hero-green-paper{left:0}.clock-face{left:55px}.hero-bow{right:90px}.story-panel{gap:30px;padding:32px}.story-copy h3{letter-spacing:1px;font-size:26px}.story-actions{gap:12px}.collection-panel{gap:25px}.collection-caption h3{font-size:23px}.collection-photos{gap:9px}.collection-photo{padding:7px 7px 28px}.collection-photo img{height:215px}.collection-notes .collection-photo img{height:180px}}@media (max-width:800px){.page-width,.site-header{width:calc(100% - 48px)}.site-header{height:84px}.brand>span{font-size:18px}.header-music span,.header-music i{display:none}.header-music{padding:8px}nav{gap:20px;font-size:11px}.hero{grid-template-columns:.92fr 1fr;min-height:620px;padding-top:25px;padding-bottom:80px}.hero h1{letter-spacing:6px;font-size:64px}.gift-note{letter-spacing:1px;font-size:10px}.eyebrow{letter-spacing:1px;font-size:7px}.round-word>svg{width:109px;height:109px;top:-4px;left:-20px}.hero-description{margin:18px 0 23px;font-size:11px}.hero .primary-button{gap:13px;padding:12px 16px;font-size:10px}.couple-line{white-space:nowrap;gap:6px;font-size:7px}.hero-collage{transform-origin:14% 48%;width:430px;margin-right:-100px;left:-15px;transform:scale(.7)}.journey{padding:60px 0 45px}.section-top h2{font-size:30px}.section-top>p{font-size:10px}.story-panel{gap:24px;padding:25px}.story-cover>img{height:360px}.story-copy h3{font-size:23px}.story-subtitle{font-size:10px;margin-bottom:13px!important}.story-copy>p:not(.story-subtitle){font-size:11px}.story-copy blockquote{margin:17px 0;font-size:12px}.story-actions .primary-button{padding:9px 12px;font-size:10px}.story-actions .text-button{font-size:9px}.mini-photos{gap:6px;margin-top:17px}.mini-photos>button{width:47px;height:49px}.mini-photos .album-more{width:53px}.album-more>span{font-size:17px}.story-photo-count>span{font-size:35px}.story-photo-count small{font-size:6px}.love-milestone{font-size:7px;left:67%}.timeline-footer{font-size:8px}.everyday{padding-top:55px}.category-tabs{gap:5px}.category-tabs button{padding:8px 12px;font-size:10px}.collection-panel{grid-template-columns:1fr;gap:23px;padding-top:30px}.collection-caption{padding:0;position:relative}.collection-caption h3{font-size:25px}.collection-caption>.handwriting{display:none}.collection-caption>p{margin:10px 0}.collection-morning .collection-caption{padding-right:200px}.morning-clock{gap:9px;position:absolute;top:10px;right:0}.morning-clock>span{font-size:30px}.morning-clock small{font-size:8px}.morning-clock>svg{display:none}.collection-photos{gap:20px;padding:15px 10px 8px}.collection-photo{max-width:220px}.collection-photo img{height:240px}.collection-notes .collection-photo img{height:220px}.collection-music .collection-caption{min-height:110px;padding-right:340px}.collection-music .performance-button{max-width:320px;position:absolute;top:15px;right:0}.memory-grid{grid-template-columns:repeat(2,1fr)}.letter-section{padding-top:70px}.letter-section>h2{font-size:32px}.site-footer>span{font-size:8px}}@media (max-width:600px){html{scroll-padding-top:22px}body{font-size:13px;overflow-x:hidden}.page-width{width:calc(100% - 42px)}.site-header{width:calc(100% - 36px);height:80px}.brand{gap:8px}.brand>svg{width:24px;height:24px}.brand>span{letter-spacing:2px;font-size:16px}.brand small{letter-spacing:1.3px;font-size:6px}nav{gap:14px;font-size:10px}nav a{padding:10px 0}.header-music{display:none}.hero{flex-direction:column;align-items:stretch;min-height:0;padding-top:35px;padding-bottom:70px;display:flex}.hero-copy{z-index:1;padding-left:9px}.eyebrow{letter-spacing:1.2px;font-size:7px}.gift-note{letter-spacing:2px;margin-top:23px;font-size:10px}.hero h1{letter-spacing:9px;margin-top:15px;font-size:68px;line-height:1.35}.hero-description{letter-spacing:1px;margin:20px 0 23px;font-size:12px;line-height:2}.round-word>svg{width:110px;height:110px;top:-4px;left:-20px}.round-word i{font-size:20px;top:-10px;right:-15px}.hero .primary-button{gap:23px;padding:12px 20px;font-size:11px}.couple-line{gap:8px;margin-top:21px;font-size:8px}.hero-collage{transform-origin:50% 25%;align-self:center;width:440px;height:480px;margin:15px 0 -25px;left:0;transform:scale(.77)}.hero-photo{width:300px;top:65px;left:42px}.hero-photo img{height:290px}.hero-photo .handwriting{font-size:11px}.hero-green-paper{width:305px;height:370px;top:40px;left:14px}.wish-photo{width:143px;top:5px;right:-6px}.wish-photo img{height:145px}.wish-photo>span{font-size:9px}.hero-bow{width:103px;top:-19px;right:81px}.days-stamp{width:143px;height:136px;top:285px;right:-4px}.days-stamp strong{font-size:43px}.days-stamp>span{font-size:10px}.bear-sticker{width:74px;bottom:5px;left:4px}.collage-note{font-size:13px;bottom:0;right:6px}.clock-face{width:320px;height:320px;top:-6px;left:61px}.clock-face .minute-hand{height:100px}.scroll-note{gap:2px;font-size:8px;bottom:17px}.chapter-divider{gap:10px;padding:0 22px}.chapter-divider span{letter-spacing:2px;font-size:6px}.chapter-divider>svg{width:14px}.journey{padding:49px 0 40px}.section-top{display:block}.section-number{letter-spacing:1.5px;font-size:8px}.section-top h2{letter-spacing:2px;margin-top:11px;font-size:28px;line-height:1.7}.mobile-break{display:block}.section-top>p{letter-spacing:.3px;margin-top:15px;font-size:10px;line-height:2}.timeline{margin:25px -5px 28px;padding:0}.timeline:before{top:44px;left:8%;right:8%}.timeline-date{letter-spacing:.6px;margin-bottom:10px;font-size:8px}.node-circle{width:35px;height:35px}.node-circle>svg{width:19px;height:19px}.is-active .node-circle{box-shadow:0 0 0 4px #e9eddf}.timeline-node b{letter-spacing:1px;margin-top:9px;font-size:10px}.timeline-node small{font-size:8px}.love-milestone{letter-spacing:-.4px;gap:0;font-size:6px;top:64px;left:66%}.love-milestone svg{width:8px;height:8px}.story-panel{flex-direction:column;gap:23px;padding:18px 18px 24px;display:flex;overflow:hidden}.story-cover>img{height:330px}.story-visual{padding-bottom:18px}.story-cover>span{font-size:8px;bottom:12px;left:10px}.story-photo-count{left:15px}.story-photo-count>span{font-size:33px}.story-copy h3{letter-spacing:1px;margin:12px 0 10px;font-size:27px}.story-kicker{font-size:9px}.story-subtitle{font-size:11px;margin-bottom:13px!important}.story-copy>p:not(.story-subtitle){font-size:12px;line-height:2.1}.story-copy blockquote{margin:19px 0;font-size:13px}.story-actions{gap:18px}.story-actions .primary-button{padding:11px 15px;font-size:10px}.story-actions .text-button{font-size:10px}.mini-photos{gap:10px;margin-top:24px}.mini-photos>button{width:61px;height:62px}.mini-photos .album-more{width:63px}.timeline-footer{font-size:8px;line-height:2;display:block}.timeline-footer>span+span{margin-top:6px}.everyday{padding:49px 0 25px}.everyday .section-top{align-items:flex-end;display:flex}.little-clover{margin:0 5px 12px 0}.little-clover>svg{width:35px}.category-tabs{gap:5px;margin-top:26px;padding-bottom:15px}.category-tabs button{gap:6px;padding:7px 11px;font-size:9px}.category-tabs svg{width:15px;height:15px}.collection-panel{gap:21px;min-height:420px;padding-top:27px}.collection-caption h3{letter-spacing:1px;margin:0;font-size:24px;line-height:1.7}.collection-caption>p{margin-top:11px;font-size:10px;line-height:1.9}.collection-morning .collection-caption,.collection-music .collection-caption{padding-right:0}.morning-clock{gap:13px;margin:17px 0 8px;position:static}.morning-clock>span{font-size:30px}.morning-clock small{font-size:8px}.morning-clock>svg{width:24px;display:block}.collection-caption>.text-button{font-size:10px}.collection-photos{gap:11px;padding:5px 0 12px}.collection-photo{min-width:0;padding:6px 6px 25px}.collection-photo img{height:185px}.collection-photo.photo-1{margin-top:20px}.collection-photo.photo-2{margin-top:-10px}.collection-photo .tape{width:43px;height:15px;top:-6px;left:calc(50% - 21px)}.photo-number{white-space:nowrap;font-size:5px;bottom:9px}.collection-notes .collection-photos{grid-template-columns:1fr 1fr;gap:22px;padding:8px 9px 16px;display:grid}.collection-notes .collection-photo{width:100%;max-width:none}.collection-notes .collection-photo img{height:200px}.collection-notes .collection-photo.photo-1,.collection-notes .collection-photo.photo-2{margin-top:0}.collection-music .performance-button{max-width:100%;margin-top:12px;position:static}.collection-music .collection-photo img{height:190px}.collection-diaries .collection-photo img{height:215px}.collection-bottom{align-items:flex-start;gap:15px;margin-top:17px}.collection-bottom>span{gap:5px;max-width:190px;font-size:8px;line-height:1.9}.collection-bottom>.text-button{white-space:nowrap;gap:4px;padding:0;font-size:9px}.collection-bottom svg{width:13px}.memory-grid{grid-template-columns:1fr}.new-collection-head h3{font-size:20px}.new-collection-head>span{white-space:nowrap;font-size:8px}.letter-section{padding-top:60px}.letter-section>h2{letter-spacing:2px;margin-top:15px;font-size:29px}.letter-section>p{font-size:10px}.envelope-scene{width:calc(100% - 12px);height:300px;margin-top:45px}.envelope-bow{width:82px;top:1px;right:-19px}.envelope-body{height:195px;top:50px}.envelope-flap{height:111px}.wax-seal{width:43px;height:43px;top:73px;left:calc(50% - 21px)}.wax-seal svg{width:23px}.envelope-label{font-size:12px;bottom:23px}.envelope-label small{font-size:8px}.letter-paper{padding:22px 24px 28px;font-size:12px;line-height:2.1;top:20px;left:12px;right:12px}.envelope-scene.is-open{height:710px}.is-open .envelope-body{top:450px}.is-open .envelope-bow{top:435px}.end-note{letter-spacing:1px;gap:9px;margin-top:0;font-size:9px}.site-footer{flex-wrap:wrap;gap:20px;padding:25px 0 106px}.site-footer .brand>span{font-size:13px}.site-footer>span{letter-spacing:.4px;margin-left:auto;font-size:7px}.site-footer>.text-button{margin-left:auto;font-size:9px}.music-widget{max-width:230px;padding:5px 6px;bottom:15px;left:15px}.record{width:32px;height:32px}.music-main{gap:9px;padding-right:5px}.music-main b{font-size:10px}.music-main small{font-size:7px}.music-main>svg{width:15px;margin-left:4px}.music-settings{width:29px;height:29px}.sound-panel{width:220px;bottom:58px}.sound-panel input{width:130px}.toast{min-width:220px;font-size:10px;bottom:80px}.modal-backdrop{padding:14px}.modal{border-radius:6px;max-height:94dvh}.modal-head{padding:10px 14px}.modal-head>span{font-size:10px}.modal-content{padding:24px 20px 30px}.modal-content>h2{letter-spacing:1px;margin-bottom:15px;font-size:26px;line-height:1.7}.modal-content>p{font-size:12px}.detail-chips{gap:6px;margin:20px 0}.detail-chips>span{padding:4px 8px;font-size:9px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.gallery-grid img{height:185px}.letter-reading{padding:28px 24px 40px}.letter-reading h2{font-size:25px}.letter-reading>p{letter-spacing:.5px;font-size:14px;line-height:2.3}.lightbox{padding:8px}.lightbox-stage{gap:3px;padding:20px 0}.lightbox-stage>img{max-width:calc(100% - 64px);max-height:76dvh}.lightbox-arrow{border:0;width:29px;height:35px}.lightbox-arrow svg{width:20px}.lightbox .modal-head{padding-inline:8px}.lightbox-hint{font-size:8px}.form-row{grid-template-columns:1fr;gap:0}.upload-modal label{font-size:10px}.upload-modal input:not([type=file]),.upload-modal select,.upload-modal textarea{font-size:13px}.upload-drop span{font-size:8px}.manage-memories .new-memory{display:block}.manage-memories .new-memory-image,.manage-memories .new-memory>video{width:100%}.manage-memories .new-memory-image img{height:180px}}@media (max-width:370px){.page-width{width:calc(100% - 34px)}.hero h1{font-size:61px}.hero-collage{margin-bottom:-55px;transform:scale(.7)}nav{gap:10px;font-size:9px}.story-cover>img{height:290px}.category-tabs button{padding:6px 9px}.collection-photo img{height:160px}.mini-photos{gap:7px}.mini-photos>button{width:55px;height:55px}.mini-photos .album-more{width:57px}.envelope-scene.is-open{height:750px}.is-open .envelope-body{top:490px}.is-open .envelope-bow{top:475px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@font-face{font-family:ZCOOL KuaiLe;src:url(/fonts/ZCOOLKuaiLe-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LXGW WenKai Lite;src:url(/fonts/LXGWWenKaiLite-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--cream:#fffaf0;--paper:#fffef9;--ink:#654;--muted:#938272;--green:#afc6a1;--dark:#748768;--line:#e3dccb;--serif:"ZCOOL KuaiLe","Microsoft YaHei",sans-serif;--sans:"LXGW WenKai Lite","Microsoft YaHei",sans-serif;--pink:#e9bac1;--mint:#dfead5}html{scroll-padding-top:25px}body{background-color:var(--cream);color:var(--ink);background-image:radial-gradient(#dfd5bf 1px,#0000 1px);background-size:22px 22px;font-size:16px;line-height:1.85}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:3px solid #a4ba87}h2,h3,h4{font-weight:400}.handwriting{font-family:var(--sans);letter-spacing:.5px;color:#847761;font-style:normal}::selection{background:#f4d9dc}.page-width{width:min(1160px,100% - 80px)}.site-header{border:2px solid var(--line);background:#fffef9;border-radius:28px;gap:20px;width:min(1240px,100% - 64px);height:88px;margin:24px auto 0;padding:0 27px;box-shadow:0 5px #e9e0cf80}.brand{gap:10px}.brand-friend{object-fit:contain;border-radius:50%;width:50px;height:50px}.brand>span{font:26px/1.25 var(--serif);letter-spacing:1px}.brand small{font:11px/1.7 var(--sans);letter-spacing:1px;color:#a18c77;margin-top:4px}nav{letter-spacing:0;gap:8px;font-size:15px}nav a{border:1px dashed #0000;border-radius:18px;padding:8px 15px}nav a:hover{background:#f2f6e9;border-color:#b1c89d}.header-music{color:#7b8d6b;background:#f4f7ea;border-color:#dbdfcb;padding:8px 12px;font-size:12px}.header-music span{display:inline}.header-music i{display:block}.hero{isolation:isolate;background:#fffdf7;border:2px solid #e5dbc9;border-radius:40px;grid-template-columns:.95fr 1.05fr;gap:16px;min-height:760px;margin-top:34px;padding:50px 45px 75px;box-shadow:7px 8px #e9e1cf80}.hero:before{content:"";z-index:-1;pointer-events:none;border:1px dashed #e7dcca;border-radius:29px;position:absolute;inset:14px}.hero:after{content:"LOVE MAIL · 07.16";color:#a77e7b;letter-spacing:1px;background:#f7e5e4;border:1px dashed #d5a7a5;border-radius:6px;padding:3px 17px;font-size:12px;position:absolute;top:-14px;right:38px;transform:rotate(3deg)}.hero-copy{padding:0 0 8px 4px}.scrapbook-label{color:#7a8a68;background:#eaf0df;border:1px dashed #bdcda8;border-radius:6px;padding:4px 12px;font-size:13px;display:inline-block;transform:rotate(-2deg)}.eyebrow{letter-spacing:1px;color:#a38775;gap:8px;margin-top:24px;font-size:12px}.tiny-line{background:#c5ae93;width:20px}.gift-note{letter-spacing:.8px;color:#a68b7b;margin-top:19px;font-size:16px}.hero h1{font-family:var(--serif);letter-spacing:6px;color:#7c8e6d;text-shadow:3px 4px #e3eacb;margin-top:22px;font-size:100px;line-height:1.12}.hero h1 em{color:#e0b2b6;margin-left:0}.round-word{color:#bc8d93}.round-word>svg{stroke:#e2b9b7;stroke-width:2px;width:130px;height:130px;top:-9px;left:-18px;transform:rotate(-8deg)}.round-word i{color:#d8a4a7;font-size:24px;top:-7px;right:-10px}.hero-description{letter-spacing:.5px;color:#8f7b67;margin:25px 0;font-size:16px;line-height:2}.primary-button{color:#fffef5;letter-spacing:0;background:#a5bd95;border:1px solid #8ea77c;border-radius:18px;gap:16px;padding:12px 21px;font-size:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px #8fa67f}.primary-button:hover{background:#a8c398;transform:translateY(-2px);box-shadow:0 6px #8fa67f}.primary-button.small{border-radius:14px;gap:12px;padding:10px 16px;font-size:14px}.couple-line{letter-spacing:0;color:#9d8974;flex-wrap:wrap;gap:7px;margin-top:26px;font-size:12px}.couple-line svg{color:#ca9aa0}.couple-line i{background:#d2bca9;width:12px}.hero-collage{min-width:0;height:550px;margin:0;transform:none}.hero-green-paper{background:#eef3e5 url(/decor/mint-pattern.webp) 50%/230px;border:1px solid #e1e7d1;border-radius:12px;width:332px;height:413px;top:60px;left:6px;transform:rotate(-8deg)}.hero-photo{border:1px solid #e8e0d2;border-radius:8px;width:310px;padding:12px 12px 46px;top:89px;left:34px;transform:rotate(-4deg);box-shadow:3px 6px #dfd8c280,0 9px 22px #786b4820}.hero-photo img{border-radius:4px;height:320px}.hero-photo .handwriting{color:#9f8278;letter-spacing:0;font-size:12px;bottom:13px}.tape,.story-tape{background-color:#f1c6c5bb;background-image:repeating-linear-gradient(90deg,#0000 0 8px,#fff7 8px 10px);height:26px}.wish-photo{border:1px solid #eadfcd;border-radius:7px;width:146px;padding:9px 9px 30px;top:5px;right:-15px;transform:rotate(9deg);box-shadow:3px 4px #e6ddce80}.wish-photo img{border-radius:3px;height:148px}.wish-photo>span{font:11px var(--sans);color:#a08b78}.hero-bow{filter:drop-shadow(2px 2px #f4dfd7);width:108px;top:-7px;right:90px}.clock-face{color:#abaf8c;background:#f5efda;border:2px solid #d5dcbf;width:335px;height:335px;top:13px;left:58px;box-shadow:inset 0 0 0 12px #fffef8,inset 0 0 0 15px #e1e6cd}.clock-face:after{border-color:#d4d9bd;inset:31px}.clock-face>span{font:17px var(--sans)}.clock-face .hour-hand,.clock-face .minute-hand{background:#b6bd9b;width:2px}.clock-face .minute-hand{height:106px}.days-stamp{background:#f9e4e1;border:2px dashed #d2a8a5;width:145px;height:138px;top:325px;right:-12px;transform:rotate(8deg);box-shadow:0 0 0 6px #fae9e4}.days-stamp>span{font:14px var(--sans);letter-spacing:0;color:#ad7f7f}.days-stamp strong{font:48px/1.2 var(--serif);color:#b18386}.days-stamp strong small{font:12px var(--sans)}.days-stamp i{color:#b08e87;letter-spacing:0;font-size:10px}.days-stamp>svg{color:#c4a19a;width:18px;top:12px;right:12px}.hero-clover-friend{object-fit:contain;z-index:5;border:5px solid #fffef9;border-radius:40% 45% 36% 39%;width:136px;height:136px;position:absolute;bottom:-4px;left:-21px;transform:rotate(-10deg);box-shadow:2px 4px #e1dfcf}.collage-note{font:17px/1.8 var(--sans);letter-spacing:.5px;color:#a2937d;bottom:-1px;right:10px;transform:rotate(-5deg)}.spark-a{color:#cbb6a6;font-size:31px;top:0;left:0}.spark-b{color:#b3c995;font-size:27px;top:328px;left:-10px}.scroll-note{letter-spacing:.5px;color:#a4947b;gap:0;font-size:11px;bottom:17px}.scroll-note span:last-child{font-size:18px}.chapter-divider{color:#a5b58b;gap:12px;width:min(1160px,100% - 80px);margin:38px auto 0;padding:0}.chapter-divider span{letter-spacing:1px;font-size:12px}.chapter-divider i{background:0 0;border-top:2px dotted #d5d6bb}.journey{padding:58px 0 60px}.section-number{font:13px var(--sans);color:#8e9c78;letter-spacing:.6px;background:#f1f3e6;border:1px dashed #c9d2b4;border-radius:8px;padding:5px 12px;display:inline-block;transform:rotate(-2deg)}.section-top h2{font:40px/1.5 var(--serif);letter-spacing:1px;color:#81705d;margin-top:17px}.section-top>p{color:#a08a75;margin-bottom:4px;font-size:14px;line-height:2}.mobile-break{display:none}.timeline{gap:12px;margin:33px 0 40px;padding:0}.timeline:before{background:0 0;border-top:2px dashed #d4d8bd;height:0;top:79px;left:0;right:0}.timeline-item{min-width:0}.timeline-node{text-align:left;background:#fffef8;border:2px solid #e5dfcc;border-radius:17px;align-items:flex-start;min-height:155px;padding:12px 15px;transition:transform .2s,border-color .2s;overflow:hidden;box-shadow:0 4px #e9e0cf7a}.timeline-node:hover{border-color:#c6d3af;transform:translateY(-4px)}.timeline-date{font:14px/1.4 var(--sans);color:#9c8c76;letter-spacing:.6px;margin:0}.ticket-number{letter-spacing:1px;color:#b09c81;border-bottom:1px dashed #e3d4bf;width:100%;margin-top:2px;padding-bottom:7px;font-size:10px;line-height:1.6}.node-circle{color:#b0be99;background:#f1f4e6;border:0;border-radius:11px;width:34px;height:34px;position:absolute;top:78px;right:15px;transform:rotate(7deg)}.node-circle svg{width:21px;height:21px}.timeline-node b{font:25px/1.35 var(--serif);letter-spacing:1px;color:#93846a;margin-top:10px}.timeline-node small{color:#ad9d87;margin-top:3px;font-size:12px}.timeline-node.is-active{background:#edf3e2;border-color:#c5d4ac;transform:rotate(-2deg);box-shadow:0 5px #dbe2c8}.is-active .node-circle{box-shadow:none;color:#fff;background:#a9be91;transform:rotate(-7deg)}.is-active b{color:#7d9067}.is-active .timeline-date{color:#80946f}.love-milestone{color:#bc8f93;z-index:2;background:#fffaf0;gap:3px;padding:0 4px;font-size:10px;top:163px;left:65%}.story-panel{background:#f9f7e9;border:2px solid #e5dfcb;border-radius:28px;grid-template-columns:1fr 1fr;gap:40px;padding:35px;position:relative;box-shadow:5px 6px #e8e0cd70}.story-visual{background:#fffef9;border:1px solid #e6e0ce;border-radius:8px;align-self:start;padding:10px 10px 30px;transform:rotate(-2deg);box-shadow:2px 4px #dfd8c170}.story-cover{border-radius:4px}.story-cover>img{height:410px}.story-cover>span{background:#5a614a95;border-radius:6px;font-size:11px;bottom:10px;left:10px}.story-photo-count{gap:8px;bottom:-3px;left:12px}.story-photo-count>span{font:47px/1.1 var(--serif);color:#c5bba2;background:#fffef9;padding-right:3px}.story-photo-count small{font:10px/1.6 var(--sans);letter-spacing:.4px;color:#a6997e}.story-tape{width:100px;top:-11px}.story-copy{align-self:center;padding:5px 0}.story-kicker{letter-spacing:0;color:#8fa07a;font-size:12px}.story-copy h3{font:34px/1.55 var(--serif);color:#8e775f;letter-spacing:.6px;margin:12px 0}.story-subtitle{color:#ad947d;font-size:15px;margin-bottom:17px!important}.story-copy>p:not(.story-subtitle){color:#8b7b64;font-size:16px;line-height:2}.story-copy blockquote{font:17px/1.8 var(--sans);color:#9a8568;background:#fffdf370;border-left:3px solid #d8c9a8;border-radius:0 10px 10px 0;margin:18px 0 22px;padding:8px 12px}.story-actions{gap:15px}.text-button{color:#899e74;letter-spacing:0;gap:6px;font-size:14px}.text-button:hover{color:#697e52}.mini-photos{gap:10px;margin-top:26px}.mini-photos>button{border:4px solid #fff;border-radius:7px;width:67px;height:68px;overflow:hidden;box-shadow:1px 2px #e0d8c2}.mini-photos .album-more{color:#879970;background:#edf1de;border:1px dashed #bfccaa;border-radius:8px;width:68px;font-size:10px}.album-more>span{font:24px/1.2 var(--serif)}.timeline-footer{color:#a2937d;margin-top:23px;font-size:12px}.everyday{background:#eff3e4 url(/decor/bear-pattern.webp) 0 0/250px;border-block:2px solid #e0e8ce;padding:64px 0 33px;position:relative}.everyday>.page-width{background:#fffef4ed;border:2px solid #e0e4cd;border-radius:30px;padding:35px 35px 25px;box-shadow:5px 6px #cfd8bb70}.everyday .section-top{align-items:center}.everyday .section-number{color:#ad8a7e;background:#f9e8e5;border-color:#dec4b6}.little-clover{object-fit:contain;border:5px solid #fffef8;border-radius:35%;width:100px;height:100px;margin:0 4px 0 10px;transform:rotate(9deg);box-shadow:2px 3px #e1e3ce}.category-tabs{border-bottom:2px dotted #e1e4cd;gap:10px;margin-top:27px;padding-bottom:22px}.category-tabs button{color:#9a9f80;background:#f6f7ed;border:1px dashed #d7ddc3;border-radius:13px;gap:7px;padding:9px 14px;font-size:14px;box-shadow:0 3px #e9e9d7}.category-tabs button:nth-child(2n){transform:rotate(1deg)}.category-tabs button.selected{color:#a07879;background:#f7e4e3;border:1px solid #e0bcbc;transform:rotate(-2deg);box-shadow:0 3px #dfc1bc}.category-tabs button:hover{border-color:#c7b8a3}.collection-panel{grid-template-columns:.95fr 1.6fr;gap:30px;min-height:390px;padding-top:37px}.collection-caption .handwriting{color:#b09680;letter-spacing:.2px;font-size:13px}.collection-caption h3{font:29px/1.6 var(--serif);letter-spacing:.5px;color:#8f7b61;margin-top:12px}.collection-caption>p{color:#a19076;margin:14px 0;font-size:14px;line-height:1.9}.morning-clock{color:#b4a480;gap:10px;margin:22px 0}.morning-clock>span{font:38px var(--serif);letter-spacing:1px}.morning-clock small{color:#a6987e;font-size:12px}.morning-clock>svg{color:#d5c597;width:28px}.collection-photos{gap:14px}.collection-photo{border:1px solid #e5dfcb;border-radius:6px;padding:8px 8px 35px;box-shadow:3px 4px #dfe1cc80}.collection-photo img{background:#f7f6ed;border-radius:2px;height:245px}.photo-number{color:#a89a80;font-size:9px;bottom:9px}.collection-notes .collection-photo img{height:215px}.collection-photo .tape{background-color:#cbdcc0bb}.collection-photo.photo-1 .tape{background-color:#f4d0c8cc}.performance-button{background:#f3f5e6;border:1px dashed #c6d4ae;border-radius:14px;gap:10px;max-width:320px;padding:11px 14px;box-shadow:2px 3px #e3e7cf}.performance-button>div{font-size:14px}.performance-button small{color:#a3ab8a;font-size:11px}.pocket-bear{display:none}.collection-music .pocket-bear{float:right;border:4px solid #fff;border-radius:10px;width:100px;height:auto;margin:0 0 10px 12px;display:block;transform:rotate(4deg);box-shadow:2px 2px #dbe0ca}.collection-music .collection-caption h3{clear:both}.collection-bottom{color:#a29a7c;border-top:2px dotted #dee2ca;margin-top:22px;padding-top:21px;font-size:12px}.collection-bottom>.text-button{color:#a5827e;background:#f8e9e4;border:1px dashed #dfc7bb;border-radius:12px;padding:6px 13px}.new-memory{border:1px solid #e1dbc9;border-radius:15px;box-shadow:2px 3px #e8e2cf60}.new-memory small{color:#a8977e;font-size:12px}.new-memory h4{font:23px var(--serif)}.new-memory p{color:#8c7e65;font-size:15px}.new-collection-head>span{font-size:12px}.letter-section{background:#fffdf7;border:2px solid #e7dfcd;border-radius:32px;margin-top:40px;padding:64px 30px 30px;position:relative;overflow:hidden;box-shadow:5px 6px #e9dfcd70}.letter-section:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ede8d380 1px,#0000 1px),linear-gradient(90deg,#ede8d380 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.letter-section>*{position:relative}.letter-keeper{background:#fffef9;border:1px solid #dfdfc6;border-radius:10px;width:270px;margin:0 auto 33px;padding:8px 8px 13px;transform:rotate(-3deg);box-shadow:3px 4px #dddcc580}.letter-keeper img{border-radius:6px;width:100%;height:auto}.letter-keeper span{color:#8c9475;margin-top:7px;font-size:12px;display:block}.letter-section>h2{font:39px/1.55 var(--serif);letter-spacing:1px;color:#938068;margin-top:18px}.letter-section>p{color:#aa947b;letter-spacing:.5px;font-size:14px}.envelope-scene{width:min(470px,100%);height:320px;margin-top:35px}.envelope-body{background:#f4dcda;border:2px solid #dbbfb7;border-radius:14px;height:225px;top:45px;box-shadow:4px 5px #e6d2c580}.envelope-body:before,.envelope-body:after{background:#f6e6de}.envelope-flap{background:#ebcfca}.wax-seal{color:#fff;background:#a9be91;border:1px solid #99b17f;box-shadow:inset 0 0 0 4px #b9cda8}.envelope-label{font:18px var(--sans);color:#9b7c72;letter-spacing:1px;bottom:25px}.envelope-label small{font:13px var(--sans);color:#b49686;letter-spacing:0}.envelope-bow{top:-3px;right:-22px}.letter-paper{font:16px/2.1 var(--sans);letter-spacing:0;color:#8f7865;background:#fffdf8 url(/decor/pink-dots.webp) 50%/290px;border-color:#e3d8c3;border-radius:10px;padding:27px 34px;box-shadow:2px 3px #e8dcc780}.letter-paper>span{font-size:20px}.letter-paper p{margin-top:15px}.letter-signature{font:20px var(--sans);color:#a0ad84}.envelope-scene.is-open{height:auto;padding-bottom:25px}.is-open .letter-paper{pointer-events:auto;margin:0 17px;position:relative;top:auto;left:auto;right:auto;transform:none}.is-open .envelope-body{height:225px;margin-top:-15px;position:relative;top:auto;left:auto}.is-open .envelope-bow{top:auto;bottom:200px;right:-22px}.end-note{letter-spacing:.4px;color:#a3a285;margin:8px 0 25px;font-size:13px}.site-footer{border-top:2px dotted #dbd6be;margin-top:35px;padding-bottom:105px}.site-footer .brand>span{font-size:21px}.site-footer .brand small{font-size:11px}.site-footer>span{color:#a2957d;font-size:12px}.music-widget{background:#fffdf8f5;border:2px solid #e7d7c7;border-radius:19px;padding:8px;bottom:20px;left:21px;box-shadow:3px 4px #e3d8c480}.record{color:#fff8ed;background:repeating-radial-gradient(#c6b297 0 2px,#d6c2a9 2px 3px);border:2px solid #efdbc7}.record svg{background:#d8aba9}.music-main b{font:15px var(--serif);letter-spacing:0}.music-main small{color:#ae9d86;font-size:10px}.music-main>svg{color:#a1b48c}.music-settings{border-color:#ebdecc}.sound-panel{border:2px solid #e1dbc5;border-radius:16px}.sound-panel label{font-size:13px}.sound-panel small{font-size:11px}.toast{background:#9aab86;border-radius:16px;font-size:14px;box-shadow:3px 4px #d4d8be}.modal-backdrop{background:#66574370}.modal{border:2px solid #e6dcc8;border-radius:22px;box-shadow:6px 8px #615b3820}.modal-head{background:#fffcf4f5;border-color:#e8dfcb;padding:12px 22px}.modal-head>span{letter-spacing:0;font-size:14px}.modal-content>h2{font:32px/1.6 var(--serif);color:#8d795f;letter-spacing:.5px}.modal-content>p{color:#92816a;font-size:16px;line-height:2}.detail-chips>span{color:#91a078;background:#edf0df;border-radius:9px;font-size:13px}.gallery-grid img{border-radius:8px}.letter-reading{background:repeating-linear-gradient(#fffdf7,#fffdf7 37px,#f0ead9 38px)}.letter-reading h2{font:30px/1.7 var(--serif)}.letter-reading>p{font:17px/2.3 var(--sans);letter-spacing:.3px;color:#8b7863}.letter-reading>.excerpt-label{color:#a2947b;font-size:12px}.lightbox .modal{box-shadow:none;border:0}.lightbox .modal-head{border-color:#f0e4ca22}.lightbox .modal-head>span{font-size:13px}.lightbox-hint{color:#d6c9b4;font-size:12px}.upload-modal label{color:#9a8d70;font-size:14px}.upload-modal input:not([type=file]),.upload-modal select,.upload-modal textarea{color:#7f8968;background:#f8f9ed;border-color:#dbe3c8;border-radius:11px;font-size:16px}.upload-modal input::placeholder,.upload-modal textarea::placeholder{color:#b5ad96}.upload-modal .upload-drop{border-radius:16px}.upload-drop b{font-size:15px}.upload-drop span{font-size:12px}.file-chosen{font-size:13px}.form-error{border-radius:12px;font-size:14px}.delete-confirm{font-size:13px}@media (max-width:1100px){.hero{min-height:715px;padding:43px 34px 75px}.hero h1{font-size:88px}.hero-collage{transform-origin:20% 48%;width:440px;margin-right:-50px;transform:scale(.88)}.gift-note,.hero-description{font-size:15px}.site-header{padding:0 20px}.brand>span{font-size:23px}nav a{padding:8px 10px}nav{font-size:14px}.header-music span{display:none}.story-panel{gap:30px;padding:28px}.story-copy h3{font-size:30px}.story-copy>p:not(.story-subtitle){font-size:15px}.story-subtitle{font-size:14px}.story-actions{gap:12px}.story-actions .text-button{font-size:12px}.everyday>.page-width{padding:30px}.category-tabs{gap:8px}.category-tabs button{padding:9px 11px;font-size:13px}.collection-panel{gap:22px}.collection-caption h3{font-size:27px}.collection-photo img{height:220px}.collection-notes .collection-photo img{height:195px}.collection-photos{gap:10px}.collection-caption>p{font-size:13px}.timeline-node{padding:11px 12px}.node-circle{right:9px}}@media (max-width:800px){.page-width{width:calc(100% - 48px)}.site-header{width:calc(100% - 40px);height:84px;margin-top:16px;padding:0 18px}.brand-friend{width:43px;height:43px}.brand>span{font-size:22px}.brand small{font-size:10px}nav{gap:3px;font-size:13px}nav a{padding:7px 9px}.header-music{display:none}.hero{grid-template-columns:1fr .9fr;gap:0;min-height:660px;margin-top:29px;padding:38px 27px 68px}.hero h1{letter-spacing:4px;font-size:75px}.round-word>svg{width:104px;height:104px;top:-7px;left:-16px}.scrapbook-label{padding:4px 8px;font-size:11px}.eyebrow{margin-top:19px;font-size:11px}.gift-note{letter-spacing:0;font-size:13px}.hero-description{letter-spacing:0;margin:23px 0;font-size:14px}.hero .primary-button{gap:10px;padding:11px 15px;font-size:13px}.hero-collage{transform-origin:7% 48%;margin-right:-130px;left:0;transform:scale(.68)}.couple-line{white-space:normal;gap:5px;font-size:10px}.section-top h2{font-size:34px}.section-top>p{font-size:12px}.chapter-divider{width:calc(100% - 48px)}.timeline{gap:8px;margin-bottom:35px}.timeline-node{min-height:146px;padding:10px 9px}.timeline-date{font-size:12px}.ticket-number{font-size:9px}.timeline-node b{font-size:23px}.timeline-node small{font-size:11px}.node-circle{width:27px;height:27px;top:77px;right:7px}.node-circle svg{width:18px}.love-milestone{font-size:8px;top:153px;left:58%}.story-panel{gap:24px;padding:23px}.story-cover>img{height:370px}.story-copy h3{font-size:27px}.story-subtitle{font-size:13px}.story-copy>p:not(.story-subtitle){font-size:14px;line-height:1.9}.story-copy blockquote{margin:15px 0;font-size:15px}.story-actions .primary-button{padding:8px 12px;font-size:12px}.mini-photos{gap:6px}.mini-photos>button{width:48px;height:51px}.mini-photos .album-more{width:54px;font-size:8px}.album-more>span{font-size:21px}.timeline-footer{font-size:10px}.everyday>.page-width{padding:27px}.everyday .section-top h2{font-size:32px}.little-clover{width:85px;height:85px}.category-tabs{gap:8px}.category-tabs button{padding:8px 12px;font-size:13px}.collection-panel{grid-template-columns:1fr;gap:20px;padding-top:28px}.collection-morning .collection-caption{padding-right:195px}.collection-caption h3{font-size:28px}.collection-caption>.handwriting{font-size:12px;display:block}.collection-caption>p{font-size:14px}.morning-clock{top:22px}.morning-clock>span{font-size:33px}.morning-clock small{font-size:10px}.collection-photos{gap:18px;padding:15px 5px}.collection-photo img{height:250px}.collection-notes .collection-photo img{height:220px}.collection-music .collection-caption{padding-right:0}.collection-music .performance-button{max-width:310px;position:static}.collection-music .pocket-bear{width:94px;margin-top:5px}.collection-music .collection-caption h3{clear:none}.collection-bottom{font-size:11px}.collection-bottom .text-button{font-size:12px}.letter-section>h2{font-size:34px}.site-footer>span{font-size:10px}.site-footer .brand>span{font-size:18px}.letter-reading>p{font-size:16px}}@media (max-width:600px){body{font-size:15px}.page-width{width:calc(100% - 32px)}.site-header{border-radius:23px;flex-wrap:wrap;justify-content:center;gap:9px;width:calc(100% - 28px);height:auto;min-height:104px;margin-top:13px;padding:13px 16px 9px}.site-header .brand{justify-content:center;gap:7px;width:100%}.brand-friend{width:39px;height:39px}.site-header .brand>span{font-size:23px}.site-header .brand small{letter-spacing:.3px;margin:1px 0 0;font-size:10px}nav{justify-content:center;gap:12px;width:100%;font-size:13px}nav a{background:#f7f5e9;border:1px dashed #e3dcc9;border-radius:10px;padding:3px 10px}.hero{border-radius:29px;gap:0;min-height:0;margin-top:27px;padding:31px 23px 53px;display:flex;overflow:hidden;box-shadow:4px 5px #e5dcc880}.hero:before{border-radius:21px;inset:9px}.hero:after{border-radius:0 0 5px 5px;padding:2px 10px;font-size:8px;top:-2px;right:20px}.hero-copy{z-index:1;padding:0 1px}.scrapbook-label{max-width:100%;padding:4px 9px;font-size:12px}.eyebrow{letter-spacing:.5px;margin-top:20px;font-size:11px}.gift-note{letter-spacing:.3px;margin-top:17px;font-size:14px}.hero h1{letter-spacing:5px;margin-top:20px;font-size:80px;line-height:1.12}.round-word>svg{width:110px;height:110px;top:-7px;left:-15px}.round-word i{font-size:22px;top:-5px;right:-11px}.hero-description{letter-spacing:0;margin:22px 0;font-size:15px;line-height:1.95}.hero .primary-button{gap:13px;padding:11px 17px;font-size:14px}.couple-line{gap:6px;margin-top:24px;font-size:11px;line-height:1.8}.couple-line i{width:8px}.hero-collage{transform-origin:50% 20%;align-self:center;width:430px;height:520px;margin:30px 0 -88px;left:0;transform:scale(.73)}.hero-photo{width:305px;top:81px;left:34px}.hero-photo img{height:310px}.wish-photo{width:137px;top:1px;right:0}.wish-photo img{height:137px}.hero-bow{top:-9px;right:91px}.hero-green-paper{width:329px;height:409px;top:48px;left:5px}.clock-face{width:325px;height:325px;top:-5px;left:58px}.days-stamp{width:136px;height:132px;top:315px;right:2px}.days-stamp strong{font-size:45px}.hero-clover-friend{width:130px;height:130px;bottom:-3px;left:-1px}.collage-note{font-size:16px;bottom:-3px;right:10px}.scroll-note{gap:0;font-size:10px;bottom:12px}.spark-a{top:4px;left:0}.chapter-divider{gap:10px;width:calc(100% - 38px);margin-top:30px}.chapter-divider span{letter-spacing:0;font-size:10px}.chapter-divider>svg{width:16px}.journey{padding:39px 0 36px}.section-number{letter-spacing:0;padding:4px 10px;font-size:12px}.section-top{display:block}.section-top h2{letter-spacing:.5px;margin-top:17px;font-size:31px;line-height:1.55}.mobile-break{display:block}.section-top>p{margin-top:15px;font-size:13px;line-height:1.9}.timeline{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d0d8b8 transparent;gap:8px;margin:23px 0 24px;padding:4px 3px 26px;overflow-x:auto}.timeline:before{top:81px}.timeline-item{scroll-snap-align:start;flex:0 0 112px}.timeline-node{border-radius:13px;min-height:144px;padding:11px 12px}.timeline-date{font-size:13px}.ticket-number{padding-bottom:5px;font-size:10px}.timeline-node b{margin-top:8px;font-size:25px}.timeline-node small{font-size:12px}.node-circle{width:27px;height:27px;top:77px;right:9px}.love-milestone{letter-spacing:0;font-size:9px;top:151px;left:44%}.story-panel{border-radius:23px;gap:25px;padding:18px;overflow:visible;box-shadow:3px 4px #e3dcc680}.story-visual{width:100%;padding:8px 8px 29px;transform:rotate(-1.5deg)}.story-cover>img{height:330px}.story-cover>span{padding:4px 8px;font-size:11px;left:8px}.story-photo-count{bottom:-2px;left:9px}.story-photo-count>span{font-size:42px}.story-photo-count small{font-size:10px}.story-copy{padding:0 2px 5px}.story-kicker{letter-spacing:0;font-size:12px}.story-copy h3{letter-spacing:.5px;font-size:29px;line-height:1.55}.story-subtitle{font-size:14px;line-height:1.9;margin-bottom:15px!important}.story-copy>p:not(.story-subtitle){font-size:15px;line-height:1.95}.story-copy blockquote{margin:18px 0;padding:8px 11px;font-size:16px;line-height:1.85}.story-actions{gap:12px}.story-actions .primary-button{padding:9px 12px;font-size:13px}.story-actions .text-button{font-size:13px}.mini-photos{gap:8px;margin-top:25px}.mini-photos>button{border-width:3px;width:58px;height:61px}.mini-photos .album-more{width:62px;font-size:9px}.album-more>span{font-size:22px}.timeline-footer{margin-top:20px;font-size:11px;line-height:1.9}.timeline-footer>span+span{margin-top:7px}.everyday{padding:30px 0}.everyday>.page-width{border-radius:24px;width:calc(100% - 24px);padding:23px 18px 20px;box-shadow:3px 4px #cfd8bb70}.everyday .section-top{align-items:center;gap:8px;display:flex}.everyday .section-top h2{letter-spacing:.4px;font-size:29px;line-height:1.55}.little-clover{border-width:3px;width:69px;min-width:69px;height:69px;margin:10px -6px 0 -5px}.category-tabs{gap:9px 8px;margin-top:24px;padding-bottom:19px}.category-tabs button{border-radius:12px;gap:6px;padding:7px 10px;font-size:13px}.category-tabs svg{width:17px;height:17px}.collection-panel{gap:20px;min-height:0;padding-top:25px}.collection-morning .collection-caption{padding-right:0}.collection-caption>.handwriting{margin-bottom:8px;font-size:12px}.collection-caption h3{letter-spacing:.3px;margin-top:7px;font-size:27px;line-height:1.6}.collection-caption>p{margin:11px 0;font-size:14px;line-height:1.9}.collection-caption>.text-button{font-size:13px}.morning-clock{gap:12px;margin:18px 0 10px;position:static}.morning-clock>span{font-size:35px}.morning-clock small{font-size:11px}.morning-clock>svg{width:25px}.collection-photos{grid-template-columns:1fr 1fr;gap:11px;padding:9px 3px 17px;display:grid}.collection-photo{width:100%;max-width:none;margin:0;padding:7px 7px 30px;transform:rotate(-3deg)}.collection-photo img{height:205px}.collection-photo.photo-1{margin-top:17px;transform:rotate(3deg)}.collection-photo.photo-2{grid-column:1/-1;justify-self:center;width:48%;margin-top:4px;transform:rotate(-2deg)}.photo-number{white-space:normal;font-size:8px;bottom:8px}.collection-photo .tape{width:50px;height:19px;top:-7px;left:calc(50% - 25px)}.collection-notes .collection-photos{gap:23px 12px;padding:12px 4px 16px}.collection-notes .collection-photo.photo-2{grid-column:auto;width:100%;margin:0}.collection-notes .collection-photo img{height:205px}.collection-music .performance-button{max-width:100%;margin-top:17px;padding:10px 12px}.collection-music .collection-caption{padding-right:0}.performance-button>div{font-size:14px}.performance-button small{font-size:11px}.collection-music .pocket-bear{width:81px;margin:0 0 10px 8px}.collection-music .collection-photo img{height:205px}.collection-diaries .collection-photo img{height:225px}.collection-bottom{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:8px}.collection-bottom>span{gap:6px;max-width:none;font-size:12px;line-height:1.9}.collection-bottom>.text-button{white-space:normal;margin-left:auto;padding:6px 11px;font-size:13px}.collection-bottom svg{width:16px}.new-collection-head h3{font-size:24px}.new-collection-head>span{font-size:11px}.letter-section{border-radius:25px;margin-top:29px;padding:30px 19px 20px;box-shadow:3px 4px #e3dcc680}.letter-keeper{width:218px;margin-bottom:28px}.letter-keeper span{font-size:11px}.letter-section>h2{letter-spacing:.5px;margin:17px 0;font-size:31px;line-height:1.5}.letter-section>p{letter-spacing:0;font-size:13px}.envelope-scene{width:calc(100% - 6px);height:280px;margin-top:30px}.envelope-body{border-radius:12px;height:190px;top:30px}.envelope-bow{width:76px;top:0;right:-13px}.envelope-flap{height:111px}.wax-seal{width:44px;height:44px;top:70px;left:calc(50% - 22px)}.envelope-label{font-size:17px;bottom:22px}.envelope-label small{margin-top:8px;font-size:12px}.letter-paper{background-size:260px;padding:23px 21px;font-size:15px;line-height:2.05}.is-open .letter-paper{margin:0 2px}.letter-paper>span{font-size:18px}.letter-signature{font-size:19px}.envelope-scene.is-open{height:auto;padding-bottom:23px}.is-open .envelope-body{height:190px;margin-top:-10px;top:auto}.is-open .envelope-bow{top:auto;bottom:175px;right:-13px}.end-note{letter-spacing:0;gap:8px;margin:0 0 18px;font-size:12px}.site-footer{justify-content:center;gap:15px;margin-top:30px;padding:24px 0 108px}.site-footer .brand>span{font-size:19px}.site-footer .brand small{font-size:11px}.site-footer>span{letter-spacing:0;margin:0;font-size:10px}.site-footer>.text-button{margin:0;font-size:12px}.music-widget{border-radius:17px;max-width:245px;padding:6px;bottom:12px;left:12px}.music-main{gap:9px;padding-right:6px}.record{width:34px;height:34px}.music-main b{font-size:15px}.music-main small{font-size:10px}.music-main>svg{width:16px;margin-left:3px}.music-settings{width:29px}.sound-panel{width:235px;bottom:63px}.sound-panel input{width:140px}.sound-panel label{font-size:12px}.toast{font-size:13px;bottom:80px}.modal-backdrop{padding:12px}.modal{border-radius:18px}.modal-head{padding:10px 14px}.modal-head>span{font-size:13px;line-height:1.6}.modal-content{padding:24px 20px 30px}.modal-content>h2{font-size:29px;line-height:1.55}.modal-content>p{font-size:15px}.detail-chips>span{padding:5px 9px;font-size:12px}.gallery-grid img{height:190px}.letter-reading{padding:27px 22px 35px}.letter-reading h2{font-size:27px}.letter-reading>p{letter-spacing:0;font-size:16px;line-height:2.15}.letter-reading>.excerpt-label,.lightbox .modal-head>span{font-size:12px}.lightbox-hint{font-size:11px}.upload-modal label{font-size:14px}.upload-modal input:not([type=file]),.upload-modal select,.upload-modal textarea{font-size:16px}.upload-drop span{font-size:11px}.form-error{font-size:13px}.file-chosen{font-size:12px}}@media (max-width:370px){.hero{padding-inline:21px}.hero h1{font-size:74px}.hero-collage{margin-bottom:-110px;transform:scale(.67)}.scrapbook-label{font-size:11px}.everyday .section-top h2{font-size:27px}.little-clover{width:58px;min-width:58px;height:58px}.mini-photos{gap:5px}.mini-photos>button{width:53px;height:57px}.collection-photo img,.collection-notes .collection-photo img{height:185px}.site-header nav{gap:5px}}.timeline-hint{display:none}.letter-paper{color:#7d6652}.collection-caption>p,.story-copy>p:not(.story-subtitle){color:#89765f}@media (max-width:600px){.timeline-hint{color:#a49278;text-align:right;margin:16px 3px -14px;font-size:12px;display:block}.site-header nav a{white-space:nowrap}}@media (max-width:370px){.site-header nav{gap:4px;font-size:12px}.site-header nav a{padding:3px 6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}