:root{--ink:#293b34;--muted:#607066;--accent:#8b4033;--paper:rgba(248,246,232,.92);--line:rgba(54,67,52,.21);--serif:"STKaiti","KaiTi","Noto Serif CJK SC","Songti SC",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;font-family:var(--sans);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#e4e8dd}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,select{font-size:12px}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit}button:hover{color:var(--accent)}[hidden]{display:none!important}#scene,#scene canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(239,239,221,.76),transparent 43%),linear-gradient(0deg,rgba(231,234,215,.7),transparent 23%)}.in-story #scene:after{background:linear-gradient(90deg,rgba(239,239,221,.1),transparent 40%)}.header{position:fixed;left:42px;right:42px;top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.seal{display:grid;place-items:center;background:#8a4034;color:#f8edd7;width:36px;height:39px;font:26px var(--serif);border:3px double #c9a084}.brand>div{display:flex;align-items:center;gap:18px}.brand strong{font:25px var(--serif);letter-spacing:.13em}.brand>div>span{font:14px var(--serif);letter-spacing:.2em;padding-left:18px;border-left:1px solid var(--line)}.header-actions{display:flex;align-items:center;gap:23px}.header-actions button{font-size:12px;letter-spacing:.04em}.with-icon{display:flex;align-items:center;gap:8px}.intro{position:fixed;left:7.5vw;top:25%;display:flex;gap:28px;pointer-events:none}.intro button{pointer-events:auto}.vertical-rule{width:1px;background:linear-gradient(transparent,#8f6748 18%,#8f6748 82%,transparent);opacity:.55;margin:10px 0 25px}.source{font:13px var(--serif);letter-spacing:.22em;margin:0 0 18px;color:#5c6653}h1{font:clamp(42px,4.5vw,68px) var(--serif);letter-spacing:.12em;line-height:1.2;font-weight:400;margin:0 0 21px}.intro-quote{font:25px var(--serif);letter-spacing:.14em;margin:0 0 24px}.intro-description{font-size:13px;line-height:2.15;letter-spacing:.11em;color:#58654f;margin:0 0 31px}.primary{background:var(--ink);color:#fff5de;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 24px;min-width:188px;font:17px var(--serif);letter-spacing:.12em;border-radius:2px;box-shadow:0 7px 25px #2b3f2a20}.primary:hover{background:#43563e;color:#fff5de}.primary svg{width:25px}.duration{font-size:10px;color:#687259;letter-spacing:.04em;margin-top:16px}.scene-caption{position:fixed;right:8%;bottom:159px;text-align:right;pointer-events:none}.scene-caption>span{font-size:10px;letter-spacing:.15em}.scene-caption p{font:22px var(--serif);letter-spacing:.12em;margin:11px 0}.scene-caption small{font-size:10px;color:var(--muted)}.toolrail{position:fixed;right:34px;top:44%;display:flex;flex-direction:column;gap:12px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.toolrail .icon-btn{background:#f4f2e6ad;border:1px solid #ffffff50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-btn:hover,.icon-btn.active{background:#f8f3e4;color:var(--accent)}.overview-nav{position:fixed;bottom:58px;left:7.5vw;right:7.5vw;border-top:1px solid #5360454d;display:flex;justify-content:space-between;padding-top:20px}.overview-nav button{display:flex;align-items:center;gap:12px;font:18px var(--serif);letter-spacing:.1em;padding:6px 20px}.overview-nav button:first-child{padding-left:0}.overview-nav button:last-child{padding-right:0}.overview-nav small{font-size:10px;color:#7a795e}.interaction-hint{position:fixed;bottom:18px;left:7.5vw;font-size:10px;color:#54624e;letter-spacing:.05em}.interaction-hint i{margin:0 9px;font-style:normal;opacity:.5}.reading{position:fixed;left:40px;bottom:161px;width:min(490px,43vw);background:var(--paper);padding:22px 27px 20px;border-left:2px solid #995641;box-shadow:0 10px 40px #2d3d2c12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0 3px 3px 0;max-height:calc(100dvh - 270px);overflow-y:auto}.reading-head{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted);letter-spacing:.05em}.reading-head>span:first-child{font-family:Georgia,serif;color:var(--accent)}.reading-head button{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:3px;padding:0}.reading-head svg{width:15px}.reading h2{font:28px var(--serif);letter-spacing:.12em;font-weight:400;margin:18px 0 14px}.original{font:19px/1.85 var(--serif);margin:0;letter-spacing:.025em}.translation{font-size:12px;line-height:1.9;color:#637063;margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line)}.scene-note{font-size:10px;line-height:1.8;color:#6e725d;margin:12px 0 0}#term{font-size:10px;color:#8b4939;border-bottom:1px dotted #8b493960;padding:3px 0;margin-top:10px}#term-definition{font-size:12px;color:#645f4f;line-height:1.8;margin-top:8px}body[data-text=original] .translation,body[data-text=translation] .original{display:none}.playback{position:fixed;bottom:26px;left:40px;right:40px;padding:14px 23px 12px;background:var(--paper);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff8;border-radius:3px;box-shadow:0 5px 30px #2c402310}.progress-top{display:flex;align-items:center;gap:20px;font-size:10px;color:var(--muted)}.progress-top button{display:flex;gap:8px;align-items:center;font-size:10px;padding:0}.progress-top svg{width:15px;height:15px}#timer{margin-left:auto;font:10px Georgia,serif;letter-spacing:.08em}#restart{border-left:1px solid var(--line);padding-left:20px}.playback input{display:block;width:100%;height:3px;margin:14px 0 9px;accent-color:#8f493a;background:linear-gradient(to right,#8f493a var(--progress,0%),#b7b6a4 var(--progress,0%));appearance:none;cursor:pointer}.playback input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#8f493a}.playback input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#8f493a}.playback-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.transport{display:flex;align-items:center;gap:10px}.transport .icon-btn{width:31px;height:31px}.transport svg{width:16px;height:16px}#play-pause{background:#344736;color:#f4efde}.reading-options{display:flex;align-items:center;gap:20px}.reading-options select{background:transparent;border:0;cursor:pointer;padding:4px 20px 4px 3px;font-size:11px}.reading-options button{font-size:11px;padding:6px 0}.reading-options [aria-pressed=true]{color:var(--accent)}dialog{color:var(--ink);background:#f6f3e7;border:1px solid #dedccf;border-radius:4px;max-height:83dvh;width:min(720px,calc(100vw - 32px));padding:29px 32px;box-shadow:0 25px 100px #1d30284a}dialog::backdrop{background:#20372d60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;position:sticky;top:-29px;background:#f6f3e7;z-index:2}.dialog-header h2{font:30px var(--serif);letter-spacing:.12em;margin:8px 0}.dialog-header small{font-size:11px;color:var(--muted)}.dialog-intro{font-size:12px;color:var(--muted);margin:20px 0}.chapter-item{display:flex;width:100%;text-align:left;align-items:flex-start;gap:20px;border-top:1px solid #78806522;padding:19px 4px}.chapter-item>span{font:13px Georgia,serif;color:#9b735b;padding-top:6px}.chapter-item h3{font:21px var(--serif);margin:0 0 7px}.chapter-item p{font:15px/1.8 var(--serif);color:#64695c;margin:0}.chapter-item svg{margin-left:auto;flex-shrink:0;margin-top:7px}.chapter-item:hover,.chapter-item.selected{background:#e9e8d5}#about-dialog{width:min(560px,calc(100vw - 32px))}#about-dialog p{font-size:13px;line-height:2;color:#53604f}.source-links{display:flex;flex-direction:column;gap:14px;font-size:11px;padding-top:15px}.source-links a{text-underline-offset:4px}#restore{position:fixed;bottom:24px;right:24px;background:var(--paper);padding:10px 14px;border-radius:30px;align-items:center;gap:7px;display:flex;z-index:6;font-size:11px}.ui-hidden .ui{opacity:0;pointer-events:none;visibility:hidden}.ui{transition:opacity .3s}#toast{position:fixed;bottom:155px;left:50%;transform:translate(-50%) translateY(10px);padding:12px 19px;background:#293c31ed;color:#f6eed9;box-shadow:0 5px 30px #23332722;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;max-width:90vw;z-index:12;width:max-content}#toast.visible{opacity:1;transform:translate(-50%)}#loading{position:fixed;inset:0;background:#e8e9db;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s}#loading.loaded{opacity:0;pointer-events:none}.loading-seal{font:48px var(--serif);border:3px double #8b4033;color:#8b4033;padding:8px 14px}#loading p{font:21px var(--serif);letter-spacing:.2em;margin-top:26px}#loading small{font-size:11px;color:var(--muted)}#error{position:fixed;z-index:10;top:90px;left:50%;transform:translate(-50%);background:#f6eddb;padding:18px;border:1px solid #ad7055;font-size:13px;line-height:1.8;max-width:90vw;width:560px}#drum-cue{position:fixed;right:12%;top:23%;text-align:center;background:#f5f1e18c;padding:17px 25px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}#drum-cue>span{font-size:10px;letter-spacing:.15em}#drum-cue strong{display:block;font:23px var(--serif);letter-spacing:.15em;margin-top:10px}#drum-cue>div{display:flex;justify-content:center;gap:12px;margin-top:13px}#drum-cue i{width:6px;height:6px;border-radius:50%;background:#33433324}#drum-cue i.on{background:var(--accent)}#ending{position:fixed;right:10%;top:32%;max-width:38%;background:#f5f0e5d9;padding:25px 30px;border-top:1px solid #94604377}#ending p{font:28px var(--serif);margin:0 0 18px}#ending span{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em}#ending button{display:flex;align-items:center;gap:16px;margin-top:24px;padding:0;color:var(--accent)}@media(min-width:1600px){.intro{top:28%}.reading{width:510px}}@media(max-height:720px)and (min-width:701px){.intro{top:22%}.intro-description{margin-bottom:18px}.intro-quote{margin-bottom:15px}h1{font-size:48px}.reading{padding:16px 22px;bottom:148px}.reading h2{margin:10px 0;font-size:24px}.original{font-size:17px}.scene-note{display:none}.playback{bottom:18px}.intro .duration{margin:10px 0}}@media(max-width:700px){.header{left:21px;right:18px;top:21px}.brand{gap:8px}.seal{width:28px;height:32px;font-size:22px}.brand strong{font-size:21px}.brand>div>span{display:none}.header-actions{gap:13px}.header-actions button{font-size:10px}#open-about{display:none}.with-icon svg{width:16px}.with-icon{gap:5px}.intro{left:26px;top:18%;gap:17px}.source{font-size:11px;margin-bottom:15px}h1{font-size:43px;margin-bottom:17px;letter-spacing:.08em}.intro-quote{font-size:21px;margin-bottom:17px}.intro-description{font-size:11px;line-height:1.9;margin-bottom:21px}.primary{font-size:15px;min-width:165px;padding:14px 18px}.duration{font-size:9px;max-width:190px;line-height:1.6}.scene-caption{right:25px;bottom:155px}.scene-caption>span,.scene-caption small{font-size:9px}.scene-caption p{font-size:18px;margin:8px 0}.toolrail{right:16px;top:auto;bottom:228px;gap:8px}.toolrail .icon-btn{width:33px;height:33px}.overview-nav{left:25px;right:25px;bottom:66px;padding-top:16px}.overview-nav button{flex-direction:column;gap:8px;font-size:15px;padding:5px 8px}.overview-nav small{font-size:9px}.interaction-hint{bottom:22px;left:25px;font-size:9px}.interaction-hint i{margin:0 5px}#scene:after{background:linear-gradient(90deg,#eef0dd9c,transparent 88%),linear-gradient(0deg,#e7ead9bb,transparent 24%)}.reading{left:16px;right:16px;width:auto;bottom:149px;padding:15px 18px;max-height:37dvh}.reading h2{font-size:23px;margin:10px 0}.reading-head{font-size:9px;gap:12px}.original{font-size:17px;line-height:1.65}.translation{font-size:11px;line-height:1.75;margin-top:10px;padding-top:9px}.scene-note{font-size:9px;line-height:1.7;margin-top:8px}.playback{left:16px;right:16px;bottom:max(15px,env(safe-area-inset-bottom));padding:12px 13px 10px}.progress-top{gap:10px}.progress-top button,#timer{font-size:9px}#restart{padding-left:10px}.playback-bottom{gap:5px}.transport{gap:4px}.transport .icon-btn{width:27px;height:30px}.reading-options{gap:4px}.reading-options select{font-size:9px;max-width:89px;padding:4px 0}.reading-options button{font-size:9px;white-space:nowrap}.in-story .toolrail{top:88px;bottom:auto;flex-direction:row;right:17px;gap:6px}.in-story .toolrail .icon-btn{width:29px;height:29px}.in-story .toolrail svg{width:15px}#drum-cue{top:145px;right:28px;padding:12px 16px}#drum-cue strong{font-size:19px}#ending{left:23px;right:23px;top:143px;max-width:none;padding:19px}#ending p{font-size:22px;margin-bottom:10px}#ending button{margin-top:14px}#toast{bottom:145px;font-size:10px;padding:10px 12px}dialog{padding:21px}.dialog-header{top:-21px}.chapter-item{gap:13px;padding:16px 0}.chapter-item h3{font-size:19px}.chapter-item p{font-size:14px}.dialog-header h2{font-size:26px}}@media(max-width:700px)and (max-height:650px){.intro{top:16%}.intro-description{display:none}.intro-quote{margin-bottom:18px}.scene-caption{bottom:145px}.reading{max-height:33dvh}.scene-note{display:none}.reading h2{font-size:19px;margin:6px 0}.original{font-size:15px}.translation{font-size:10px}.in-story .toolrail{top:66px}#ending{top:110px}#ending p{font-size:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}#collapse-reading{display:none}.text-collapsed .reading>p,.text-collapsed #term,.text-collapsed #term-definition{display:none!important}.text-collapsed .reading h2{margin-bottom:0}.mobile-hint{display:none}@media(pointer:coarse),(max-width:700px){.desktop-hint{display:none}.mobile-hint{display:inline}}@media(max-width:700px){.header{top:max(12px,env(safe-area-inset-top));left:18px;right:14px;min-height:44px}.header-actions button{min-height:44px}.intro{top:18%;left:25px}.overview-nav{gap:0}.overview-nav button{flex:1;min-width:0;padding:8px 2px!important;white-space:nowrap;letter-spacing:0;font-size:16px}.overview-nav small{font-size:10px}.scene-caption{bottom:163px}.toolrail .icon-btn{width:37px;height:37px}.toolrail{bottom:236px;gap:7px}.in-story .toolrail{top:max(68px,calc(env(safe-area-inset-top) + 55px));gap:7px}.in-story .toolrail .icon-btn{width:36px;height:36px}.in-story .toolrail svg{width:17px;height:17px}.reading{bottom:calc(190px + env(safe-area-inset-bottom));max-height:35dvh;padding:10px 16px 14px}.reading-head{gap:10px}.reading-head button{min-height:30px;white-space:nowrap}.reading-head #place{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.reading-head>span:first-child{flex-shrink:0}.reading-head #exit{margin-left:0}.reading h2{font-size:24px;margin:5px 0 10px}#collapse-reading{display:block;margin-left:auto;color:#865342;flex-shrink:0;font-size:10px}.playback{bottom:calc(12px + env(safe-area-inset-bottom));left:16px;right:16px;padding:10px 15px 9px}.progress-top button{min-height:27px}.playback input{height:5px;margin:7px 0}.playback input::-webkit-slider-thumb{width:15px;height:15px}.playback-bottom{display:flex;flex-direction:column;gap:5px}.transport{justify-content:center;gap:27px;min-height:40px}.transport .icon-btn{width:40px;height:40px}.transport svg{width:19px;height:19px}.reading-options{display:flex;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:5px;gap:4px}.reading-options select{font-size:11px;max-width:none;min-height:32px;padding:4px 0}.reading-options button{font-size:11px;min-height:32px}.progress-top button,#timer{font-size:10px}#restart{padding-left:10px}.scene-note{font-size:10px}#toast{bottom:calc(195px + env(safe-area-inset-bottom))}#drum-cue{top:128px}#ending{top:122px}.interaction-hint{font-size:10px;line-height:1.7;right:20px}.duration{font-size:10px}.original{font-size:18px;line-height:1.7}.translation{font-size:12px}.in-story #scene:after{background:none}}@media(max-width:360px){.header-actions{gap:10px}.with-icon span{font-size:10px}.brand strong{font-size:19px}.reading-head{gap:7px}.reading-head #place{max-width:87px}.intro{top:17%}.source{font-size:10px}.intro-description{font-size:11px}.intro .duration{max-width:185px}.scene-caption{right:20px}.reading-options select,.reading-options button{font-size:10px}}@media(max-height:520px)and (orientation:landscape){.header{top:9px;left:20px;right:20px}.intro{top:20%;left:5vw;gap:14px}.intro h1{font-size:34px;margin-bottom:8px}.intro .source{margin-bottom:10px;font-size:10px}.intro-quote{font-size:18px;margin:0 0 12px}.intro-description,.duration{display:none}.primary{min-width:155px;padding:12px 18px;font-size:14px}.overview-nav{bottom:30px;left:5vw;right:5vw;padding-top:8px}.overview-nav button{font-size:14px;padding:3px 14px}.interaction-hint{bottom:4px;left:5vw;font-size:8px}.scene-caption{bottom:95px;right:8%}.scene-caption p{font-size:18px}.toolrail{top:80px;right:14px;gap:7px}.toolrail .icon-btn{width:30px;height:30px}.reading{left:18px;bottom:117px;width:43vw;max-height:calc(100dvh - 188px);padding:10px 15px}.reading h2{font-size:20px;margin:6px 0}.reading-head{font-size:9px}.original{font-size:15px}.translation{font-size:10px;line-height:1.6}.scene-note{display:none}.playback{bottom:12px;left:18px;right:18px;padding:9px 16px}.playback input{margin:9px 0 7px}.progress-top{font-size:9px}.reading-options{gap:15px}.reading-options select,.reading-options button{font-size:10px}#drum-cue{top:85px;right:16%;padding:10px 15px}#ending{top:100px;padding:16px;right:12%}#ending p{font-size:20px}#collapse-reading{display:block}.reading-head #place{display:none}}@media(max-height:520px)and (orientation:landscape){.header{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));top:9px;min-height:35px}.brand strong{font-size:21px}.brand .seal{height:31px;width:28px;font-size:23px}.brand>div>span{font-size:12px}.header-actions{gap:17px}.header-actions button{min-height:34px;font-size:11px}.intro{top:21%;left:max(5vw,env(safe-area-inset-left))}.intro h1{font-size:39px}.intro-quote{font-size:20px;margin-bottom:17px}.primary{min-height:44px}.overview-nav{bottom:34px;left:max(5vw,env(safe-area-inset-left));right:max(5vw,env(safe-area-inset-right));padding-top:10px}.overview-nav button{min-height:35px;flex-direction:row;justify-content:center;white-space:nowrap;gap:9px}.reading{left:max(18px,env(safe-area-inset-left));bottom:110px;width:35vw;max-height:calc(100dvh - 174px);padding:10px 16px}.reading-head{gap:10px}.reading-head #place{display:none}.reading-head button{min-height:25px;font-size:10px}.reading h2{font-size:23px;margin:7px 0 9px}.original{font-size:17px;line-height:1.7}.translation{font-size:12px;line-height:1.7;padding-top:8px;margin-top:8px}#term{font-size:10px}.playback{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));padding:7px 17px}.progress-top button{min-height:20px;font-size:10px}.playback input{height:4px;margin:7px 0 4px}.playback input::-webkit-slider-thumb{width:13px;height:13px}.playback-bottom{flex-direction:row;gap:16px}.transport{gap:18px;min-height:34px}.transport .icon-btn{width:34px;height:34px}.reading-options{width:auto;border:0;padding:0;gap:15px}.reading-options select,.reading-options button{font-size:11px;min-height:32px}.in-story .toolrail,.toolrail{top:71px;bottom:auto;right:max(14px,env(safe-area-inset-right));flex-direction:column;gap:5px}.in-story .toolrail .icon-btn,.toolrail .icon-btn{width:34px;height:34px}.in-story .toolrail svg{width:17px;height:17px}.scene-caption{bottom:97px;right:11%}.scene-caption>span{font-size:10px}.scene-caption p{font-size:19px}.interaction-hint{bottom:5px;font-size:9px}.mobile-hint{display:inline}.desktop-hint{display:none}#drum-cue{top:80px;right:12%;padding:11px 17px}#drum-cue strong{font-size:22px}#ending{left:auto;right:11%;top:100px;max-width:43%;padding:18px 23px}#ending p{font-size:23px}#ending span{font-size:10px}#toast{bottom:112px}dialog{max-height:88dvh;padding:20px 28px}.dialog-header{top:-20px}#restore{bottom:18px;right:max(18px,env(safe-area-inset-right));padding:13px 17px}}