.narration-dock{position:fixed;left:50%;bottom:var(--narration-bottom,max(22px,env(safe-area-inset-bottom)));transform:translateX(-50%);z-index:18;display:flex;justify-content:center}
.listen-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:108px;min-height:48px;padding:11px 21px;border:1px solid #775a9224;border-radius:999px;background:#fafaf9ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 22px #30233d12;color:var(--word-ink);font-size:14px;font-weight:500;line-height:1.4;touch-action:manipulation}
.listen-toggle:hover,.listen-toggle[aria-pressed=true]{background:var(--word-soft)}
.listen-toggle svg{flex:none}
.listen-toggle:disabled{opacity:.4}
.playback-speed{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);width:76px;min-height:44px;padding:8px 5px 8px 11px;border:1px solid #775a9224;border-radius:999px;background:#fafaf9ed;color:var(--word-ink);font:inherit;font-size:16px;line-height:1.4;touch-action:manipulation;box-shadow:0 4px 18px #30233d0d}
.playback-speed:disabled{opacity:.4}
.narration-status{position:fixed;bottom:calc(var(--narration-bottom,22px) + 60px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;margin:0;background:var(--paper);box-shadow:0 4px 20px #25272b18;border-radius:8px;color:var(--muted);font-size:14px;line-height:1.6;z-index:19}
body.narration-view .paragraph-block .passage{--note-space:0px}
body.narration-view .paragraph-focus-wave{display:none}
.word.is-spoken-passage{background-color:color-mix(in srgb,var(--word-soft) 55%,transparent);color:var(--word-ink)}
.word.is-spoken{background-color:var(--word-soft);color:var(--word-ink);box-shadow:3px 0 var(--word-soft),-3px 0 var(--word-soft)}
@media print{.narration-dock,.narration-status{display:none!important}.word.is-spoken,.word.is-spoken-passage{background:transparent;color:inherit;box-shadow:none}}