:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#f3eee3;background:#151b1c;font-synthesis:none;--paper:#e9dfcc;--ink:#33352f;--red:#9b3b33;--serif:"Noto Serif SC","Songti SC","STSong",serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:2px solid #c89771;outline-offset:5px}img{display:block;width:100%;object-fit:cover}button,a{touch-action:manipulation}small{font-size:11px}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}.museum{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#1a2020}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,#1413119e,#121514a6 45%,#142023),url(/images/library.jpg) center 43%/cover;filter:blur(4px) saturate(.65);transform:scale(1.025)}.atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 38%,transparent,rgba(8,15,17,.64) 85%)}.grain{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:104px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:15}.brand{display:flex;align-items:center;padding:0;text-align:left;gap:11px}.brand-m{font-family:Georgia,serif;font-size:46px;font-weight:700;letter-spacing:-7px;position:relative;padding-right:8px;line-height:1}.brand-m>span{position:absolute;font-size:10px;left:15px;top:11px;color:#e4dfd5;letter-spacing:0}.brand-name{font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:2px;white-space:nowrap}.brand-name small{display:block;font-family:Arial;font-size:6.8px;letter-spacing:1.25px;margin-top:4px}.brand i{height:28px;width:1px;background:#fff3;margin:0 6px}.location{font-size:11px;letter-spacing:2px;line-height:1.8}.location small{display:block;font-size:8px;letter-spacing:3px}.header-actions{display:flex;align-items:center;gap:34px}.edition{font-size:11px;color:#d4cabc;letter-spacing:3px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e4d5bc30;border-radius:50%;color:#e4d9c8}.gallery-view{position:relative;text-align:center;max-width:1500px;margin:auto}.intro{position:relative;z-index:3;padding-top:12px}.eyebrow{font-size:9px;letter-spacing:4px;color:#baaa93;display:flex;align-items:center;justify-content:center;gap:15px}.eyebrow>span{height:1px;width:32px;background:#b5a28666}h1{font-family:var(--serif);font-size:47px;line-height:1.4;font-weight:500;letter-spacing:8px;margin:18px 0 16px;text-shadow:0 3px 20px #0008}h1>span{display:block;font-size:52px;letter-spacing:10px}.intro>p{font-size:11px;letter-spacing:5px;color:#d1c7b6}.date-range{font-family:Georgia,serif;display:flex;justify-content:center;align-items:center;gap:14px;font-size:13px;letter-spacing:3px;color:#b9ad99;margin-top:16px}.date-range i{height:1px;width:37px;background:#baaa9266}.book-stage{position:relative;height:402px;margin-top:32px;perspective:1500px;transform-style:preserve-3d}.book{position:absolute;top:5px;left:50%;width:248px;height:344px;text-align:left;padding:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.7,.18,1),opacity .65s,filter .65s;outline:none!important}.book-cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px 6px 5px 2px;background:var(--paper);background-image:repeating-linear-gradient(0deg,#93836808 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#fff2 0 1px,transparent 1px 3px);color:var(--ink);box-shadow:inset 4px 0 6px #39291536,inset -1px 0 2px #fff8,0 10px 30px #0006;transform-origin:left center;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .48s ease-in;overflow:hidden;border:1px solid #cabba0}.cover-spine{position:absolute;top:0;bottom:0;left:7px;width:6px;border-left:1px solid #a7967159;border-right:1px solid #fff5;box-shadow:-3px 0 4px #806f4633}.book-pages{position:absolute;top:4px;right:-7px;bottom:-3px;left:4px;transform:translateZ(-6px);border-radius:2px 5px 4px 2px;background:repeating-linear-gradient(90deg,#cabfa9,#f4ecdc,#dfd2b9 2px);box-shadow:3px 4px 3px #0006}.book-back{position:absolute;top:5px;right:-9px;bottom:-5px;left:2px;transform:translateZ(-10px);background:#6b5c49;border:2px solid #b3a083;border-radius:2px 6px 5px 2px;box-shadow:0 32px 35px #0007}.book-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,#fff4,transparent 38%,#5b493312)}.cover-top{padding:24px 23px 16px 28px;position:relative;height:151px}.cover-year{font-family:Georgia,serif;font-size:48px;color:#81352f;letter-spacing:-3px}.memory-script{font-family:Snell Roundhand,Brush Script MT,cursive;font-size:24px;font-style:italic;font-weight:400;color:#a6755f}.cover-top .memory-script{position:absolute;right:20px;top:46px;font-size:17px;transform:rotate(-12deg)}.cover-top p{white-space:pre-line;font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.6;letter-spacing:1px;margin-top:8px}.cover-top small{font-size:6px;letter-spacing:1px;position:absolute;bottom:4px;color:#8b806e}.cover-photo{height:158px;margin:6px 15px 0 25px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0003}.cover-photo img{height:100%;filter:sepia(.22) saturate(.67);object-position:center 52%}.cover-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#392c2550,transparent 60%)}.cover-photo>span{position:absolute;right:5px;bottom:5px;font-size:6px;color:#fff9;z-index:1}.cover-bottom{display:flex;justify-content:space-between;padding:10px 17px 8px 27px;font-size:6px;letter-spacing:1px;color:#756c5b}.current-book{z-index:5;transform:translate(-50%) rotateY(-13deg) rotate(-4deg);filter:brightness(1.04)}.current-book:hover{transform:translate(-50%) translateY(-6px) rotateY(-8deg) rotate(-2deg)}.book-offset-left1{z-index:3;transform:translate(calc(-50% - 282px)) translateY(35px) translateZ(-150px) rotateY(25deg) rotate(4deg) scale(.86);filter:brightness(.7);opacity:.82}.book-offset-right1{z-index:3;transform:translate(calc(-50% + 282px)) translateY(35px) translateZ(-150px) rotateY(-25deg) rotate(-3deg) scale(.86);filter:brightness(.7);opacity:.82}.book-offset-left2{z-index:2;transform:translate(calc(-50% - 498px)) translateY(60px) translateZ(-260px) rotateY(32deg) rotate(7deg) scale(.72);filter:brightness(.5) blur(1px);opacity:.48}.book-offset-right2{z-index:2;transform:translate(calc(-50% + 498px)) translateY(60px) translateZ(-260px) rotateY(-32deg) rotate(-6deg) scale(.72);filter:brightness(.5) blur(1px);opacity:.48}.stage-rule{position:absolute;top:178px;font-size:9px;letter-spacing:4px;color:#c7b9a180;writing-mode:vertical-rl}.left-rule{left:9%}.right-rule{right:9%;font-size:7px;letter-spacing:3px}.stage-arrow{position:absolute;z-index:8;top:170px;border:1px solid #e1cfb33b;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#dccdb4;background:#17202255;transition:.2s}.stage-arrow:hover{background:#dccdb41c;border-color:#dccdb4}.stage-arrow:disabled{opacity:.2}.previous{left:calc(50% - 190px)}.next{right:calc(50% - 190px)}.open-prompt{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:3px;margin:-8px auto 0;color:#e1d6c4;border-bottom:1px solid #baa98e55;padding:8px 4px 12px;position:relative;z-index:8}.open-prompt svg:first-child{color:#ad9d82}.open-prompt:hover{color:#fff}.timeline{position:relative;display:flex;justify-content:space-between;width:min(750px,85%);margin:35px auto 0;isolation:isolate}.timeline-line{position:absolute;height:1px;background:#b9a68933;left:16px;right:16px;top:6px;z-index:-1}.timeline button{font-family:Georgia,serif;font-size:11px;color:#a8a394;padding:0 10px;display:flex;align-items:center;gap:12px;flex-direction:column;transition:color .3s;min-width:35px}.year-dot{display:block;width:4px;height:4px;background:#6b726d;border-radius:50%;margin-top:4px;margin-bottom:3px;transition:.3s}.timeline button.active{color:#e5b0a0}.timeline button.active .year-dot{width:10px;height:10px;margin-top:1px;margin-bottom:0;background:#d18b76;border:2px solid #f4d4b8;box-shadow:0 0 0 5px #b75e4830,0 0 18px #bb735355}.swipe-hint{font-size:9px;letter-spacing:2px;color:#a9aaa0;margin:25px 0 28px}.swipe-hint>span:first-child{font-size:14px;margin-right:8px}.hint-divider{margin:0 12px;color:#777d72}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d1c7b315;padding:20px 5.2%;font-size:9px;letter-spacing:2px;color:#a4a89e;position:relative;z-index:11}.site-footer>button{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px}.site-footer .sound-toggle{gap:9px}.phase-approach .current-book{transform:translate(-50%) translateZ(180px) rotateY(-4deg) rotate(-1deg)}.phase-turn .current-book{transform:translate(-50%) translateZ(220px) rotateY(0) rotate(0)}.phase-opening .current-book{transform:translate(-50%) translateZ(250px) rotateY(0) rotate(0)}.phase-opening .current-book .book-cover{transform:rotateY(-160deg)}.phase-approach .book:not(.current-book),.phase-turn .book:not(.current-book),.phase-opening .book:not(.current-book){opacity:0}.phase-returning .current-book{animation:returnbook .35s both}@keyframes returnbook{0%{transform:translate(-50%) translateZ(180px) rotateY(0)}to{transform:translate(-50%) rotateY(-13deg) rotate(-4deg)}}.reading-shell{max-width:810px;margin:4px auto 36px;padding:0 30px;perspective:1800px;animation:reveal .45s ease both}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 5px 19px;color:#d8cdb9;font-size:10px;letter-spacing:1px}.reader-toolbar button{display:flex;align-items:center;gap:8px;min-height:44px;font-size:10px}.reader-toolbar>span{font-family:Georgia,serif;font-size:12px}.reader-toolbar i{font-style:normal;padding:0 10px;color:#7e8276}.status-dot{width:5px;height:5px;background:#c69676;border-radius:50%}.album{background:var(--paper);color:var(--ink);max-height:calc(100svh - 228px);overflow:auto;position:relative;border-radius:3px 8px 9px 3px;box-shadow:3px 3px #b8a98d,6px 6px #ded3bc,9px 9px #a0937d,12px 12px #5c554a,0 25px 65px #0009;background-image:repeating-linear-gradient(0deg,#83775606 0 1px,transparent 1px 4px);scrollbar-width:thin;scrollbar-color:#b7a68c transparent;transform-origin:left center;animation:pagein .6s ease both}.album-binding{position:absolute;left:14px;top:0;bottom:0;width:12px;border-left:1px solid #94836a4d;border-right:1px solid #fff6;box-shadow:-6px 0 9px #705c4433;pointer-events:none;z-index:3}.album-content,.story-content{padding:42px 52px 24px 64px;min-height:680px}.album-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#917958;border-bottom:1px solid #ad98794d;padding-bottom:14px}.album-kicker>span{font-size:8px}.album-heading{display:flex;align-items:center;gap:28px;margin:20px 0 10px}.album-heading h2{font:84px/.95 Georgia,serif;letter-spacing:-6px;color:#843e34}.album-heading .memory-script{font-size:38px;transform:rotate(-9deg)}.album-content>h3{font-family:var(--serif);font-size:27px;line-height:1.6;font-weight:500;white-space:pre-line;letter-spacing:3px;margin:20px 0 16px}.year-intro{font-family:var(--serif);color:#756e5f;font-size:12px;line-height:1.9;white-space:pre-line}.demo-label{font-size:9px;color:#8e7660;line-height:1.8;margin:16px 0;padding-left:9px;border-left:2px solid #a77b5a65}.album-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:21px;padding:14px 3px 27px}.album-photo-pair>button{padding:7px 7px 12px;background:#f4eddd;box-shadow:0 3px 8px #544b3229;transform:rotate(-4deg);text-align:left}.album-photo-pair>button+button{transform:rotate(4deg) translateY(-8px)}.album-photo-pair img{height:160px;filter:saturate(.7) sepia(.12)}.album-photo-pair span{display:block;font-family:var(--serif);font-size:10px;padding:10px 3px 0;color:#7d705d}.contents-title{display:flex;justify-content:space-between;color:#8b6c50;border-bottom:1px solid #9c87687d;padding-bottom:13px;font-size:11px;letter-spacing:2px}.contents-title small{font-size:8px;letter-spacing:1px}.story-list button{display:flex;align-items:center;width:100%;gap:18px;padding:20px 0;text-align:left;border-bottom:1px solid #9c87683d;font-family:var(--serif);font-size:15px;line-height:1.5}.story-list svg{margin-left:auto;border:1px solid #7e816b77;border-radius:50%;width:29px;height:29px;padding:5px}.story-list button:hover{color:#993e33}.story-number{font:italic 21px Georgia,serif;color:#8d755a}.page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding-top:15px;border-top:1px solid #a693733d;font-size:8px;color:#91816a;letter-spacing:2px}.empty-year{text-align:center;padding:55px 0 40px;color:#897153}.empty-year>svg{margin:0 auto 22px;stroke-width:1}.empty-year h4{font-family:var(--serif);font-size:19px;font-weight:500}.empty-year p{font-size:12px;line-height:2;margin:20px 0 25px}.red-button,.outline-button{display:flex;align-items:center;justify-content:center;gap:25px;background:#953f35;color:#fff0db;padding:15px 25px;border-radius:30px;font-size:12px;margin:0 auto;min-height:46px}.outline-button{background:transparent;border:1px solid #ab735d99;color:#915644;margin-top:12px}.closing .album{transform:rotateY(-85deg);opacity:.2;transition:transform .45s,opacity .4s}.story-content>h2{font-family:var(--serif);font-size:30px;font-weight:500;margin:28px 0 26px;line-height:1.6;letter-spacing:2px}.photo-button{padding:0;display:block;width:100%;position:relative;overflow:hidden}.photo-button img{height:auto;max-height:500px;object-fit:contain}.story-hero img{height:330px;object-fit:cover;filter:saturate(.7) sepia(.1)}.story-hero>span{position:absolute;bottom:12px;right:12px;font-size:9px;display:flex;gap:7px;align-items:center;background:#1c282b99;padding:7px 11px;color:#fff;border-radius:20px}.photo-caption,figcaption{font-size:9px;color:#8d7a61;line-height:1.8;margin-top:10px}.story-content>h3{font-family:var(--serif);font-size:20px;font-weight:500;line-height:1.8;margin:30px 0 15px}.story-text{font-family:var(--serif);font-size:14px;line-height:2.2;letter-spacing:1px;margin:24px 0;color:#625c50}.story-content blockquote{font-family:var(--serif);font-size:22px;line-height:1.9;white-space:pre-line;text-align:center;color:#8e5141;margin:38px 0;font-weight:500}.story-content figure{margin:30px 0}.story-photo-strip{display:flex;gap:12px;margin:28px 0}.story-photo-strip>button{width:33%;padding:5px;background:#f4eddf;box-shadow:1px 2px 4px #0002}.story-photo-strip img{height:135px}.story-photo-strip small{display:flex;align-items:center;justify-content:space-between;color:#95846d;padding:7px 3px;font:10px Georgia}.story-end{text-align:center;border-top:1px solid #9e896749;margin-top:50px;padding-top:30px}.end-flower{font-size:30px;color:#9e7053}.story-end h3{font-family:var(--serif);font-size:25px;line-height:1.7;letter-spacing:3px;margin:20px 0}.story-end p{font-family:var(--serif);font-size:13px;line-height:2;color:#8a7a63;margin-bottom:30px}.story-end .red-button,.story-end .outline-button{width:90%;max-width:320px}.photo-fallback{width:100%;height:160px;display:grid;align-content:center;justify-content:center;background:#d1c4af;color:#736957;font-size:12px;text-align:center}.menu-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050b0cbf;z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.year-menu{position:absolute;right:0;top:0;bottom:0;width:370px;max-width:100%;padding:66px 35px 24px;background:#202929;border-left:1px solid #d2c2a82b;overflow:auto;animation:slidein .3s both}.menu-close{position:absolute;top:18px;right:25px}.year-menu>small,.about-modal>small{font-size:8px;letter-spacing:3px;color:#b3a389}.year-menu h2{font-family:var(--serif);font-size:27px;font-weight:400;margin:20px 0 25px}.menu-years button{width:100%;display:flex;gap:20px;align-items:center;border-bottom:1px solid #b7ab9126;padding:15px 5px;font:22px Georgia}.menu-years button span{font-size:10px;letter-spacing:2px;color:#969b8e}.menu-years svg{margin-left:auto}.menu-years button.selected{color:#d7a08d}.year-menu>p{font-size:8px;color:#a6a592;margin-top:30px;letter-spacing:2px}.about-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;max-width:calc(100% - 40px);padding:45px 35px;background:var(--paper);color:var(--ink);box-shadow:5px 5px #b4a385;border-radius:3px}.modal-close{position:absolute;right:15px;top:15px;color:#8b6d50}.about-modal h2{font-family:var(--serif);font-size:25px;font-weight:500;margin:22px 0}.about-modal p{font-size:12px;line-height:2;color:#7e705a;margin-bottom:20px}.toast{position:fixed;z-index:80;bottom:80px;left:50%;transform:translate(-50%);padding:14px 22px;white-space:nowrap;display:flex;gap:10px;align-items:center;font-size:11px;background:#e8dfcd;color:#514b40;border-radius:30px;box-shadow:0 5px 30px #0004}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#11191afa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.lightbox header{position:absolute;left:5%;right:5%;top:25px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:2px;color:#d8cbb6}.lightbox header small{color:#9f9b8d;font-size:9px}.lightbox button{min-width:44px;min-height:44px}.lightbox-main{width:100%;display:flex;justify-content:center;align-items:center;gap:20px}.lightbox-main>img{width:calc(100% - 120px);max-width:950px;max-height:65svh;object-fit:contain}.lightbox-main>button{border:1px solid #cfbf9c44;border-radius:50%;display:grid;place-items:center}.lightbox>p{font:17px Georgia;color:#e6d5b9;letter-spacing:3px;margin:25px 0}.lightbox>p span{color:#7f8a82;font-size:12px}.lightbox-thumbs{display:flex;gap:12px}.lightbox-thumbs button{padding:3px;opacity:.45;border:1px solid transparent}.lightbox-thumbs button.selected{opacity:1;border-color:#c5ab8c}.lightbox-thumbs img{width:58px;height:58px}.lightbox-note{margin-top:22px;font-size:9px;color:#8c978c;letter-spacing:1px}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pagein{0%{opacity:0;transform:rotateY(10deg)}to{opacity:1;transform:rotateY(0)}}@keyframes slidein{0%{transform:translate(100%)}to{transform:none}}@media(min-width:1450px)and (min-height:950px){.site-header{height:120px}.intro{padding-top:30px}h1{font-size:55px}h1>span{font-size:62px}.book-stage{height:460px;margin-top:45px}.book{width:282px;height:390px}.cover-top{height:170px;padding-top:29px}.cover-year{font-size:56px}.cover-top .memory-script{top:54px;font-size:21px}.cover-top p{font-size:17px}.cover-photo{height:180px}.cover-bottom{padding-top:12px}.timeline{margin-top:45px}.swipe-hint{margin-bottom:45px}}@media(max-width:700px){.site-header{height:80px;padding:0 22px}.brand{gap:7px}.brand-m{font-size:36px;letter-spacing:-6px}.brand-m>span{font-size:8px;top:9px;left:11px}.brand-name{font-size:14px;letter-spacing:1px}.brand-name small{font-size:5px;letter-spacing:.8px}.brand i{height:25px;margin:0 4px}.location{font-size:9px;letter-spacing:1px}.location small{font-size:6px;letter-spacing:2px}.edition{display:none}.icon-button{width:36px;height:36px}.header-actions{gap:0}.intro{padding-top:20px}.eyebrow{font-size:6px;letter-spacing:2.4px;gap:9px}.eyebrow>span{width:21px}h1{font-size:33px;letter-spacing:6px;margin:20px 0 17px;line-height:1.45}h1>span{font-size:35px;letter-spacing:5px}.intro>p{font-size:9px;letter-spacing:2px}.date-range{font-size:11px;margin-top:13px;gap:10px;letter-spacing:2px}.date-range i{width:28px}.book-stage{height:338px;margin-top:30px;perspective:1100px}.book{width:217px;height:303px}.cover-top{height:137px;padding:21px 17px 14px 24px}.cover-year{font-size:43px}.cover-top .memory-script{font-size:16px;top:41px;right:17px}.cover-top p{font-size:13px;margin-top:6px}.cover-top small{font-size:5px;bottom:5px}.cover-photo{height:134px;margin:4px 12px 0 22px}.cover-bottom{font-size:5px;padding:10px 13px 6px 23px}.book-offset-left1{transform:translate(calc(-50% - 184px)) translateY(29px) translateZ(-160px) rotateY(32deg) rotate(5deg) scale(.83);opacity:.65}.book-offset-right1{transform:translate(calc(-50% + 184px)) translateY(29px) translateZ(-160px) rotateY(-32deg) rotate(-4deg) scale(.83);opacity:.65}.book-offset-left2{transform:translate(calc(-50% - 310px)) translateY(50px) translateZ(-220px) rotateY(35deg) scale(.7);opacity:.25}.book-offset-right2{transform:translate(calc(-50% + 310px)) translateY(50px) translateZ(-220px) rotateY(-35deg) scale(.7);opacity:.25}.stage-rule{display:none}.stage-arrow{top:145px;width:33px;height:40px;border-radius:20px;background:#16202388}.previous{left:13px}.next{right:13px}.open-prompt{font-size:10px;letter-spacing:2px;gap:9px;margin:0 auto;padding-bottom:10px}.timeline{width:calc(100% - 32px);margin-top:31px}.timeline button{font-size:9px;min-width:0;padding:0 3px;gap:13px}.timeline-line{left:9px;right:9px}.year-dot{width:3px;height:3px;margin-top:4px;margin-bottom:4px}.swipe-hint{font-size:8px;letter-spacing:.7px;margin:22px 0 27px}.hint-divider{margin:0 8px}.site-footer{padding:17px 22px;font-size:7px;letter-spacing:1px}.site-footer>button{font-size:8px}.site-footer>span{display:none}.site-footer .sound-toggle span{display:block;font-size:8px}.reading-shell{padding:0 18px;margin:0 auto 28px}.reader-toolbar{margin:0 2px 11px;letter-spacing:.3px}.reader-toolbar button{font-size:9px;gap:5px}.reader-toolbar>span{font-size:10px}.reader-toolbar i{padding:0 4px}.album{max-height:calc(100svh - 193px);border-radius:2px 5px 5px 2px}.album-binding{left:8px;width:8px}.album-content,.story-content{padding:28px 23px 20px 30px;min-height:600px}.album-kicker{font-size:7px;letter-spacing:1.5px;padding-bottom:12px}.album-kicker>span{font-size:7px}.album-heading{gap:22px;margin:24px 0 10px}.album-heading h2{font-size:70px}.album-heading .memory-script{font-size:30px}.album-content>h3{font-size:23px;letter-spacing:1px;margin:20px 0 14px}.year-intro{font-size:11px}.demo-label{font-size:8px;margin:16px 0}.album-photo-pair{gap:13px;padding:13px 0 24px}.album-photo-pair img{height:115px}.album-photo-pair>button{padding:5px 5px 10px}.album-photo-pair span{font-size:8px;padding:9px 2px 0}.contents-title{font-size:10px;letter-spacing:1px}.contents-title small{font-size:7px}.story-list button{font-size:12px;gap:11px;padding:19px 0}.story-number{font-size:18px}.story-list svg{width:24px;height:24px;padding:4px}.page-footer{font-size:6px;letter-spacing:1px}.story-content>h2{font-size:23px;letter-spacing:1px;margin:23px 0}.story-hero img{height:230px}.story-hero>span{font-size:8px;bottom:8px;right:8px}.photo-caption,figcaption{font-size:8px}.story-content>h3{font-size:17px}.story-text{font-size:12px;line-height:2.3;letter-spacing:.5px}.story-content blockquote{font-size:19px;margin:30px 0}.story-photo-strip{gap:7px}.story-photo-strip img{height:95px}.story-photo-strip small{padding:6px 0}.story-end h3{font-size:23px;letter-spacing:1px}.story-end p{font-size:12px}.story-end .red-button,.story-end .outline-button{width:100%;font-size:11px;padding:14px 17px;gap:15px}.empty-year{padding-top:40px}.empty-year h4{font-size:16px}.empty-year p{font-size:11px}.lightbox{padding:20px 10px}.lightbox-main{gap:3px}.lightbox-main>img{width:calc(100% - 72px);max-height:57svh}.lightbox-main>button{min-width:33px;width:33px;height:38px;border:0}.lightbox header{top:23px;font-size:11px}.lightbox-thumbs{gap:5px}.lightbox-thumbs img{width:48px;height:48px}.about-modal{padding:40px 25px}.about-modal h2{font-size:23px}.about-modal p{font-size:11px}}@media(max-width:359px){.site-header{padding:0 16px}.brand i,.location{display:none}.intro{padding-top:9px}h1{font-size:29px;margin-top:16px}h1>span{font-size:29px;letter-spacing:4px}.intro>p{font-size:8px}.book-stage{margin-top:23px;height:309px}.book{width:200px;height:279px}.cover-top{height:125px;padding-top:18px}.cover-year{font-size:39px}.cover-top .memory-script{font-size:13px;top:38px}.cover-top p{font-size:12px}.cover-photo{height:123px}.cover-bottom{font-size:4.5px}.timeline{width:calc(100% - 24px)}.timeline button{font-size:8px;padding:0 2px}.swipe-hint{font-size:7px}.album-content,.story-content{padding-left:27px;padding-right:18px}.story-list button{font-size:11px;gap:8px}.album-heading h2{font-size:60px}.album-heading .memory-script{font-size:27px}.album-content>h3{font-size:21px}.reader-toolbar>button:last-child{font-size:8px}.reader-toolbar{gap:5px}.story-content>h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.atmosphere{filter:none}}.reading-shell,.album{animation:none}.reading-shell.preparing{position:fixed;top:108px;left:50%;width:100%;transform:translate(-50%);visibility:hidden;pointer-events:none}.animation-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:none}.cover-flight,.chapter-stage{position:absolute;perspective:1600px;pointer-events:none;transform-style:preserve-3d}.cover-flight-mover{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top left;transform-style:preserve-3d}.cover-flight-hinge,.turning-sheet{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.flight-front,.flight-back,.sheet-front,.sheet-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px 7px 7px 3px}.flight-front{transform:translateZ(1px);overflow:hidden}.flight-front .book-cover{inset:auto;top:0;left:0;transition:none!important;box-shadow:inset 5px 0 10px #39291536}.flight-back,.sheet-back{transform:rotateY(180deg) translateZ(1px);background:var(--paper);background-image:linear-gradient(90deg,#8d765f24,transparent 12%,#fff2 80%,#86704d1a),repeating-linear-gradient(0deg,#83775608 0 1px,transparent 1px 4px);border:1px solid #b7a68e;box-shadow:inset 6px 0 14px #806d4e26,2px 1px 3px #59452e55;display:flex;align-items:flex-end;justify-content:center;padding:25px;color:#a28b6c;font-family:var(--serif);font-size:10px;letter-spacing:3px}.sheet-front{transform:translateZ(1px);overflow:hidden;background:var(--paper);border-right:2px solid #c3b197;box-shadow:2px 0 7px #392a1f40}.sheet-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 8px 0 18px #6c503127}.page-snapshot.album{margin:0!important;max-height:none!important;min-height:0!important;overflow:hidden!important;animation:none!important;transform:none!important;box-shadow:none!important;border-radius:3px;pointer-events:none;scroll-behavior:auto!important}.previous-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:3px 7px 7px 3px}.page-turn-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#332716cc,transparent 80%);border-radius:3px;pointer-events:none}.turning-sheet{border-left:1px solid #b4a081}.timeline{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:5px 4px;isolation:isolate;touch-action:pan-x pan-y}.timeline::-webkit-scrollbar{display:none}.timeline button{position:relative;flex:1 0 54px;min-width:44px;min-height:48px;padding:5px 0 3px;gap:11px;justify-content:flex-start}.timeline-line{display:none}.timeline button:before{content:"";position:absolute;top:11px;left:0;right:0;height:1px;background:#b9a68933;z-index:-1}.timeline button.active{font-weight:700}.timeline button.active:after{content:"";position:absolute;bottom:0;width:18px;height:1px;background:#d4967e}.year-dot{flex-shrink:0}.stage-arrow,.icon-button{min-width:44px;min-height:44px}.gallery-view{touch-action:pan-y}.open-prompt{min-height:44px}.album{min-height:220px;overscroll-behavior-y:contain}.about-modal{max-height:calc(100svh - 32px);overflow:auto}.lightbox{overflow:auto}@media(max-width:700px){.reading-shell.preparing{top:80px}.timeline{padding:5px 0;width:calc(100% - 32px);margin-top:25px;scroll-padding-inline:16px}.timeline button{flex:0 0 48px;min-width:48px;min-height:48px;font-size:10px;padding:5px 0 3px;gap:11px}.timeline button:before{top:11px}.stage-arrow{min-width:44px;min-height:44px}.previous{left:5px}.next{right:5px}.icon-button{min-width:44px;min-height:44px}.album-content,.story-content{min-height:0}.swipe-hint{line-height:1.8;padding:0 13px}.lightbox-main>button{min-width:44px;min-height:44px}.lightbox-main>img{width:calc(100% - 94px)}}@media(max-height:650px)and (max-width:700px){.site-header{height:68px}.intro{padding-top:8px}h1{margin:13px 0;font-size:29px}h1>span{font-size:31px}.book-stage{margin-top:24px}.reading-shell.preparing{top:68px}.album{max-height:calc(100svh - 174px);min-height:200px}.site-footer{padding-top:12px;padding-bottom:12px}.swipe-hint{margin-bottom:18px}.lightbox{justify-content:flex-start;padding-top:80px;padding-bottom:20px}.lightbox-main>img{max-height:40svh}.lightbox>p{margin:15px 0}.lightbox-note{margin-top:12px}}@media(prefers-reduced-motion:reduce){.animation-layer{display:none}.timeline{scroll-behavior:auto}}