.chapter-story-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-bottom:9px}
.chapter-story-controls .history-open{margin:0;padding:8px 11px;font-size:11px;justify-content:flex-start;gap:7px}
.chapter-story-controls .history-open small{display:none}
.narration-main,.narration-play{min-height:44px;border:1px solid #cfa66b77;padding:9px 12px;display:flex;gap:9px;align-items:center;justify-content:center;color:#edd6ab;background:#cfa66b1a;font-size:11px;line-height:1.4}
.narration-main:hover,.narration-play:hover{background:#cfa66b30}.narration-main svg,.narration-play svg{width:16px;height:16px;flex:none}
.narration-main[aria-pressed=true],.narration-play[aria-pressed=true]{background:#cfa66b30;border-color:#e0ba76}
.narration-main[data-loading=true]{opacity:.7}.narration-main .narration-time{font-size:9px;color:#adc1ab;margin-left:auto;font-variant-numeric:tabular-nums}
.story-narration{border:1px solid #92a68b4d;background:#cfa66b0c;padding:16px 18px 13px;margin:0 0 25px}
.story-narration-row{display:flex;align-items:center;gap:16px;justify-content:space-between}.story-narration .narration-play{font-size:12px;min-width:168px}
.story-narration output{font-size:11px;color:#bfceb9;white-space:nowrap;font-variant-numeric:tabular-nums}
.story-narration input[type=range]{margin:6px 0 0;height:29px;accent-color:#cfa66b}
.story-narration .narration-caption{font-size:10px;line-height:1.6;color:#a5b99d;margin:5px 0 0}
.narration-settings{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px}
.narration-settings label{display:flex;align-items:center;gap:8px;font-size:10px;color:#b5c6ad}
.narration-settings select{font:inherit;color:#deceb0;min-height:32px;border:1px solid #849b7d55;background:#142321;padding:3px 8px}
.narration-settings input[type=range]{width:75px;height:25px;margin:0}
.narration-status{font-size:10px;line-height:1.6;color:#d6b07b;margin:6px 0 0;min-height:0}
.narration-status:empty{display:none}
.narration-notice{position:fixed;right:var(--gutter);top:90px;max-width:320px;padding:12px 16px;background:#142321;border:1px solid #cfa66b77;color:#e1c796;font-size:12px;line-height:1.7;z-index:40}
.narration-main{min-width:0}
@media(max-width:380px){.narration-main .narration-time{display:none}}
@media(max-width:650px){.chapter-story-controls{gap:7px;margin-bottom:6px}.chapter-story-controls .history-open{font-size:10px;padding:7px 9px}.chapter-story-controls .history-open svg{width:15px;height:15px}.narration-main{font-size:10px;padding:7px 9px;gap:6px}.narration-main .narration-time{font-size:8px}.story-narration{padding:12px;margin-bottom:21px}.story-narration-row{gap:8px}.story-narration .narration-play{min-width:0;font-size:11px;padding-inline:10px}.story-narration output{font-size:9px}.narration-settings{gap:8px;flex-wrap:wrap}.narration-settings label{font-size:9px}.narration-settings select{padding-inline:5px}.story-narration .narration-caption{font-size:9px}}