:root{--ink:#142420;--night:#101b18;--gold:#c5ad79;--paper:#e9deca;--muted:#b2b5a1;--line:#83917a40;--serif:'Cormorant Garamond','Songti SC',serif;--brush:'Ma Shan Zheng','STKaiti',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:var(--paper);font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.1;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e3c68e;outline-offset:6px}header{height:82px;padding:0 5%;display:flex;align-items:center;gap:30px;justify-content:space-between;background:#101b18f2;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px}.brand b{font:30px var(--brush);font-weight:400}.brand em{font:italic 32px var(--serif)}nav{display:flex;gap:30px;font-size:12px;letter-spacing:2px}nav a:hover{color:var(--gold)}.sound{font-size:11px;background:transparent;border:1px solid #c5ad7955;padding:9px 13px;color:var(--gold)}.opening{position:relative;height:calc(100svh - 82px);min-height:620px;max-height:1000px;overflow:hidden}.scene{height:100%;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#334634 0,#17261f 45%,#09120f 80%);--mx:0;--my:0}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #0008;z-index:3}.halo{position:absolute;border:1px solid #cbb98526;border-radius:50%;width:min(67vw,720px);height:min(67vw,720px);left:50%;top:43%;transform:translate(-50%,-50%);box-shadow:0 0 110px #d3bb7020,inset 0 0 100px #d2bc7610}.halo:after{content:'';position:absolute;inset:22px;border:1px solid #cbb9851c;border-radius:50%}.flora{position:absolute;width:48%;height:125%;object-fit:cover;object-position:top;pointer-events:none;will-change:transform;transition:transform 1.6s cubic-bezier(.16,1,.3,1),opacity 1.5s;filter:brightness(.65) saturate(.8)}.flora-left{left:-9%;bottom:-14%;transform:translate(calc(var(--mx)*-15px),calc(var(--my)*-9px)) rotate(-13deg);mask-image:linear-gradient(to right,#000 67%,transparent),linear-gradient(to bottom,#000 80%,transparent);mask-composite:intersect}.flora-right{right:-8%;top:-8%;transform:translate(calc(var(--mx)*22px),calc(var(--my)*13px)) rotate(13deg) scaleX(-1);filter:brightness(.76) saturate(.7);mask-image:linear-gradient(to left,#000 66%,transparent),linear-gradient(to top,#000 85%,transparent);mask-composite:intersect}.opening-copy{position:relative;z-index:4;text-align:center;max-width:700px;margin:auto;padding-top:clamp(60px,11vh,135px)}.kicker,.tiny{text-transform:uppercase;font-size:10px;letter-spacing:2.8px;color:var(--gold)}h1{font-weight:400;margin:16px 0 26px;font-family:var(--serif);line-height:.7;text-shadow:0 4px 35px #07150d}.iris-word{display:block;font-size:clamp(100px,14vw,210px);font-style:italic;letter-spacing:-8px}.archive-word{display:block;font-size:clamp(60px,8vw,120px);font-weight:400;margin:9px 0 0 100px;letter-spacing:-4px}.opening-cn{font:clamp(24px,3vw,38px) var(--brush);margin:36px 0 14px;letter-spacing:5px}.opening-sub{font-size:12px;letter-spacing:3px;color:#d4d0b8}.enter{display:block;margin:27px auto 23px;border:1px solid #d5bc81;background:#10221977;padding:14px 24px;font-size:11px;letter-spacing:3px;backdrop-filter:blur(8px)}.enter span{margin-left:28px}.enter:hover{background:#d5bc81;color:#17251b}.opening-index{font-size:9px;letter-spacing:3px;color:#d6c294}.vertical{position:absolute;top:25%;left:25px;writing-mode:vertical-rl;font-size:8px;letter-spacing:4px;color:#c7b88b;z-index:4}.scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:4;font-size:10px;letter-spacing:3px;white-space:nowrap}.opening.entered .flora-left{transform:translate(-35%,5%) rotate(-20deg);opacity:.35}.opening.entered .flora-right{transform:translate(35%,-5%) rotate(20deg) scaleX(-1);opacity:.35}.section{padding:95px 7%;max-width:1540px;margin:auto}.intro{background:var(--paper);color:var(--ink);position:relative}.intro .kicker,.intro .tiny{color:#746441}.intro-top{display:flex;justify-content:space-between}.manifesto{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:45px 0 38px}.manifesto h2{font:clamp(45px,6.5vw,88px)/1.3 var(--brush);font-weight:400;margin:0;letter-spacing:3px}.manifesto h2 span{margin-left:70px;color:#856349}.voice-card{width:260px;padding:23px;border:1px solid #a5997b;flex-shrink:0;background:#f1e8d5aa;transform:rotate(-2deg)}.voice-button{display:flex;align-items:center;gap:15px;border:0;background:none;color:#324939;margin:20px 0;padding:0;width:100%;font-family:var(--brush);font-size:24px}.voice-button>span:first-child{font-family:sans-serif;font-size:17px}.wave{display:flex;gap:3px;height:29px;align-items:center;flex:1}.wave i{display:block;width:2px;background:#8c7651;height:13px}.wave i:nth-child(3n){height:24px}.wave i:nth-child(2n){height:18px}.playing .wave i{animation:wave .7s ease-in-out infinite alternate}.playing .wave i:nth-child(2n){animation-delay:-.3s}.voice-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.voice-bottom button{background:none;border:0;color:#526347;font-size:10px;padding:0}.voice-card progress{appearance:none;width:100%;height:2px;margin:10px 0 12px;border:0;background:#c8bda2}.voice-card progress::-webkit-progress-bar{background:#c8bda2}.voice-card progress::-webkit-progress-value{background:#856349}.voice-note{display:block;font-size:8px;letter-spacing:1px}.intro-bottom{display:flex;justify-content:space-between;gap:25px;align-items:end;padding-top:30px;border-top:1px solid #b5ab92}.chapter-no{font:48px var(--serif);color:#806d48}.intro-bottom p{font-size:13px;line-height:2.1;margin:0}.intro-bottom strong{font-weight:500}.signature{font:italic 25px var(--serif);color:#9a8053}.section-heading h2,.about h2,.conversation h2{font-family:'Songti SC',var(--serif);font-weight:400;font-size:clamp(30px,3.5vw,48px);line-height:1.6;margin:17px 0}.section-heading h2 span,.about h2 span,.conversation h2 span{font-family:var(--brush);font-size:1.2em;color:#c8ac7a}.section-heading p{color:var(--muted);font-size:12px;line-height:2}.world{background:radial-gradient(ellipse at 50% 45%,#30433530,transparent 65%)}.atlas{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:300px;margin:25px 0 35px;flex-wrap:wrap}.atlas-rings{position:absolute;width:80%;height:260px;border:1px solid #9a9e6330;border-radius:50%;transform:rotate(-8deg);pointer-events:none}.atlas-rings:after{content:'';position:absolute;inset:20px -20px;border:1px dashed #a6976130;border-radius:50%}.compass{position:absolute;right:8%;top:0;color:#b2a16a;text-align:center;font:12px/1.9 var(--serif)}.hex{isolation:isolate;position:relative;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:#a38d57;width:180px;height:200px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:0;transition:background .4s,transform .4s}.hex:before{content:'';position:absolute;inset:1px;clip-path:inherit;background:#22382d;z-index:-1}.hex:nth-of-type(even){transform:translateY(28px)}.hex span{font-size:34px;color:#c4b17b}.hex small{font-size:9px;letter-spacing:2px;color:#baa77d}.hex strong{font-size:12px;font-weight:400}.hex[aria-pressed=true]:before{background:#57462d}.hex:hover{background:#f0d398;transform:translateY(-5px)}.hex:focus-visible{filter:drop-shadow(0 0 7px #dfc285);outline:none}.atlas-detail{border-top:1px solid #a9915c;border-bottom:1px solid var(--line);padding:22px 25px;min-height:125px;background:#27362c50}.atlas-detail span{font:italic 17px var(--serif);letter-spacing:1px;color:var(--gold)}.atlas-detail p{font-size:13px;line-height:2;color:#c6c9b1;max-width:850px;margin-bottom:0}.atlas-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:25px}.atlas-footer>span{font-size:9px;color:#a8ad94;letter-spacing:1px}.atlas-footer button{background:transparent;border:1px solid #a38d57;padding:12px 22px;font-size:12px;letter-spacing:3px}.atlas-footer button span{padding-left:20px}.turn-note{color:var(--gold);font-size:11px;text-align:right;line-height:1.8}.interests{background:#1e2c26;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.interest{border-top:1px solid #a28e62;padding-top:20px}.interest-art{height:240px;margin:24px 0;position:relative;overflow:hidden;background:#0d2019}.interest-art b{position:absolute;right:20px;bottom:22px;font:italic 37px/.9 var(--serif);font-weight:400;color:#dfc9a0;z-index:2}.swatch-art i{position:absolute;width:95px;height:185px;top:30px;left:35px;background:#a98a6c;transform:rotate(-15deg);box-shadow:5px 5px 18px #0004}.swatch-art i:nth-child(2){left:88px;top:5px;background:#6e586e;transform:rotate(5deg)}.swatch-art i:nth-child(3){left:145px;top:46px;background:#aa9b76;transform:rotate(21deg)}.film-art{background:#101b17}.film-window{position:absolute;inset:28px 35px;border:1px solid #a48b5d;box-shadow:0 0 0 9px #0c1512;overflow:hidden;background:linear-gradient(145deg,#676148,#1b3227 65%)}.film-window:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,#ddc38650 31%,transparent 60%)}.film-window span{font:55px/1.1 var(--brush);position:absolute;left:20px;top:15px;color:#dcc99877}.strategy-art span{position:absolute;font-size:150px;color:#9a88524a;left:15px;top:15px}.strategy-art span:nth-child(2){left:90px;top:60px;color:#c0a57988}.strategy-art span:nth-child(3){left:160px;top:0}.interest h3{font:24px 'Songti SC',serif;font-weight:400}.interest p{font-size:12px;line-height:2.2;color:#bdc3af;min-height:90px}.interest-foot{font-size:8px;letter-spacing:2px;color:#ad9b73}.interest-caption{font-size:11px;color:#a8af99;text-align:center;margin:45px 0 0;line-height:2}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about p,.conversation p{font-size:13px;line-height:2.1;color:#b9c0a9}.about .signature{display:block;margin-top:35px}.entries article{padding:0 0 23px 25px;border-left:1px solid #8b7e5055}.entries h3{font:20px 'Songti SC',serif;font-weight:400;margin:11px 0}.entries p{font-size:12px;margin:0}.conversation{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;border-top:1px solid var(--line);background:#0c1713}.fine{font-size:9px!important;line-height:1.9!important;color:#8c987f!important}.chat{padding:25px;border:1px solid #82764b;background:#1c2c23}.messages{height:230px;overflow:auto;scroll-behavior:smooth}.bubble{background:#2c3d2e;color:#d0d5b9;padding:13px 16px;font-size:12px;line-height:2;margin-bottom:12px;white-space:pre-wrap}.bubble.user{margin-left:35px;background:#4b4932;color:#e6d8b9}.quick{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.quick button{background:transparent;border:1px solid #a38d5760;border-radius:25px;padding:7px 10px;font-size:10px}form{display:flex;border-bottom:1px solid #a38d57}input{min-width:0;width:100%;border:0;background:none;color:var(--paper);padding:12px 0;font-size:12px}form button{border:0;background:none;color:var(--gold);font-size:25px}footer{padding:35px 7%;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#a8ad98}footer em{font:italic 36px var(--serif);color:#c6ad7a}@keyframes wave{to{transform:scaleY(.3)}}@media(min-width:1500px){.flora{width:43%}.flora-left{left:-2%}.flora-right{right:-2%}}@media(max-width:1100px){.hex{width:150px;height:175px}.signature{font-size:21px}.interest-art{height:200px}.about{gap:50px}}@media(max-width:850px){header{height:auto;min-height:98px;flex-wrap:wrap;padding:15px 6%;gap:10px}nav{order:3;width:100%;justify-content:center;gap:25px;font-size:10px;letter-spacing:1px}.opening{height:calc(100svh - 98px);min-height:640px}.opening-copy{padding-top:90px}.iris-word{font-size:145px}.archive-word{font-size:80px;margin-left:55px}.flora{width:65%;height:112%;filter:brightness(.5) saturate(.8)}.flora-left{left:-30%;bottom:-5%}.flora-right{right:-30%;top:0}.opening-cn{font-size:29px}.opening-sub{font-size:10px;letter-spacing:1.8px}.vertical{left:12px}.section{padding:65px 7%}.manifesto{gap:25px}.manifesto h2{font-size:53px}.manifesto h2 span{margin-left:25px}.voice-card{width:215px;padding:17px}.intro-bottom{flex-wrap:wrap;align-items:center}.intro-bottom p{font-size:12px}.intro-bottom .signature{margin-left:auto}.atlas{min-height:330px;gap:7px;max-width:570px;margin:35px auto}.hex{width:150px;height:170px}.hex:nth-of-type(even){transform:none}.compass{right:0}.interest-grid{grid-template-columns:1fr;gap:35px}.interest{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.interest>.tiny{grid-column:1/-1}.interest-art{grid-row:2/5;margin-bottom:0}.interest h3{margin-top:28px;font-size:22px}.interest p{min-height:0;margin-top:0}.interest-foot{line-height:1.8}.about,.conversation{grid-template-columns:1fr;gap:40px}.entries article{padding-bottom:28px}footer{flex-wrap:wrap}footer em{font-size:30px}.atlas-footer{align-items:start}}@media(max-width:560px){.opening-copy{padding-top:75px}.opening{min-height:610px}.iris-word{font-size:125px}.archive-word{font-size:69px}.opening-cn{font-size:26px}.opening-index{font-size:8px;letter-spacing:1.5px}.manifesto{flex-direction:column;align-items:start;padding-top:30px}.manifesto h2{font-size:54px}.manifesto h2 span{margin-left:38px}.voice-card{width:100%;transform:none;max-width:330px}.voice-button{margin:17px 0}.voice-card>.tiny{font-size:8px}.intro-bottom .chapter-no{display:none}.intro-bottom .signature{margin-left:0}.intro-top .tiny{font-size:8px;letter-spacing:1px}.hex{width:128px;height:147px}.hex strong{font-size:10px}.hex small{font-size:8px}.hex span{font-size:28px}.atlas-rings{width:100%}.atlas-footer{flex-direction:column;gap:16px}.turn-note{text-align:left}.interest{display:block}.interest-art{height:235px;margin-bottom:23px}.interest h3{margin-top:15px}.interest p{font-size:12px}.interest-foot{font-size:8px}.chat{padding:17px}.quick button{font-size:9px}.opening.entered .flora-left{transform:translate(-22%,4%) rotate(-20deg)}.opening.entered .flora-right{transform:translate(22%,-4%) rotate(20deg) scaleX(-1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flora{will-change:auto}}
@font-face{font-family:Huiwen;src:url('assets/huiwen-subset.woff') format('woff');font-display:swap}:root{--night:#f1eadf;--paper:#302c29;--ink:#302c29;--gold:#896a49;--muted:#70675e;--line:#8b765b40;--brush:Huiwen,'Songti SC',serif}body{background:#f1eadf;color:#302c29}header{background:#f6f0e5;color:#302c29;height:78px}main>section[hidden]{display:none!important}main>section{height:calc(100svh - 142px);max-height:none;min-height:0;overflow:auto;width:100%;animation:chapterIn .5s ease both}.section{padding:38px 7%}.opening{height:calc(100svh - 142px)}.scene{background:#eee4d5 url('assets/personal-stage.webp') center/cover no-repeat}.scene:after{box-shadow:none}.flora,.halo,.vertical,.scroll-hint,.opening-index{display:none}.opening-copy{padding-top:clamp(50px,10vh,110px);max-width:750px}.opening-copy h1{text-shadow:0 1px 15px #fff9}.iris-word{font-family:'Avenir Next','Century Gothic',sans-serif;font-style:normal;font-weight:500;font-size:clamp(65px,9vw,130px);letter-spacing:9px;line-height:1.1}.archive-word{font-family:'Avenir Next','Century Gothic',sans-serif;font-size:clamp(20px,3vw,39px);line-height:1.4;letter-spacing:1px;margin:15px 0}.opening-cn{display:none}.opening-sub{color:#4e4438;background:#f8efdfbb;display:inline-block;padding:8px}.enter{background:#f6eddddf;color:#403226;border-color:#887250}.intro,.interests,.conversation,.world{background:#f1eadf;color:#302c29}.intro-bottom p,.about p,.conversation p,.section-heading p,.interest p,.interest-caption,.entry p{color:#6b6257}.manifesto{padding:25px 0}.manifesto h2{font-size:clamp(40px,5vw,70px)}.section-heading h2,.about h2,.conversation h2,.interest h3,.notes h2{font-family:Huiwen,serif}.atlas{min-height:205px;margin:10px 0 20px}.hex{width:145px;height:165px;color:#f2e7d4}.hex:before{background:#8a7c67}.hex[aria-pressed=true]:before{background:#655a4c}.atlas-detail{background:#e4d9c6;color:#302c29;padding:14px 20px;min-height:90px}.atlas-detail p{color:#675b4b}.atlas-footer{margin-top:15px}.atlas-footer>span,.turn-note{color:#746345}.interest-grid{margin-top:20px;gap:25px}.interest-art{height:170px}.interest h3{font-size:22px}.interest p{min-height:0}.interest-caption{margin-top:18px}.about{gap:60px}.entries article{padding-bottom:16px}.chat{background:#e4dccb}.bubble{background:#d5d2bd;color:#393e32}.bubble.user{background:#cbb99a;color:#342c21}.fine{color:#746956!important}.notes{text-align:center;background:#f4ecdd}.notes h2{font-size:65px;font-weight:400;margin:35px 0}.notes #noteText{font:clamp(24px,3vw,42px)/1.8 Huiwen,serif;max-width:800px;margin:30px auto 45px}.notes button{display:block;margin:35px auto;background:none;border:1px solid #a48c68;padding:14px 28px}.chapter-controls{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-top:1px solid #a48c6855;background:#f6f0e5}.chapter-controls button{border:0;background:none;color:#65533e;padding:12px;font-size:12px;letter-spacing:2px}.chapter-controls button:disabled{opacity:.25}.chapter-controls span{font:14px var(--serif);letter-spacing:4px}footer{display:none}.active-page{scrollbar-width:thin}@keyframes chapterIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@media(max-width:850px){header{height:98px}main>section,.opening{height:calc(100svh - 162px)}.section{padding:28px 6%}.opening-copy{padding-top:110px}.scene{background-position:center}.interest-grid{display:block}.interest{margin-bottom:35px}.manifesto{gap:22px}.atlas{margin:20px 0}.hex{width:120px;height:140px}.opening-sub{max-width:80%;line-height:2}.archive-word{font-size:22px}.iris-word{font-size:80px}.notes #noteText{font-size:28px}}@media(prefers-reduced-motion:reduce){.active-page{animation:none}}
main>section{min-height:0!important}body{height:100svh;overflow:hidden}.opening-copy{padding-top:clamp(25px,7vh,85px)}.opening .enter{margin-top:18px}.opening-sub{margin:8px 0}.opening .kicker{font-size:9px}
:root{--night:#b4a18f;--paper:#392f2c;--gold:#773d45;--brush:Huiwen,serif}body{background:#b4a18f}body:before{opacity:.18;background-image:repeating-linear-gradient(0deg,#5f4c341e 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#fcf0d92e 0 1px,transparent 1px 5px);mix-blend-mode:multiply}header{background:#bba998;border-color:#6f535b44}main>section,.opening{height:calc(100svh - 78px)}.scene{background:radial-gradient(ellipse at 50% 40%,#cdbca4,#ab9588 76%);perspective:1000px;overflow:hidden}.scene:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#46322d12 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#f3dfb030 0 1px,transparent 1px 4px);pointer-events:none}.flora{display:block;width:34%;height:110%;opacity:.85;object-fit:contain;filter:saturate(.65) brightness(.9);transition:transform 1.5s cubic-bezier(.2,.8,.2,1),opacity 1.2s}.flora-left{left:-9%;bottom:-7%;transform:rotate(-16deg) translate(calc(var(--mx)*-25px),calc(var(--my)*-10px))}.flora-right{right:-10%;top:-18%;transform:rotate(20deg) scaleX(-1) translate(calc(var(--mx)*25px),calc(var(--my)*12px))}.stage-props{position:absolute;width:48%;left:-5%;bottom:-9%;max-height:65%;object-fit:contain;z-index:2;filter:drop-shadow(9px 16px 12px #3f302438);transition:transform 1.5s,opacity 1s;transform:rotate(-7deg) translate(calc(var(--mx)*-18px),0)}.cat-companions{position:absolute;right:1%;bottom:1%;width:30%;max-width:390px;z-index:5;background:none;border:0;padding:0;transform:rotate(5deg);transition:transform 1.4s,opacity 1s}.cat-companions img{width:100%;display:block;filter:drop-shadow(4px 7px 5px #47342533)}.cat-companions:hover{transform:rotate(0) translateY(-8px)}.opening-copy{z-index:4;max-width:730px;padding-top:clamp(40px,10vh,110px);transition:transform 1.4s,opacity 1s}.iris-word{font-family:'Caveat',cursive;font-size:clamp(95px,12vw,175px);font-weight:500;letter-spacing:-5px;transform:rotate(-6deg);color:#65353e}.archive-word{font-family:'Special Elite',monospace;font-size:clamp(19px,2.7vw,36px);line-height:1.35;letter-spacing:-.7px;background:#d8cab1b5;padding:12px 8px;display:inline-block;transform:rotate(1deg);box-shadow:4px 5px 0 #69514918}.opening-sub{background:none;color:#514138;letter-spacing:1px}.enter{background:#743f48;color:#f1e4c8;border:1px solid #743f48;transform:rotate(-2deg);box-shadow:4px 5px 0 #52323822}.handwritten-cover{position:absolute;right:6%;top:5%;font:29px/1 'Caveat',cursive;color:#704857;transform:rotate(8deg);z-index:3}.entering .flora-left{transform:translateX(-100%) scale(1.5) rotate(-25deg);opacity:0}.entering .flora-right{transform:translateX(100%) scale(1.5) rotate(35deg);opacity:0}.entering .stage-props{transform:translate(-65%,40%) scale(1.7);opacity:0}.entering .cat-companions{transform:translate(80%,45%) scale(1.5);opacity:0}.entering .opening-copy{transform:translateZ(250px) scale(1.32);opacity:0}.intro,.interests,.conversation,.world,.about,.notes{background:#c6b49b;background-image:repeating-linear-gradient(0deg,#50382b08 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#fff3d31a 0 1px,transparent 1px 4px)}.world{background-color:#b4a09b}.interests{background-color:#b8ada0}.about{background-color:#c3ad94}.conversation{background-color:#b7a4a0}.notes{background-color:#c2b397}.kicker,.tiny,.interest-foot{font-family:'Special Elite',monospace;color:#704551}.signature,.brand em{font-family:'Caveat',cursive}.signature{font-size:32px;color:#783f48}.scene-link{display:block;position:relative;background:#733e48;color:#f0dfc0;border:0;padding:14px 22px;margin:25px 0 5px auto;font:12px Huiwen,serif;letter-spacing:2px;box-shadow:4px 4px 0 #53352522;grid-column:1/-1}.scene-link:hover{background:#553340;transform:rotate(-1deg)}.notes #noteText{background:#ddd0b3;padding:30px;box-shadow:8px 10px 0 #71534722;transform:rotate(-2deg)}.notes .scene-link{margin:25px auto}.section{padding-bottom:35px}.interest-art{filter:saturate(.65)}.opening .kicker{font-size:10px}.voice-card{background:#d9cbb0}.scene-link:focus-visible,.cat-companions:focus-visible{outline:2px solid #683641;outline-offset:5px}@media(max-width:850px){main>section,.opening{height:calc(100svh - 98px)}.flora{width:49%}.flora-left{left:-19%}.flora-right{right:-20%}.stage-props{width:60%;bottom:-3%;left:-13%;max-height:43%}.cat-companions{width:39%;right:0;bottom:0}.opening-copy{padding-top:75px;max-width:88%}.iris-word{font-size:115px}.archive-word{font-size:25px}.handwritten-cover{font-size:23px;right:4%;top:3%}nav{gap:17px}.opening .enter{margin-top:15px}}@media(max-width:560px){.opening-copy{padding-top:75px}.archive-word{font-size:21px}.iris-word{font-size:98px}.stage-props{width:70%;bottom:0}.cat-companions{width:47%;bottom:2%}.opening-sub{font-size:9px;max-width:95%}.flora{height:95%}.scene-link{font-size:11px}.handwritten-cover{font-size:20px}.notes #noteText{font-size:24px}}
.notes .scene-link{background:#733e48;color:#f0dfc0;border:0}.notes .scene-link:hover{background:#553340}body:before{opacity:.10}.scene:before{opacity:.65}
/* Readable ink, deliberate controls and a real correspondence corner. */
.section-heading h2 span,.about h2 span,.conversation h2 span,.manifesto h2 span{color:#673743!important;text-shadow:none}
.sound{font-size:15px!important;font-weight:600;border:1px solid #754452!important;border-radius:6px;padding:11px 15px!important;background:#f0dfd1!important;color:#512d39!important;box-shadow:2px 3px 0 #75445225;white-space:nowrap}.sound[aria-pressed=true]{background:#673743!important;color:#fff4e7!important}
.scene-back{display:block;margin:20px 0 0;padding:10px 14px;border:1px solid #805d61;border-radius:3px;background:#f3e7d6;color:#60333d;font:inherit;font-size:14px;cursor:pointer}.about>.scene-back,.conversation>.scene-back{grid-column:1/-1}
.notes{display:block!important;text-align:center;padding-top:55px!important}.notes #noteText{max-width:780px;margin:24px auto!important;min-height:130px;font-size:clamp(23px,3vw,37px)}.note-attribution{display:grid;gap:8px;color:#69464b;font-size:13px}.note-attribution a{color:#68323f;text-underline-offset:4px}.note-attribution small{font-size:11px;opacity:.8}.notes #noteCount{display:block;margin:14px}.notes #changeNote{margin:10px auto 30px}
.guestbook{max-width:760px;text-align:left;margin:15px auto 35px;padding:30px;background:#e5c9ba99;border:1px solid #99777a55;box-shadow:7px 9px 0 #77535b12}.guestbook h3{font-family:Huiwen,serif;font-size:29px;margin:0 0 8px;color:#60333d}.guestbook>p{font-size:14px}.guestbook form{display:grid;gap:16px;margin:23px 0}.guestbook label{display:grid;gap:8px;font-size:14px}.guestbook input:not([type=radio]),.guestbook textarea{width:100%;padding:12px;background:#fff5e7ad;border:1px solid #96767a;border-radius:3px;font:inherit;color:#432c32;box-sizing:border-box}.guestbook textarea{min-height:110px;resize:vertical}.guestbook fieldset{border:0;padding:0;display:flex;flex-wrap:wrap;gap:16px}.guestbook legend{margin-bottom:12px;font-size:13px}.guestbook fieldset label{display:flex;align-items:center;gap:6px}.guestbook input[type=radio]{accent-color:#673743}.guestbook button{padding:11px 16px;border:1px solid #70434d;background:#673743;color:#fff2df;font:inherit;font-size:14px;cursor:pointer}.guestbook button:disabled{opacity:.5;cursor:wait}.guest-tabs{display:flex;gap:10px}.guest-tabs button{background:transparent;color:#60333d}#guestList article{padding:15px 0;border-bottom:1px dashed #987379}#guestList p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8}#guestList{margin-top:20px;font-size:14px}#guestStatus{font-size:13px;margin:0}.notes .scene-back{margin:20px auto}.notes .scene-link{position:static!important;margin:15px auto!important}
@media(max-width:700px){.sound{font-size:12px!important;padding:8px!important}.guestbook{padding:20px}.notes{padding-top:30px!important}.guestbook fieldset{display:grid}.notes #noteText{min-height:100px}.scene-back{margin-bottom:20px}}
[hidden]{display:none!important}.scene-back{position:fixed!important;bottom:16px;left:20px;z-index:25;margin:0!important;box-shadow:0 2px 10px #422b3015}.notes{padding-top:28px!important}.notes h2{margin:12px 0!important}.notes #noteText{margin:20px auto!important;min-height:105px}.notes #changeNote{margin:6px auto 12px}.notes .letter-button{display:block;margin:8px auto;padding:12px 18px;border:1px solid #754452;background:#e3c5b7;color:#512d39;font:inherit;font-size:14px;cursor:pointer}.notes .scene-link{font-size:13px!important;padding:10px 16px!important;margin:8px auto!important}
#guestDialog{width:min(800px,92vw);max-height:88svh;box-sizing:border-box;padding:20px;background:#e5cebd;border:1px solid #805660;border-radius:4px;color:#432c32;box-shadow:0 20px 90px #28171e66}#guestDialog::backdrop{background:#35232c77;backdrop-filter:blur(4px)}#guestDialog .guestbook{margin:10px 0 0;max-width:none;background:transparent;box-shadow:none;padding:12px;border:0}.close-letter{float:right;background:transparent;border:0;padding:8px;color:#60333d;cursor:pointer;font:inherit;font-size:13px}.guestbook h3{clear:both;padding-top:14px}
@media(max-width:700px){.scene-back{bottom:10px;left:12px;padding:8px 10px;font-size:12px}.notes{padding-bottom:65px!important}#guestDialog{padding:12px}}
.guestbook fieldset label{white-space:nowrap;display:inline-flex;justify-content:flex-start;line-height:1.5;flex:0 0 auto}.guestbook input[type=radio]{width:17px!important;height:17px;flex:0 0 17px;padding:0;margin:0 5px 0 0}
/* Collected sports memories beside the two cats. */
.sports-collage{position:absolute;right:26%;bottom:0;width:19%;max-width:245px;z-index:5;pointer-events:none;transform:rotate(-12deg);filter:saturate(.8);transition:transform 1.4s,opacity 1s}.entering .sports-collage{transform:translate(55%,70%) scale(1.4) rotate(12deg);opacity:0}
.sound.sound-icon{width:38px;height:38px;padding:0!important;display:grid;place-items:center;border-radius:50%;font-size:21px!important;background:transparent!important;border-color:#75445255!important;color:#603741!important;box-shadow:none}.sound.sound-icon.muted{opacity:.6}.sound.sound-icon.muted:after{content:'';position:absolute;width:23px;height:1px;background:currentColor;transform:rotate(-45deg)}
@media(max-width:850px){.sports-collage{right:32%;width:23%;bottom:1%}}@media(max-width:560px){.sports-collage{right:39%;width:26%;bottom:2%}.sound.sound-icon{width:34px;height:34px}}
/* A quiet, tactile motion for the sports collage. */
.sports-collage{pointer-events:auto;transform-origin:58% 65%;animation:sports-drift 5.6s ease-in-out infinite;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s,opacity 1s;will-change:transform,translate,rotate}
@keyframes sports-drift{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -5px;rotate:1deg}}
@media(hover:hover) and (pointer:fine){.sports-collage:hover{transform:rotate(-7deg) translateY(-9px) scale(1.035);filter:saturate(.9) drop-shadow(3px 7px 5px #47342524)}}
.entering .sports-collage{animation:none;translate:0 0;rotate:0deg;transition:transform 1.4s,opacity 1s;transform:translate(55%,70%) scale(1.4) rotate(12deg);opacity:0}
@media(prefers-reduced-motion:reduce){.sports-collage,.sports-collage:hover,.entering .sports-collage{animation:none;translate:0 0;rotate:0deg;transition:none;transform:rotate(-12deg)}}
/* Chapter controls share one row and move with their page content. */
.scene-navigation{display:flex;align-items:stretch;align-self:start;justify-content:space-between;gap:16px;width:100%;grid-column:1/-1;margin:28px 0 5px;clear:both}
.scene-navigation>.scene-back,.scene-navigation>.scene-link{position:static!important;inset:auto!important;margin:0!important;z-index:auto;display:flex;align-items:center;justify-content:center;min-height:44px;max-width:calc(50% - 8px);padding:12px 18px!important;font-size:13px!important;line-height:1.5;letter-spacing:1px;white-space:normal;text-align:center;transform:none}
.scene-navigation>.scene-back{margin-right:auto!important;background:#f3e7d6;color:#60333d;border:1px solid #805d61;border-radius:3px}.scene-navigation>.scene-link{margin-left:auto!important}.notes .scene-navigation{max-width:780px;margin:24px auto 5px}
@media(max-width:700px){.scene-navigation{gap:12px;margin-top:24px}.scene-navigation>.scene-back,.scene-navigation>.scene-link{flex:1 1 0;min-width:0;max-width:none;padding:11px 8px!important;font-size:12px!important;letter-spacing:0}.notes{padding-bottom:28px!important}}