:root{font:16px/1.55 system-ui,sans-serif;color:#233c3e;background:#f0f6f4}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:32px 20px 60px}h1,h2{line-height:1.2}h1{font-family:Georgia,serif;font-size:36px;font-weight:400}.eyebrow{font-size:12px;letter-spacing:2px;color:#28666d;font-weight:700}button,a,select{font:inherit}button,a{touch-action:manipulation}button{border:0;border-radius:9px;padding:11px 15px;min-height:44px;background:#3f8a91;color:white;font-weight:600;cursor:pointer}button:hover{background:#28666d}button:disabled{opacity:.55;cursor:default}.secondary{background:#e1eae8;color:#233c3e}a{color:#28666d;text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #233c3e;outline-offset:3px}nav,.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}nav a{padding:10px 0}#status{padding:14px;border-left:4px solid #3f8a91;background:#fff}#player,.book,#download{background:#fff;border:1px solid #dce5e3;border-radius:14px;padding:20px;margin:16px 0}.book h3{margin:0 0 8px}.book p{margin:8px 0}.book .actions{display:flex;gap:10px;flex-wrap:wrap}.note,.meta{font-size:13px;color:#596b6c}audio{width:100%;margin:10px 0 18px}select{border:1px solid #ccd9d6;padding:8px;background:white;border-radius:8px;min-height:44px}.controls{justify-content:center}progress{display:block;width:100%;height:24px;margin:14px 0;accent-color:#3f8a91}[hidden]{display:none!important}summary{cursor:pointer;min-height:44px;padding:10px 0}ol{list-style:none;padding:0;max-height:300px;overflow:auto}ol li{margin:6px 0}ol button{width:100%;text-align:left;background:#eaf1ef;color:#233c3e}ol button[aria-current=true]{background:#3f8a91;color:white}@media(max-width:480px){main{padding:20px 14px}h1{font-size:30px}.book,#player{padding:16px}}