.memory-dialog.storybook-mode{background:#292c29;color:#e8e0d3;background-image:radial-gradient(ellipse at 45% 10%,#5a5b503d,transparent 65%)}
.storybook-mode .memory-toolbar{padding:16px 4%;border-bottom:1px solid #eee8dc18;background:#292c29f2;color:#c8beab}.storybook-mode .memory-brand{font-family:'Songti SC','SimSun',serif;font-size:19px;color:#e4d8bf}.storybook-mode #memory-page{display:none}.storybook-mode #memory-content{max-width:1360px;padding:28px 48px 60px}
.memory-volume{--ink:#3a3d34;--accent:#9e8864}.volume-intro{display:flex;justify-content:space-between;align-items:center;margin:0 8px 22px;font-size:11px;letter-spacing:3px;color:#b6ad99}.volume-index{position:relative;z-index:8}.volume-index summary{cursor:pointer;list-style:none;border-bottom:1px solid #bca67a66;padding:9px 0;letter-spacing:2px}.volume-index summary::-webkit-details-marker{display:none}.volume-index nav{position:absolute;right:0;top:40px;width:260px;max-height:70vh;overflow:auto;padding:14px;background:#f3ecde;box-shadow:0 15px 50px #0005;border:1px solid #b5a47c}.volume-index button{display:block;width:100%;padding:13px 15px;text-align:left;color:#686457;font-size:13px;letter-spacing:1px;border-bottom:1px solid #82775c1f}.volume-index button[aria-current=page]{color:#2e4639;background:#e7e2d4}.volume-index button:hover{background:#e7e2d4}
.volume-spread{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);position:relative;background:#f5efe3;box-shadow:0 35px 70px #0004,0 1px 0 2px #c9bca3,0 7px 0 #9a8d73,0 9px 0 #ded3bc;isolation:isolate;animation:volume-open .8s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 80%}.volume-spread:before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238c7857' opacity='.09' filter='url(%23p)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none;z-index:2}.volume-art-leaf{min-width:0;padding:36px 38px 23px;background:linear-gradient(90deg,#fffaf12e 85%,#8a79591c 98%,#57472e2b);display:flex;flex-direction:column;justify-content:center}.volume-image-mount{width:100%;margin:auto;max-width:calc(66vh * var(--photo-ratio));position:relative}.volume-reveal{position:relative;display:block;width:100%;aspect-ratio:var(--photo-ratio);padding:0;border:0;background:#e8e0cf;overflow:hidden;cursor:pointer;box-shadow:0 3px 12px #453c3220;isolation:isolate}.volume-reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none}.volume-painting{z-index:1;clip-path:inset(0);transition:clip-path 1s cubic-bezier(.22,.61,.36,1),opacity .8s}.volume-reveal.is-photo .volume-painting{clip-path:inset(0 0 0 100%);opacity:0}.volume-pigment{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(110deg,transparent,#fffbef42,transparent);transform:translateX(-120%);animation:pigment-drift 3s .4s ease-out forwards;mix-blend-mode:soft-light}.volume-image-tools{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.volume-image-tools button{min-height:32px;font-size:10px;letter-spacing:2px;color:#787261;padding:0;border:0}.volume-image-tools button:last-child{border-bottom:1px solid #a6916540}
.volume-words-leaf{padding:46px clamp(32px,4.4vw,76px) 34px;color:var(--ink);display:flex;flex-direction:column;min-width:0;background:linear-gradient(90deg,#79684a25,transparent 7%,#fffaf12e 90%,#bba78413)}.volume-letterhead{font-size:10px;letter-spacing:3px;color:#8c816c;display:flex;gap:20px;align-items:center;margin-bottom:clamp(32px,5vh,66px)}.volume-letterhead i{height:1px;flex:1;background:#a7926a44}.volume-date{font:italic 20px/1.4 Georgia,'Times New Roman',serif;letter-spacing:2px;color:#948062}.volume-words-leaf h1{font:400 clamp(30px,3.3vw,46px)/1.5 'Songti SC','SimSun',serif;letter-spacing:3px;margin:20px 0 26px;text-wrap:balance}.volume-rule{height:1px;width:58px;background:#ac9974;margin-bottom:28px}.volume-story{font:400 clamp(17px,1.6vw,21px)/2.15 'KaiTi','STKaiti','Songti SC',serif;letter-spacing:1px;margin:0 0 40px;white-space:pre-wrap;color:#5d5d50;text-wrap:pretty}.volume-signature{display:flex;justify-content:flex-end;align-items:baseline;gap:10px;margin-top:auto;font:20px 'KaiTi','STKaiti',serif;letter-spacing:4px;color:#626556;transform:rotate(-4deg)}.volume-signature em{font:12px 'Songti SC',serif;letter-spacing:0;color:#a29170}.volume-footnote{border-top:1px solid #aa98713b;padding-top:19px;margin-top:35px;font-size:9px;letter-spacing:3px;color:#9c9078}
.volume-enclosures{padding:65px 42px 28px;color:#d4c7af}.volume-enclosures header{display:flex;align-items:baseline;gap:28px;border-bottom:1px solid #d2c4aa25;padding-bottom:20px;margin-bottom:34px}.volume-enclosures header>span{font-size:10px;letter-spacing:4px;color:#b6a282}.volume-enclosures h2{font:400 24px 'Songti SC','SimSun',serif;letter-spacing:3px;margin:0}.volume-gallery{display:flex;justify-content:center;align-items:flex-start;gap:40px}.volume-print{display:block;flex:0 1 46%;max-width:400px;min-width:0;padding:9px 9px 26px;background:#ece6d8;box-shadow:0 15px 35px #0004;cursor:zoom-in;transform:rotate(-1deg);transition:transform .4s}.volume-print:nth-child(even){margin-top:36px;transform:rotate(1.5deg)}.volume-print:hover{transform:translateY(-5px) rotate(0)}.volume-print img{display:block;width:100%;height:auto}.volume-navigation{display:flex;justify-content:space-between;gap:28px;margin:55px 6px 26px;border-top:1px solid #c6b59338;padding-top:28px}.folio-neighbor{max-width:48%;text-align:left;color:#d4c9b6;padding:0;min-height:65px}.folio-neighbor.next{text-align:right}.folio-neighbor span{display:block;font-size:10px;letter-spacing:3px;color:#a89980;margin-bottom:14px}.folio-neighbor strong{font:400 20px/1.5 'Songti SC','SimSun',serif;letter-spacing:2px}.volume-close{display:block;margin:35px auto 0;padding:16px 22px;font-size:11px;letter-spacing:3px;color:#aa9e87;border:1px solid #c7b48b36}.memory-volume button:focus-visible,.volume-index summary:focus-visible{outline:2px solid #b5a177;outline-offset:6px}
@keyframes volume-open{from{opacity:0;transform:perspective(1800px) rotateX(5deg) translateY(20px)}to{opacity:1;transform:none}}@keyframes pigment-drift{to{transform:translateX(120%)}}
@media(max-width:800px){.storybook-mode #memory-content{padding:18px 20px 40px}.volume-spread{grid-template-columns:1fr}.volume-art-leaf{padding:23px 24px 15px;background:linear-gradient(180deg,transparent 90%,#ad987e10)}.volume-image-mount{max-width:calc(63vh * var(--photo-ratio))}.volume-words-leaf{padding:27px 30px 30px;background:linear-gradient(90deg,#ad987e13,transparent 8%);border-top:1px solid #ac987532}.volume-letterhead{margin-bottom:20px;font-size:9px;letter-spacing:2px}.volume-words-leaf h1{font-size:30px;margin:12px 0 20px}.volume-date{font-size:17px}.volume-story{font-size:18px;margin-bottom:26px}.volume-footnote{margin-top:25px}.volume-intro{font-size:9px;letter-spacing:1px;margin:0 0 18px}.volume-image-tools button{font-size:9px;letter-spacing:1px}.volume-enclosures{padding:44px 8px 10px}.volume-enclosures header{display:block}.volume-enclosures h2{font-size:21px;margin-top:13px}.volume-gallery{gap:23px;flex-wrap:wrap}.volume-print{flex-basis:90%;max-width:420px}.volume-print:nth-child(even){margin-top:7px}.volume-navigation{gap:15px;margin-top:40px}.folio-neighbor strong{font-size:17px}.volume-index nav{width:235px}.storybook-mode .memory-toolbar{padding:12px 20px}.storybook-mode .memory-brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){.volume-spread,.volume-pigment{animation:none}.volume-painting,.volume-print{transition:none}}