:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#414c3c;background:#f4f0e7;font-synthesis:none;--ink: #414c3c;--green: #566b4a;--muted: #838577;--paper: #f4f0e7;--serif: "Songti SC", "STSong", "Noto Serif SC", serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #8f9b69;outline-offset:6px}button:not(:disabled){touch-action:manipulation}[hidden]{display:none!important}#app{position:relative;min-height:760px;height:100svh;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:pan-y}.paper-grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.055;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%3Cpath fill='%23877852' opacity='.65' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:27px 4.8%;height:106px}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:39px;height:36px;color:#57694a}.brand>span{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:.12em}.brand small{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:.23em;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:40px;margin-left:auto;margin-right:53px}.nav-link{font-size:12px;letter-spacing:.07em;position:relative;padding:12px 0;color:#76786b}.nav-link.active{color:var(--green)}.nav-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--green);left:calc(50% - 2px);bottom:1px}#collection-count{font-size:9px;display:inline-flex;align-items:center;justify-content:center;background:#e4e5d8;min-width:17px;height:17px;border-radius:50%;margin-left:3px}.icon-button{width:42px;height:42px;border:1px solid #d8d9c9;border-radius:50%;display:grid;place-items:center;background:#f8f4eb88;transition:background .2s}.icon-button:hover{background:#e9ebdf}.icon-button svg{width:20px;height:20px}.sound-waves{display:none}.sound-on .sound-waves{display:block}.sound-on .sound-off{display:none}.library-intro{position:absolute;top:15%;left:0;width:100%;text-align:center;pointer-events:none;z-index:3;transition:opacity .4s,transform .5s}.eyebrow{font-size:10px;letter-spacing:.19em;color:#888770;font-weight:500}.library-intro .eyebrow{display:flex;align-items:center;justify-content:center;gap:13px}.eyebrow>span{display:inline-block;width:22px;height:1px;background:#b8b8a0}.library-intro h1{font-family:var(--serif);font-size:clamp(30px,3.3vw,47px);font-weight:500;letter-spacing:.13em;line-height:1.65;margin:15px 0 12px}.library-intro h1 span{margin-left:.2em}.library-intro p{font-size:12px;letter-spacing:.13em;color:#828477;margin:0}.intro-spark{position:absolute;color:#b8ad70;width:34px;height:46px;top:38px;left:calc(50% + 310px);transform:rotate(12deg)}.book-choices{position:absolute;z-index:4;width:min(900px,75%);left:50%;transform:translate(-50%);bottom:17%;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;transition:opacity .35s}.book-choice{text-align:center;padding:15px 10px 12px;position:relative;transition:transform .25s}.book-choice:hover{transform:translateY(-5px)}.book-kicker{display:block;font-size:9px;letter-spacing:.13em;color:#8c8b78;margin-bottom:9px}.book-choice strong{display:block;font-family:var(--serif);font-size:17px;font-weight:500;letter-spacing:.08em}.book-meta{display:block;font-size:9px;letter-spacing:.09em;color:#8c8c7d;margin-top:10px}.book-meta i{font-style:normal;margin:0 5px}.book-meta b{font-family:Georgia,serif;font-size:17px;font-weight:400;color:var(--green);margin-left:14px}.shelf-hint{position:absolute;bottom:10.1%;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;color:#858573;z-index:3;pointer-events:none}.shelf-hint svg{width:16px;height:19px}.site-footer{position:absolute;bottom:0;width:100%;height:60px;border-top:1px solid #9f987b22;display:flex;justify-content:space-between;align-items:center;padding:0 4.8%;font-size:9px;letter-spacing:.12em;color:#919080;z-index:3;pointer-events:none;background:#f4f0e722}.footer-note{display:flex;align-items:center;gap:9px}.footer-note i{width:5px;height:5px;border-radius:50%;background:#9aab79}#footer-right{display:flex;align-items:center;gap:10px}#footer-right svg{width:17px;height:17px}.story-header{position:absolute;top:130px;left:5%;width:90%;z-index:4;display:flex;align-items:center;justify-content:space-between}.back-button{font-size:12px;letter-spacing:.08em;padding:12px 0;min-width:150px;text-align:left}.story-header>div:nth-child(2){text-align:center}.story-header p{font-size:10px;letter-spacing:.14em;color:#83816d;margin:0 0 9px}.story-header h2{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:.1em;margin:0}.chapter-indicator{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:13px;min-width:150px;justify-content:flex-end;color:#96957e}.chapter-indicator>span:first-child{color:var(--green);font-size:20px}.page-line{width:40px;height:1px;background:#bdbca7}.story-dialog{position:absolute;z-index:4;bottom:89px;left:50%;transform:translate(-50%);width:min(800px,85%);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #b3ae913d;padding:21px 0 0}.dialog-copy>span{font-size:10px;letter-spacing:.15em;color:#908969}.dialog-copy p{font-family:var(--serif);font-size:20px;letter-spacing:.06em;line-height:1.7;margin:7px 0 0}.primary-button{display:flex;align-items:center;justify-content:center;gap:23px;background:var(--green);color:#f5f1e5;border-radius:40px;padding:15px 25px;white-space:nowrap;font-size:12px;letter-spacing:.07em;min-height:46px;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){background:#40583b;transform:translateY(-2px)}.primary-button span{font-size:19px}.quiz-panel,.ending-panel{position:absolute;z-index:4;left:50%;transform:translate(-50%);bottom:78px;width:min(720px,90%);text-align:center}.quiz-panel h2,.ending-panel h2{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:.09em;margin:13px 0 18px}.quiz-answers{display:flex;justify-content:center;gap:12px}.quiz-answers button{padding:11px 23px;border:1px solid #b5b69e;border-radius:25px;font-size:12px;background:#f7f3eacc;min-height:44px}.quiz-answers button:hover{background:#e6ead9}.quiz-answers button.correct{background:#566b4a;color:#fff9e8}.quiz-answers button.wrong{opacity:.48}.quiz-panel>p,.ending-panel>p{font-size:11px;color:#888571;letter-spacing:.06em;min-height:17px;margin:13px 0 0}.ending-panel .primary-button{margin:17px auto 0}.drawer{position:absolute;right:20px;top:90px;width:min(380px,calc(100% - 40px));padding:43px 30px 35px;z-index:12;border:1px solid #d3d2bf;background:#faf6eb;box-shadow:0 15px 70px #433d2426;border-radius:7px;max-height:calc(100% - 120px);overflow-y:auto}.drawer>.icon-button{position:absolute;right:14px;top:13px;width:29px;height:29px;font-size:22px}.drawer h2{font-family:var(--serif);font-size:23px;font-weight:500}.drawer p{font-size:12px;line-height:2;color:#777863}.drawer .drawer-eyebrow{font:9px Georgia,serif;letter-spacing:.15em;color:#9a916a}.treasure{display:flex;gap:14px;align-items:center;margin:25px 0;border-top:1px solid #ded9c6;padding-top:20px}.treasure-icon{font-size:39px;color:#b89c4b;width:55px;text-align:center}.treasure strong{font-family:var(--serif);font-size:16px;font-weight:500}.treasure p{margin:4px 0 0;font-size:10px}.loading{position:absolute;inset:0;background:#f4f0e7;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s}.loading.done{opacity:0;pointer-events:none}.loading p{font-family:var(--serif);font-size:18px;letter-spacing:.12em}.loading small{font-size:10px;letter-spacing:.2em;color:#969075}.loading-book{display:flex;margin-bottom:15px}.loading-book span{width:29px;height:40px;border:1px solid #788563;border-radius:4px 0 0 4px;transform:skewY(8deg)}.loading-book span+span{border-radius:0 4px 4px 0;transform:skewY(-8deg);animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{50%{transform:skewY(-8deg) scaleX(.6)}}.toast{position:absolute;z-index:30;top:95px;left:50%;transform:translate(-50%,-12px);background:#526047;color:#f9f6e9;padding:12px 22px;border-radius:25px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translate(-50%)}#cursor-trail{position:fixed;inset:0;pointer-events:none;z-index:15}.trail-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#c7b77b;box-shadow:0 0 7px #d9cb96;animation:fade-trail .6s ease-out forwards}@keyframes fade-trail{to{opacity:0;transform:scale(.15)}}body.reading .library-intro{opacity:0;transform:translateY(-20px)}body.reading .book-choices,body.reading .shelf-hint{opacity:0;pointer-events:none}body.reading .site-footer{background:#f4f0e766}@media(min-width:1600px){.book-choices{width:1000px;bottom:18%}.library-intro{top:15%}}@media(max-height:800px)and (min-width:701px){#app{min-height:690px}.library-intro{top:14%}.library-intro h1{margin:8px 0;font-size:36px}.book-choices{bottom:15%}.shelf-hint{bottom:9.5%}.site-footer{height:48px}.story-header{top:107px}.story-dialog{bottom:67px}.quiz-panel,.ending-panel{bottom:61px}}@media(max-width:700px){#app{min-height:720px}.site-header{height:83px;padding:18px 6%}.brand{gap:8px}.brand svg{width:29px}.brand>span{font-size:18px}.brand small{font-size:6px}.site-header nav{gap:0;margin:0 10px 0 auto}.nav-link{display:none}.nav-link#collection-nav{display:block;font-size:0}.nav-link#collection-nav:before{content:"✧";font-size:25px}.nav-link#collection-nav span{font-size:8px;position:absolute;right:-4px;top:6px}.icon-button{width:36px;height:36px}.library-intro{top:14%}.library-intro .eyebrow{font-size:8px;letter-spacing:.11em}.library-intro h1{font-size:29px;line-height:1.75;margin:12px 0}.library-intro h1 span{display:block;margin:0}.library-intro p{font-size:9px;letter-spacing:.06em}.intro-spark{width:23px;left:calc(50% + 113px);top:77px}.book-choices{width:92%;gap:3px;bottom:19.5%}.book-choice{padding:10px 0}.book-kicker{font-size:7px;letter-spacing:0;margin-bottom:8px}.book-choice strong{font-size:11px;letter-spacing:0;white-space:nowrap}.book-meta{font-size:7px;letter-spacing:0;margin-top:9px}.book-meta i{margin:0 2px}.book-meta b{display:none}.shelf-hint{bottom:12.7%;font-size:9px;letter-spacing:.02em}.site-footer{height:56px;padding:0 6%;font-size:8px}.site-footer #footer-right{font-size:0;gap:0}.site-footer #footer-right svg{width:17px}.story-header{top:104px;left:6%;width:88%;align-items:flex-start}.story-header .back-button{min-width:25px;font-size:20px;padding:9px 0}.back-button span{display:none}.story-header p{font-size:8px;letter-spacing:.06em}.story-header h2{font-size:20px}.chapter-indicator{min-width:40px;gap:4px;font-size:10px;margin-top:10px}.chapter-indicator>span:first-child{font-size:15px}.page-line{width:10px}.story-dialog{bottom:87px;width:86%;flex-direction:column;gap:15px;padding-top:16px;text-align:center}.dialog-copy>span{font-size:9px}.dialog-copy p{font-size:17px;margin-top:6px}.primary-button{padding:12px 22px;font-size:11px;min-height:44px}.quiz-panel,.ending-panel{bottom:79px}.quiz-panel h2,.ending-panel h2{font-size:19px;line-height:1.6;margin:10px 0 13px}.quiz-answers{gap:7px}.quiz-answers button{padding:10px 14px;font-size:11px}.ending-panel>p{font-size:10px}.drawer{top:78px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.trail-dot{display:none}}@media(min-width:701px){.book-choices{bottom:24%}.shelf-hint{bottom:14%}body.reading .site-header{background:linear-gradient(#f4f0e7e8,#f4f0e7b8,transparent)}body.reading .story-header{filter:drop-shadow(0 1px 2px #f4f0e7)}}@media(max-height:800px)and (min-width:701px){.book-choices{bottom:20.5%}.shelf-hint{bottom:10.5%}}@media(max-width:700px){.book-choices{bottom:29.5%}.shelf-hint{bottom:17.5%}}body.reading .site-header{background:linear-gradient(#f4f0e7f5,#f4f0e7dc,transparent)}#app:before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:27%;background:linear-gradient(#f4f0e7 30%,#f4f0e7b3 65%,transparent);opacity:0;pointer-events:none;transition:opacity 1.5s}body.reading #app:before{opacity:1}