@font-face{font-family:StoryScript;src:url('../assets/birthday/great-vibes.ttf') format('truetype');font-display:swap}:root{color-scheme:dark;--paper:#f1dfbd;--ink:#634332;--gold:#e0ba76;--rose:#9b4645}*{box-sizing:border-box}html,body{margin:0;background:#241511;font-family:Georgia,'Times New Roman',serif;color:#f4e3c9}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #d0a051;outline-offset:5px}h1:focus,h2:focus{outline:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#storybook{height:100svh;min-height:660px;position:relative;isolation:isolate;overflow:hidden}.desk{position:absolute;inset:0;z-index:-5;background:#39251b url('../assets/storybook/desk.webp') center/cover}.vignette{position:absolute;inset:0;z-index:-4;background:radial-gradient(ellipse at 50% 49%,transparent 15%,#180d0955 70%,#110908a6),linear-gradient(#1e100a70,transparent 30%,transparent 70%,#130b0977)}.book-header{position:absolute;top:max(18px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:30}.book-header a{font-size:15px;text-shadow:0 2px 12px #000}.book-header a span{font-size:25px;margin-left:5px}.book-header>p{position:absolute;left:50%;transform:translateX(-50%);font:17px StoryScript;color:#edd0a1;letter-spacing:1px;margin:0;white-space:nowrap}.book-header>p span{font:14px Georgia;margin:0 5px}.round-button{width:44px;height:44px;border:1px solid #f2d49c55;border-radius:50%;display:grid;place-items:center;background:#2b180e70;backdrop-filter:blur(8px);padding:0;font-size:27px}.round-button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#sound[aria-pressed=false] .waves{opacity:.2}.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:3px;color:#ddb97f;margin:0 0 12px}.intro-copy{position:absolute;top:12%;left:20px;right:20px;text-align:center;transition:opacity .5s}.intro-copy>p:last-child{font:22px/1.3 Georgia;margin:0;text-shadow:0 2px 18px #000}.intro-copy em{font:31px StoryScript}.book-position{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;padding:110px 70px 105px;perspective:1800px}.book{position:relative;width:min(1020px,calc(144svh - 250px),100%);height:min(630px,calc(100svh - 220px));min-height:415px;pointer-events:auto;isolation:isolate;transform:rotate(-1deg);transition:transform 1.5s cubic-bezier(.2,.75,.3,1);perspective:1800px;touch-action:pan-y;filter:drop-shadow(0 30px 32px #0008)}.book-binding{position:absolute;inset:-7px -8px -12px;border-radius:7px 12px 12px 7px;background:linear-gradient(90deg,#331b13,#573023 48%,#291510 50%,#543322 51%,#351b15);box-shadow:0 2px 0 #a0713d,0 5px 0 #392514,0 9px 0 #ac8e64,0 11px 0 #5c3c26;z-index:-1}.spread{position:absolute;inset:0;background:#f0ddba url('../assets/storybook/paper.webp') center/100% 100%;color:var(--ink);border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:inset 0 0 35px #bd925c33;isolation:isolate}.spread:after{content:'';position:absolute;left:48%;top:0;bottom:0;width:4%;background:linear-gradient(90deg,transparent,#432c1b17 25%,#45291855 49%,#fff0c766 55%,transparent);pointer-events:none;z-index:10}.spread:before{content:'';position:absolute;inset:12px;border:1px solid #9f793b22;border-radius:2px;pointer-events:none;z-index:1}.spread-content{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:30px 33px;column-gap:58px;align-items:center}.story-visual{position:relative;grid-column:1;grid-row:1;min-width:0;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:2}.story-copy{grid-column:2;grid-row:1;text-align:center;position:relative;z-index:2;min-width:0;max-height:100%}.story-copy .eyebrow{color:#987041;font-size:10px;letter-spacing:2px;margin-bottom:18px}.story-copy h1,.story-copy h2{font:clamp(29px,4.8svh,45px)/1.08 StoryScript;margin:0 0 23px;color:#6f4331;font-weight:400}.story-copy p{font-size:17px;line-height:1.7;margin:0 0 19px}.story-copy .handwritten{font:27px/1.35 StoryScript}.story-copy .tiny-heart{display:block;font:28px/1 Georgia;color:#a9574b;margin:13px 0}.story-copy .date-tag{display:inline-block;margin-top:12px;padding:9px 17px;background:#bc905521;border-top:1px solid #a8834f33;border-bottom:1px solid #a8834f33;transform:rotate(-3deg);font:14px Georgia;letter-spacing:2px}.polaroid{position:relative;display:block;width:92%;padding:12px 12px 35px;border:0;background:linear-gradient(135deg,#fff9e9,#eddec3);color:#785440;box-shadow:0 6px 13px #51321e38;transform:rotate(var(--angle,-5deg));transition:transform .3s,box-shadow .3s;user-select:none;text-align:center}.polaroid img{display:block;aspect-ratio:1/1.04;width:100%;object-fit:cover;pointer-events:none;filter:sepia(.09) saturate(.85)}.polaroid>span{display:block;font:24px/1.15 StoryScript;margin-top:14px;pointer-events:none}.polaroid:before,.polaroid:after{content:'';position:absolute;top:-9px;width:62px;height:23px;background:#e3cd9da3;box-shadow:inset 0 0 8px #b79b6940;z-index:2;transform:rotate(-20deg);pointer-events:none}.polaroid:before{left:6%}.polaroid:after{right:6%;transform:rotate(20deg)}.polaroid:hover{transform:rotate(0) translateY(-3px);box-shadow:0 9px 18px #51321e44}.photo-note{font:23px/1.2 StoryScript;margin:5px 0 0;color:#8b6347;text-align:center}.pressed-flowers{position:absolute;left:-28px;bottom:-35px;width:110px;height:260px;object-fit:contain;pointer-events:none;z-index:3;transform:rotate(-12deg);opacity:.95;filter:drop-shadow(1px 3px 2px #543c2929)}.folio{position:absolute;bottom:14px;font:10px Georgia;color:#9d7c52;letter-spacing:2px;z-index:4;pointer-events:none}.folio-left{left:25px}.folio-right{right:25px}.book-caption{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);font:8px Arial;letter-spacing:2px;color:#a88960;z-index:11;pointer-events:none}.page-corner{position:absolute;bottom:0;width:54px;height:60px;border:0;background:none;color:#946a39;z-index:25;padding:0;font:35px Georgia}.page-corner span{position:relative;z-index:1;text-shadow:0 1px #fff5}.page-corner.next{right:0;border-radius:0 0 8px 0;background:linear-gradient(135deg,transparent 44%,#98724528 46%,#fff1cc 49%,#b2986b 51%,#f4dfb5 53%)}.page-corner.previous{left:0;background:linear-gradient(225deg,transparent 44%,#98724515 46%,#ffebc1 49%,#c5a875 51%,#f0dbb4 53%)}.page-corner:hover{color:#5b3420;filter:brightness(1.06)}.page-corner[disabled]{opacity:.2;cursor:default}.cover{position:absolute;left:50%;top:-5px;width:calc(50% + 6px);height:calc(100% + 12px);padding:0;border:0;border-radius:4px 9px 9px 4px;background:#44251b url('../assets/storybook/leather.webp') center/100% 100%;box-shadow:inset 13px 0 14px #160c0a99,inset -2px 0 3px #b5884b55,4px 7px 0 #d7bc8b,6px 12px 0 #3e2516,7px 15px 24px #0007;transform-origin:left center;backface-visibility:hidden;z-index:26;transition:transform 1.65s cubic-bezier(.3,.05,.25,1),opacity .6s 1.15s;transform-style:preserve-3d}.cover-inner{position:absolute;inset:10% 13%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#e1b879;text-shadow:0 1px 1px #ffe5a344,0 -1px 1px #1b0a05}.cover-small{font:9px Arial;line-height:1.5;letter-spacing:2px;margin-bottom:26px}.cover-title{font:clamp(55px,9svh,88px)/.95 StoryScript}.cover-heart{font:35px Georgia;margin:14px 0}.cover-names{font:24px StoryScript;margin-top:13px;letter-spacing:1px}.cover-date{font:9px Georgia;letter-spacing:2px;margin-top:33px}.opening-action{position:absolute;left:20px;right:20px;bottom:6%;text-align:center;z-index:27;transition:opacity .5s}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:12px 26px;border:1px solid #f1d2a0;border-radius:40px;background:linear-gradient(135deg,#765336b0,#26160fed);box-shadow:0 0 9px #f6d39755, inset 0 0 10px #f5c57d15;color:#fff0d6;font-size:16px;backdrop-filter:blur(8px)}.gold-button:hover{box-shadow:0 0 16px #f6d39780}.opening-action>p{font:12px Georgia;color:#d7bd9a;margin:17px 0 0}[data-mode=closed] .book{transform:translateX(-25%) scale(.77) rotate(-6deg)}[data-mode=closed] .spread,[data-mode=closed] .book-binding{visibility:hidden}[data-mode=opening] .cover{transform:rotateY(-178deg);opacity:0}[data-mode=opening] .intro-copy,[data-mode=opening] .opening-action{opacity:0;pointer-events:none}[data-mode=reading] .cover,[data-mode=reading] .intro-copy,[data-mode=reading] .opening-action{display:none}.reading-nav{position:absolute;bottom:25px;left:20px;right:20px;text-align:center;pointer-events:none;text-shadow:0 2px 12px #000}.reading-nav>p:first-child{font:13px Georgia;letter-spacing:.4px;color:#ead7b8;margin:0 0 10px}.page-dots{display:flex;gap:7px;justify-content:center;align-items:center}.page-dots i{width:4px;height:4px;border-radius:50%;background:#e7cb9c44}.page-dots i.current{width:15px;border-radius:3px;background:#edce96}.turn-hint{font-size:12px;color:#c7ae8c;margin:10px 0 0}.turn-hint span{margin-left:5px}.turn-layer{position:absolute;inset:0;pointer-events:none;z-index:20;perspective:1800px;transform-style:preserve-3d}.turning-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.turning-leaf.backward{left:0;transform-origin:right center}.leaf-front,.leaf-back,.stationary-leaf{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:#f0ddba;box-shadow:0 3px 18px #57351d33}.leaf-back{transform:rotateY(180deg)}.leaf-front:after,.leaf-back:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#4a2c171c,transparent 30%,#fff4d920);pointer-events:none}.leaf-page{position:absolute;top:0;left:0;height:100%;width:200%}.leaf-front .leaf-page{left:-100%}.backward .leaf-front .leaf-page{left:0}.backward .leaf-back .leaf-page{left:-100%}.stationary-leaf{width:50%;left:0;z-index:-1}.stationary-leaf.old-right{left:50%}.stationary-leaf.old-right .leaf-page{left:-100%}.leaf-page .spread{width:100%;height:100%}.turning .page-corner{visibility:hidden}.turning .spread{user-select:none}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:20px 7px;width:100%;align-items:center}.collage .polaroid{width:100%;padding:8px 8px 14px}.collage .polaroid img{aspect-ratio:1}.collage .polaroid>span{font-size:19px;margin-top:9px}.collage .polaroid:before{width:45px;height:18px;top:-6px;left:30%}.collage .polaroid:after{display:none}.collage .polaroid:last-child{width:64%;grid-column:1/-1;justify-self:center}.layout-adventures .story-copy h1{font-size:45px}.little-things{padding:0;margin:0;list-style:none;text-align:left;display:flex;flex-direction:column;gap:16px}.little-things li{font:25px/1.2 StoryScript;display:flex;gap:13px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid #ad865329}.little-things li span{font:18px Georgia;color:#ae6055}.things-heading{font:49px/1.1 StoryScript;text-align:center;margin:0 0 15px}.layout-things .story-visual{padding:25px}.layout-things .pressed-flowers{position:relative;left:auto;bottom:auto;height:200px;width:130px;transform:rotate(10deg);margin-top:16px}.things-aside{font:23px StoryScript;text-align:center;max-width:230px;line-height:1.3;color:#a07852}.flap-pocket{position:relative;margin:18px auto 25px;width:100%;height:180px;perspective:800px;background:#e2c391;box-shadow:0 4px 12px #67432130;transform:rotate(3deg)}.flap-secret{position:absolute;inset:0;display:grid;place-content:center;font:24px/1.2 StoryScript;padding:18px;background:#ebd4ac}.flap-cover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:linear-gradient(140deg,#f5e2be,#d5b782);color:#795134;transform-origin:top;transition:transform .85s;backface-visibility:hidden;box-shadow:0 4px 9px #79522c25}.flap-cover strong{font:30px StoryScript;font-weight:400}.flap-cover span{font:12px Georgia;margin-top:15px}.flap-pocket.open .flap-cover{transform:rotateX(165deg);pointer-events:none}.flap-pocket.open{margin-top:38px}.flap-pocket.open .flap-secret{z-index:3}.flap-caption{font-size:13px!important;font-style:italic;color:#a67c52}.layout-funny .story-copy>p{font-size:16px}.layout-valentine .story-visual{height:100%;min-height:250px}.valentine-rose{width:70%;height:90%;max-height:470px;object-fit:contain;transform:rotate(-12deg);filter:drop-shadow(4px 8px 5px #55301933)}.layout-valentine .story-copy h1{font-size:53px;color:#9d443f}.layout-valentine .handwritten{font-size:31px}.envelope{position:relative;width:92%;aspect-ratio:1.4;border:1px solid #b78e5d;background:linear-gradient(140deg,#f6e4c3,#d8b989);color:#864b3c;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 18px #65462944;transform:rotate(-6deg);padding:20px;isolation:isolate}.envelope:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 49.6%,#9e794c55 50%,#f5e4c2 50.5%);z-index:-1;transform-origin:top;transition:transform .9s}.envelope span{font:39px StoryScript}.envelope b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#8b3637;color:#ecc2a2;border:3px double #b66557;font:27px Georgia;margin-top:18px;box-shadow:0 2px 5px #5b261d44}.envelope.open:before{transform:rotateX(170deg)}.personal-letter{text-align:left;position:relative;animation:letter-emerge 1s ease-out}.personal-letter h2{font-size:37px;margin-bottom:17px}.personal-letter p{font-size:16px;line-height:1.65;margin-bottom:15px}.personal-letter .signature{font:29px/1.2 StoryScript;text-align:right}.personal-letter strong{font:32px StoryScript;font-weight:400;color:#963f3a}.layout-letter .story-visual>p{font-size:14px;color:#957146;text-align:center;line-height:1.6;margin-top:12px}.layout-blank .story-copy{grid-column:1/-1;max-width:75%;justify-self:center}.layout-blank .story-copy h1{font-size:43px;line-height:1.3;margin-bottom:45px}.layout-blank .story-copy p{font:28px/1.4 StoryScript}.layout-blank .story-copy strong{font:24px Georgia;display:block;margin-bottom:18px}.layout-blank .spread-content{background:#f3e3c852}.layout-blank .pressed-flowers{width:75px;height:170px;left:auto;right:0;bottom:-10px;opacity:.5}.layout-finale .polaroid{width:75%;max-width:300px}.layout-finale .story-copy h1{font-size:49px}.layout-finale .story-copy>p{font:25px StoryScript}.final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px}.paper-button{min-height:44px;padding:10px 17px;background:#dfc29430;border:1px solid #a67b4e70;border-radius:30px;color:#7b5437;font-size:14px}.paper-button:hover{background:#d7b37b33}.save-status{font:12px/1.4 Georgia!important;margin-top:14px!important;color:#946e49;min-height:32px}.photo-dialog{width:min(520px,calc(100vw - 26px));max-height:calc(100svh - 30px);border:0;background:transparent;padding:52px 15px 15px;color:#fff0d4;overflow:auto;text-align:center}.photo-dialog::backdrop{background:#1c110dea;backdrop-filter:blur(7px)}.photo-dialog>.round-button{position:absolute;top:2px;right:8px}.photo-dialog figure{margin:0;padding:13px 13px 24px;background:#f4e5c9;color:#6e4b33;transform:rotate(-2deg);box-shadow:0 12px 40px #0008}.photo-dialog figure img{display:block;width:100%;max-height:56svh;object-fit:contain;background:#b79874}.photo-dialog figcaption{font:27px/1.2 StoryScript;padding:18px 8px 0}.text-button{min-height:44px;padding:10px 15px;border:0;background:none;font-size:14px;color:#d7bb91}.text-button span{margin-left:10px}.photo-dialog>.text-button{margin-top:17px}#dust{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}#dust i{position:absolute;width:2px;height:2px;background:#f5cf9455;border-radius:50%;animation:drift var(--duration) linear infinite;opacity:0}.noscript{position:absolute;inset:0;z-index:40;display:grid;place-content:center;background:#291810;padding:30px;text-align:center}@keyframes drift{20%,80%{opacity:.6}to{transform:translate(40px,-130px);opacity:0}}@keyframes letter-emerge{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){.intro-copy{top:26%;left:4%;right:auto;width:240px;text-align:left}.intro-copy>p:last-child{font-size:23px}.intro-copy em{font-size:34px}.opening-action{left:auto;right:4%;width:230px;bottom:30%}.opening-action .gold-button{padding:12px 21px;font-size:15px}[data-mode=closed] .book{transform:translateX(-25%) scale(.9) rotate(-5deg)}}
@media(max-width:700px){#storybook{min-height:660px}.book-header{left:17px;right:17px;top:14px}.book-header>p{font-size:17px}.book-header a span{font-size:23px}.book-position{padding:91px 21px 104px}.book{width:100%;height:calc(100svh - 200px);min-height:460px;max-height:680px;transform:rotate(-1deg)}.book-binding{inset:-5px -5px -9px}.spread{border-radius:2px 6px 6px 2px}.spread:after{left:0;width:13px;background:linear-gradient(90deg,#6040254d,#e6d4b733,transparent)}.spread:before{inset:8px}.spread-content{padding:24px 25px 33px;display:flex;flex-direction:column;justify-content:center;gap:14px}.story-visual{max-height:52%;width:100%;gap:6px;flex-shrink:1;min-height:0}.story-copy{max-height:none;width:100%;flex-shrink:0}.story-copy .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:9px}.story-copy h1,.story-copy h2{font-size:30px;line-height:1.1;margin-bottom:12px}.story-copy p{font-size:15px;line-height:1.5;margin-bottom:11px}.story-copy .handwritten{font-size:23px}.story-copy .date-tag{font-size:11px;padding:5px 12px;margin-top:0}.story-copy .tiny-heart{font-size:22px;margin:8px 0}.polaroid{width:auto;max-width:91%;max-height:100%;padding:8px 8px 20px;display:flex;flex-direction:column;align-items:center;min-height:0}.polaroid img{height:100%;max-height:22svh;width:auto;max-width:100%;aspect-ratio:1.22;object-fit:cover;min-height:0}.polaroid>span{font-size:20px;margin-top:8px}.polaroid:before,.polaroid:after{width:43px;height:17px;top:-6px}.photo-note{font-size:18px;margin-top:5px}.pressed-flowers{left:-30px;bottom:-36px;width:67px;height:160px}.folio{bottom:13px;font-size:9px}.folio-left{display:none}.folio-right{right:61px}.book-caption{left:28px;transform:none;font-size:7px;bottom:13px}.page-corner{width:48px;height:49px;font-size:31px}.cover{left:0;width:calc(100% + 4px);height:calc(100% + 8px);top:-3px}.cover-title{font-size:78px}.cover-small{font-size:8px;letter-spacing:1.7px;margin-bottom:27px}.cover-names{font-size:25px}.cover-date{font-size:9px;margin-top:27px}.cover-heart{font-size:30px}.intro-copy{top:12%}.intro-copy .eyebrow{font-size:8px;margin-bottom:8px}.intro-copy>p:last-child{font-size:18px}.intro-copy em{font-size:27px}[data-mode=closed] .book{transform:translateY(30px) scale(.69) rotate(-6deg)}.opening-action{bottom:6%}.opening-action .gold-button{font-size:15px;min-height:46px}.opening-action>p{font-size:12px;margin-top:15px}.reading-nav{bottom:22px}.reading-nav>p:first-child{font-size:12px;margin-bottom:8px}.turn-hint{font-size:11px;margin-top:9px}.page-dots{gap:6px}.turning-leaf,.turning-leaf.backward{width:100%;left:0;transform-origin:left center}.turning-leaf.backward{transform-origin:right center}.leaf-page{width:100%;left:0!important}.stationary-leaf{display:none}.collage{gap:10px 10px;grid-template-columns:1fr 1fr;height:100%}.collage .polaroid{max-width:100%;padding:6px 6px 10px}.collage .polaroid img{width:100%;height:auto;max-height:13svh;aspect-ratio:1.2}.collage .polaroid>span{font-size:17px;margin-top:6px}.collage .polaroid:last-child{width:62%;padding-bottom:7px}.collage .polaroid:last-child img{max-height:11svh;aspect-ratio:1.5}.layout-adventures .story-visual{max-height:68%;flex:1}.layout-adventures .story-copy h1{font-size:30px;margin-bottom:7px}.layout-adventures .story-copy p{font-size:14px;margin-bottom:0}.layout-adventures .story-copy .eyebrow{display:none}.layout-adventures .photo-note{display:none}.layout-things .spread-content{justify-content:center;gap:18px}.layout-things .story-visual{max-height:none;padding:0}.things-heading{font-size:34px;margin:0}.layout-things .story-visual>.eyebrow{font-size:8px;color:#9c764a;margin-bottom:0}.layout-things .pressed-flowers{position:absolute;left:-23px;bottom:-290px;width:57px;height:180px;opacity:.75}.things-aside{display:none}.little-things{gap:13px;padding:0 5px 0 16px}.little-things li{font-size:24px;gap:10px;padding-bottom:12px}.little-things li span{font-size:16px}.layout-funny .story-visual{max-height:40%}.layout-funny .polaroid img{max-height:17svh}.layout-funny .story-copy h1{font-size:30px;margin-bottom:8px}.layout-funny .story-copy>.eyebrow{display:none}.layout-funny .story-copy>p{font-size:14px}.flap-pocket{height:125px;margin:12px auto 9px;width:95%}.flap-cover strong{font-size:27px}.flap-cover span{font-size:11px;margin-top:10px}.flap-secret{font-size:23px;padding:12px}.flap-pocket.open{margin-top:12px}.flap-caption{display:none}.layout-favorite .story-copy h1{font-size:30px}.layout-valentine .spread-content{flex-direction:row;gap:0;padding:24px 19px 33px}.layout-valentine .story-visual{position:absolute;left:0;top:6%;width:30%;height:88%;max-height:none;min-height:0;opacity:.95}.valentine-rose{width:100%;height:100%;max-height:none;object-fit:contain;transform:rotate(-8deg)}.layout-valentine .story-copy{margin-left:24%;width:76%}.layout-valentine .story-copy h1{font-size:37px}.layout-valentine .story-copy .handwritten{font-size:27px}.layout-letter .story-visual{max-height:42%;width:90%}.envelope{width:85%;max-height:100%;aspect-ratio:1.45;padding:12px}.envelope span{font-size:29px}.envelope b{width:33px;height:33px;font-size:22px;margin-top:11px}.layout-letter .story-visual>p{font-size:12px;margin:9px 0 0}.layout-letter.letter-open .story-visual{display:none}.layout-letter.letter-open .spread-content{padding:31px 29px 33px}.personal-letter h2{font-size:35px}.personal-letter p{font-size:16px;line-height:1.55;margin-bottom:15px}.personal-letter .signature{font-size:28px}.personal-letter strong{font-size:32px}.layout-blank .story-copy{max-width:95%}.layout-blank .story-copy h1{font-size:34px;line-height:1.3;margin-bottom:42px}.layout-blank .story-copy p{font-size:26px}.layout-blank .story-copy strong{font-size:22px;margin-bottom:22px}.layout-blank .pressed-flowers{width:55px;height:150px;right:-19px}.layout-finale .story-visual{max-height:40%}.layout-finale .polaroid{width:75%;max-width:220px}.layout-finale .polaroid img{width:100%;height:auto;max-height:19svh;aspect-ratio:1.4}.layout-finale .story-copy h1{font-size:33px;margin-bottom:10px}.layout-finale .story-copy>p{font-size:22px;margin-bottom:12px}.layout-finale .story-copy>.eyebrow{display:none}.final-actions{gap:8px;margin-top:17px;flex-wrap:nowrap}.paper-button{font-size:12px;min-height:42px;padding:9px 12px;white-space:nowrap}.save-status{font-size:11px!important;min-height:20px;margin:9px 0 0!important}.photo-dialog figcaption{font-size:25px}}
@media(max-height:720px) and (max-width:700px){.spread-content{padding:21px 22px 31px;gap:12px}.story-copy h1,.story-copy h2{font-size:27px}.story-copy p{font-size:14px;line-height:1.5}.polaroid img{max-height:20svh}.polaroid>span{font-size:19px}.story-copy .handwritten{font-size:22px}.cover-title{font-size:65px}.cover-small{margin-bottom:20px}.cover-date{margin-top:21px}.cover-names{font-size:23px}.little-things li{font-size:22px}.layout-finale .story-copy h1{font-size:29px}.layout-finale .polaroid img{max-height:17svh}.personal-letter p{font-size:15px}.layout-letter.letter-open .spread-content{padding:27px 24px 30px}}
@media(max-height:550px) and (min-width:701px){#storybook{min-height:430px}.book-position{padding:70px 55px 64px}.book{height:calc(100svh - 139px);min-height:280px;width:min(720px,100%)}.spread-content{padding:20px 25px;column-gap:42px}.story-copy h1,.story-copy h2{font-size:28px;margin-bottom:10px}.story-copy p{font-size:13px;line-height:1.45;margin-bottom:10px}.story-copy .eyebrow{font-size:8px;margin-bottom:9px}.story-copy .handwritten{font-size:21px}.story-copy .date-tag{font-size:11px;padding:5px 10px;margin-top:0}.polaroid{width:75%;padding:7px 7px 18px}.polaroid img{max-height:160px;aspect-ratio:1.4}.polaroid>span{font-size:18px;margin-top:7px}.photo-note{font-size:18px}.cover-title{font-size:49px}.cover-small{font-size:7px;margin-bottom:15px}.cover-heart{font-size:22px;margin:9px 0}.cover-names{font-size:20px;margin-top:6px}.cover-date{font-size:7px;margin-top:17px}.intro-copy{left:3%;top:28%;right:auto;width:170px;text-align:left}.intro-copy>p:last-child{font-size:17px}.intro-copy .eyebrow{font-size:8px}.intro-copy em{font-size:24px}.opening-action{left:auto;right:2%;bottom:29%;width:185px}.opening-action .gold-button{font-size:13px;padding:11px 16px;gap:10px}.reading-nav{bottom:10px}.reading-nav>p:first-child{font-size:11px;margin-bottom:7px}.turn-hint{display:none}.page-dots i{width:3px;height:3px}.collage{gap:8px}.collage .polaroid{padding:6px}.collage .polaroid img{max-height:90px}.collage .polaroid>span{font-size:15px}.collage .polaroid:last-child{width:50%}.layout-adventures .story-copy h1{font-size:30px}.things-heading{font-size:30px}.layout-things .pressed-flowers{height:100px;margin-top:0}.things-aside{display:none}.little-things{gap:7px}.little-things li{font-size:20px;padding-bottom:6px}.flap-pocket{height:100px;margin:10px 0}.flap-cover strong{font-size:24px}.flap-cover span{font-size:10px;margin-top:5px}.flap-secret{font-size:20px}.flap-caption{display:none}.layout-funny .story-copy>p{font-size:13px}.layout-valentine .story-copy h1{font-size:36px}.layout-valentine .handwritten{font-size:25px}.layout-letter .envelope{width:80%}.envelope span{font-size:28px}.envelope b{width:31px;height:31px;font-size:20px;margin-top:10px}.layout-letter .story-visual>p{font-size:12px}.personal-letter h2{font-size:26px;margin-bottom:8px}.personal-letter p{font-size:12px;line-height:1.35;margin-bottom:7px}.personal-letter strong{font-size:25px}.personal-letter .signature{font-size:22px}.layout-blank .story-copy h1{font-size:32px;margin-bottom:23px}.layout-blank .story-copy strong{font-size:18px;margin-bottom:12px}.layout-blank .story-copy p{font-size:23px}.layout-finale .story-copy h1{font-size:32px}.layout-finale .story-copy>p{font-size:22px}.final-actions{margin-top:15px;gap:8px}.paper-button{font-size:12px;padding:8px 13px}.save-status{font-size:10px!important;min-height:20px;margin-top:7px!important}.book-header>p{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){.book-header>p{display:none}}
@media(max-width:700px){.layout-letter.letter-open .story-copy{height:100%;max-height:100%;display:flex;align-items:center}.layout-letter .personal-letter{width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ad8a5755 transparent;padding:3px 5px 9px}.layout-letter .personal-letter h2{margin-top:4px}}

/* The facing page belongs to the book, rather than the temporary turning leaf. */
.facing-page{display:none}
@media(max-width:700px){
 .book-position{padding-left:44px;padding-right:17px}
 .facing-page{display:block;position:absolute;right:100%;top:2px;bottom:2px;width:35px;overflow:hidden;pointer-events:none;background:#edddbe;border-radius:4px 0 0 4px;box-shadow:-3px 3px 0 #b0956b,-5px 7px 0 #5b3724;transform:skewY(3deg);transform-origin:right center}
 .facing-page>.spread{left:auto;right:0;width:calc(100vw - 61px);height:100%;border-radius:4px 0 0 4px;filter:brightness(.92)}
 .facing-page:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#906c3d0a,transparent 35%,#6d48252b 78%,#43281570);pointer-events:none}
 .facing-page .spread:after{display:none}
 .facing-page .personal-letter{animation:none!important}
 .page-corner.previous{left:-35px;width:35px;background:none;font-size:27px}
 [data-mode=closed] .facing-page{display:none}
 [data-mode=closed] .book{translate:-13px 0}
}
@media(max-width:360px){.layout-first .photo-note,.layout-first .story-copy>p:last-child{display:none}.layout-first .polaroid img{min-height:110px}.layout-first .story-copy h1{font-size:25px;margin-bottom:9px}.layout-first .story-copy .handwritten{font-size:21px}}