:root{--ink:#514f42;--muted:#8c8879;--paper:#f7f3e9;--olive:#69745a;--line:#99947a40;--serif:"Noto Serif SC","Songti SC","STSong",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#e9e5d9;margin:0}body{font-family:var(--sans);font-size:14px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.32}button{background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,.photo-rail:focus-visible,input:focus-visible{outline-offset:6px;outline:2px solid #7d8761}img{max-width:100%;display:block}button,select{touch-action:manipulation}svg{flex-shrink:0}::selection{background:#d5d7b9}.life-room{isolation:isolate;background:radial-gradient(at 82% 38%,#fffdf3bb,#0000 51%),linear-gradient(110deg,#e5e1d5,#f1eddf 58%,#e2dfce);height:100svh;min-height:850px;transition:background-color 1.6s;position:relative;overflow:hidden}.life-room[data-season=winter]{background-color:#dce1db}.paper-grain{z-index:15;pointer-events:none;opacity:.12;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888473' filter='url(%23n)' opacity='.42' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.window-light{filter:blur(8px);pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0000 8%,#fff8d54a 9% 40%,#0000 41% 45%,#fff8d54a 46% 80%,#0000 81%);width:760px;height:880px;position:absolute;top:180px;right:-180px;transform:rotate(34deg)skew(-13deg)}.site-top{z-index:20;justify-content:space-between;align-items:center;height:112px;padding:32px 4.5%;display:flex;position:relative}.life-brand{align-items:center;gap:13px;display:flex}.brand-seal{color:#986c57;font-family:var(--serif);letter-spacing:-4px;border:1px solid #a4705e;place-items:center;width:39px;height:43px;padding:5px 4px;font-size:21px;display:grid;transform:rotate(-4deg)}.life-brand>span:last-child{letter-spacing:1px;font-family:Georgia,serif;font-size:31px;line-height:1}.life-brand small{font-family:var(--sans);letter-spacing:1.8px;color:#858375;margin-top:7px;font-size:7px;display:block}.top-right{letter-spacing:1px;align-items:center;gap:37px;font-size:10px;display:flex}.edition{color:var(--muted)}.home-link{font-size:11px}.home-link span{margin-left:9px}.eyebrow{letter-spacing:2.2px;color:#8e8c79;font-size:9px;font-weight:400}.book-scene{z-index:3;transform-origin:50% 80%;width:100%;position:relative}.intro{text-align:center;padding:13px 0 28px}.intro h1{font-family:var(--serif);letter-spacing:3px;margin:14px 0;font-size:clamp(25px,2.6vw,37px);font-weight:400}.intro h1 em{color:#77815f;font-style:normal}.intro p{letter-spacing:2px;color:var(--muted);margin:0;font-size:11px}.book-area{width:min(920px,78vw);margin:0 auto;position:relative}.album-book{perspective:1800px;filter:drop-shadow(0 28px 23px #5c503c28);border-radius:5px 8px 8px 5px;height:min(410px,45vh);min-height:350px;display:flex;position:relative;transform:rotate(-1deg)}.album-book:before{content:"";z-index:-2;background:#a99e84;border:3px solid #b7ad93;border-radius:5px;position:absolute;inset:3px -7px -13px;box-shadow:0 3px #90836c,0 8px 2px #5f533d15}.album-book:after{content:"";z-index:-1;background:repeating-linear-gradient(#e0d9c9 0 1px,#f9f4e8 1px 3px);border-radius:5px;position:absolute;inset:4px 0 -9px}.book-left,.book-right{background:#faf7ec;width:50%;padding:30px 38px;position:relative}.book-left{background:linear-gradient(90deg,#eeebdf,#f9f5e9 30%,#f5f0e4 86%,#c9c1ae);border-radius:3px 0 0 4px;transform:skewY(-.8deg)}.book-right{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#d2cbb8,#f9f5e9 8%,#f4f0e5 90%,#e7e0cf);border-radius:0 5px 6px 0;flex-direction:column;justify-content:center;align-items:center;padding:30px 35px 21px;display:flex;transform:skewY(.8deg)}.book-spine{pointer-events:none;background:#96877157;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 12px 4px #6f62411a}.page-top,.page-bottom{color:#96917d;letter-spacing:1.5px;justify-content:space-between;font-size:7px;display:flex}.page-bottom{letter-spacing:1px;font-size:7px;position:absolute;bottom:27px;left:38px;right:38px}.chapter{padding-top:40px}.chapter-mark{font-family:var(--serif);letter-spacing:4px;color:#a58c70;font-size:10px}.chapter h2{font-family:var(--serif);letter-spacing:3px;margin:16px 0 14px;font-size:clamp(25px,2.5vw,36px);font-weight:400;line-height:1.7}.chapter p{font-family:var(--serif);letter-spacing:1px;color:#96917f;white-space:pre-line;font-size:11px;line-height:2.2}.tiny-flower{color:#909779;margin-top:21px;font-family:Georgia,serif;font-size:33px;line-height:1}.album-cover{width:100%;height:calc(100% - 39px);transform:translateY(calc(var(--pull,0) * -20px)) rotate(calc(2deg - var(--pull,0) * 2deg)) scale(calc(1 + var(--pull,0) * .05));touch-action:none;-webkit-user-select:none;user-select:none;background:#fffcf3;padding:12px 12px 0;transition:box-shadow .3s;position:relative;box-shadow:2px 7px 10px #5f523332,0 1px 2px #71624621}.album-cover:hover{box-shadow:4px 11px 14px #5f523338}.album-cover>img{object-fit:cover;object-position:center 55%;filter:saturate(.65)brightness(.83);width:100%;height:calc(100% - 34px)}.cover-shade{background:#253b2d12;position:absolute;inset:12px 12px 34px}.cover-title{color:#fffdf0;text-shadow:0 2px 20px #15291c66;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px 12px 34px}.cover-title small{font-family:var(--serif);letter-spacing:5px;font-size:12px}.cover-title strong{letter-spacing:5px;font-family:Georgia,serif;font-size:clamp(56px,6vw,86px);font-weight:400;line-height:1.3}.cover-title>span{letter-spacing:5px;font-size:10px}.cover-caption{height:34px;font-family:var(--serif);letter-spacing:1px;color:#928774;justify-content:space-between;align-items:center;font-size:9px;display:flex}.cover-caption svg{width:13px}.pull-hint{letter-spacing:1px;color:#a19a84;margin-top:17px;font-size:9px}.pull-hint span{padding:0 6px}.book-page-number{letter-spacing:1px;color:#a7a18e;font-size:7px;position:absolute;bottom:9px;right:21px}.photo-corner{z-index:2;pointer-events:none;opacity:.6;background:#d4c9af;width:23px;height:23px;position:absolute}.photo-corner.tl{clip-path:polygon(0 0,100% 0,0 100%);top:24px;left:28px}.photo-corner.br{clip-path:polygon(100% 0,100% 100%,0 100%);bottom:63px;right:25px}.margin-note{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:5px;color:#96947f;font-size:11px;position:absolute;top:98px;left:-57px}.book-navigation{justify-content:center;align-items:center;gap:23px;margin:32px 0 0;display:flex}.round-button{border:1px solid #9b977c66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:inline-flex}.round-button:hover:not(:disabled){background:#e1e0cbb0}.round-button svg{width:16px;height:16px}.chapter-tabs{scrollbar-width:none;gap:2px;display:flex;overflow:auto}.chapter-tabs button{color:#99917f;flex-shrink:0;padding:8px 17px;font-family:Georgia,serif;font-size:13px;line-height:1.3;position:relative}.chapter-tabs small{font-family:var(--sans);letter-spacing:1px;margin-top:4px;font-size:8px;display:block}.chapter-tabs button.selected{color:#586549}.chapter-tabs button.selected:after{content:"";background:#687456;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-1px;left:50%}.book-utilities{color:#9b9381;letter-spacing:.7px;justify-content:center;align-items:center;gap:28px;margin-top:24px;font-size:9px;display:flex}.book-utilities select{background:0 0;border:0;border-bottom:1px solid #b0a995;margin-left:5px;padding:3px;font-size:10px}.book-utilities button{color:#747d5f;border-bottom:1px solid #a7aa92;padding:4px 0;font-size:10px}.room-footer{z-index:5;letter-spacing:1.5px;color:#8e8c7c;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:25px;left:4.5%;right:4.5%}.room-footer i{color:#b5b09c;margin:0 12px;font-style:normal}.season-window{z-index:-1;opacity:.78;width:310px;height:390px;transition:opacity 1s,right 1s,top 1s,width 1s;position:absolute;top:151px;right:-36px;transform:rotate(.2deg)}.window-recess{background:#d5c8ac;border:13px solid #c2ae87;position:absolute;inset:0;overflow:hidden;box-shadow:inset 6px 7px 14px #6f604954,8px 12px 25px #74664b29,0 0 0 1px #a59373}.window-landscape{opacity:0;transition:opacity 1.7s;position:absolute;inset:0}.window-landscape.visible{opacity:1}.window-landscape svg{width:100%;height:100%;transition:transform .5s}.window-glass{background:linear-gradient(125deg,#fffdf738,#0000 55%,#f5ecc01c);position:absolute;inset:0;box-shadow:inset 2px 3px 8px #6652394a}.window-bar{background:linear-gradient(90deg,#c0a981,#dcc7a0 45%,#b49b72);position:absolute;box-shadow:2px 3px 3px #695a4130}.window-bar.vertical{width:11px;top:0;bottom:0;left:50%}.window-bar.horizontal{background:linear-gradient(#e0cba5,#bea67e);height:9px;top:51%;left:0;right:0}.window-sill{background:linear-gradient(#e0cdae 40%,#bda47c 45%);height:17px;position:absolute;bottom:-10px;left:-14px;right:-14px;box-shadow:0 8px 12px #5b4c3929}.room-plant{z-index:1;opacity:.74;pointer-events:none;width:150px;height:250px;position:absolute;bottom:41px;left:1.5%}.season-particle{animation:drift var(--duration,12s) linear infinite;animation-delay:var(--delay,0s)}.summer .season-particle{opacity:0}.winter .season-particle{animation-name:snow}@keyframes drift{0%{opacity:0;transform:translateY(-60px)}20%{opacity:.75}80%{opacity:.5}to{opacity:0;transform:translate(-80px,160px)}}@keyframes snow{0%{opacity:0;transform:translateY(-40px)}20%{opacity:.8}80%{opacity:.65}to{opacity:0;transform:translate(-15px,200px)}}.wall-scene{visibility:hidden;opacity:0;z-index:4;position:absolute;inset:125px 0 64px}.life-room[data-stage=wall] .season-window,.life-room[data-stage=hanging] .season-window{opacity:.86;width:285px;top:125px;right:6%}.life-room[data-stage=wall] .room-plant{opacity:.85;width:170px;left:3%}.wall-heading{align-items:flex-start;gap:45px;height:155px;margin:0 6%;display:flex}.text-button{align-items:center;gap:10px;padding:13px 0;font-size:10px;display:flex}.text-button svg{width:16px}.wall-heading h1{font-family:Georgia,var(--serif);letter-spacing:-1px;margin:13px 0 8px;font-size:49px;font-weight:400;line-height:1}.wall-heading h1>span{font-family:var(--serif);letter-spacing:3px;margin-left:17px;font-size:22px}.wall-heading h1 small{font-family:var(--sans);letter-spacing:2px;color:#a29981;margin-left:12px;font-size:10px}.wall-heading p{font-family:var(--serif);letter-spacing:1px;color:#8b8774;font-size:11px}.add-photos{z-index:2;background:#efeddf88;border:1px solid #99987c6b;border-radius:2px;margin-top:8px;margin-left:auto;padding:10px 16px;font-size:10px}.wall-season{font-family:var(--serif);letter-spacing:1px;z-index:2;background:#f5f1e3c9;align-items:center;gap:9px;padding:9px 14px;font-size:10px;display:flex;position:absolute;top:115px;right:8%}.season-dot{background:#8b9a79;border-radius:50%;width:6px;height:6px}.season-dot.winter{background:#9daeb1}.season-dot.spring{background:#c59a91}.season-dot.autumn{background:#b9895c}.season-date{font-family:var(--sans);color:#9c927e;margin-left:7px;font-size:8px}.photo-rail{scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom;height:calc(100% - 235px);min-height:330px;position:relative;overflow:auto hidden;outline-offset:-5px!important}.photo-rail::-webkit-scrollbar{display:none}.photo-rail:active{cursor:grabbing}.photo-track{-webkit-user-select:none;user-select:none;align-items:flex-start;gap:52px;width:max-content;min-width:100%;height:100%;padding:45px max(7vw,35px) 40px;display:flex;position:relative}.hanging-cord{pointer-events:none;border-bottom:2px solid #9d8b66;border-radius:0 0 50% 50%;height:38px;position:absolute;top:24px;left:0;right:0;box-shadow:0 2px 1px #6555380e}.hanging-photo{flex:none;width:245px;padding-top:9px;position:relative}.hanging-photo.lower{padding-top:31px}.wooden-clip{z-index:4;pointer-events:none;background:linear-gradient(90deg,#b88f60,#dfbc87 25%,#c59f6c 65%,#a78051);border-radius:2px;width:13px;height:42px;position:absolute;top:-2px;left:48%;transform:rotate(4deg);box-shadow:2px 3px 3px #56401e36}.lower .wooden-clip{height:47px;top:18px}.wooden-clip:before{content:"";background:#c9c0a7;border-top:1px solid #95876d;border-bottom:1px solid #6d6658;height:3px;position:absolute;top:19px;left:-1px;right:-1px}.wooden-clip:after{content:"";background:#8f6c413c;width:1px;position:absolute;top:3px;bottom:2px;left:6px}.photo-print{width:100%;transform:rotate(var(--rotation));transform-origin:50% 0;cursor:zoom-in;will-change:transform;text-align:left;background:#fffcf3;padding:12px 12px 13px;transition:box-shadow .3s;display:block;position:relative;box-shadow:3px 9px 12px #584e3225,0 1px 3px #584e3212}.photo-print:hover{box-shadow:6px 17px 21px #584e3235}.photo-image{background:#e5e1d2;width:100%;height:230px;display:block;overflow:hidden}.photo-image img{object-fit:cover;filter:saturate(.75)contrast(.94);pointer-events:none;width:100%;height:100%}.photo-print.landscape .photo-image{height:185px}.photo-print.landscape{margin-top:22px}.print-caption{font-family:var(--serif);letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin:16px 4px 8px;font-size:11px;display:block;overflow:hidden}.print-date{letter-spacing:1.5px;color:#a39a84;margin-left:4px;font-family:Georgia,serif;font-size:8px;display:block}.photo-index{text-align:center;color:#aaa18c;letter-spacing:2px;margin-top:18px;font-family:Georgia,serif;font-size:9px;display:block}.wall-end{align-self:center;min-width:260px;padding:0 40px 35px 15px}.wall-end>span{font-family:var(--serif);letter-spacing:3px;font-size:25px;line-height:1.7}.wall-end small{color:#99917d;margin-top:18px;font-size:10px;display:block}.wall-end button{border-bottom:1px solid #9997796b;align-items:center;gap:20px;margin-top:22px;padding:15px 0 8px;font-size:10px;display:flex}.wall-controls{z-index:3;align-items:center;gap:45px;height:80px;margin:0 6%;display:flex;position:relative}.wall-navigation{align-items:center;gap:16px;display:flex}.wall-navigation>span{text-align:center;min-width:51px;font-family:Georgia,serif;font-size:12px}.wall-navigation i{color:#a29b87;font-size:10px;font-style:normal}.month-timeline{justify-content:space-between;width:350px;margin:0 auto;display:flex;position:relative}.month-timeline button{color:#a49c86;z-index:2;flex-direction:column;align-items:center;gap:13px;width:33px;padding:8px 0;font-family:Georgia,serif;font-size:12px;display:flex}.month-timeline button i{background:#c1baa2;border-radius:50%;width:4px;height:4px;display:block;box-shadow:0 0 0 4px #ebe7d9}.month-timeline button[aria-current]{color:#5d6c4c}.month-timeline button[aria-current] i{background:#758264;box-shadow:0 0 0 4px #ebe7d9,0 0 0 5px #969f83}.timeline-line{z-index:1;background:#b9b39d7d;height:1px;position:absolute;bottom:10px;left:16px;right:16px}.timeline-line>span{background:#899572;height:1px;display:block}.drag-note{letter-spacing:1.3px;color:#8f8d76;font-size:9px}.opening-overlay{pointer-events:none;z-index:30;position:fixed;inset:0}.flying-print{background:#fffcf3;padding:12px 12px 30px;display:none;position:absolute;box-shadow:0 30px 40px #4d433a38}.flying-print img{object-fit:cover;filter:saturate(.7);width:100%;height:100%}.unfold-strip{visibility:hidden;opacity:0;transform-origin:50%;background:#f9f4e7;gap:5px;height:260px;padding:13px 13px 27px;display:flex;position:absolute;top:34%;left:8%;right:8%;box-shadow:0 22px 30px #564a322b}.unfold-strip>div{flex:1;min-width:0;position:relative;box-shadow:inset -4px 0 9px #50412b17}.unfold-strip img{object-fit:cover;filter:saturate(.65);width:100%;height:100%}.pull-hand{visibility:hidden;opacity:0;width:150px;height:175px;position:absolute;top:calc(34% + 120px)}.pull-hand.left{left:calc(50% - 188px)}.pull-hand.right{right:calc(50% - 188px)}dialog{color:var(--ink);border:0;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#48483ac9}.photo-dialog{background:0 0;width:min(1000px,92vw);max-width:92vw;max-height:94svh;overflow:visible}.lightbox-paper{background:#fcf8ed;padding:19px;position:relative;box-shadow:0 25px 80px #22251b66}.lightbox-paper>img{object-fit:contain;background:#eeeadd;width:100%;height:68svh}.lightbox-paper>div{font-family:var(--serif);justify-content:space-between;align-items:center;gap:20px;padding:18px 8px 4px;font-size:14px;display:flex}.lightbox-paper small{font-family:var(--sans);color:#9b9480;margin-top:7px;font-size:9px;display:block}.lightbox-paper nav{align-items:center;gap:14px;font-family:Georgia,serif;font-size:10px;display:flex}.dialog-close{z-index:2;color:#74705e;background:#f9f5e9ed;border-radius:50%;place-items:center;width:35px;height:35px;font-size:24px;display:grid;position:absolute;top:9px;right:10px}.import-dialog{background:#f6f2e7;width:min(470px,90vw);max-height:90svh;padding:42px;overflow:auto;box-shadow:0 25px 60px #242c1d50}.import-dialog h2{font-family:var(--serif);margin:17px 0;font-size:27px;font-weight:400}.import-dialog p{color:#8f8774;font-size:11px;line-height:1.9}.month-field{align-items:center;gap:20px;margin:25px 0 16px;font-size:11px;display:flex}.month-field select{background:#ebe8da;border:1px solid #b5ae9566;border-radius:0;padding:6px 20px 6px 10px}.file-drop{cursor:pointer;border:1px dashed #aaa184;flex-direction:column;align-items:center;padding:25px 12px;display:flex;position:relative}.file-drop>span{color:#8a9575;font-size:25px}.file-drop strong{font-weight:400;font-family:var(--serif);font-size:13px;line-height:2.5}.file-drop small{color:#a19a87;font-size:9px}.file-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.import-dialog .import-help{margin:14px 0;font-size:9px;line-height:1.8}.import-status{min-height:20px;font-size:10px!important}.primary-button{color:#fffdf2;letter-spacing:1px;background:#68745d;justify-content:space-between;align-items:center;width:100%;padding:13px 17px;font-size:12px;display:flex}.toast{z-index:50;background:#f8f4e9;align-items:center;gap:18px;max-width:85vw;padding:15px 23px;font-size:11px;line-height:1.6;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #4238212b}.toast button{font-size:20px}@media (min-height:950px) and (min-width:900px){.intro{padding-top:45px;padding-bottom:45px}.album-book{height:460px}.chapter{padding-top:60px}.book-navigation{margin-top:45px}.book-utilities{margin-top:32px}.wall-scene{top:165px}.photo-rail{padding-top:25px}.wall-heading{height:175px}.photo-image{height:280px}.hanging-photo{width:285px}.photo-print.landscape .photo-image{height:225px}}@media (max-width:1050px){.life-room{min-height:800px}.site-top{height:95px}.book-area{width:83vw}.album-book{min-height:340px}.book-left{padding:27px}.page-bottom{left:27px;right:27px}.chapter h2{font-size:27px}.chapter p{font-size:10px}.book-right{padding:26px}.chapter-tabs button{padding:8px 13px}.room-plant{opacity:.5;left:-45px}.season-window{opacity:.65;right:-135px}.wall-heading{gap:25px;height:145px;margin:0 4%}.wall-heading h1{font-size:42px}.wall-heading h1>span{font-size:19px}.wall-heading h1 small{display:none}.wall-scene{top:120px}.wall-controls{gap:20px;margin:0 4%}.drag-note{display:none}.month-timeline{flex:1;max-width:340px}.wall-season{top:113px;right:7%}.hanging-photo{width:230px}.photo-image{height:225px}}@media (max-width:680px){.life-room{height:100svh;min-height:780px}.site-top{height:87px;padding:23px 24px}.life-brand{gap:10px}.brand-seal{width:33px;height:36px;font-size:17px}.life-brand>span:last-child{font-size:27px}.life-brand small{letter-spacing:1px;font-size:6px}.edition{display:none}.top-right{gap:0}.home-link{font-size:10px}.intro{padding:16px 15px 29px}.intro .eyebrow{letter-spacing:1.5px;font-size:7px}.intro h1{letter-spacing:1px;margin:15px 0;font-size:24px}.intro p{letter-spacing:1px;font-size:10px}.book-area{width:88vw}.album-book{width:100%;height:375px;min-height:0;transform:rotate(-1.5deg)}.book-left{background:linear-gradient(90deg,#e5dfcd,#f1ecdd 65%,#bfb6a0);width:15%;padding:0}.book-right{width:85%;padding:26px 25px 27px}.book-spine{left:15%}.page-top{display:none}.chapter{justify-content:center;align-items:center;height:100%;padding:0;display:flex}.chapter-mark{writing-mode:vertical-rl;letter-spacing:7px;font-size:11px}.chapter h2,.chapter p,.chapter .tiny-flower,.page-bottom{display:none}.album-cover{height:calc(100% - 33px);padding:11px 11px 0}.cover-title strong{font-size:69px}.cover-title small{font-size:11px}.cover-title>span,.cover-caption{font-size:9px}.pull-hint{letter-spacing:0;margin-top:18px;font-size:8px}.pull-hint span{padding:0 3px}.photo-corner.tl{top:19px;left:18px}.photo-corner.br{bottom:62px;right:17px}.book-page-number{font-size:6px;bottom:12px}.margin-note{display:none}.book-navigation{gap:6px;margin-top:27px}.book-navigation .round-button{width:28px;height:28px}.chapter-tabs{gap:0;max-width:calc(100% - 64px)}.chapter-tabs button{min-width:44px;padding:9px 8px;font-size:11px}.chapter-tabs small{letter-spacing:0;font-size:7px}.book-utilities{flex-wrap:wrap;gap:15px;margin-top:18px;padding:0 20px;font-size:8px}.book-utilities>span{text-align:center;width:100%;margin-bottom:-4px}.book-utilities button{font-size:9px}.room-footer{letter-spacing:.8px;font-size:6px;bottom:22px;left:24px;right:24px}.room-footer>span:last-child{letter-spacing:0;font-size:8px}.room-footer i{margin:0 6px}.room-plant{opacity:.42;width:100px;height:170px;bottom:60px;left:-29px}.season-window{opacity:.55;width:195px;height:300px;top:170px;right:-100px}.window-recess{border-width:9px}.window-bar.vertical{width:8px}.life-room[data-stage=wall] .season-window,.life-room[data-stage=hanging] .season-window{opacity:.78;width:190px;height:270px;top:163px;right:-20px}.life-room[data-stage=wall] .room-plant{width:100px;bottom:100px;left:-25px}.wall-scene{top:100px;bottom:60px}.wall-heading{height:165px;margin:0 24px;display:block;position:relative}.wall-heading>.text-button{gap:6px;padding:0 0 24px;font-size:9px}.wall-heading>div>.eyebrow{letter-spacing:1.5px;font-size:7px}.wall-heading h1{margin:10px 0 12px;font-size:37px}.wall-heading h1>span{letter-spacing:2px;margin-left:13px;font-size:18px}.wall-heading p{letter-spacing:0;max-width:250px;font-size:9px;line-height:1.8}.add-photos{margin:0;padding:8px 11px;font-size:9px;position:absolute;top:0;right:0}.wall-season{padding:7px 10px;font-size:9px;top:158px;right:22px}.season-date{display:none}.photo-rail{height:calc(100% - 260px);min-height:335px}.photo-track{gap:36px;padding:42px 45px 20px}.hanging-photo{width:215px}.photo-image{height:208px}.photo-print.landscape .photo-image{height:170px}.print-caption{letter-spacing:.7px;margin-top:14px;font-size:10px}.print-date{font-size:7px}.photo-index{margin-top:14px;font-size:8px}.photo-print{padding:11px 11px 12px}.wall-controls{flex-wrap:wrap;justify-content:center;gap:11px;height:96px;margin:5px 28px 0}.wall-navigation{order:2;gap:13px}.wall-navigation .round-button{width:30px;height:30px}.wall-navigation>span{font-size:11px}.month-timeline{flex-shrink:0;flex-basis:100%;order:1;width:100%;max-width:none;height:38px}.month-timeline button{gap:9px;padding-top:0;font-size:11px}.timeline-line{bottom:10px}.wall-end{min-width:235px;padding-left:5px}.wall-end>span{font-size:21px}.unfold-strip{gap:3px;height:195px;padding:8px 8px 22px;top:34%;left:-38%;right:-38%}.pull-hand{width:115px;height:140px;top:calc(34% + 110px)}.pull-hand.left{left:calc(50% - 148px)}.pull-hand.right{right:calc(50% - 148px)}.lightbox-paper{padding:10px}.lightbox-paper>img{height:60svh}.lightbox-paper>div{padding:16px 4px 6px;font-size:13px;display:block}.lightbox-paper nav{justify-content:center;margin-top:18px}.lightbox-paper small{font-size:9px}.import-dialog{padding:34px 25px}.import-dialog h2{font-size:24px}.toast{width:max-content;padding:12px 16px;font-size:10px;bottom:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.still .season-particle{animation:none}.tiny-flower{margin:0;font-family:Georgia,serif;position:absolute;bottom:65px;right:44px}.life-room{overflow:clip}@media (min-width:681px) and (max-height:800px){.life-room{min-height:720px}.site-top{height:87px;padding-top:23px;padding-bottom:23px}.intro{padding-top:5px;padding-bottom:24px}.intro h1{margin:12px 0;font-size:29px}.album-book{height:340px;min-height:340px}.chapter{padding-top:25px}.chapter h2{margin-top:14px;font-size:30px}.book-navigation{margin-top:24px}.book-utilities{margin-top:13px}.room-footer{bottom:15px}.book-left,.book-right{padding-top:23px}.book-right{padding-bottom:24px}.wall-scene{top:100px;bottom:35px}.wall-heading{height:130px}.wall-season{top:108px}.photo-rail{height:calc(100% - 207px);min-height:320px}.hanging-photo{width:220px}.photo-image{height:205px}.photo-print.landscape .photo-image{height:175px}.photo-track{gap:46px;padding-top:42px}.wall-controls{height:62px}.life-room[data-stage=wall] .season-window,.life-room[data-stage=hanging] .season-window{width:260px;height:320px;top:110px}.print-caption{margin-top:12px}.room-plant{height:195px;bottom:35px}}