/* Keep native touch pickers usable and chapter labels readable. */
#focusChapter{max-width:150px;min-height:44px;background:#163746;border:1px solid #466977;color:white;border-radius:8px;padding:7px;font-size:12px}
.focus-transport #focusScene{white-space:normal;max-width:125px;text-align:center;line-height:1.25}
#focusSound[aria-pressed="true"]{border-color:#8bdcd7;background:#245052}
@media(max-width:540px){body>header{flex-wrap:wrap;gap:8px}body>header .go3d-mb-launch{flex:0 0 auto;margin-left:auto}}

.focus-step{display:flex;gap:6px;align-items:center}

.narration-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;border-top:1px solid #3a5965;padding-top:7px}.narration-tools label,.narration-tools output{font-size:11px;color:#c5d9de}.narration-tools input{flex:1;min-width:90px;min-height:44px;accent-color:#8bdcd7}.narration-tools output{min-width:72px}

#narrationRecovery:not([hidden]){position:absolute;z-index:95;top:calc(78px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(350px,calc(100% - 24px));padding:10px 12px;border:1px solid #7eacb7;border-radius:10px;background:#112b39f2;color:#e6f1f3;font-size:12px}#narrationRecovery p{margin:0 0 8px}#narrationRecovery button,#narrationRecovery a{display:inline-flex;align-items:center;min-height:44px;padding:7px 10px;font-size:12px}