:root{color-scheme:light;--bg:#f5f3ee;--card:#fff;--text:#1e2925;--muted:#67736e;--line:#dfe5dd;--green:#1d5944;--pale:#eaf2e7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}main{max-width:820px;margin:auto;padding:24px 24px calc(30px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0 32px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:11px;letter-spacing:1.2px;text-decoration:none;font-weight:650}.brand-icon{display:grid;place-items:center;border-radius:10px;width:29px;height:29px;background:var(--green);color:#fff;font-family:Georgia,serif;font-size:24px}.date{font-size:10px;letter-spacing:.7px;color:var(--muted)}.intro{padding:15px 0 26px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:650}h1{font-size:44px;letter-spacing:-2px;margin:14px 0 12px;font-weight:650}.intro p{color:var(--muted);margin:0;font-size:15px}.player{background:var(--card);border:1px solid #e8ebe4;border-radius:24px;padding:28px;box-shadow:0 12px 50px #263d2110}.track-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.pill{background:var(--pale);color:var(--green);border-radius:999px;padding:6px 10px;white-space:nowrap}.now{display:flex;align-items:baseline;gap:14px;margin-top:26px}.now>span{font-size:13px;letter-spacing:1px;color:var(--green);font-weight:650}.now h2{font-size:25px;font-weight:620;letter-spacing:-.5px;margin:0}.sentence-preview{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.45;min-height:68px;margin:20px 0;color:#354b40}audio{display:block;width:100%;height:44px;margin:6px 0 18px}.transport{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:10px}button,select{font:inherit;touch-action:manipulation}button{cursor:pointer;border:0;background:none;min-height:44px;border-radius:12px;color:var(--green);font-size:13px}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #9bbf88;outline-offset:3px}.primary{background:var(--green);color:white;font-size:16px;font-weight:650}.primary:disabled{opacity:.65}.secondary{background:#f3f5f0;color:var(--text)}.status{min-height:37px;padding-top:13px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.settings{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;border-top:1px solid var(--line);padding-top:20px;margin-top:5px}.settings label{font-size:11px;color:var(--muted);letter-spacing:.3px;min-width:0}.settings select{width:100%;display:block;margin-top:7px;padding:12px 10px;background:#f7f8f4;border:1px solid var(--line);border-radius:10px;color:var(--text);min-height:46px;font-size:14px}.mini-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}.mini-actions button{font-size:12px;text-decoration:underline;text-underline-offset:4px}.help{font-size:11px;color:var(--muted);line-height:1.7;margin:5px 0 0}.script-section{margin-top:35px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:20px;font-weight:620;margin:0}.section-title button{font-size:12px}.small{font-size:12px;color:var(--muted);line-height:1.7}#chapters{display:flex;gap:8px;overflow-x:auto;padding:6px 0 14px;-webkit-overflow-scrolling:touch}#chapters button{flex-shrink:0;border:1px solid var(--line);background:#fff;padding:0 16px;font-size:12px;min-height:40px}#chapters button.active{background:var(--green);color:#fff;border-color:var(--green)}.chapter{border-top:1px solid var(--line);padding:20px 0}.chapter-heading{display:flex;gap:12px;align-items:center;margin-bottom:12px}.chapter-heading span{font-size:11px;color:var(--green);letter-spacing:1px}.chapter-heading h3{font-size:15px;margin:0;font-weight:600}.script-text{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.85}.script-text button{font:inherit;color:#414f46;min-height:0;text-align:left;display:inline;border-radius:4px;padding:2px 3px;margin-right:2px}.script-text button.active{background:#dcebcf;color:#244a32}.text-hidden .script-text{display:none}footer{border-top:1px solid var(--line);padding-top:20px;margin-top:18px;color:var(--muted);font-size:11px;line-height:1.8}footer p{margin:3px 0}footer a{color:var(--green)}@media(min-width:680px){main{padding:30px 36px}.intro{padding-bottom:36px}h1{font-size:53px}.player{padding:32px}.settings{grid-template-columns:1.2fr 1.3fr .75fr 1fr}.sentence-preview{font-size:28px;min-height:80px}}@media(max-width:370px){main{padding:18px 14px}h1{font-size:37px}.player{padding:20px}.transport{gap:6px}.sentence-preview{font-size:21px}.date{font-size:9px}.brand{font-size:10px}}

.settings select{appearance:none;-webkit-appearance:none;padding-right:27px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='m4 5 3 3 3-3' fill='none' stroke='%231d5944' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.sentence-preview{height:126px;overflow:auto;min-height:0;scrollbar-width:thin}@media(min-width:680px){.sentence-preview{height:96px}}