@charset "UTF-8";
:root{--ink:#655b50;--muted:#8b8071;--paper:#f8f1e2;--edge:#c8bda9;--sage:#7f8a77;--rose:#a68079;--accent:#9f8876;--serif:Georgia,'Times New Roman','Songti SC','SimSun',serif;--sans:'Segoe UI','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100svh;background-color:#e6e4db;background-image:repeating-linear-gradient(90deg,#9da99409 0 32px,transparent 32px 64px),repeating-linear-gradient(0deg,#9da99409 0 32px,transparent 32px 64px);color:var(--ink);font-family:var(--serif)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.038;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}button:disabled{opacity:.35;cursor:default}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--rose);outline-offset:5px}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:absolute;top:-60px;z-index:100;background:var(--paper);padding:12px}.skip-link:focus{top:10px}.site-header{max-width:1440px;width:calc(100% - 96px);margin:auto;height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;font-size:20px;letter-spacing:3px}.brand img{transform:rotate(25deg)}.brand small{display:block;font-family:var(--sans);font-size:7px;letter-spacing:1.7px;margin-top:7px;color:var(--muted)}.edition{font-size:11px;letter-spacing:3px;color:var(--muted);font-style:italic}.header-actions{display:flex;gap:22px;font-size:11px;letter-spacing:1px}.header-actions button{display:flex;align-items:center;gap:8px;padding:8px 0}.header-actions button>span:first-child{font-size:20px;color:var(--sage)}.above-book{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 160px);max-width:1200px;margin:12px auto 24px;font-family:var(--sans);font-size:8px;color:var(--muted);letter-spacing:2px}.above-book p{font-size:9px;letter-spacing:3px}.book-surround{position:relative;width:calc(100% - 160px);max-width:1240px;margin:0 auto;perspective:2200px;isolation:isolate}.book-edge{position:absolute;inset:7px -10px -16px;border:1px solid #8d937f;border-radius:6px 8px 13px 7px;background:#8f9984;box-shadow:0 28px 43px #5d594e29,0 7px 8px #5550441a;transform:rotate(.15deg);z-index:-2}.book-edge:after{content:"";position:absolute;inset:0 3px 8px;background:repeating-linear-gradient(0deg,#c7bcaa 0 1px,#ede3d0 1px 3px);border:1px solid #a79c87;border-radius:3px 5px 10px 4px}.book{position:relative;min-height:650px;outline:0;transform-style:preserve-3d}.spread{display:grid;grid-template-columns:1fr 1fr;min-height:650px;position:relative;background:var(--paper);border-radius:4px 6px 4px 3px;box-shadow:inset 0 -1px 0 #c2b499}.page{position:relative;min-width:0;min-height:650px;background-color:var(--paper);background-image:radial-gradient(ellipse at 50% 70%,#fffdf43d,transparent 70%);padding:43px 49px 43px}.page:before{content:"";position:absolute;inset:15px 18px;border:1px solid #d7ccb744;pointer-events:none}.left-page{border-radius:4px 0 0 3px;background-image:linear-gradient(90deg,transparent 90%,#b4a38a0a 96%,#95826e15),radial-gradient(ellipse at 35% 60%,#fffdfa66,transparent 80%)}.right-page{padding:37px 25px 39px;background-image:linear-gradient(90deg,#8e7d621c,transparent 8%),radial-gradient(ellipse at 55% 60%,#fffefa55,transparent 80%)}.binding{position:absolute;top:0;bottom:0;left:calc(50% - 14px);width:28px;pointer-events:none;z-index:12;background:linear-gradient(90deg,transparent,#9d897c10 20%,#8c746324 46%,#9b867c30 50%,#fffbed40 60%,transparent);border-radius:45%}.ribbon-mark{position:absolute;left:calc(50% + 15px);bottom:-43px;height:82px;width:20px;background:#ab817b;clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%);z-index:-1;box-shadow:inset 3px 0 #ddada33d}.page-number{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-family:var(--serif);font-size:11px;color:#a69783;letter-spacing:2px}.running-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid #d4c8b666;color:var(--muted);font-family:var(--sans);font-size:8px;letter-spacing:1.8px}.overline{font-family:var(--sans);font-size:9px;letter-spacing:2px;color:var(--muted);line-height:1.7}.chapter-heading{margin:31px 0 22px}.chapter-heading .overline{font-size:8px;letter-spacing:1.3px;color:var(--accent)}.chapter-heading h2{font-size:29px;line-height:1.5;font-weight:400;letter-spacing:2px;margin-top:8px}.story-text p{font-size:14px;line-height:2;letter-spacing:.5px;text-align:justify;margin-bottom:17px}.story-text p:first-child:first-letter{font-size:31px;float:left;line-height:1.2;padding:5px 6px 0 0;color:var(--accent)}.chapter-flower{text-align:center;color:var(--accent);font-size:26px;margin-top:8px;opacity:.8}.scene-header{text-align:center;font-family:var(--sans);font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:7px}.scene-header .scene-number{display:block;font-size:25px;font-family:var(--serif);font-style:italic;letter-spacing:0;margin-top:8px;color:var(--accent)}.scene{height:425px;margin-top:10px;position:relative;perspective:1100px;touch-action:pan-y;--rx:0deg;--ry:0deg}.paper-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s ease}.floor{position:absolute;bottom:24px;left:7%;width:87%;height:140px;background:repeating-conic-gradient(#c2c5ad24 0% 25%,#f0e6d636 0% 50%) 50% /32px 32px;border:1px solid #c0b6a177;transform:rotateX(65deg);border-radius:50%;transform-origin:center bottom;box-shadow:0 16px 17px #76654d14}.backboard{position:absolute;left:9%;bottom:42px;width:84%;height:355px;border:6px solid #f7eddb;outline:1px solid #bbac9670;border-radius:47% 47% 2px 2px;transform-origin:center bottom;transform:translateZ(25px) rotateX(-10deg);background:var(--paper);box-shadow:6px 13px 15px #645d4d17;transition:transform .8s,filter .8s}.backboard:after{content:"";position:absolute;left:26%;bottom:-31px;width:48%;height:26px;transform:rotateX(68deg);transform-origin:top;border:1px solid #c4b9a3;background:linear-gradient(#e4d9c2,#f5ead5);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.illustration{position:absolute;inset:0;border-radius:inherit;background-size:200% 200%;background-repeat:no-repeat;overflow:hidden;transition:filter .7s,transform .7s}.scene-0{background-image:url('assets/chapters-1.png');background-position:0 0}.scene-1{background-image:url('assets/chapters-1.png');background-position:100% 0}.scene-2{background-image:url('assets/chapters-1.png');background-position:0 100%}.scene-3{background-image:url('assets/chapters-1.png');background-position:100% 100%}.scene-4{background-image:url('assets/chapters-2.png');background-position:0 0}.scene-5{background-image:url('assets/chapters-2.png');background-position:100% 0}.scene-6{background-image:url('assets/chapters-2.png');background-position:0 100%}.scene-7{background-image:url('assets/chapters-2.png');background-position:100% 100%}.scene-8{background-image:url('assets/chapters-3.png');background-position:0 0}.scene-9{background-image:url('assets/chapters-3.png');background-position:100% 0}.scene-10{background-image:url('assets/chapters-3.png');background-position:0 100%}.scene-11{background-image:url('assets/chapters-3.png');background-position:100% 100%}.scene-intro{background-image:url('assets/tea-party.png');background-size:cover;background-position:49% 50%}.paper-wing{position:absolute;bottom:21px;width:105px;height:187px;transform-origin:center bottom;filter:drop-shadow(3px 7px 1px #70654820);transition:transform .8s,opacity .8s}.paper-wing svg{width:100%;height:100%;overflow:visible}.wing-left{left:-2%;transform:translateZ(68px) rotateY(24deg) rotate(-12deg)}.wing-right{right:-1%;transform:translateZ(86px) rotateY(-29deg) rotate(10deg) scaleX(-1)}.paper-wing:after,.paper-prop:after{content:"";position:absolute;bottom:0;left:35%;width:34%;height:15px;background:#e4d8c2;border:1px solid #c3b49b;transform-origin:top;transform:rotateX(72deg);z-index:-1}.paper-prop{position:absolute;bottom:13px;left:32%;height:150px;width:118px;transform:translateZ(118px) rotate(-9deg);transform-origin:center bottom;transition:transform .75s;filter:drop-shadow(3px 7px 1px #6f5a4225);cursor:pointer;border:0;padding:0;background:none}.paper-prop svg{width:100%;height:100%;overflow:visible;stroke:#8e7e6e;paint-order:stroke;stroke-width:5px}.floating-card{position:absolute;right:3%;top:7px;width:57px;height:78px;background:var(--paper);border:1px solid #b99d8a;color:#af817c;text-align:center;font-family:var(--serif);font-size:30px;line-height:75px;transform:translateZ(66px) rotate(13deg);box-shadow:2px 4px 1px #71645018;transition:transform .7s}.floating-card:before{content:"";position:absolute;top:-22px;left:28px;height:23px;border-left:1px dashed #a7967c}.scene-action{position:relative;z-index:3;display:flex;justify-content:center;margin-top:9px}.scene-action button{border:1px solid #c4b39a;border-radius:50%;font-size:11px;padding:12px 25px;letter-spacing:1px;color:var(--accent);background:#f5ecdc}.scene-action button:hover{background:#ede3d1}.scene-caption{font-size:11px;line-height:1.8;text-align:center;margin:14px auto 0;color:var(--muted);max-width:85%;min-height:40px}.scene.is-active .paper-prop{transform:translateZ(140px) rotate(12deg) translateY(-15px)}.scene.is-active[data-chapter="0"] .floating-card{transform:translateZ(90px) rotate(40deg) translateY(-20px)}.scene.is-active[data-chapter="1"] .floor{animation:ripple 2s ease infinite}.scene.is-active[data-chapter="2"] .paper-prop{animation:race 2s ease-in-out infinite}.scene.is-active[data-chapter="3"] .paper-prop{transform:translateZ(130px) scale(1.3)}.scene.is-active[data-chapter="4"] .paper-prop{transform:translateZ(130px) scale(.62)}.scene.is-active[data-chapter="5"] .backboard{filter:opacity(.27)}.scene.is-active[data-chapter="6"] .paper-prop{animation:teatime 1.8s ease-in-out infinite}.scene.is-active[data-chapter="7"] .paper-prop .petal{fill:#bd8988}.scene.is-active[data-chapter="8"] .paper-prop{animation:teatime 3s ease-in-out infinite}.scene.is-active[data-chapter="9"] .paper-wing{animation:dance 1.8s ease-in-out infinite}.scene.is-active[data-chapter="10"] .paper-prop{transform:translateZ(130px) rotate(0deg) scale(1.14)}.scene.is-active[data-chapter="11"] .floating-card{transform:translateZ(160px) translate(-100px,-45px) rotate(-38deg)}.scene.is-active[data-chapter="11"] .paper-prop{transform:translateZ(170px) translate(65px,-100px) rotate(28deg)}body.flat .backboard{transform:translateZ(0) rotateX(60deg);filter:brightness(.95)}body.flat .paper-wing{transform:translateZ(0) rotateX(72deg);opacity:.65}body.flat .paper-prop{transform:translateZ(0) rotateX(70deg)}body.flat .floating-card{transform:translateZ(0) rotate(0)}body.flat .paper-stage{transform:none}.intro-heading{margin-top:44px}.intro-heading .overline{font-size:8px;letter-spacing:2.5px}.intro-heading h1{font-size:65px;font-weight:400;line-height:.96;letter-spacing:-3px;margin-top:19px;color:#777a66}.intro-heading h1 em{font-size:.67em;color:#ad8679;letter-spacing:-1.4px;white-space:nowrap}.intro-heading h2{font-size:24px;font-weight:400;letter-spacing:4px;margin-top:24px}.intro-text{font-size:13px;line-height:2;letter-spacing:1px;max-width:330px;margin-top:26px;color:var(--muted)}.start-button{display:inline-flex;align-items:center;gap:35px;background:var(--sage);color:#fff8e9;outline:1px dashed #e6e3c9;outline-offset:-5px;padding:15px 26px;font-size:12px;letter-spacing:2px;margin-top:27px}.start-button span{font-size:18px}.intro-credit{font-size:9px;letter-spacing:1px;font-style:italic;color:#9f8b77;margin-top:20px}.book-controls{max-width:1110px;width:calc(100% - 220px);display:flex;justify-content:space-between;align-items:center;gap:30px;margin:38px auto 0}.page-control{display:flex;gap:20px;align-items:center;font-size:12px;letter-spacing:1px;padding:13px 10px;white-space:nowrap;min-width:112px}.page-control>span{font-family:var(--sans);font-size:20px}.reading-progress{display:grid;grid-template-columns:auto minmax(90px,210px) auto;gap:18px;align-items:center;font-size:9px;letter-spacing:1px;color:var(--muted)}.reading-progress p{min-width:100px;text-align:right}.reading-progress input{height:2px;accent-color:var(--sage);width:100%;cursor:pointer}.reading-progress>span{font-size:8px;font-family:var(--sans);white-space:nowrap}.under-book{display:flex;align-items:center;justify-content:center;gap:30px;margin:12px auto 0;color:var(--muted);font-size:9px;letter-spacing:.5px}.under-book>span{font-size:8px;letter-spacing:1px}.under-book button{font-size:10px;border-bottom:1px dotted #b4ab99;padding:4px 0}footer{width:calc(100% - 96px);max-width:1440px;margin:27px auto 0;padding:20px 0;border-top:1px solid #c9c6b766;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:var(--muted)}footer button{font-size:9px}#saved-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:60;background:var(--paper);border:1px solid var(--edge);padding:12px 20px;font-size:12px;letter-spacing:1px;box-shadow:0 3px 15px #776c5420}#saved-status:empty{display:none}.table-flower{position:absolute;font-size:116px;color:#8d9a7d;opacity:.21;z-index:-2;pointer-events:none}.flower-left{left:-72px;bottom:50px;transform:rotate(-30deg)}.flower-right{right:-60px;top:36px;transform:rotate(22deg)}#flip-layer{position:absolute;inset:0;pointer-events:none;z-index:15;transform-style:preserve-3d;perspective:2300px}.turn-leaf{position:absolute;top:0;bottom:0;width:50%;transform-style:preserve-3d;will-change:transform}.turn-leaf.forward{left:50%;transform-origin:left center}.turn-leaf.backward{left:0;transform-origin:right center}.leaf-front,.leaf-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:var(--paper);box-shadow:3px 0 13px #7d69522a}.leaf-back{transform:rotateY(180deg)}.leaf-front .page,.leaf-back .page,.static-leaf .page{min-height:100%;height:100%}.leaf-front:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#9d886220,transparent 35%,#9d886208);pointer-events:none}.static-leaf{position:absolute;top:0;bottom:0;width:50%;overflow:hidden}.static-leaf.left{left:0}.static-leaf.right{right:0}.chapter-index-note{font-size:11px;line-height:1.8;letter-spacing:1px;color:var(--muted);margin-top:22px}.end-heading{font-size:42px;font-weight:400;line-height:1.4;letter-spacing:2px;margin:45px 0 23px}.end-text{font-size:14px;line-height:2.1;letter-spacing:1px;margin-bottom:20px}.end-signature{font-size:23px;font-style:italic;color:var(--rose);margin-top:22px}.collection-title{font-weight:400;font-size:35px;line-height:1.5;letter-spacing:3px;margin:40px 0 22px}.portfolio-grid{display:grid;gap:18px;margin-top:25px}.portfolio-card{display:grid;grid-template-columns:112px 1fr;gap:20px;text-align:left;align-items:center;padding:8px;background:#e6dfcd30;border:1px dashed #c9bca2}.portfolio-image{width:100%;aspect-ratio:1;background-image:url('assets/story-panels.png');background-size:300% 100%;border:4px solid #f8eedb;outline:1px solid #c3b59d77}.portfolio-image.p0{background-position:0 50%}.portfolio-image.p1{background-position:50% 50%}.portfolio-image.p2{background-position:100% 50%}.portfolio-image.custom{background-size:cover;background-position:center}.portfolio-card h3{font-weight:400;font-size:16px;letter-spacing:1px;line-height:1.6}.portfolio-card small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:8px}.portfolio-card .arrow{font-size:17px;color:var(--rose);margin-top:10px;display:block}.portfolio-note{font-size:9px;color:var(--muted);margin-top:20px;letter-spacing:1px}.reading-large .story-text p{font-size:17px;line-height:2}.reading-large .page{min-height:760px}.reading-large .spread{min-height:760px}.reading-large .right-page{display:flex;flex-direction:column;justify-content:center}.reading-large .scene{flex-shrink:0}dialog{border:1px solid #c4b49a;background:var(--paper);color:var(--ink);width:min(740px,calc(100% - 32px));max-height:88svh;padding:40px 43px;box-shadow:0 25px 80px #38312344}dialog::backdrop{background:#49453773;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:1px solid var(--edge);border-radius:50%;font-family:var(--sans);font-size:23px}.dialog-intro{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px}dialog h2{font-size:29px;letter-spacing:2px;font-weight:400;margin-top:14px}#chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:23px}#chapter-list button{padding:14px 0;border-bottom:1px dashed #c9bda777;text-align:left;display:grid;grid-template-columns:25px 1fr auto;gap:11px;align-items:center;font-size:13px}#chapter-list button small{font-family:var(--sans);font-size:8px;color:var(--muted)}#chapter-list button .num{font-style:italic;color:var(--rose)}#chapter-list button.current{color:var(--rose);font-weight:600}.contents-extra{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:var(--rose)}#colophon{max-width:580px}#colophon>p:not(.overline){font-size:13px;line-height:2;margin-top:22px}#colophon>a{display:inline-block;color:var(--rose);font-size:13px;margin-top:20px;border-bottom:1px solid var(--rose);padding-bottom:4px}#colophon .small-note{font-size:11px!important;color:var(--muted)}#work-detail{padding:0;max-width:720px}.work-image{aspect-ratio:1.5;background-image:url('assets/story-panels.png');background-size:300% 100%;background-repeat:no-repeat}.work-description{padding:30px}.work-description>p:last-child{font-size:13px;line-height:1.9;margin-top:17px}.loading-scene{background:#ece3d3}.scene.has-opened .backboard{animation:unfold .8s ease both}.scene.has-opened .paper-wing{animation:leafrise .9s ease both}.scene.has-opened .paper-prop{animation:proprise 1s ease both}@keyframes unfold{from{transform:translateZ(0) rotateX(64deg)}to{transform:translateZ(25px) rotateX(-10deg)}}@keyframes leafrise{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes proprise{from{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes ripple{50%{opacity:.5;scale:1.07}}@keyframes race{50%{transform:translateZ(130px) translateX(35px) rotate(18deg)}}@keyframes teatime{50%{transform:translateZ(140px) rotate(12deg) translateY(-15px)}}@keyframes dance{50%{translate:0 -17px;rotate:6deg}}
@media(min-width:1500px){.book-surround{max-width:1320px}.page,.spread,.book{min-height:695px}.page{padding:47px 57px}.right-page{padding:42px 32px}.story-text p{font-size:15px;line-height:2.05}.scene{height:453px}.backboard{height:390px}.intro-heading h1{font-size:75px}.intro-text{font-size:14px}.chapter-heading{margin-top:36px}}
@media(max-width:1150px){.site-header{width:calc(100% - 52px)}.book-surround,.above-book{width:calc(100% - 70px)}.edition{display:none}.page{padding:37px 31px 43px}.right-page{padding:35px 19px}.story-text p{font-size:13px;line-height:2}.chapter-heading{margin:25px 0 19px}.chapter-heading h2{font-size:25px}.intro-heading h1{font-size:58px}.scene{height:410px}.backboard{height:333px}.paper-prop{width:98px;height:125px}.paper-wing{width:89px;height:160px}.book-controls{width:calc(100% - 88px)}.reading-progress{gap:12px;grid-template-columns:auto minmax(70px,160px) auto}.table-flower{display:none}.portfolio-card{grid-template-columns:95px 1fr;gap:14px}.portfolio-card h3{font-size:14px}}
@media(max-width:800px){.site-header{height:77px;width:calc(100% - 36px);gap:15px}.brand{font-size:17px;letter-spacing:2px;gap:8px}.brand small{font-size:6px;letter-spacing:1px}.header-actions{gap:16px;font-size:10px}.header-actions button{gap:5px}#bookmark-label{display:none}.above-book{width:calc(100% - 44px);margin:10px auto 22px}.above-book>span{display:none}.above-book p{font-size:7px;letter-spacing:2px;margin:auto}.book-surround{width:calc(100% - 38px)}.book-edge{inset:3px -5px -11px}.book,.spread,.page{min-height:0}.spread{grid-template-columns:1fr}.page{padding:32px 29px 42px}.page:before{inset:12px;border-color:#d5c8ac55}.left-page{order:2;border-radius:0 0 3px 3px;background-image:linear-gradient(#c4b69b18,transparent 5%)}.right-page{order:1;padding:23px 20px 34px;border-bottom:1px solid #c5b39555}.binding{display:none}.ribbon-mark{left:auto;right:14px;bottom:-33px;height:63px;width:17px}.scene-header{font-size:7px;letter-spacing:1.7px}.scene-header .scene-number{font-size:20px;margin-top:5px}.scene{height:350px;margin-top:0}.backboard{height:290px;bottom:26px;left:9%;width:82%;border-width:5px}.paper-wing{height:136px;width:78px;bottom:3px}.paper-prop{width:85px;height:105px;bottom:0;left:34%}.floor{bottom:9px;height:110px}.floating-card{width:40px;height:57px;font-size:24px;line-height:54px;top:12px;right:4%}.scene-caption{font-size:10px;margin-top:12px;min-height:0}.scene-action{margin-top:6px}.scene-action button{font-size:10px;padding:10px 20px}.right-page>.page-number{bottom:12px;font-size:9px}.left-page>.page-number{bottom:14px;font-size:9px}.running-title{font-size:7px;padding-bottom:12px}.chapter-heading{margin:21px 0 19px}.chapter-heading h2{font-size:26px;letter-spacing:1px}.chapter-heading .overline{font-size:7px;letter-spacing:1px}.story-text p{font-size:14px;line-height:2.05;letter-spacing:.5px;margin-bottom:17px}.intro-heading{margin-top:28px}.intro-heading h1{font-size:63px;line-height:1}.intro-heading h2{font-size:23px;letter-spacing:3px;margin-top:20px}.intro-text{font-size:13px;line-height:2;margin-top:22px}.start-button{padding:15px 22px;margin-top:20px}.intro-credit{font-size:8px}.book-controls{position:sticky;bottom:0;width:100%;gap:8px;margin:26px auto 0;padding:11px 18px;background:#e6e4dbea;backdrop-filter:blur(10px);z-index:25;border-top:1px solid #b7b8a555}.page-control{font-size:11px;min-width:0;gap:10px;padding:7px 2px}.page-control>span{font-size:18px}.reading-progress{display:flex;flex-direction:column;gap:6px;font-size:8px;flex:1;max-width:160px}.reading-progress p{min-width:0;text-align:center;font-size:9px}.reading-progress input{width:100%;max-width:130px}.reading-progress>span{font-size:7px}.under-book{gap:17px;margin:12px 18px;flex-wrap:wrap}.under-book>span{width:100%;text-align:center;font-size:8px}.under-book button{font-size:9px}footer{margin-top:21px;width:calc(100% - 36px);font-size:7px;gap:15px;padding:16px 0}.turn-leaf{width:100%;left:0!important}.turn-leaf.forward{transform-origin:left}.turn-leaf.backward{transform-origin:right}.static-leaf{display:none}.leaf-front .page,.leaf-back .page{height:100%}.leaf-front,.leaf-back{border:1px solid var(--edge)}.portfolio-grid{gap:14px;margin-top:17px}.portfolio-card{grid-template-columns:90px 1fr;gap:15px;padding:8px}.portfolio-card h3{font-size:16px}.collection-title{font-size:31px;margin-top:27px}.end-heading{font-size:34px;margin-top:27px}.reading-large .page{min-height:0}.reading-large .spread{min-height:0}.reading-large .story-text p{font-size:18px;line-height:2}.reading-large .scene{height:350px}.reading-large .right-page{display:block}dialog{padding:33px 23px}dialog h2{font-size:25px}.dialog-intro{font-size:11px}#chapter-list{grid-template-columns:1fr;gap:0;margin-top:17px}#chapter-list button{font-size:13px;padding:13px 0}.contents-extra{font-size:11px;gap:10px}.work-image{aspect-ratio:1}.work-description{padding:23px}.scene.has-opened .backboard{animation:none}}
@media(max-width:375px){.page{padding-inline:23px}.right-page{padding-inline:13px}.scene{height:313px}.backboard{height:261px}.intro-heading h1{font-size:48px}.header-actions{gap:10px}.brand{font-size:16px}.above-book p{font-size:6px}}
.intro-text,.end-heading,.end-text,.collection-title{white-space:pre-line}.scene.is-active[data-chapter="7"] .paper-prop{--petal-fill:#bd8988}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.paper-stage{transform:none!important}}
[hidden]{display:none!important}.portfolio-nav{display:flex;gap:29px;font-size:12px;letter-spacing:1px}.portfolio-nav button{padding:10px 0;border-bottom:1px solid transparent}.portfolio-nav button:hover{border-bottom-color:var(--rose)}.header-actions{gap:16px}.header-actions #close-cover{font-size:10px}.front-cover{position:absolute;z-index:30;left:50%;top:0;width:50%;height:100%;min-height:650px;background-color:#a0ada5;background-image:repeating-linear-gradient(0deg,#687b7110 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#687b7110 0 1px,transparent 1px 4px);border:1px solid #77867a;border-radius:5px 13px 13px 5px;transform-origin:left center;transform:translateX(-50%) rotateY(-8deg);box-shadow:inset 7px 0 0 #76887b77,inset 10px 0 0 #c5cdbb77,10px 8px 0 #b6baa8,14px 12px 0 #879582,0 35px 35px #58624f35;color:#f4eedc;backface-visibility:hidden;transition:visibility 0s}.front-cover:after{content:"";position:absolute;top:10px;bottom:10px;right:-8px;width:7px;background:repeating-linear-gradient(0deg,#c6bca9 0 1px,#eee3cd 1px 3px);border-radius:0 4px 4px 0;z-index:-1}.cover-stitch{position:absolute;inset:22px 25px 22px 30px;border:1px solid #eee8cf91;outline:1px dashed #e5e2cc70;outline-offset:-6px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:34px 22px 25px}.cover-eyebrow{font-family:var(--sans);font-size:8px;letter-spacing:2px}.cover-stitch>h1{font-size:29px;font-weight:400;letter-spacing:8px;margin:23px 0 14px}.cover-english{font-family:var(--serif);font-size:24px;line-height:1.15}.cover-english em{font-size:44px;letter-spacing:-1px}.cover-medallion{width:210px;aspect-ratio:.87;border:8px solid #e6dfcc;outline:1px solid #d7ccb3;border-radius:50%;background-image:url('assets/story-panels.png');background-size:300% 100%;background-position:0 50%;margin:24px 0 20px;box-shadow:0 0 0 5px #82928133}.cover-description{font-size:11px;letter-spacing:2px}.cover-stitch>button{margin-top:22px;color:#f8f2de;padding:12px 18px;border:1px solid #e1ddc799;font-size:12px;letter-spacing:2px;display:flex;gap:30px}.cover-stitch>button:hover{background:#e4e5d01c}.cover-stitch>small{margin-top:auto;padding-top:15px;font-family:var(--sans);font-size:7px;letter-spacing:2px}.cover-closed .book{visibility:hidden;pointer-events:none}.cover-closed .book-edge{opacity:0}.cover-closed .above-book{opacity:0}.cover-closed .book-controls,.cover-closed .under-book{visibility:hidden;pointer-events:none}.cover-open .front-cover{visibility:hidden;pointer-events:none}.cover-opening .front-cover{pointer-events:none}.cover-opening .book{animation:reveal-book 1.1s ease both}.book-surround{animation:gentle-float 8s ease-in-out infinite;will-change:transform}.cover-opening .book-surround{animation-play-state:paused}.project-meta{border-block:1px dashed #cdbfa8;padding:13px 0;margin:22px 0}.project-meta p{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:7px 0;font-size:12px}.project-meta small{color:var(--muted);font-size:10px}.text-button{display:inline-block;font-size:11px;color:var(--rose);border-bottom:1px solid var(--rose);padding:7px 0;margin:18px 0 0 20px}.inspiration-map{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;margin-top:33px}.inspiration-map button{display:flex;gap:10px;text-align:left;align-items:center;border-bottom:1px dashed #c9bda7;padding:15px 0;font-size:12px}.inspiration-map small{font-style:italic;color:var(--rose)}.main-directory{display:grid;gap:14px;margin-top:26px}.main-directory button{display:flex;align-items:center;gap:22px;padding:20px;border:1px solid #cdbfa8;text-align:left;font-size:18px}.main-directory strong{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--rose)}.main-directory small{margin-left:auto;font-family:var(--sans);font-size:8px;letter-spacing:1px;color:var(--muted)}.story-directory{margin-top:28px;border-top:1px dashed #cdbfa8;padding-top:20px}.story-directory summary{font-size:12px;color:var(--muted);cursor:pointer}.spread[data-spread="0"] .intro-heading{margin-top:53px}.spread[data-spread="0"] .intro-heading h1{line-height:1.2}.spread[data-spread="0"] .intro-heading h1 em{font-size:.78em}.spread[data-spread="0"] .intro-text{margin-top:30px}body.cover-closed footer>span:first-child{opacity:.65}@keyframes gentle-float{0%,100%{transform:translateY(0) rotate(-.12deg)}50%{transform:translateY(-7px) rotate(.12deg)}}@keyframes reveal-book{from{opacity:.1;transform:scaleX(.82)}to{opacity:1;transform:scaleX(1)}}
@media(min-width:1500px){.front-cover{min-height:695px}.cover-medallion{width:227px}}
@media(max-width:1150px){.portfolio-nav{gap:18px;font-size:11px}.header-actions{gap:12px}.cover-stitch{inset:19px;padding:31px 18px 22px}.cover-stitch>h1{font-size:26px;letter-spacing:5px}.cover-medallion{width:195px}.cover-eyebrow{font-size:7px;letter-spacing:1px}.cover-english em{font-size:39px}}
@media(max-width:800px){.site-header{flex-wrap:wrap;height:auto;min-height:106px;padding:17px 0 10px;gap:14px}.brand{font-size:17px}.portfolio-nav{order:3;width:100%;justify-content:center;gap:34px;font-size:11px}.portfolio-nav button{padding:4px 0}.header-actions{margin-left:auto;font-size:9px}.header-actions #close-cover{font-size:9px}.header-actions button>span:first-child{font-size:17px}.above-book{margin-top:10px}.front-cover{left:0;width:100%;min-height:600px;height:600px;transform:translateX(0) rotateY(-6deg);border-radius:4px 9px 9px 4px}.cover-closed .book{height:600px;min-height:600px;overflow:hidden}.cover-stitch{inset:18px 19px 18px 25px;padding:28px 15px 20px}.cover-eyebrow{font-size:6px;letter-spacing:1.1px}.cover-stitch>h1{font-size:25px;letter-spacing:5px;margin-top:23px}.cover-english{font-size:21px}.cover-english em{font-size:35px}.cover-medallion{width:170px;margin:21px 0 19px}.cover-description{font-size:9px;letter-spacing:1px}.cover-stitch>button{font-size:11px;margin-top:19px;padding:11px 15px;gap:20px}.cover-stitch>small{font-size:6px;letter-spacing:1px}.cover-closed .book-controls,.cover-closed .under-book{display:none}.cover-closed footer{margin-top:45px}.cover-opening .book{animation:none}.book-surround{animation-name:gentle-float-mobile}.text-button{margin-left:0;display:block;width:max-content}.project-meta p{font-size:11px}.inspiration-map{gap:12px;margin-top:24px}.inspiration-map button{font-size:11px;gap:7px}.main-directory button{font-size:16px;padding:16px;gap:14px}.main-directory small{font-size:6px}.spread[data-spread="0"] .intro-heading{margin-top:28px}.spread[data-spread="0"] .intro-heading h1{font-size:53px}.spread[data-spread="0"] .intro-text{margin-top:22px}@keyframes gentle-float-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}}
@media(max-width:375px){.cover-stitch>h1{font-size:22px;letter-spacing:4px}.cover-english em{font-size:30px}.cover-medallion{width:160px}.cover-eyebrow{font-size:5px}.cover-description{font-size:8px}.spread[data-spread="0"] .intro-heading h1{font-size:46px}.header-actions{gap:9px}.brand{font-size:15px;letter-spacing:1px}.portfolio-nav{gap:28px}}
@media(prefers-reduced-motion:reduce){.book-surround{animation:none!important;transform:none!important}.cover-opening .book{animation:none!important}.front-cover{transition:none!important}}
.book-surround{animation-duration:6.8s}.book-surround:hover,.book-surround:focus-within{animation-play-state:running}.cover-opening .book-surround{animation-play-state:paused}
@keyframes gentle-float{0%,100%{transform:translateY(3px) rotate(-.1deg)}50%{transform:translateY(-15px) rotate(.1deg)}}
@keyframes gentle-float-mobile{0%,100%{transform:translateY(2px)}50%{transform:translateY(-10px)}}
.book-surround:after{content:"";position:absolute;bottom:-40px;left:6%;right:6%;height:30px;border-radius:50%;background:#4f594a;filter:blur(18px);opacity:.13;z-index:-4;pointer-events:none;animation:ground-shadow 6.8s ease-in-out infinite}.cover-closed .book-surround:after{left:28%;right:23%;bottom:-35px;height:35px}
@keyframes ground-shadow{0%,100%{transform:translateY(-3px) scaleX(.97);opacity:.15}50%{transform:translateY(15px) scaleX(1.04);opacity:.1}}
.front-cover:before{content:"";position:absolute;left:-19px;top:-1px;bottom:-1px;width:32px;border:1px solid #596e61;border-radius:11px 2px 2px 10px;background:linear-gradient(to bottom,transparent 0 5%,#d6d6b866 5% 5.35%,transparent 5.35% 94%,#d6d6b866 94% 94.35%,transparent 94.35%),linear-gradient(90deg,#55695b 0%,#7e9180 24%,#94a291 52%,#748776 83%,#54695c 100%);box-shadow:inset 2px 0 1px #d5dbc15e,inset -3px 0 4px #344c4144,2px 0 3px #425e4d3b;pointer-events:none;z-index:1}.front-cover{box-shadow:inset 15px 0 0 #73867644,inset 18px 0 0 #c6cbb54d,10px 8px 0 #b6baa8,14px 12px 0 #879582,0 24px 35px #58624f30}.cover-stitch:before{content:"";position:absolute;top:-15px;bottom:-15px;left:-11px;border-left:1px solid #586e6077;box-shadow:2px 0 1px #d1d8c171;pointer-events:none}
.binding{left:calc(50% - 23px);width:46px;background:linear-gradient(90deg,transparent 0%,#8e795917 14%,#88705030 31%,#6c563842 45%,#6c563852 49%,#b49d7857 51%,#fff9e891 58%,#fff9e847 75%,transparent 100%);border-radius:48% 48% 42% 42%;box-shadow:inset 0 2px 3px #89745224,inset 0 -3px 4px #9f8b7033}.binding:after{content:"";position:absolute;left:22px;top:14px;bottom:14px;width:1px;background:linear-gradient(transparent,#79634b66 14%,#79634b55 85%,transparent);box-shadow:2px 0 1px #fdf1d354}.book-edge:before{content:"";position:absolute;left:calc(50% - 22px);top:9px;bottom:-13px;width:44px;background:linear-gradient(90deg,#7a8974,#5e705f 48%,#8d9c87);border-radius:7px 7px 48% 48%;border:1px solid #62725e;z-index:1}.book-edge:after{background:repeating-linear-gradient(0deg,#b7a78c 0 1px,#efe4ce 1px 3px,#dacdb6 3px 4px);box-shadow:inset -2px 0 4px #85735733}.left-page:after,.right-page:after{content:"";position:absolute;top:10px;bottom:10px;width:45px;pointer-events:none;border-radius:50%}.left-page:after{right:1px;background:linear-gradient(90deg,transparent,#fff6df55 45%,#97816210)}.right-page:after{left:1px;background:linear-gradient(90deg,#85704f15,#fff8e94d 55%,transparent)}
@media(max-width:800px){.front-cover:before{left:-10px;width:21px;border-radius:7px 1px 1px 7px}.cover-stitch:before{left:-10px}.book-surround:after,.cover-closed .book-surround:after{left:7%;right:3%;bottom:-32px;height:23px;animation-name:ground-shadow-mobile}.book-edge:before{left:-2px;top:6px;bottom:-4px;width:10px;border-radius:4px}.left-page:after,.right-page:after{display:none}@keyframes ground-shadow-mobile{0%,100%{transform:translateY(-2px) scaleX(.97);opacity:.15}50%{transform:translateY(10px) scaleX(1.03);opacity:.1}}}
@media(prefers-reduced-motion:reduce){.book-surround:after{animation:none!important}.book-surround{animation:none!important}}
@media(min-width:801px){.book-edge:before{bottom:2px;width:38px;left:calc(50% - 19px);border-radius:5px 5px 8px 8px}}