html{height:100%;scroll-behavior:auto}body.book-mode{height:100%;height:100svh;overflow:hidden;display:flex;flex-direction:column;background:#181818;background-image:repeating-linear-gradient(95deg,#ffffff02 0 1px,transparent 1px 5px),radial-gradient(ellipse at 50% 40%,#44604830,transparent 70%)}.book-mode header{width:100%;max-width:1100px;padding:14px 35px;flex-shrink:0}.book-mode header nav{gap:24px}.book-mode .night{opacity:.4}#book{position:relative;isolation:isolate;perspective:1800px;flex:1;min-height:0;width:calc(100% - 110px);max-width:1060px;margin:6px auto 0;background:#d8d8d8;border-radius:4px 15px 15px 4px;}#book:before{content:'';position:absolute;z-index:6;left:0;top:0;bottom:0;width:30px;background:linear-gradient(90deg,#13131366,#2035231c 30%,#ffffff30 60%,transparent);pointer-events:none;border-radius:3px 0 0 3px}#book:after{content:'';position:absolute;right:10px;bottom:10px;width:32px;height:32px;background:linear-gradient(135deg,transparent 48%,#65656529 50%,#f5f5f5 54%);pointer-events:none;border-radius:0 0 9px 0;z-index:5}.book-page{position:absolute!important;inset:0;max-width:none!important;width:100%;height:100%;min-height:0!important;margin:0!important;padding:36px 55px 30px 65px!important;overflow:auto;overscroll-behavior:contain;border:0!important;border-radius:4px 15px 15px 4px;clip-path:none!important;background-color:#e2e2e2!important;background-image:repeating-linear-gradient(0deg,#354f3805 0 1px,transparent 1px 4px),radial-gradient(ellipse at 20% 20%,#f7f7f7,transparent 75%)!important;color:#272727;scrollbar-width:thin;scrollbar-color:#888888 transparent;backface-visibility:hidden;transform-origin:left center;scroll-padding:25px}.book-page[hidden]{display:none!important}.book-page h2{font-size:clamp(32px,4.4vw,54px);margin:12px 0 20px}.book-page h2 span,.book-page .label{color:#426a47}.book-page p{margin-top:12px;margin-bottom:12px}.book-page .small{color:#344b37}.book-page .hand{color:#426a47}.book-page .label{font-size:9px}.book-page.cover{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:center;background-color:#2c442f!important;background-image:repeating-linear-gradient(88deg,#ffffff04 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,#0000000a 0 1px,transparent 1px 3px)!important;color:#d5b85a;}.book-page.cover .label,.book-page.cover .hand{color:#a6caab}.book-page.cover h1{font-size:clamp(65px,9vw,112px);letter-spacing:-5px}.book-page.cover .subtitle{font-size:19px}.book-page.cover p{font-size:15px}.book-page.cover .label{font-size:8px}.book-page.cover .arrow{font-size:15px;margin:10px 0 0 30px}.book-page.cover .cover-collage{padding:20px}.book-page.cover .portrait{margin:0 10px}.book-page.cover .portrait img{height:clamp(170px,31svh,300px)}.book-page.cover .portrait figcaption{font-size:13px}.book-page.cover .corner{font-size:14px;margin-top:22px}.book-page.cover .stamp{width:70px;height:70px;font-size:12px;top:40px}.book-page.cover .doodle{font-size:55px;top:-15px}.book-page.cover .cover-bottom{margin:0;padding:12px 0 0;grid-column:1/-1;font-size:8px}.book-page.cover .signed{font-size:17px;margin:15px 0 0 35px}.book-page .objects{margin:20px 0 0;gap:20px;grid-template-columns:repeat(3,1fr)}.book-page .object{min-height:210px;padding:10px}.book-page .object svg{height:clamp(110px,25svh,210px)}.book-page .list-card{padding:20px;min-height:240px}.book-page.reasons{gap:45px}.book-page.reasons h2{font-size:65px}.book-page .note{padding:18px 25px;margin:15px 0}.book-page .note h3{font-size:19px;margin:8px 0}.book-page .note p{font-size:15px}.book-page .secret{color:#345138;margin:20px 0 0}.book-page .secret p{background:#3f694412}.single-photo{width:min(100%,650px);margin:22px auto 0}.single-photo .polaroid{width:100%;transform:rotate(-2deg);padding:12px 12px 17px}.single-photo .polaroid img{display:block;width:100%;height:clamp(180px,39svh,370px);object-fit:contain;background:#181818}.single-photo .photo-caption{font-size:17px;margin-top:12px}.single-photo .small{display:block;margin:6px 8px 0}.book-page.music{gap:35px}.book-page .sayings-grid{gap:15px;margin-top:45px}.book-page .sayings-grid button{font-size:24px;color:#2c4930;border-color:#426a4760}.book-page #phrase-response{color:#426a47}.book-page.birthday-sky{gap:30px}.book-page .sky-photo{background:#f5f5f5}.book-page .sky-photo img{height:clamp(180px,32svh,300px)}.book-page .audio-note{margin-top:25px;max-width:520px;background:#bad5be}.book-page.voice,.book-page.birthday,.book-page.last{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.book-page #candle{margin:12px auto 0;padding:12px 45px}.book-page .candle-body{height:70px}.book-page .cake{height:45px}.book-page .flame{height:24px}.book-page .envelope{min-height:220px;width:min(100%,430px);margin:30px auto}.book-controls{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 120px);max-width:1060px;margin:25px auto 0;gap:20px;flex-shrink:0}.book-controls>div{text-align:center;display:flex;flex-direction:column}.book-controls button{border:0;background:none;color:#e2e2e2;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:16px;padding:8px 12px;min-height:44px}.book-controls button:disabled{opacity:.25;cursor:default}#page-name{font-size:12px;color:#afc7b2}#page-number{font-size:10px;color:#9b9b9b}.book-mode footer{max-width:1100px;width:100%;margin:auto;padding:8px 30px 12px;font-size:9px;justify-content:space-between;border:0;flex-shrink:0}.book-ribbon{position:absolute;right:25px;top:-4px;width:23px;height:40px;background:#d5b85a;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);z-index:7;pointer-events:none;}.turning-leaf{z-index:8;pointer-events:none;overflow:hidden;animation-duration:.68s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.3,.05,.25,1)}.turn-forward{animation-name:page-forward}.turn-back{animation-name:page-back}@keyframes page-forward{0%{transform:rotateY(0);filter:brightness(1)}45%{filter:brightness(.72)}100%{transform:rotateY(-110deg);filter:brightness(.6)}}@keyframes page-back{0%{transform:rotateY(-110deg);filter:brightness(.6)}100%{transform:rotateY(0);filter:brightness(1)}}@media(min-width:701px) and (max-height:730px){.book-page{padding-top:25px!important}.book-page.cover h1{font-size:80px}.book-page.cover .portrait img{height:210px}.book-page .note p{font-size:14px}.book-page .record{width:110px;height:110px}.book-page .object svg{height:140px}.book-page .objects{margin-top:5px}.book-page .list-card{min-height:200px}.book-page .label{margin:5px 0}.book-page h2{font-size:38px}}
@media(max-width:700px){.book-mode header{padding:10px 18px;gap:10px}.book-mode header>a{font-size:20px}.book-mode header nav{display:none}#book{width:calc(100% - 34px);margin-top:7px;border-radius:3px 10px 10px 3px;}#book:before{width:18px}.book-page{padding:27px 25px 25px 30px!important;border-radius:3px 10px 10px 3px}.book-page h2{font-size:35px;letter-spacing:-1.4px}.book-page p{font-size:15px}.book-page.cover{grid-template-columns:1fr;align-content:start;gap:10px;padding:26px 27px 20px 30px!important;text-align:center}.book-page.cover .label{font-size:7px;letter-spacing:1px}.book-page.cover .arrow{font-size:12px;margin:4px 0}.book-page.cover h1{font-size:70px;margin:6px 0}.book-page.cover .subtitle{font-size:15px;margin:8px 0}.book-page.cover p{font-size:12px;margin:8px 0}.book-page.cover .button{font-size:11px;padding:8px 16px;margin:7px 0}.book-page.cover .signed{font-size:13px;margin:4px 0}.book-page.cover .cover-collage{width:225px;margin:5px auto 0;padding:10px 18px}.book-page.cover .portrait{padding:7px 7px 10px;margin:0 12px}.book-page.cover .portrait img{height:clamp(110px,20svh,180px)}.book-page.cover .portrait figcaption{font-size:9px;margin:8px 3px 0}.book-page.cover .stamp{width:53px;height:53px;font-size:9px;left:0;top:30px}.book-page.cover .doodle{font-size:39px;right:3px;top:-10px}.book-page.cover .corner,.book-page.cover .cover-bottom{display:none}.book-page .objects{grid-template-columns:1fr;gap:2px;margin-top:12px}.book-page .object{flex-direction:row;justify-content:start;gap:15px;min-height:100px;padding:7px 0}.book-page .object svg{width:110px;flex-shrink:0;height:108px}.book-page .object .hand{font-size:14px;text-align:left}.book-page .list-card{min-height:170px;padding:18px;flex-wrap:wrap;gap:15px}.book-page .list-card .hand{font-size:19px}.book-page .list-card p{font-size:12px}.book-page.reasons{display:block}.book-page.reasons h2{font-size:38px;line-height:1.1}.book-page.reasons h2 br{display:none}.book-page .note{padding:14px 18px;margin:20px 5px}.book-page .note p{font-size:14px}.book-page .note h3{font-size:18px}.book-page .secret{font-size:12px}.single-photo{margin-top:35px}.single-photo .polaroid img{height:clamp(170px,37svh,340px)}.single-photo .photo-caption{font-size:15px}.book-page.music,.book-page.birthday-sky{display:block}.book-page.music .record{display:none}.book-page.music .hand{font-size:13px}.book-page.music iframe{height:300px;margin-top:10px}.book-page .sayings-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}.book-page .sayings-grid button{font-size:20px;padding:13px 8px}.book-page .sayings-grid br{display:none}.book-page #phrase-response{font-size:16px}.book-page.birthday-sky h2{font-size:31px}.book-page.birthday-sky p{font-size:14px}.book-page .sky-photo{margin:20px 5px 5px}.book-page .sky-photo img{height:180px}.book-page .sky-photo .small{font-size:9px}.book-page .sky-photo figcaption{font-size:12px}.book-page .audio-note{width:100%;padding:25px 14px}.book-page .wave{gap:3px}.book-controls{width:calc(100% - 34px);margin-top:17px;gap:3px}.book-controls button{font-size:12px;padding:5px 8px}#page-name{font-size:10px}#page-number{font-size:9px}.book-mode footer{padding:6px 17px 9px;font-size:8px}.book-mode footer>span{width:auto;order:initial}.book-mode footer>span:last-child{display:none}.book-ribbon{width:17px;right:15px;height:29px}.book-page:focus{outline:none}.turning-leaf{backface-visibility:hidden}}
@media(prefers-reduced-motion:reduce){.turning-leaf{animation:none!important}}