body.book-mode{padding:22px 0 13px;background:#171b17;background-image:repeating-linear-gradient(95deg,#ffffff02 0 1px,transparent 1px 5px)}
#book{margin-top:0;box-shadow:-6px 0 0 #253c2b,2px 4px 0 #bcbcbc,5px 7px 0 #ededed,8px 10px 0 #b6b6b6,11px 14px 0 #253c2b,15px 22px 35px #0006}
h1,h2,h3,.book-page.reasons h2{line-height:1.15!important}
.book-page.cover{box-shadow:none;border:2px solid #728c6a!important;outline:8px solid #253c2b;outline-offset:-10px}
.polaroid{box-shadow:3px 6px 12px #0002}
.book-page{background-color:#e9e9e5!important;background-image:repeating-linear-gradient(0deg,#00000003 0 1px,transparent 1px 4px),radial-gradient(ellipse at 20% 20%,#fafafa,transparent 75%)!important}
.book-page.cover{background-color:#2c4431!important;background-image:repeating-linear-gradient(88deg,#ffffff04 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,#0000000a 0 1px,transparent 1px 3px)!important}
.birthday-ticket{border:1px solid #bac4ad;background:#e9e9e5;color:#29432d;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:320px;transform:rotate(4deg);padding:30px 16px;position:relative;outline:1px dashed #8b9e84;outline-offset:-12px}
.birthday-ticket:before,.birthday-ticket:after{content:'';position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#2c4431}
.birthday-ticket:before{left:-12px}.birthday-ticket:after{right:-12px}
.birthday-ticket strong{font-size:65px;line-height:1.1;letter-spacing:-3px}.birthday-ticket .ticket-small,.ticket-bottom{font-size:10px;letter-spacing:1.4px}.ticket-date{font-size:15px;letter-spacing:4px}.birthday-ticket .hand{color:#526a42!important;font-size:22px!important}
.cover-collage .stamp{border-color:#d5b85a}.cover-collage .corner{color:#e7e7e0}.book-page.cover .label{font-size:10px}.book-page.cover .arrow{margin-left:0}.book-page.cover h1{letter-spacing:-4px}
.book-page:not(.cover){padding:42px 60px 38px 65px!important}
.book-page.paper{padding-top:55px!important}.book-page.paper .objects{margin-top:35px;gap:30px}.book-page.paper .object:nth-child(2){margin-top:45px}.book-page.paper .object:nth-child(3){margin-top:-12px}
.book-page.photo-page{padding:35px 80px 35px 65px!important}.photo-page .label{display:none}.photo-page h2{font-size:25px;font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;font-weight:400;letter-spacing:-.5px;transform:rotate(-2deg);margin:12px 0 18px}.single-photo{width:85%;margin:12px auto 0}.single-photo .polaroid img{height:clamp(180px,43svh,400px)}
.book-page.photo-page:nth-of-type(5) .single-photo{width:78%;margin-left:14%}.book-page.photo-page:nth-of-type(5) .polaroid{transform:rotate(3deg)}.book-page.photo-page:nth-of-type(6) .single-photo{width:92%;margin-left:0}.book-page.photo-page:nth-of-type(7) .single-photo{width:74%;margin-left:9%}.book-page.photo-page:nth-of-type(7) .polaroid{transform:rotate(2deg)}
.book-page.music{padding:65px 50px 35px 75px!important}.book-page.sayings{padding:50px 85px 35px 75px!important}.book-page.sayings .label{font-size:11px}.book-page.voice{padding:35px 65px!important}.book-page.birthday-sky{padding:32px 50px 35px 65px!important}
.book-page.last{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:center;align-items:center;gap:22px;padding:35px 45px!important;text-align:center}
.book-page.last>.label{margin:0;text-align:center;width:100%}.book-page.last .envelope{position:relative;left:auto;right:auto;justify-self:center;align-self:center;width:min(100%,430px);margin:0;transform:none;text-align:center;min-height:240px;padding:70px 25px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.envelope .hand{text-align:center;width:100%;line-height:1.5}.envelope-flap{left:10%}.seal{left:50%;transform:translateX(-50%)}
dialog{margin:auto;inset:0;padding:45px;max-height:85svh}dialog h2{text-align:center}#note-body{max-width:530px;margin:25px auto;text-align:left;line-height:1.7}.close{min-width:44px;min-height:44px;padding:0;display:grid;place-items:center}
.secret summary{min-height:44px;padding:12px 0}.book-page a,.book-controls button{min-height:44px}.book-page a{display:inline-flex;align-items:center}.book-page .sky-photo>a{display:block}.book-page .sky-photo figcaption{padding-top:12px;min-height:44px}.book-page .button{padding:12px 20px;min-height:44px}.book-page .small{font-size:12px}.book-page .label{font-size:11px}.book-page .sayings-grid button{min-height:52px}
.book-controls{margin-top:26px}.book-controls button{min-width:74px}.book-page.last[hidden]{display:none!important}
@media(max-width:700px){body.book-mode{padding:14px 0 10px}#book{width:calc(100% - 32px)}.book-page:not(.cover){padding:28px 25px 25px 30px!important}.book-page.cover{padding:28px 25px 20px 30px!important;gap:12px;align-content:center}.book-page.cover .label{font-size:9px;letter-spacing:1px}.book-page.cover h1{font-size:68px}.book-page.cover p{font-size:14px}.book-page.cover .signed{font-size:15px}.book-page.cover .button{font-size:13px}.book-page.cover .cover-collage{width:220px;padding:10px 15px;margin-top:5px}.birthday-ticket{min-height:190px;gap:10px;padding:18px 12px}.birthday-ticket strong{font-size:42px}.birthday-ticket .hand{font-size:16px!important}.birthday-ticket .ticket-small,.ticket-bottom{font-size:8px;letter-spacing:.7px}.ticket-date{font-size:12px}.book-page.cover .stamp{top:30px;width:52px;height:52px;font-size:9px}.book-page.paper .objects{margin-top:18px;gap:4px}.book-page.paper .object:nth-child(2),.book-page.paper .object:nth-child(3){margin-top:0}.book-page.paper .object:nth-child(2){padding-left:24px}.book-page.paper h2{font-size:30px}.book-page.photo-page{padding:30px 28px 25px 32px!important}.single-photo,.book-page.photo-page:nth-of-type(5) .single-photo,.book-page.photo-page:nth-of-type(6) .single-photo,.book-page.photo-page:nth-of-type(7) .single-photo{width:94%;margin:30px auto 0}.single-photo .polaroid img{height:clamp(180px,42svh,360px)}.photo-page h2{font-size:23px}.book-page.music{padding-top:35px!important}.book-page.sayings{padding-top:40px!important}.book-page.voice{padding:30px!important}.book-page.last{padding:30px!important;gap:25px}.book-page.last .envelope{min-height:220px;width:min(100%,340px);padding:65px 16px 25px}.book-page.last .envelope .hand{font-size:18px}.book-page.last .label{font-size:10px}.book-controls{margin-top:20px}.book-controls button{font-size:13px}.book-page .sky-photo .small{font-size:11px}.book-page .sky-photo img{height:160px}.book-page .audio-note{padding:25px 12px}dialog{padding:45px 25px 30px}.book-page .small{font-size:11px}}
@media(max-height:670px) and (max-width:700px){.book-page.cover{align-content:start;gap:5px;padding-top:20px!important}.book-page.cover h1{font-size:57px}.book-page.cover .arrow{display:none}.book-page.cover .cover-collage{width:180px}.birthday-ticket{min-height:150px;gap:6px}.birthday-ticket strong{font-size:34px}.birthday-ticket .ticket-small{font-size:7px}.ticket-bottom{display:none}.book-page.cover .stamp{display:none}}