.shared-audio-host{width:100%;min-width:0}
.shared-audio-player{position:relative;box-sizing:border-box;width:min(430px,100%);margin:20px auto;padding:14px 18px 12px;border:1px solid #d5e5e6;border-radius:14px;background:#f7fbfb;color:#16747c;font:14px Arial,sans-serif;text-align:left}
.shared-audio-times{display:flex;justify-content:space-between;color:#607a7e;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;margin-bottom:4px}
.shared-audio-player .shared-audio-seek{display:block;box-sizing:border-box;appearance:none;width:100%;height:20px;margin:0;padding:0;background:transparent;border:0;cursor:pointer}
.shared-audio-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#16747c var(--audio-progress,0%),#dde6e7 var(--audio-progress,0%))}
.shared-audio-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#16747c;border:0;box-shadow:none}
.shared-audio-seek::-moz-range-track{height:4px;background:#dde6e7;border-radius:4px}.shared-audio-seek::-moz-range-progress{height:4px;background:#16747c}.shared-audio-seek::-moz-range-thumb{width:12px;height:12px;border:0;box-shadow:none;background:#16747c;border-radius:50%}
.shared-audio-controls{display:grid;grid-template-columns:repeat(5,36px);justify-content:center;align-items:center;justify-items:center;margin-top:10px;gap:12px}
.shared-audio-player button,.shared-audio-player summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:34px;width:auto;height:34px;padding:4px 7px;margin:0;border:0;border-radius:8px;background:transparent;color:#16747c;font:600 13px Arial,sans-serif;cursor:pointer;box-shadow:none}
.shared-audio-player button:hover,.shared-audio-player summary:hover{background:#e4f1f1}.shared-audio-player button:disabled{opacity:.4;cursor:default}
.shared-audio-controls>button,.shared-audio-controls>details>summary{width:36px;height:36px;min-width:36px;padding:3.6px;border:1.35px solid #16747c;border-radius:5.4px;background:white;color:#16747c;font-size:12.6px;font-weight:700}
.shared-audio-controls>button:hover,.shared-audio-controls>details>summary:hover{background:#e4f1f1;border-color:#12636a}
.shared-audio-controls>button:disabled{opacity:.4}
.shared-audio-player svg{width:19px;height:19px;fill:currentColor;display:block}
.shared-audio-controls svg{width:27px;height:27px;flex-shrink:0}.shared-audio-controls .shared-audio-play svg{width:27px;height:27px}
.shared-rate-menu{position:relative;max-width:none;margin:0;text-align:left}
.shared-audio-player details.shared-rate-menu{margin:0!important;max-width:none!important;width:auto!important;padding:0;border:0}
.shared-rate-menu summary{list-style:none}.shared-rate-menu summary::-webkit-details-marker{display:none}
.shared-rate-menu>summary::after{content:none}
.shared-rate-options{position:absolute;top:calc(100% + 6px);left:0;z-index:50;box-sizing:border-box;padding:10px;background:white;border:1px solid #d5e5e6;border-radius:9px;box-shadow:0 5px 18px #174b4e18}
.shared-rate-options{left:auto;right:0;width:82px;padding:4px}.shared-rate-options button{width:100%;height:27px;font-size:12px;border-radius:5px}.shared-rate-options button[aria-pressed=true]{background:#e4f1f1;color:#12636a}
.shared-audio-player :focus-visible{outline:2px solid #16747c;outline-offset:3px}
.shared-audio-player[data-error]::after{content:attr(data-error);display:block;color:#ad3e2f;font-size:12px;margin-top:8px}
@media(max-width:360px){.shared-audio-controls{gap:7px}.shared-audio-player{padding-inline:12px}}
/* Full player-width overlay, above the player without moving the picture or options. */
.shared-transcript-bubbles{position:absolute;bottom:calc(100% + 8px);left:-1px;right:-1px;z-index:60;display:flex;align-items:flex-end}
.shared-audio-player .shared-transcript-panel{flex:1 1 0;min-width:0;padding:14px 18px;box-sizing:border-box;border:1px solid #d5e5e6;border-radius:14px;background:#f7fbfb;color:#172b35;text-align:left;box-shadow:0 4px 14px #174b4e12}
.shared-transcript-text{max-height:18.7em;overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;text-indent:0;font:15px/1.7 Arial,sans-serif;scrollbar-gutter:stable}
.shared-transcript-scroll-frame{position:relative}
.shared-transcript-scroll-frame .shared-transcript-text{scrollbar-width:none;scrollbar-gutter:auto}
.shared-transcript-scroll-frame .shared-transcript-text::-webkit-scrollbar{display:none;width:0;height:0}
.shared-transcript-scrollbar{position:absolute;top:0;bottom:0;right:-12px;width:12px;opacity:0;transition:opacity .16s ease;touch-action:none;user-select:none;cursor:default}
.shared-transcript-scrollbar[hidden]{display:none}
.shared-transcript-thumb{width:5px;margin-inline:auto;border-radius:5px;background:#64858b}
.shared-transcript-scroll-frame.is-scrolling>.shared-transcript-scrollbar{opacity:1}
@media(prefers-reduced-motion:reduce){.shared-transcript-scrollbar{transition:none}}
@media(forced-colors:active){.shared-transcript-thumb{background:CanvasText}}
.shared-audio-player .shared-transcript-panel[hidden]{display:none}
.shared-audio-controls .shared-transcript-toggle,.shared-audio-controls .shared-translation-toggle{font-size:18px}
/* Latin capitals have a smaller visible height than Chinese glyphs at equal font sizes. */
.shared-audio-controls .shared-transcript-toggle{font-size:22px}
.shared-transcript-toggle[aria-expanded=true],.shared-translation-toggle[aria-expanded=true]{background:#dceeee}
.shared-audio-controls .shared-intensive-entry{display:flex;align-items:center;justify-content:center;width:48px;height:36px;box-sizing:border-box;padding:0;border:1.35px solid #16747c;border-radius:5.4px;background:#16747c;color:#fff;text-decoration:none;font:600 13px Arial,sans-serif}
.shared-audio-controls .shared-intensive-entry:hover{background:#115f66}
.shared-audio-controls:has(>.shared-intensive-entry){gap:8px}
@media(max-width:480px){.shared-transcript-panel:has(+.shared-transcript-panel:not([hidden])),.shared-transcript-panel:not([hidden])+.shared-transcript-panel{padding-inline:10px}}
@media(max-width:480px){.shared-transcript-scrollbar{right:-9px;width:9px}}