:root{--sky:#b9dbef;--paper:#fffaf0;--ink:#30526c;--blue:#77b4d8;--pencil:#7993a4;color:var(--ink);background:var(--sky);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline-offset:5px;outline:2px dashed #377da7}button:disabled{cursor:default}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#acd4ec}.handwritten{font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-weight:400}.journey-runway{position:relative}.scrapbook-stage{perspective:1800px;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;height:100svh;padding:16px 0 50px;display:flex;position:sticky;top:0;overflow:hidden}.sky-table{z-index:-5;background:linear-gradient(105deg,#c2dfedcc,#e2eff2b3),url(/assets/clouds-in-blue-sky.jpg) 50%/cover;position:absolute;inset:0}.sky-table:after{content:"";background:repeating-linear-gradient(35deg,#ffffff0a 0 1px,#0000 1px 5px);position:absolute;inset:0}.desk-scrap{z-index:-2;position:absolute;box-shadow:0 12px 25px #284c6826}.desk-botanical{background:#fff8de;width:240px;padding:10px;top:8%;left:-55px;transform:rotate(-18deg)}.desk-photo{background:#fffef6;width:260px;padding:12px 12px 35px;bottom:2%;right:-75px;transform:rotate(17deg)}.desk-photo img{aspect-ratio:1.3;object-fit:cover}.desk-doodle{z-index:-1;color:#fefbed;text-shadow:0 2px 5px #5b849d44;font-size:90px;position:absolute}.doodle-one{top:2%;right:8%;transform:rotate(15deg)}.doodle-two{bottom:0;left:7%;transform:rotate(-15deg)}.book-object{width:min(1060px,100% - 100px);height:min(700px,100svh - 125px);transform-style:preserve-3d;perspective:1800px;margin-bottom:15px;transition:width .7s cubic-bezier(.2,.7,.2,1);position:relative;transform:rotate(-.65deg)rotateX(2deg)}.book-object.closed-book{width:min(610px,100% - 100px)}.book-bottom{z-index:-3;background:#6e9eba;border:1px solid #638ea8;border-radius:4px 15px 10px 4px;position:absolute;inset:0 -9px -20px -5px;transform:translateZ(-22px);box-shadow:0 35px 55px #28506d42,0 7px 11px #23476140}.book-pages{z-index:-2;background:repeating-linear-gradient(#f1e8d5 0 2px,#fffdf2 2px 4px);border:1px solid #ccbfa7;border-radius:0 10px 6px 0;position:absolute;inset:5px -5px -12px 5px;transform:translateZ(-10px)}.book-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);z-index:-1;filter:drop-shadow(2px 2px 1px #31556c55);background:#799fbe;width:24px;height:77px;position:absolute;bottom:-43px;right:70px;transform:rotate(7deg)}.book-leaf{isolation:isolate;background:var(--paper);height:100%;transform-style:preserve-3d;border:1px solid #ddd2b8;border-radius:2px 10px 6px 2px;position:relative;box-shadow:inset 14px 0 20px -17px #55728a88;container-type:size}.book-leaf:before{content:"";z-index:2;pointer-events:none;border-left:1px solid #b6cccf77;border-right:1px solid #fffa;width:2px;position:absolute;top:0;bottom:0;left:12px}.book-leaf:after{content:"";filter:drop-shadow(-2px -2px 2px #3a5c6b22);pointer-events:none;border-top:26px solid #e6e5d6;border-right:26px solid #0000;position:absolute;bottom:0;right:0;transform:rotate(180deg)}.paper-grain{pointer-events:none;z-index:10;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.13' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.page-turn{z-index:30;pointer-events:none;transform-origin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;background:linear-gradient(90deg,#dccdb7,#fffaed 12%,#f7f2e5);position:absolute;inset:0 0 0 50%;box-shadow:8px 2px 20px #33556c22}.binder-rings{z-index:20;pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:15%;bottom:15%;left:-16px}.binder-rings i{border:4px solid #b7bdba;border-color:#f3f4ef #b7bdba #788994;border-radius:50%;width:36px;height:13px;transform:rotate(-7deg);box-shadow:0 3px 3px #35556a55,inset 0 1px 2px #35556a77}.page-view{border-radius:inherit;perspective:1400px;width:100%;height:100%;position:relative;overflow:hidden}.page-heading{z-index:3;position:absolute;top:6%;left:7%}.pencil-label{letter-spacing:.19em;text-transform:uppercase;color:var(--pencil);font-family:Arial,sans-serif;font-size:9px;font-weight:700}h1,h2,p{margin:0}h2{letter-spacing:-.055em;margin-top:12px;font-size:clamp(36px,5.5cqw,65px);font-weight:400;line-height:1.02}h2 em{color:#679fc2;font-weight:400}h2+p{color:#7a8a90;margin-top:20px;font-size:14px;line-height:1.7}.tape,.photo-tape{clip-path:polygon(2% 0,100% 3%,98% 100%,0 96%);z-index:5;background:#afd1dfaa;width:80px;height:24px;position:absolute;box-shadow:0 1px 1px #668da31a}.character-sticker{object-fit:contain;filter:drop-shadow(3px 0 #fffdf3)drop-shadow(-3px 0 #fffdf3)drop-shadow(0 3px #fffdf3)drop-shadow(0 -3px #fffdf3)drop-shadow(5px 9px 3px #34546c40);transform-origin:bottom;transition:filter .25s,scale .25s}.character-sticker:hover{filter:drop-shadow(3px 0 #fffdf3)drop-shadow(-3px 0 #fffdf3)drop-shadow(0 3px #fffdf3)drop-shadow(0 -3px #fffdf3)drop-shadow(8px 14px 4px #34546c44);scale:1.05}.closed-book .book-leaf{background:#9cc5dd;border-color:#7da9c4;box-shadow:inset 10px 0 13px #4c7d9f44,inset -3px 0 5px #e4f3f7aa}.closed-book .book-leaf:before{border-color:#54829b55;left:18px}.cover-page{background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff09 2px 3px),repeating-linear-gradient(90deg,#0000 0 3px,#386b9608 3px 4px)}.cover-edition{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#427493;width:100%;font-size:10px;position:absolute;top:4%}.cover-label{text-align:center;background:#fff9e8;border:1px solid #e2d5b8;width:76%;padding:5% 6%;position:absolute;top:10%;left:12%;transform:rotate(-3deg);box-shadow:3px 8px 9px #456c7d26}.cover-label:after{content:"";pointer-events:none;border:1px solid #b7cbd1;position:absolute;inset:7px}.cover-label>.handwritten{color:#89a7b5;font-size:17px}.cover-label h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(42px,10cqw,67px);font-weight:400;line-height:.99}.cover-label h1 em{color:#689fbe;font-weight:400}.cover-rule{background:#bdd3da;width:55px;height:1px;margin:14px auto;display:block}.cover-label p{color:#7390a4;font-size:13px;font-style:italic}.cover-collage{perspective:800px;height:31%;position:absolute;bottom:17%;left:12%;right:2%}.cover-botanical{object-fit:cover;object-position:50% 40%;background:#fff9df;width:37%;height:105%;padding:5px;position:absolute;left:1%;transform:rotate(-13deg);box-shadow:4px 7px 7px #3a5b7133}.cover-flower-photo{object-fit:cover;border:7px solid #fffdf0;width:49%;height:86%;position:absolute;top:6%;left:27%;transform:rotate(8deg);box-shadow:3px 8px 9px #36546b44}.cover-kaito{height:131%;position:absolute;bottom:-7%;right:0;transform:rotate(8deg)}.paper-star{color:#fff8c7;text-shadow:2px 4px #456e9844;font-size:70px;position:absolute;bottom:-13%;left:34%;transform:rotate(15deg)}.tape-cover{top:-3%;left:30%;transform:rotate(-9deg)}.open-book{white-space:nowrap;background:#fff9e8;border:0;border-bottom:1px solid #477fa2;padding:11px 22px;font-size:15px;font-style:italic;transition:box-shadow .2s,margin-bottom .2s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:3px 4px #4d83a259}.open-book span{margin-left:20px}.open-book:hover{margin-bottom:4px;box-shadow:5px 8px #4d83a240}.cover-scribble{text-align:center;color:#487c9d;width:100%;font-size:12px;position:absolute;bottom:3%}.map-page .page-heading{top:7%;left:8%}.map-page .page-heading h2{font-size:clamp(35px,5cqw,60px)}.adventure-map{width:69%;height:64%;position:absolute;top:13%;right:4%}.map-path{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-path path{stroke:#9eb9c4;stroke-width:2px;stroke-dasharray:5 8;fill:none}.map-stop{z-index:1;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;transition:scale .2s;display:flex;position:absolute}.map-stop:hover{scale:1.08}.map-stop>span:last-child{white-space:nowrap;background:#fffaf0dd;padding:4px 7px;font-size:13px;font-style:italic}.map-stop b{color:#7ca8c0;margin-right:6px;font-family:Arial,sans-serif;font-size:8px}.stop-garden{top:37%;left:1%;transform:rotate(-8deg)}.stop-garden img{object-fit:cover;border:5px solid #fff;width:100px;height:80px;box-shadow:2px 4px 5px #3a5d7333}.stop-photos{top:5%;left:29%;transform:rotate(10deg)}.map-photo-icon{background:#dae9e7;border:8px solid #fffdf4;border-bottom-width:25px;place-content:center;width:80px;height:95px;font-size:40px;display:grid;box-shadow:3px 6px 6px #3a5d7330}.stop-sounds{bottom:5%;left:52%;transform:rotate(-10deg)}.map-cassette{color:#fcfaf0;background:#94bfd4;border:6px solid #bfdae5;border-radius:5px;place-content:center;width:105px;height:70px;font-size:35px;display:grid;box-shadow:4px 5px #6b96ac88}.stop-mystery{top:1%;right:0;transform:rotate(7deg)}.stop-mystery img{height:145px}.map-bottom{justify-content:space-between;align-items:center;gap:30px;display:flex;position:absolute;bottom:7%;left:8%;right:7%}.map-bottom>.handwritten{color:#879aa5;font-size:17px;transform:rotate(-5deg)}.postage-stamp{letter-spacing:.1em;text-align:center;color:#698da6;background:#dceaf0;border:3px dotted #fff9ef;outline:1px solid #9db9c8;padding:13px 14px;font-family:Arial,sans-serif;font-size:9px;line-height:1.5;transform:rotate(-10deg)}.postage-stamp strong{font-size:24px;line-height:1.2;display:block}.collection-note{color:#8b9da4;font-size:12px;font-style:italic}.garden-page{background:linear-gradient(90deg,#0000 49.8%,#d5d0be33 50%,#0000 50.5%)}.herbarium-sheet{background:#f1e4bf;width:36%;height:78%;position:absolute;top:8%;right:7%;transform:rotate(6deg);box-shadow:4px 8px 10px #4b5c622e}.herbarium-sheet>.flower{object-fit:cover;width:100%;height:100%}.herbarium-sheet>.handwritten{white-space:nowrap;color:#7b969e;font-size:15px;position:absolute;bottom:-30px;left:-20px;transform:rotate(-6deg)}.herbarium-tape{top:-10px;left:32%;transform:rotate(-9deg)}.garden-snapshot{width:28%;transform-style:preserve-3d;background:#fffdf4;padding:9px 9px 27px;transition:rotate .3s,scale .3s;position:absolute;box-shadow:3px 8px 9px #3c5b6d2b}.garden-snapshot:hover{rotate:-2deg;scale:1.04}.garden-snapshot>.flower{object-fit:cover;width:100%;height:100%}.garden-snapshot>span:not(.tape){white-space:nowrap;font-size:12px;font-style:italic;position:absolute;bottom:8px;left:12px}.snapshot-one{height:30%;top:38%;left:8%;transform:rotate(-9deg)}.snapshot-one .tape{top:-12px;left:30%;transform:rotate(12deg)}.snapshot-two{height:25%;top:62%;left:29%;transform:rotate(8deg)}.garden-label{z-index:2;background:#eaf0e6;border:1px solid #b4c8caaa;padding:13px 20px;position:absolute;top:33%;left:34%;transform:rotate(7deg);box-shadow:2px 3px 4px #31586e15}.garden-label>.handwritten{color:#5b8c9e;font-size:24px}.garden-label p{margin:3px 0 10px;font-size:13px;font-style:italic}.garden-label>span:last-child{color:#87938c;font-size:10px;line-height:1.6}.flower-seal{z-index:6;background:#fffdf1;border:0;border-radius:40% 60% 42% 58%/58% 43% 57% 42%;width:73px;height:73px;padding:5px;transition:scale .25s,rotate .3s;position:absolute;transform:rotate(-10deg);box-shadow:3px 7px 6px #42667b33}.flower-seal>.flower{object-fit:cover;border-radius:inherit;width:100%;height:100%}.flower-seal>span{color:#fff;background:#74aeca;border:2px solid #fffbed;border-radius:50%;place-items:center;width:23px;height:23px;font-family:Arial,sans-serif;font-size:15px;display:grid;position:absolute;bottom:-5px;right:-4px}.flower-seal:hover{rotate:8deg;scale:1.12}.flower-seal.collected{box-shadow:0 0 0 3px #aecad2,3px 7px 6px #42667b33}.flower-seal.collected>span{background:#699382}.garden-seal{bottom:8%;left:10%}.garden-hint{color:#789ba7;font-size:13px;position:absolute;bottom:9%;left:19%;transform:rotate(-9deg)}.photo-pair{perspective:1400px;width:54%;height:45%;display:flex;position:absolute;top:37%;left:7%}.photo-flip{perspective:1000px;z-index:2;background:0 0;border:0;width:52%;height:100%;padding:0;position:relative;transform:rotate(-9deg)}.photo-1{z-index:1;transform:rotate(8deg)translate(-4%,8%)}.photo-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;background:#fffdf6;flex-direction:column;padding:12px 12px 35px;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0;box-shadow:3px 8px 12px #34556933}.photo-front{transform:rotateY(0)}.photo-back{background:repeating-linear-gradient(0deg,#fffbee 0 23px,#a9cbd333 23px 24px);justify-content:center;align-items:center;gap:15px;padding:22px 16px;font-style:italic;transform:rotateY(-180deg)}.photo-back>span:first-child{color:#8c9da3;font-size:14px}.photo-back em{font-size:18px;line-height:1.5}.photo-back small{color:#91a0a6;font-size:10px}.hand-heart{color:#79abc6;font-size:32px}.is-flipped .photo-front{transform:rotateY(180deg)}.is-flipped .photo-back{transform:rotateY(0)}.photo-window{background:#dfeced;width:100%;height:100%;overflow:hidden}.photo-window>img{object-fit:cover;width:100%;height:100%}.empty-photo{color:#87a3af;background:repeating-linear-gradient(0deg,#0000 0 25px,#a7c4cc22 25px 26px);flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:13px;font-style:italic;line-height:1.6;display:flex}.empty-photo>span{margin-bottom:10px;font-size:28px}.photo-caption{text-align:left;font-size:12px;font-style:italic;position:absolute;bottom:12px;left:12px;right:8px}.photo-tape{width:62px;top:-12px;left:30%;transform:rotate(7deg)}.photo-hint{color:#86a0aa;font-size:13px;position:absolute;bottom:8%;left:17%;transform:rotate(-5deg)}.memory-envelope{z-index:3;width:31%;height:33%;position:absolute;bottom:16%;right:7%;transform:rotate(7deg)}.memory-flower{object-fit:cover;border:6px solid #fffcf1;border-radius:48%;width:90px;height:90px;position:absolute;top:15%;right:13%;transform:rotate(12deg);box-shadow:3px 7px 8px #34536926}.memory-ticket{letter-spacing:.14em;background:#e8ead7;border-top:2px dashed #bdc8bc;border-bottom:2px dashed #bdc8bc;width:28%;padding:14px 20px;font-family:Arial,sans-serif;font-size:8px;position:absolute;top:37%;right:8%;transform:rotate(-8deg);box-shadow:2px 4px 4px #44687916}.memory-ticket strong{letter-spacing:0;margin:7px 0;font-family:Georgia,serif;font-size:18px;font-weight:400;display:block}.memory-ticket>span{letter-spacing:0;color:#7c8f91;font-size:8px}.envelope-scene{perspective:1000px;width:100%;height:100%;position:relative}.envelope{bottom:0;height:77%;transform-style:preserve-3d;background:#bbd6df;border:0;padding:0;position:absolute;inset-inline:0;box-shadow:4px 10px 12px #34536a30}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 60%);transform-origin:top;z-index:4;filter:drop-shadow(0 3px 2px #527c9155);background:#c7dfe5;transition:transform .6s,filter .6s;position:absolute;inset:0}.envelope-pocket{z-index:3;background:linear-gradient(32deg,#a4c4d1 49%,#0000 50%) 0/50% 100% no-repeat,linear-gradient(-32deg,#b5d2de 49%,#0000 50%) 100%/50% 100% no-repeat;position:absolute;inset:0}.envelope-address{z-index:4;color:#497a96;font-size:14px;font-style:italic;position:absolute;bottom:12%;left:0;right:0}.wax-seal{color:#ecf7f8;z-index:5;background:#699ab4;border-radius:45%;place-items:center;width:37px;height:37px;font-size:23px;transition:opacity .2s;display:grid;position:absolute;top:41%;left:calc(50% - 18px);box-shadow:2px 3px 2px #416e8655,inset 1px 1px 2px #aecbdc}.letter-insert{z-index:1;background:#fffcf2;border:1px solid #e9e2d1;height:71%;padding:15px 20px;transition:transform .8s cubic-bezier(.2,.6,.2,1),z-index 0s .3s;position:absolute;top:20%;left:7%;right:7%;overflow:auto;transform:translateY(0)rotate(-2deg);box-shadow:0 2px 5px #35576d22}.letter-insert>.handwritten{color:#668da4;font-size:16px}.letter-insert p{color:#7d8c92;margin-top:10px;font-size:12px;line-height:1.6}.letter-insert p.handwritten{font-size:12px}.is-open .envelope-flap{filter:none;z-index:0;transform:rotateX(180deg)}.is-open .wax-seal{opacity:0}.is-open .letter-insert{z-index:5;transform:translateY(-72%)rotate(-4deg)}.interaction-note{text-align:center;color:#809aa7;pointer-events:none;font-size:11px;font-style:italic;position:absolute;bottom:-32px;left:-10%;right:-10%}.film-keepsake{background:#324a58;width:44%;padding:10px 10px 23px;position:absolute;top:40%;left:7%;transform:rotate(-5deg);box-shadow:4px 10px 9px #38596d30}.film-perforations{opacity:.7;background:repeating-linear-gradient(90deg,#fffae5 0 11px,#0000 11px 21px);height:9px;margin:3px 0 6px}.film-screen{aspect-ratio:16/9;background:#cbdfdf;position:relative}.film-screen video{object-fit:contain;width:100%;height:100%}.film-empty{text-align:center;color:#7593a3;place-content:center;gap:8px;font-size:12px;font-style:italic;display:grid;position:absolute;inset:0}.film-empty b{color:#91b5c8;font-family:Arial,sans-serif;font-size:25px;font-weight:400}.film-label{color:#7f9ca9;white-space:nowrap;font-size:14px;position:absolute;top:-34px;left:0}.film-number{color:#bbd0d2;letter-spacing:.18em;font-family:Arial,sans-serif;font-size:7px;position:absolute;bottom:5px;left:14px}.cassette-keepsake{width:47%;height:55%;position:absolute;top:9%;right:3%;transform:rotate(5deg)}.cassette-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%}.loading-cassette{color:#7aa7c2;place-items:center;font-size:45px;display:grid}.cassette-keepsake>.interaction-note{font-size:11px;bottom:-2px}.tape-name{z-index:2;pointer-events:none;font-size:14px;position:absolute;bottom:17%;left:16%;transform:rotate(-3deg)}.voice-slip{background:#e0e9de;border-bottom:1px dashed #bacfca;width:35%;padding:18px 20px;position:absolute;bottom:12%;right:8%;transform:rotate(5deg);box-shadow:4px 7px 6px #35576b25}.voice-slip:before{content:"";background:#d0dcbc99;width:65px;height:22px;position:absolute;top:-10px;left:30%;transform:rotate(-4deg)}.voice-label{color:#688b8c;font-size:14px}.voice-waiting>span{color:#83aeb6;white-space:nowrap;margin-top:10px;font-family:Arial,sans-serif;font-size:21px;display:block}.voice-waiting>small{color:#8b9c9a;font-size:9px;font-style:italic}.voice-slip audio{width:100%;height:35px;margin-top:10px}.voice-slip>p{font-size:11px;line-height:1.5}.sound-flower{object-fit:cover;border:5px solid #fff;border-radius:44% 56% 42% 58%;width:80px;height:80px;position:absolute;bottom:10%;left:43%;transform:rotate(-14deg);box-shadow:2px 5px 5px #41687c33}.mystery-page{background:repeating-linear-gradient(0deg,#0000 0 31px,#aac4ca22 31px 32px),#f7f3e7}.mystery-page .page-heading{top:6%;left:8%}.mystery-page .page-heading h2{font-size:clamp(37px,5.5cqw,64px)}.mystery-stamp{color:#7394aa;text-align:center;letter-spacing:.15em;opacity:.65;border:2px solid #7394aa;padding:8px 15px;font-family:Arial,sans-serif;font-size:13px;font-weight:700;position:absolute;top:9%;right:13%;transform:rotate(12deg)}.character-keepsake{z-index:3;height:56%;transform-style:preserve-3d;position:absolute;bottom:20%}.character-keepsake>.character-sticker{object-fit:contain;width:100%;height:100%}.kid-keepsake{width:25%;left:9%;transform:rotate(-9deg)}.conan-keepsake{width:20%;height:49%;right:10%;transform:rotate(8deg)}.name-scrap{white-space:nowrap;background:#e2edf0;padding:5px 12px;font-size:15px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)rotate(-6deg);box-shadow:2px 4px 4px #355c7322}.clue-keepsake{perspective:1000px;z-index:4;width:22%;height:40%;position:absolute;top:29%;left:40%;transform:rotate(8deg)}.playing-card{transform-style:preserve-3d;background:0 0;border:0;border-radius:6px;padding:0;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;box-shadow:5px 10px 10px #39576b2e}.playing-card.is-flipped{transform:rotateY(180deg)}.playing-card-front,.playing-card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fffdf2;border:1px solid #b5cbd3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.playing-card-front:after{content:"";border:1px solid #d5d8c6;border-radius:3px;position:absolute;inset:7px}.playing-card-front>span{text-align:center;color:#74a0be;font-size:19px;line-height:.95;position:absolute;top:12px;left:13px}.playing-card-front>b{color:#80b0cd;text-shadow:3px 4px #c3dbe6;font-size:90px;font-weight:400}.playing-card-front>small{color:#96a8ac;margin-top:10px;font-size:10px;font-style:italic}.playing-card-back{background:#d5e7ec;padding:15px;transform:rotateY(180deg)}.playing-card-back>.handwritten{font-size:19px;line-height:1.5}.playing-card-back>p{margin-top:13px;font-size:15px;line-height:1.6}.playing-card-back>span:last-child{margin-top:12px;font-size:28px}.clue-note{text-align:center;color:#819da9;font-size:12px;line-height:1.6;position:absolute;bottom:-60px;left:-20px;right:-20px;transform:rotate(-7deg)}.scene-strip{background:#fffdf4;gap:8px;width:59%;height:18%;padding:8px 8px 22px;display:flex;position:absolute;bottom:5%;left:7%;transform:rotate(-4deg);box-shadow:2px 6px 6px #3b5e7126}.scene-strip figure{width:50%;height:100%;margin:0;position:relative}.scene-strip img{object-fit:cover;width:100%;height:100%}.scene-strip figcaption{color:#7c99a8;font-size:10px;font-style:italic;position:absolute;bottom:-17px;left:4px}.mystery-seal{width:61px;height:61px;bottom:7%;right:9%}.chapter-music{text-align:center;color:#7c96a7;font-size:11px;position:absolute;bottom:1.6%;left:22%;right:7%}.chapter-music button{background:#d4e6ec;border:0;padding:7px 12px;font-size:11px;font-style:italic}.art-credit{writing-mode:vertical-rl;color:#9ca5a0;font-family:Arial,sans-serif;font-size:6px;position:absolute;top:37%;right:5%}.letter-page .page-heading{top:7%;left:9%}.final-letter{z-index:5;height:31%;position:absolute;bottom:22%;left:34%;right:17%;transform:rotate(-5deg)}.final-envelope .letter-insert{height:115%;padding:22px 24px;top:-7%}.final-envelope .letter-insert p{font-size:15px}.final-envelope .letter-insert>.handwritten{font-size:20px}.final-envelope.is-open .letter-insert{transform:translateY(-42%)rotate(2deg)}.letter-botanical{object-fit:cover;opacity:.85;width:22%;height:62%;position:absolute;top:11%;right:5%;transform:rotate(10deg);box-shadow:3px 6px 6px #345b7022}.letter-photo{object-fit:cover;border:8px solid #fffdf1;border-bottom-width:25px;width:25%;height:34%;position:absolute;bottom:17%;left:8%;transform:rotate(-12deg);box-shadow:3px 6px 6px #345b702b}.letter-conan{z-index:7;height:23%;position:absolute;bottom:18%;right:9%;transform:rotate(13deg)}.letter-seal{width:62px;height:62px;bottom:14%;left:11%}.journey-end{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:5%;left:15%;right:10%}.journey-end>.handwritten{color:#8da6ad;font-size:14px}.journey-end button{color:#5c8aa5;background:0 0;border:0;border-bottom:1px dashed #9ab7c5;padding:3px 0;font-size:12px;font-style:italic}.bookmark-tab{z-index:-1;color:#f8fbf7;background:#7da5bf;border:0;width:78px;height:29px;padding:0 14px 0 4px;font-size:11px;font-style:italic;position:absolute;top:12%;right:-32px;transform:rotate(90deg);box-shadow:3px -2px 4px #31536a33}.chapter-map{z-index:40;background:#fff9e9;border:1px solid #cbd6cd;width:260px;padding:25px 25px 20px;position:absolute;top:10%;right:20px;transform:rotate(3deg);box-shadow:0 12px 40px #264d6d55}.chapter-map>.handwritten{color:#7298ae;margin-bottom:15px;font-size:15px;display:block}.chapter-map button{text-align:left;background:0 0;border:0;border-bottom:1px solid #c5d4d455;align-items:center;gap:15px;width:100%;padding:11px 0;font-size:13px;display:flex}.chapter-map button>span:first-child{color:#9cb6c1;font-family:Arial,sans-serif;font-size:8px}.chapter-map button>span:last-child{margin-left:auto}.chapter-map button[aria-current]{color:#69a1bf;font-style:italic}.book-controls{color:#466e88;justify-content:space-between;align-items:center;gap:18px;width:260px;display:flex;position:absolute;bottom:27px}.page-arrow{background:#fff9e3b3;border:0;border-radius:50%;width:31px;height:31px;font-size:20px;transition:transform .2s;box-shadow:1px 2px 3px #466e881c}.page-arrow:hover:not(:disabled){transform:translateY(-3px)}.page-arrow:disabled{opacity:.25}.page-position{flex-direction:column;align-items:center;gap:5px;min-width:140px;font-size:12px;font-style:italic;display:flex}.page-count{letter-spacing:.15em;font-family:Arial,sans-serif;font-size:8px;font-style:normal}.page-count i{opacity:.4;margin:0 6px;font-weight:400}.scroll-whisper{color:#6d93ab;font-size:11px;font-style:italic;position:absolute;bottom:25px;left:26px}.scroll-whisper>span{margin-left:8px;animation:2s ease-in-out infinite float;display:inline-block}.flower-collection{color:#aac1ca;gap:9px;font-size:22px;display:flex;position:absolute;bottom:25px;right:30px}.flower-collection>span{transition:color .3s,transform .3s}.flower-collection>span.found{color:#4d93bf;text-shadow:0 1px #fff9de;transform:rotate(15deg)}@keyframes float{50%{transform:translateY(4px)}}@media (max-width:700px){.scrapbook-stage{padding:14px 0 76px}.book-object,.book-object.closed-book{width:calc(100% - 42px);height:calc(100svh - 116px);margin-bottom:0;transform:rotate(-.5deg)}.book-bottom{inset:0 -5px -14px -4px;box-shadow:0 15px 30px #28506d33,0 6px 8px #23476130}.book-pages{inset:4px -3px -9px 4px}.binder-rings{left:-12px}.binder-rings i{border-width:3px;width:28px;height:11px}.book-leaf:before{left:10px}.book-leaf:after{border-top-width:18px;border-right-width:18px}.page-turn{left:0}.bookmark-tab{width:70px;height:24px;font-size:10px;top:14%;right:-29px}.book-ribbon{width:18px;height:55px;bottom:-31px;right:32px}.page-heading{top:6%;left:9%}.pencil-label{letter-spacing:.14em;font-size:7px}h2{margin-top:9px;font-size:clamp(30px,9cqw,43px)}h2+p{margin-top:12px;font-size:11px;line-height:1.6}.desk-botanical{width:130px;top:3%;left:-65px}.desk-photo{width:160px;padding:8px 8px 22px;bottom:3%;right:-60px}.doodle-one{font-size:50px;top:0;right:3%}.doodle-two{font-size:55px;left:0}.cover-edition{font-size:7px;top:4%}.cover-label{width:78%;padding:7% 5%;top:10%;left:12%}.cover-label>.handwritten{font-size:12px}.cover-label h1{margin:9px 0;font-size:clamp(40px,14cqw,58px)}.cover-label p{font-size:11px;line-height:1.5}.cover-rule{margin:9px auto}.cover-collage{height:29%;bottom:17%;left:10%}.cover-kaito{height:125%;right:2%}.cover-botanical{width:42%}.cover-flower-photo{border-width:5px;width:54%;left:20%}.paper-star{font-size:48px}.tape-cover{width:55px;height:18px}.open-book{padding:10px 16px;font-size:12px;bottom:8%}.open-book span{margin-left:10px}.cover-scribble{font-size:9px;bottom:3%}.map-page .page-heading{top:6%;left:10%}.map-page .page-heading h2{font-size:clamp(29px,9cqw,40px)}.adventure-map{width:85%;height:48%;top:34%;right:5%}.map-path{transform:rotate(12deg)}.stop-garden{top:1%;left:0}.stop-garden img{border-width:4px;width:70px;height:60px}.stop-photos{top:5%;left:38%}.map-photo-icon{border-width:5px 5px 17px;width:49px;height:62px;font-size:24px}.stop-sounds{bottom:0;left:20%}.map-cassette{border-width:4px;width:74px;height:49px;font-size:24px}.stop-mystery{top:36%;right:-1%}.stop-mystery img{height:100px}.map-stop{gap:5px}.map-stop>span:last-child{padding:3px;font-size:9px}.map-stop b{margin-right:3px;font-size:6px}.map-bottom{gap:10px;bottom:5%;left:10%;right:7%}.postage-stamp{padding:6px 8px;font-size:6px}.postage-stamp strong{font-size:16px}.map-bottom>.handwritten{font-size:10px}.collection-note{max-width:60px;font-size:8px}.herbarium-sheet{width:42%;height:57%;top:30%;right:6%}.herbarium-sheet>.handwritten{font-size:9px;bottom:-21px;left:-13px}.herbarium-tape{width:55px;height:18px}.garden-snapshot{padding:6px 6px 22px}.garden-snapshot>span:not(.tape){font-size:8px;bottom:8px;left:7px}.snapshot-one{width:46%;height:27%;top:33%;left:8%}.snapshot-two{width:42%;height:24%;top:58%;left:12%}.garden-label{max-width:40%;padding:9px 10px;top:9%;left:55%;transform:rotate(9deg)}.garden-label>.handwritten{font-size:16px}.garden-label p{margin-bottom:7px;font-size:9px}.garden-label>span:last-child{font-size:7px}.flower-seal{width:52px;height:52px;padding:4px}.flower-seal>span{width:18px;height:18px;font-size:11px}.garden-seal{bottom:5%;left:11%}.garden-hint{font-size:9px;bottom:7%;left:30%}.photo-pair{width:84%;height:34%;top:32%;left:9%}.photo-card{padding:7px 7px 28px}.photo-caption{font-size:8px;bottom:9px;left:7px}.empty-photo{font-size:9px}.empty-photo>span{margin-bottom:3px;font-size:20px}.photo-back{gap:7px;padding:10px}.photo-back>span:first-child{font-size:10px}.photo-back em{font-size:12px}.photo-back small{font-size:7px}.hand-heart{font-size:23px}.photo-tape{width:47px;height:17px;top:-8px}.photo-hint{max-width:35%;font-size:9px;bottom:22%;left:8%;transform:rotate(-7deg)}.memory-envelope{width:46%;height:24%;bottom:9%;right:9%;transform:rotate(6deg)}.memory-ticket{width:42%;padding:8px 9px;font-size:6px;display:none;top:7%;right:7%}.memory-flower{border-width:3px;width:40px;height:40px;top:14%;right:9%;transform:rotate(8deg)}.envelope-address{font-size:10px}.wax-seal{width:27px;height:27px;font-size:17px;left:calc(50% - 13px)}.letter-insert{padding:9px 11px}.letter-insert>.handwritten{font-size:12px}.letter-insert p{margin-top:5px;font-size:9px;line-height:1.4}.letter-insert p.handwritten{font-size:9px}.interaction-note{font-size:8px;bottom:-23px}.memory-envelope .letter-insert{height:115%;top:-10%}.memory-envelope .is-open .letter-insert{transform:translateY(-52%)rotate(-4deg)}.sound-page .page-heading{top:5%}.film-keepsake{z-index:3;width:73%;padding:6px 6px 17px;top:34%;left:10%;transform:rotate(-6deg)}.film-label{font-size:9px;top:-20px}.film-perforations{background-size:auto;height:6px;margin:2px 0 4px}.film-number{font-size:5px;bottom:4px}.film-empty{gap:4px;font-size:9px}.film-empty b{font-size:18px}.cassette-keepsake{width:65%;height:32%;top:60%;right:-2%;transform:rotate(10deg)}.tape-name{white-space:nowrap;font-size:8px;bottom:17%;left:20%}.cassette-keepsake>.interaction-note{font-size:7px;bottom:0}.voice-slip{z-index:4;width:45%;padding:10px;bottom:7%;left:9%;right:auto;transform:rotate(-6deg)}.voice-label{font-size:9px}.voice-waiting>span{letter-spacing:-1px;margin-top:4px;font-size:13px}.voice-waiting>small{font-size:6px;line-height:1.5;display:block}.voice-slip:before{width:40px;height:15px;top:-7px}.sound-flower{border-width:3px;width:39px;height:39px;top:23%;left:auto;right:4%}.mystery-page .page-heading{top:5%;left:9%}.mystery-page .page-heading h2{font-size:clamp(33px,10cqw,45px)}.mystery-stamp{padding:5px 8px;font-size:8px;top:8%;right:8%}.character-keepsake{height:43%;bottom:31%}.kid-keepsake{width:35%;left:3%;transform:rotate(-11deg)}.conan-keepsake{width:29%;height:35%;bottom:32%;right:2%;transform:rotate(9deg)}.name-scrap{padding:3px 6px;font-size:9px;bottom:-7px}.clue-keepsake{width:26%;height:29%;top:35%;left:39%;transform:rotate(5deg)}.playing-card-front>span{font-size:12px;top:8px;left:7px}.playing-card-front>b{font-size:45px}.playing-card-front>small{margin-top:7px;font-size:6px}.playing-card-back{padding:7px}.playing-card-back>.handwritten{font-size:10px;line-height:1.4}.playing-card-back>p{margin-top:7px;font-size:9px;line-height:1.5}.playing-card-back>span:last-child{margin-top:7px;font-size:18px}.clue-note{font-size:8px;bottom:-36px;left:-10px;right:-10px}.scene-strip{gap:5px;width:68%;height:14%;padding:5px 5px 16px;bottom:10%;left:9%}.scene-strip figcaption{font-size:7px;bottom:-12px}.mystery-seal{width:44px;height:44px;bottom:12%;right:5%}.chapter-music{font-size:8px;bottom:3%;left:6%;right:6%}.art-credit{font-size:4px;top:38%;right:3%}.letter-page .page-heading{top:6%;left:10%}.letter-botanical{width:28%;height:48%;top:27%;right:5%;transform:rotate(8deg)}.letter-photo{border:5px solid #fffdf1;border-bottom-width:18px;width:36%;height:25%;bottom:20%;left:8%}.final-letter{height:25%;bottom:22%;left:20%;right:17%;transform:rotate(-6deg)}.final-envelope .letter-insert{height:160%;padding:15px 17px;top:-51%}.final-envelope .letter-insert p{font-size:11px;line-height:1.6}.final-envelope .letter-insert>.handwritten{font-size:15px}.final-envelope.is-open .letter-insert{transform:translateY(-26%)rotate(2deg)}.letter-conan{height:19%;bottom:19%;right:9%}.letter-seal{width:47px;height:47px;bottom:17%;left:9%}.journey-end{gap:8px;bottom:4%;left:10%;right:8%}.journey-end>.handwritten,.journey-end button{font-size:9px}.book-controls{gap:10px;width:210px;bottom:30px}.page-position{gap:5px;min-width:120px;font-size:10px}.page-arrow{width:29px;height:29px;font-size:18px}.page-count{font-size:7px}.scroll-whisper{white-space:nowrap;font-size:8px;bottom:9px;left:50%;transform:translate(-50%)}.flower-collection{gap:4px;font-size:14px;bottom:31px;right:12px}.chapter-map{width:230px;padding:20px;top:7%;right:8px}.chapter-map button{padding:10px 0;font-size:12px}.chapter-map>.handwritten{font-size:13px}}@media (max-height:650px) and (min-width:701px){.book-object{width:min(940px,100% - 140px)}.cover-label h1{font-size:48px}.cover-label{padding:3% 5%}.cover-collage{height:30%}.page-heading h2{font-size:45px}.map-page .page-heading h2{font-size:39px}.map-page .page-heading p{font-size:11px}.map-bottom>.handwritten{font-size:13px}}@media (max-height:580px) and (max-width:700px){.cover-label{padding:4% 5%}.cover-label h1{font-size:39px}.cover-label>.handwritten{font-size:10px}.cover-label p{font-size:9px}.cover-rule{margin:6px auto}.cover-collage{height:27%;bottom:18%}.open-book{padding:8px 12px;font-size:10px}.page-heading h2,.map-page .page-heading h2{font-size:29px}.page-heading p{margin-top:8px;font-size:9px}.map-bottom>.handwritten{font-size:8px}.map-stop>span:last-child{font-size:7px}.stop-garden img{width:57px;height:44px}.stop-mystery img{height:79px}.map-photo-icon{width:43px;height:52px}.garden-label{padding:7px}.garden-label>.handwritten{font-size:13px}.garden-label>span:last-child,.garden-snapshot>span:not(.tape){font-size:6px}.letter-insert p{font-size:8px}.final-envelope .letter-insert p{font-size:9px}.final-envelope .letter-insert>.handwritten{font-size:12px}.mystery-page .page-heading h2{font-size:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.page-turn{display:none}}@font-face{font-family:Caveat;src:url(/assets/caveat.ttf)format("truetype");font-style:normal;font-weight:400 600;font-display:swap}.handwritten{font-family:Caveat,Segoe Print,cursive}.bookmark-tab{z-index:15}.envelope{z-index:3}.letter-insert{opacity:0;pointer-events:none;transition:transform .8s cubic-bezier(.2,.6,.2,1),opacity .4s,z-index 0s .3s}.is-open .letter-insert{opacity:1;pointer-events:auto}.page-arrow{width:40px;height:40px}.cover-scribble{font-size:17px}@media (max-width:700px){.pencil-label{font-size:8px}.map-stop>span:last-child{font-size:10px}.map-bottom>.handwritten{font-size:15px}.cover-label>.handwritten{font-size:19px}.cover-scribble{font-size:14px}.garden-label{z-index:4;padding:8px 10px;top:25%;left:58%}.garden-label>.handwritten{font-size:22px}.garden-label>span:last-child{display:none}.garden-label p{margin-bottom:0;font-size:10px}.herbarium-sheet{height:53%;top:34%}.garden-hint{font-size:14px;bottom:6%;left:29%}.herbarium-sheet>.handwritten{font-size:14px;bottom:-24px}.photo-hint{font-size:13px;bottom:21%}.name-scrap{font-size:15px}.clue-note{font-size:13px;bottom:-43px}.playing-card-back>.handwritten{font-size:17px}.voice-label{font-size:15px}.film-label{font-size:14px;top:-25px}.tape-name{font-size:12px}.chapter-music{font-size:13px}.journey-end>.handwritten{font-size:15px}.book-controls{width:224px;bottom:24px}.flower-collection{bottom:34px}.page-position{min-width:118px}.scroll-whisper{bottom:9px}.letter-insert>.handwritten{font-size:17px}.letter-insert p.handwritten{font-size:14px}.final-envelope .letter-insert>.handwritten{font-size:20px}}.photo-pair.has-many{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:22px 35px;width:77%;height:58%;display:grid;top:30%;left:12%}.has-many .photo-flip{width:100%;height:100%;transform:rotate(-5deg)}.has-many .photo-flip:nth-child(2n){transform:rotate(6deg)}.has-many .photo-flip:nth-child(3){transform:rotate(3deg)}.full-photo-page .page-heading h2{font-size:clamp(30px,4.7cqw,52px)}.full-photo-page .photo-hint{font-size:14px;bottom:3%;left:25%}.full-photo-page .memory-ticket{display:none}.full-photo-page .memory-flower{width:60px;height:60px;top:6%}.film-number button{color:#e1eef0;background:0 0;border:0;padding:0 9px;font-size:13px}.next-voice{color:#628b9f;background:0 0;border:0;padding:5px 0;font-size:10px;font-style:italic}.memory-box-toggle,.global-sound{z-index:45;background:#fff9e9;border:0;padding:8px 14px;font-family:Caveat,cursive;font-size:18px;position:absolute;top:9px;right:24px;transform:rotate(4deg);box-shadow:2px 4px 6px #345b6c25}.global-sound{background:#dcebf0;font-size:16px;left:24px;right:auto;transform:rotate(-5deg)}.media-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#28465888;justify-content:flex-end;display:flex;position:absolute;inset:0}.media-drawer{background:var(--paper);overscroll-behavior:contain;scrollbar-width:thin;width:min(600px,100%);height:100%;padding:38px 35px 50px;position:relative;overflow-y:auto;box-shadow:-15px 0 45px #203f5b33}.drawer-close{background:0 0;border:0;width:40px;height:40px;font-size:30px;position:absolute;top:16px;right:18px}.drawer-kicker{color:#7fa6bd;font-size:22px}.media-drawer h2{margin:8px 0 18px;font-size:47px}.drawer-intro{color:#7f939f;max-width:450px;font-size:13px;line-height:1.7}.media-tabs{flex-wrap:wrap;gap:7px;margin:25px 0 18px;display:flex}.media-tabs button{background:#e4eef0;border:1px solid #c8dce1;min-height:38px;padding:9px 10px;font-size:11px;font-style:italic}.media-tabs button[aria-selected=true]{color:#fffaf0;background:#719fb9;border-color:#719fb9}.media-tabs small{opacity:.7;margin-left:7px;display:inline-block}.upload-area{background:#edf1e5;border:1px dashed #abc3bc;flex-direction:column;align-items:flex-start;gap:13px;padding:20px;display:flex}.upload-area>.handwritten{color:#7596a2;font-size:22px}.upload-area input[type=file]{color:#7e929f;white-space:normal;width:100%;font-size:11px}.upload-button{color:#4d7896;cursor:pointer;background:#fffaf0;border:0;margin-right:10px;padding:10px 14px;font-family:Georgia,serif;font-style:italic;box-shadow:2px 3px #c1d0ca}.upload-area input::file-selector-button{color:#4d7896;cursor:pointer;background:#fffaf0;border:0;margin-right:10px;padding:10px 14px;font-family:Georgia,serif;font-style:italic;box-shadow:2px 3px #c1d0ca}.upload-area>small{color:#8a9e9d;font-family:Arial,sans-serif;font-size:9px}.record-button{color:#668ca3;background:0 0;border:0;border-bottom:1px dashed #96b6bd;padding:7px 0;font-size:12px;font-style:italic}.record-button.recording{color:#a55858}.upload-status{color:#678e81;margin-top:15px;font-size:13px}.upload-error{white-space:pre-line;color:#9a5956;margin-top:15px;font-size:12px;line-height:1.6}.uploaded-list{flex-direction:column;gap:11px;margin-top:22px;display:flex}.uploaded-item{background:#fffdf7;border:1px solid #dce5dc;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex;position:relative;box-shadow:2px 4px 4px #345b6c0b}.uploaded-item>img{object-fit:cover;border:3px solid #fff;width:68px;height:75px;transform:rotate(-3deg);box-shadow:1px 2px 4px #31546c26}.uploaded-details{flex:1;min-width:100px}.uploaded-details>span{text-overflow:ellipsis;white-space:nowrap;color:#7d919d;max-width:260px;font-size:11px;display:block;overflow:hidden}.uploaded-details input{color:#426f8d;outline-offset:0;background:0 0;border:0;border-bottom:1px dashed #c3d4d9;width:100%;padding:7px 0;font-family:Caveat,cursive;font-size:19px}.uploaded-details>small{color:#a0afb5;margin-top:5px;font-family:Arial,sans-serif;font-size:8px;display:block}.media-actions{flex-direction:column;gap:3px;display:flex}.media-actions button{color:#7195ac;background:#e7eff0;border:0;width:30px;height:25px}.media-actions button:disabled{opacity:.3}.media-file-icon{color:#719cb6;background:#d9e9ed;place-items:center;width:68px;height:65px;font-size:28px;display:grid}.remove-confirm{border-top:1px solid #eaded5;align-items:center;gap:10px;width:100%;padding-top:10px;font-size:11px;display:flex}.remove-confirm>span{flex:1}.remove-confirm button{background:#dce8e9;border:0;padding:7px 10px;font-size:11px}.remove-confirm button:first-of-type{background:#edd9d1}.drawer-empty{color:#9ab0b9;text-align:center;margin-top:30px;font-size:23px}.upload-button{margin-top:25px;text-decoration:none;display:inline-block}.upload-area button:disabled,.media-tabs button:disabled{opacity:.45}@media (max-width:700px){.photo-pair.has-many{gap:15px 12px;width:78%;height:61%;top:29%;left:11%}.full-photo-page .page-heading h2{font-size:29px}.full-photo-page .photo-hint{font-size:11px;bottom:2%;left:20%}.full-photo-page .memory-flower{width:36px;height:36px;top:10%;right:7%}.has-many .photo-back em{font-size:11px}.has-many .photo-caption{font-size:8px;line-height:1.3}.memory-box-toggle{padding:6px 10px;font-size:14px;top:5px;right:20px}.global-sound{padding:6px 9px;font-size:12px;top:5px;left:18px}.media-drawer{padding:30px 20px 45px}.media-drawer h2{font-size:37px}.drawer-kicker{font-size:19px}.drawer-intro{font-size:12px}.media-tabs{gap:5px;margin-top:20px}.media-tabs button{padding:7px;font-size:10px}.upload-area{padding:15px}.upload-area>.handwritten{font-size:20px}.uploaded-item{gap:9px;padding:9px}.uploaded-item>img,.media-file-icon{width:52px;height:63px}.uploaded-details>span{max-width:160px;font-size:10px}.uploaded-details input{font-size:17px}.media-actions button{width:28px}.remove-confirm{flex-wrap:wrap}.remove-confirm>span{flex:auto;width:100%}.film-number button{padding-inline:5px;font-size:11px}}.editor-locked{z-index:45;color:#7893a4;background:#fff9e9;padding:8px 12px;font-size:12px;font-style:italic;position:absolute;top:12px;right:24px}.owner-tools{z-index:45;gap:8px;display:flex;position:absolute;top:8px;right:24px}.owner-tools button{color:#4d7896;background:#fff9e9;border:0;padding:8px 12px;font-family:Caveat,cursive;font-size:17px;transform:rotate(2deg);box-shadow:2px 4px 6px #345b6c25}.owner-tools button+button{transform:rotate(-3deg)}.message-field{color:#5d8399;flex-direction:column;gap:6px;margin-top:17px;display:flex}.message-field>span{font-family:Caveat,cursive;font-size:23px}.message-field small{color:#869da6;font-size:11px}.message-field textarea{resize:vertical;color:#486e84;background:#fffdf5;border:1px solid #c3d6d8;width:100%;min-height:60px;padding:12px;font:15px/1.5 Georgia,serif}.message-field textarea:focus-visible{outline-offset:2px;outline:2px dashed #80acc2}.message-editor-actions{justify-content:space-between;gap:12px;margin-top:25px;display:flex}.message-editor-actions button{color:#668da1;background:#e1ecea;border:0;padding:12px 15px;font-style:italic}.message-editor-actions button:last-child{color:#fffaf0;background:#87afc2}.message-editor-actions button:disabled{opacity:.5}.editor-locked{text-decoration:none}@media (max-width:700px){.owner-tools{gap:4px;top:5px;right:10px}.owner-tools button{padding:7px 6px;font-size:12px}.message-drawer h2{font-size:36px}.message-field>span{font-size:20px}.message-field textarea{font-size:13px}}.flower-collection-button{z-index:30;background:0 0;border:0;padding:4px}.flower-collection-button:disabled{cursor:default}.flower-collection-button:not(:disabled){cursor:pointer;filter:drop-shadow(0 0 7px #fffdf2);animation:2.3s ease-in-out infinite flower-glow}.flower-collection-button:focus-visible{outline-offset:3px;outline:2px dashed #6296af}.flower-reward-backdrop{z-index:200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#24435aab;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.flower-reward{text-align:center;background:repeating-linear-gradient(0deg,#0000 0 28px,#9fbfc91d 28px 29px),#fffaf0;border:1px solid #e1e4d9;width:min(520px,100%);max-height:calc(100svh - 36px);padding:35px 43px 40px;animation:.65s cubic-bezier(.2,.8,.2,1) both flower-note-open;position:relative;overflow-y:auto;transform:rotate(-2deg);box-shadow:0 22px 65px #172f4190,7px 10px #d0e3e9}.flower-reward:before{content:"";opacity:.5;border-top:2px dashed #acd0d5;position:absolute;top:8px;left:14px;right:14px}.flower-reward-close{z-index:2;color:#6595ab;background:#e0eced;border:0;border-radius:50%;width:32px;height:32px;font-size:24px;line-height:1;position:absolute;top:13px;right:14px}.flower-reward-kicker{letter-spacing:.18em;color:#7d9daa;margin-bottom:18px;font:10px Arial,sans-serif;display:block}.flower-reward-blooms{justify-content:center;align-items:center;gap:0;height:100px;margin-bottom:8px;display:flex}.flower-reward-blooms img{object-fit:cover;border:6px solid #fff;border-bottom-width:12px;width:94px;height:94px;animation:.6s .25s backwards flower-bloom;transform:rotate(-13deg);box-shadow:2px 5px 9px #40657a35}.flower-reward-blooms img:nth-child(2){z-index:1;animation-delay:.4s;transform:rotate(8deg)translateY(-9px)}.flower-reward-blooms img:nth-child(3){animation-delay:.55s;transform:rotate(17deg)}.flower-reward h2{color:#3d6a85;margin:16px 0;font-size:clamp(32px,6vw,45px);line-height:1.08}.flower-reward h2 em{color:#7cacc3}.flower-reward-message{color:#5d879d;white-space:pre-wrap;overflow-wrap:anywhere;max-width:410px;margin:20px auto;font-size:clamp(23px,4vw,31px);line-height:1.27}.flower-reward-signoff{color:#9ab1ad;margin-bottom:24px;font-size:20px;display:block}.flower-reward-done{color:#fffaf0;background:#abcbd7;border:0;border-bottom:3px solid #7fa3b5;padding:12px 20px;font-size:13px;font-style:italic;box-shadow:2px 4px 5px #456e8130}.flower-confetti{color:#a5d3e7;pointer-events:none;font-size:36px;animation:4s ease-in-out infinite flower-float;position:absolute}.flower-confetti-one{top:10%;left:10%}.flower-confetti-two{font-size:26px;animation-delay:-1s;top:18%;right:12%}.flower-confetti-three{font-size:29px;animation-delay:-2s;bottom:12%;left:15%}.flower-confetti-four{font-size:39px;animation-delay:-3s;bottom:18%;right:9%}@keyframes flower-note-open{0%{opacity:0;transform:translateY(70px)rotate(7deg)scale(.8)}to{opacity:1;transform:rotate(-2deg)scale(1)}}@keyframes flower-bloom{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes flower-float{50%{transform:translateY(-17px)rotate(18deg)}}@keyframes flower-glow{50%{filter:drop-shadow(0 0 12px #8acbe4)}}@media (max-width:700px){.flower-reward-backdrop{padding:16px}.flower-reward{padding:34px 24px 30px}.flower-reward-blooms{height:78px}.flower-reward-blooms img{border-width:4px 4px 8px;width:72px;height:72px}.flower-reward-kicker{font-size:8px}.flower-reward-message,.flower-confetti{font-size:23px}}@media (prefers-reduced-motion:reduce){.flower-reward,.flower-reward-blooms img,.flower-confetti,.flower-collection-button:not(:disabled){animation:none}}
