:root{color:#253f35;background:#faf7ef;--accent:#285e3f;--muted:#657565;--line:#d9e1d1}
.bar{max-width:960px;padding:8px 32px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:126px;height:auto}.brand span{font-size:11px;letter-spacing:.04em;border-left:1px solid var(--line);padding-left:16px}.bar nav{gap:20px;font-size:13px}
main{max-width:900px;margin:14px auto;padding:0 32px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.hero>div{max-width:610px}.hero .eyebrow{font-size:9px}.hero h1{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-weight:800;font-size:28px;letter-spacing:-.035em;line-height:1.2;margin:6px 0 8px}.hero .intro{font-size:14px;margin:0 0 10px}.hero figure{margin:0;text-align:center;flex-shrink:0}.hero figure img{width:128px;height:120px;display:block}.hero figcaption{font-size:10px;color:var(--muted);margin-top:2px;font-style:italic}
.dev-feature{font-size:12px;margin:0}.dev-feature span{display:inline-block;font-size:9px;letter-spacing:.03em;margin-left:6px;padding:3px 7px;border-radius:20px;background:#e8eddc;color:#526645;white-space:nowrap}
.player-card{background:#fffdf7;border-color:#cdddc3;padding:16px 20px}.player-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.book-info{min-width:0}.player-card .book-name{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:20px;font-weight:700;margin:0;line-height:1.2}.book-author{font-size:12px;margin:3px 0}.chapter-meta{font-size:12px;color:var(--muted);margin:2px 0 0}.listen-button{flex-shrink:0;min-height:46px;font-size:14px;font-weight:700;padding:12px 24px;background:#285e3f;box-shadow:0 3px 8px rgb(40 94 63/.14)}.listen-button:hover:not(:disabled){background:#1e4b31}.listen-button:disabled{opacity:.65}.listen-button>span:first-child{margin-right:5px;font-size:12px}.player-card audio{display:block;width:100%;max-width:100%;min-width:0;height:36px;margin:0;accent-color:#285e3f}.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.player-bottom .hint{font-size:11px;margin:0}.download{font-size:12px;padding:4px 0;white-space:nowrap}
.notice{font-size:12px;min-height:0;margin:10px 0}.notice:empty{display:none}.reading-panel{margin-top:12px}.reading-panel>summary{font-size:13px;color:var(--accent);cursor:pointer;padding:10px 0;min-height:44px}.reading{margin-top:8px;background:#fffdf7;padding:20px}.reading-bar{padding-bottom:12px;margin-bottom:14px}.reading-bar button{min-width:44px;min-height:44px}.page-text{font-size:16px;line-height:1.65;min-height:0}.reading .hint{margin-top:16px;padding-top:12px}footer{max-width:900px;margin:14px auto;padding:14px 32px;font-size:11px}
@media(max-width:600px){.bar{padding:6px 16px}.brand{gap:10px}.brand img{width:106px}.brand span{padding-left:10px;font-size:10px}.bar nav{gap:12px;font-size:12px}.bar nav a{min-height:44px;display:inline-flex;align-items:center}.bar nav a:last-child{display:none}main{margin-top:10px;padding:0 16px}.hero{gap:12px;margin-bottom:14px}.hero h1{font-size:24px}.hero .eyebrow{font-size:8px;letter-spacing:.08em}.hero figure img{width:86px;height:80px}.hero figcaption{font-size:9px;max-width:86px}.hero .intro{font-size:12px;margin-bottom:7px}.dev-feature{font-size:11px}.dev-feature span{margin:4px 0 0;padding:2px 6px}.player-card{padding:12px 14px}.player-top{gap:10px;align-items:flex-start;flex-direction:column;margin-bottom:10px}.player-card .book-name{font-size:18px}.chapter-meta{font-size:11px}.book-author{font-size:11px}.listen-button{width:100%;min-height:46px;padding:10px 16px;font-size:15px}.download{min-height:44px;display:inline-flex;align-items:center;padding:8px;font-size:13px}.player-bottom{margin-top:0}.reading{padding:14px}.page-text{font-size:16px}.reading-bar{gap:8px;font-size:12px}footer{padding:12px 16px;margin-top:10px}}
@media(max-width:380px){.hero{gap:8px}.hero h1{font-size:22px}.hero figure img{width:74px;height:69px}.hero figcaption{max-width:74px;font-size:8px}.brand span{font-size:9px}.listen-button{font-size:14px}}
