:root{color:#23434a;font-synthesis:none;--paper:#fffdf4;--ink:#23434a;--muted:#6f8d90;background:#dceef1;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,canvas:focus-visible{outline-offset:3px;outline:2px solid #b98b43}[hidden]{display:none!important}#app{width:100%;height:100svh;min-height:540px;position:relative;overflow:hidden}#stage,#scene{width:100%;height:100%;position:absolute;inset:0}#stage{touch-action:none}#scene{cursor:grab;display:block}#scene:active{cursor:grabbing}.story-chrome{z-index:3;pointer-events:none;position:absolute}.story-chrome button{pointer-events:auto}#loading{z-index:8;color:var(--muted);background:#dceef1;justify-content:center;align-items:center;gap:10px;font-size:13px;transition:opacity .5s;display:flex;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}.loader{border:2px solid #b5cdd0;border-top-color:#577f71;border-radius:50%;width:17px;height:17px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand{top:max(18px, env(safe-area-inset-top));letter-spacing:.18em;color:#23434a94;justify-content:space-between;align-items:center;font-size:9px;display:flex;left:24px;right:24px}.music-toggle{min-width:88px;min-height:44px;color:inherit;cursor:pointer;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf447;border:1px solid #23434a24;border-radius:99px;margin:-10px 0;padding:0 12px;font-size:10px}.music-toggle[aria-pressed=true]{color:#765b30;background:#fff1c79e}.music-toggle:disabled{opacity:.5;cursor:default}.scene-heading{transition:opacity .4s,transform .4s;top:67px;left:25px}#scene-kicker{letter-spacing:.18em;color:#23434a94;margin:0 0 8px;font-size:9px}#scene-title{letter-spacing:.08em;margin:0;font-size:clamp(23px,4vw,34px);font-weight:500}#scene-subtitle{letter-spacing:.12em;color:var(--muted);margin:9px 0 0;font-size:12px}#scene-subtitle:empty{display:none}body[data-scene="0"] .scene-heading{text-align:center;width:92%;top:12%;left:50%;transform:translate(-50%)}body[data-scene="0"] #scene-title{letter-spacing:.14em;font-family:Songti SC,SimSun,serif;font-size:clamp(34px,7vw,54px);font-weight:500}body[data-scene="0"] #scene-kicker{margin-bottom:13px}body[data-scene="0"] #scene-subtitle{margin-top:14px;font-size:13px}#poem-lines{text-align:center;flex-direction:column;align-items:center;gap:5px;width:min(92%,760px);display:flex;bottom:148px;left:50%;transform:translate(-50%)}.poem-line{opacity:0;filter:blur(4px);letter-spacing:.1em;text-shadow:0 1px 12px #ffffffa6;margin:0;font-family:Songti SC,SimSun,serif;font-size:clamp(18px,4.6vw,27px);line-height:1.45;transition:opacity .8s,transform .8s,filter .8s;transform:translateY(12px)}.poem-line.visible{opacity:1;filter:blur();transform:translateY(0)}.poem-line.visible:has(~.poem-line.visible){opacity:.42}.final-line{letter-spacing:.18em;padding-top:7px;font-size:clamp(28px,7vw,46px)}body.final-blessing #poem-lines .poem-line:not(.final-line){opacity:0;transform:translateY(-8px)}body.final-blessing .final-line{color:#fff9df;text-shadow:0 2px 22px #ffdd9d99}#blessing-glow{pointer-events:none;opacity:0;z-index:1;background:radial-gradient(circle at 50% 64%,#ffde9d47,#0000 45%);transition:opacity 2s;position:absolute;inset:0}body.final-blessing #blessing-glow{opacity:1}body[data-scene="5"] .brand,body[data-scene="5"] .scene-heading,body[data-scene="5"] #interaction-tip{color:#fffdf4cc}body[data-scene="5"] #scene-kicker,body[data-scene="5"] #scene-subtitle{color:#fffdf49e}#interaction-tip{white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#23434aa6;letter-spacing:.04em;background:#fffdf475;border-radius:99px;max-width:90%;padding:6px 12px;font-size:10px;transition:opacity .3s;bottom:108px;left:50%;transform:translate(-50%)}#progress{left:50%;bottom:max(66px, calc(env(safe-area-inset-bottom) + 56px));align-items:center;display:flex;transform:translate(-50%)}#progress button{color:#23434a6b;cursor:pointer;background:0 0;border:0;width:40px;height:44px;padding:0;font-size:8px;position:relative}#progress button:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;transition:width .3s,border-radius .3s;position:absolute;top:12px;left:50%;transform:translate(-50%)}#progress button span{opacity:0;width:100%;position:absolute;top:23px;left:0}#progress button.active{color:#8b6c3c}#progress button.active:before{border-radius:4px;width:22px}#progress button.active span{opacity:1}body[data-scene="5"] #progress button{color:#fffdf48c}body[data-scene="5"] #progress button.active{color:#ffe5a9}#story-navigation{left:20px;right:20px;bottom:max(14px, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:9px;display:flex}#story-navigation button{cursor:pointer;letter-spacing:.04em;border-radius:99px;min-height:46px;font-size:12px;transition:transform .2s,background .2s,opacity .2s}#story-navigation button:active{transform:scale(.97)}#story-navigation button:disabled{opacity:.3;cursor:default}.nav-primary{color:#fffdf4;background:#274c4be0;border:1px solid #ffffff80;min-width:128px;padding:0 24px;box-shadow:0 7px 25px #26434126}.nav-primary:hover{background:#274c4b}.nav-secondary{min-width:52px;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf473;border:1px solid #23434a24;padding:0 14px}#prev-scene span{margin-left:3px}#replay-story{margin-left:auto}body[data-scene="0"] #story-navigation{justify-content:center}body[data-scene="0"] #prev-scene{display:none}body[data-scene="0"] .nav-primary{min-width:158px;min-height:50px}body[data-scene="5"] .nav-secondary{color:#fffdf4;background:#2a3d4f40;border-color:#ffffff40}#fallback{background:#eef4ed;padding:50px 25px;line-height:1.9;position:absolute;inset:0;overflow-y:auto}#fallback[hidden]{display:none}#fallback h1{font-family:Songti SC,SimSun,serif;font-weight:500}#fallback pre{white-space:pre-wrap;font:inherit;margin-top:30px;font-size:19px;line-height:2.1}#fallback button{min-width:90px;min-height:44px;color:var(--ink);background:#fffdf4;border:1px solid #b5cdd0;border-radius:99px}.fallback-kicker{letter-spacing:.2em;font-size:9px}@media (width>=800px){.brand{left:40px;right:40px}.scene-heading{top:76px;left:42px}#story-navigation{left:40px;right:40px}#poem-lines{bottom:132px}#interaction-tip{bottom:94px}#progress{bottom:60px}}@media (width<=380px){.brand{font-size:8px;left:17px;right:17px}.scene-heading{top:58px;left:18px}#story-navigation{gap:6px;left:12px;right:12px}.nav-primary{min-width:108px;padding:0 17px}.nav-secondary{padding:0 11px}#prev-scene span{display:none}#progress button{width:37px}#poem-lines{bottom:143px}#interaction-tip{bottom:105px}}@media (height<=680px){.scene-heading{top:52px}body[data-scene="0"] .scene-heading{top:9%}#poem-lines{gap:2px;bottom:137px}.poem-line{font-size:17px}.final-line{font-size:27px}#interaction-tip{display:none}#progress{bottom:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}