.story-audio-dock{position:fixed;z-index:80;bottom:18px;left:50%;transform:translateX(-50%);width:min(1040px,calc(100% - 48px));padding:0 18px 14px;border:1px solid #b5c6ff40;border-radius:16px;background:linear-gradient(120deg,#142037f5,#20132ff5);box-shadow:0 12px 44px #11132b50;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#edf3ff;font-family:var(--font-ui);color-scheme:dark}
.story-audio-dock[hidden]{display:none!important}.story-audio-dock .story-audio-tab{display:flex;align-items:center;gap:7px;width:max-content;padding:9px 12px;margin:-1px 0 11px -1px;border:1px solid #b5c6ff20;border-top:0;border-radius:0 0 9px 9px;background:#a7b5ff0f;color:#bcd0f4;font-size:9px;letter-spacing:1.3px}
.story-audio-tab svg{width:12px;height:12px}.story-audio-tab i{width:3px;height:3px;border-radius:50%;background:#8aadef;margin-inline:3px}
.story-audio-controls{display:grid;grid-template-columns:44px minmax(160px,1.2fr) minmax(150px,1fr) 64px 94px 30px;align-items:center;gap:14px}
.story-audio-dock .speech-toggle{height:44px;width:44px;display:grid;place-items:center;border:1px solid #b4d9ff5c;border-radius:50%;background:linear-gradient(140deg,#6c87dc,#956bd3);color:#fff;padding:0;box-shadow:0 0 16px #647ace30}
.story-audio-dock .speech-toggle svg{width:19px;height:19px}.story-audio-dock .speech-toggle:disabled{opacity:.5;cursor:wait}.story-audio-dock button:focus-visible,.story-audio-dock input:focus-visible,.story-audio-dock select:focus-visible{outline:2px solid #9fdfff;outline-offset:4px}
.story-audio-info{min-width:0}.story-audio-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f2f5ff;font-size:13px;font-weight:500;line-height:1.5}.story-audio-info #speech-status{color:#a7b6d6;font-size:10px;line-height:1.5;margin:4px 0 0}.story-audio-info #speech-status.is-error{color:#ffb6ca}
.story-audio-progress{min-width:0}.story-audio-progress input{width:100%;height:18px;margin:0;padding:0;accent-color:#a0baff;cursor:pointer}.story-audio-progress span{display:block;text-align:right;font-size:10px;font-variant-numeric:tabular-nums;color:#a9badb;margin-top:3px}
.story-audio-setting{display:grid;gap:3px;font-size:9px;color:#aab7d2}.story-audio-setting select{width:100%;padding:5px 3px;background:#a9c2ff0c;color:#e0e9ff;border:1px solid #abcaff26;border-radius:6px;font-size:12px}
.story-audio-dock .speech-stop{height:30px;width:30px;display:grid;place-items:center;border:0;border-radius:8px;background:#ffffff08;color:#c5d1e8}.story-audio-dock .speech-stop:hover{background:#ffffff18}.story-audio-dock .speech-stop svg{width:15px;height:15px}
body.has-story-audio{padding-bottom:132px}.has-story-audio .reading-status{bottom:145px}
@media(max-width:900px){.story-audio-controls{grid-template-columns:44px minmax(130px,1fr) minmax(110px,.7fr) 54px 80px 28px;gap:10px}.story-audio-dock{padding-inline:14px}.story-audio-info strong{font-size:12px}}
@media(max-width:700px){
 .story-audio-dock{bottom:calc(76px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);padding:0 13px 12px;border-radius:14px}
 .story-audio-dock .story-audio-tab{font-size:8px;padding:7px 9px;margin-bottom:10px}.story-audio-controls{grid-template-columns:40px minmax(0,1fr) 50px 68px;gap:8px 11px}
 .story-audio-dock .speech-toggle{width:40px;height:40px}.story-audio-info{grid-column:2 / 4}.story-audio-info strong{font-size:12px}.story-audio-info #speech-status{font-size:10px}.story-audio-dock .speech-stop{grid-column:4;grid-row:1;align-self:start;justify-self:end}
 .story-audio-progress{grid-column:1 / 3;grid-row:2}.story-audio-setting{grid-column:3;grid-row:2}.speech-voice-setting{grid-column:4;min-width:58px;justify-self:end}.story-audio-setting select{font-size:11px}
 body.has-story-audio{padding-bottom:205px}.has-story-audio .reading-status{bottom:calc(244px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.story-audio-dock *{transition:none;animation:none}}