:root{font-family:system-ui,-apple-system,sans-serif;color:#292e2a;background:#f5f1e8;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:34px 22px max(30px,env(safe-area-inset-bottom))}h1{font-size:36px;letter-spacing:-1.4px;margin:6px 0}h2{font-size:34px;margin:10px 0}p{line-height:1.5}header>p,.small,footer,#narrator{color:#636a62}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}header{margin-bottom:28px}button,input,select{font:inherit}button,select{min-height:44px;border:1px solid #d7d9ce;background:#fffdf8;border-radius:12px;color:inherit;padding:10px 15px;cursor:pointer}button:hover{background:#e8eddf}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #567759;outline-offset:3px}label{display:block}input[type=password]{width:100%;border:1px solid #c7cbbf;border-radius:8px;padding:12px;margin:8px 0 12px}details{border-top:1px solid #dbddd3;padding:16px 0}summary{cursor:pointer;font-weight:600;min-height:28px}.small{font-size:13px}#status{font-size:14px;min-height:22px}#status.error{color:#963c27}#library{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}#library button[aria-pressed=true]{background:#e1e8d9;border-color:#8a9c81}#player{background:#fffdf7;border:1px solid #e1e1d5;border-radius:22px;padding:26px}.book-heading{display:flex;gap:24px;align-items:center;margin-bottom:32px}.cover{flex-shrink:0;width:120px;height:162px;border-radius:5px 12px 12px 5px;background:#334d40;color:#edecda;display:flex;align-items:flex-end;padding:17px;box-shadow:5px 5px 0 #e1e3d5;border-left:6px solid #263d32;font-size:20px;letter-spacing:3px}.progress-label,.row{display:flex;justify-content:space-between;gap:12px}.progress-label{font-size:14px;margin-top:22px}.progress-label label{overflow-wrap:anywhere}input[type=range]{width:100%;accent-color:#48674e;min-height:32px;margin:4px 0}progress{display:block;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:#e4e7db;margin-top:12px}progress::-webkit-progress-bar{background:#e4e7db}progress::-webkit-progress-value{background:#48674e}progress::-moz-progress-bar{background:#48674e}.remaining{text-align:right;font-size:14px;color:#60685d}.remaining s{color:#80867c;margin-left:4px}.transport{display:flex;justify-content:center;gap:12px;margin:28px 0 24px}.primary{background:#334d40;color:white;min-width:130px;font-weight:650}.primary:hover{background:#42644f}.speed{display:flex;justify-content:center;align-items:center;gap:24px}.speed output{font-size:25px;font-weight:650;min-width:74px;text-align:center}.speed button{width:48px}.presets{display:flex;justify-content:center;gap:7px;margin-top:15px;flex-wrap:wrap}.presets button{font-size:14px;padding:8px 12px}.presets button[aria-pressed=true]{background:#e1e8d9;border-color:#8a9c81}#rateNote{text-align:center}.tools{display:flex;gap:15px;align-items:end;margin-top:26px}.tools>*{flex:1}.tools label{font-size:13px}.tools select{display:block;width:100%;margin-top:7px}.chapter-nav{display:flex;gap:10px;margin:12px 0}#chapters{padding:0;list-style:none;max-height:420px;overflow:auto}#chapters button{width:100%;text-align:left;border:0;border-radius:8px;background:transparent;margin:2px 0}#chapters button[aria-current=true]{background:#e1e8d9}#bookmarks>div{display:flex;gap:6px;margin-top:8px}#bookmarks>div>button:first-child{flex:1;text-align:left}footer{font-size:12px;line-height:1.6;margin-top:24px}#timerNote:empty{display:none}@media(max-width:420px){main{padding:24px 15px}#player{padding:20px 16px}.book-heading{gap:18px}.cover{width:96px;height:135px;font-size:16px;padding:12px}h2{font-size:30px}.transport{gap:8px}.transport button{padding:10px}.tools{flex-direction:column;align-items:stretch}.remaining{text-align:left}.presets{gap:5px}.presets button{padding:8px 10px}}