:root{color-scheme:light;--paper:#f5eddc;--ink:#383427;--green:#35563b;--red:#b53d24;font-family:ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at top,#fffaf0,transparent 65%)}
button,a,summary{touch-action:manipulation}button,a{color:inherit}button{font:inherit;cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b53d24;outline-offset:5px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:960px;margin:auto;min-height:76px;padding:12px max(20px,env(safe-area-inset-left)) 12px max(20px,env(safe-area-inset-right));font-size:14px}
.masthead a,.masthead button{min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #d4c9af;border-radius:24px;background:#fffaf080}.brand{font-weight:600;letter-spacing:.08em;color:#6e7056}
main{width:min(100% - 36px,760px);margin:auto;padding-bottom:env(safe-area-inset-bottom)}.intro{text-align:center;padding:12px 0 18px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#79755f;margin:0 0 12px}h1{font-family:"STKaiti","Kaiti SC",serif;font-size:clamp(34px,6vw,52px);color:var(--red);margin:0 0 20px;letter-spacing:.12em}
.listen{min-height:58px;min-width:200px;padding:14px 28px;background:var(--green);color:#fffbed;border:0;border-radius:32px;font-size:21px;font-weight:600;box-shadow:0 5px 0 #263e2b;transition:transform .15s}.listen:active{transform:translateY(3px);box-shadow:0 2px 0 #263e2b}.listen[aria-pressed=true]{background:#a4482d;box-shadow:0 5px 0 #79331f}.listen-status{font-size:13px;color:#79755f;margin:14px 0 0;min-height:21px}
.story-page{margin:0 auto;background:#fff9ec;padding:9px 9px 0;border-radius:12px;box-shadow:0 12px 45px #5c3b1824;max-width:680px;touch-action:pan-y pinch-zoom}.story-page img{display:block;width:100%;height:auto;border-radius:6px}.story-page figcaption{text-align:center;font-size:12px;letter-spacing:.1em;color:#80745e;padding:14px}
.transcript{max-width:680px;margin:28px auto 0;border-top:1px solid #d9ceb8;border-bottom:1px solid #d9ceb8;padding:5px 16px}.transcript summary{min-height:48px;cursor:pointer;align-content:center;color:#5e654c}.transcript p{font-family:"STKaiti","Kaiti SC",serif;font-size:21px;line-height:1.9;margin:10px 0 22px}footer{text-align:center;padding:24px 0 30px;font-size:14px}footer a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px}
.fullscreen-status{position:fixed;z-index:10;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#203c30ed;color:white;padding:14px 20px;border-radius:14px;width:max-content;max-width:calc(100% - 32px);font-size:14px;line-height:1.6;text-align:center}.fullscreen-status[hidden]{display:none}.is-fullscreen .masthead{position:sticky;top:0;z-index:5;background:#f5eddcf5}.is-fullscreen{background:var(--paper);min-height:100dvh}
@media(max-width:480px){.masthead{padding:10px 12px;min-height:64px}.brand{font-size:12px;letter-spacing:0}.masthead a,.masthead button{padding:8px 10px;font-size:13px}main{width:calc(100% - 24px)}.intro{padding-top:12px}h1{margin-bottom:16px}.story-page{padding:5px 5px 0}.transcript{padding:5px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}