/* Keep the Feed video popup inside the visible area above the taskbar. */
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer)[data-feed-player-layout="1"] {
    position:fixed!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;
    padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;
    overflow:hidden!important;
}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer)[data-feed-player-layout="1"][hidden] {display:none!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer)[data-feed-player-layout="1"] .cfp-panel {
    position:relative!important;box-sizing:border-box!important;width:min(1180px,100%)!important;height:100%!important;
    min-width:0!important;min-height:0!important;max-width:100%!important;max-height:920px!important;
    margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;
    overflow:hidden!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:16px!important;background:#000!important;
}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer)[data-feed-player-native="1"] :is(.book-talk-media-viewer-actions,.book-talk-media-viewer-close,#publicFeedMediaViewerClose) {display:none!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer)[data-feed-player-layout="1"] .cfp-stage {
    position:relative!important;display:block!important;flex:1 1 0!important;width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
    padding:0!important;margin:0!important;overflow:hidden!important;background:#000!important;
}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer)[data-feed-player-native="1"] .cfp-stage>video {
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
    box-sizing:border-box!important;object-fit:contain!important;object-position:center!important;
    padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#000!important;
}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-controls {
    position:absolute!important;inset:0!important;z-index:4!important;display:block!important;padding:0!important;
    margin:0!important;pointer-events:none!important;color:#fff!important;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 25%,transparent 70%,rgba(0,0,0,.65))!important;
    opacity:1;transition:opacity .18s ease;
}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-controls[hidden] {display:none!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-controls-hidden .cfp-controls {opacity:0}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-controls-hidden .cfp-controls :is(button,input) {pointer-events:none!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) :is(.cfp-top,.cfp-center,.cfp-bottom) {
    position:absolute!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;margin:0!important;min-width:0!important;
}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-top {top:8px!important;left:8px!important;right:8px!important;gap:4px!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-spacer {flex:1!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-center {inset:50% 0 auto!important;justify-content:center!important;gap:clamp(14px,7vw,54px)!important;transform:translateY(-50%)!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-bottom {left:14px!important;right:14px!important;bottom:12px!important;gap:10px!important;height:44px!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-button {
    display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:none!important;
    margin:0!important;padding:8px!important;border:0!important;border-radius:50%!important;box-shadow:none!important;background:rgba(0,0,0,.16)!important;color:#fff!important;
    pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;appearance:none!important;font:inherit!important;
}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-button::before,
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-button::after {content:none!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-center .cfp-button {width:58px!important;height:58px!important;padding:8px!important;background:transparent!important;filter:drop-shadow(0 2px 5px rgba(0,0,0,.65))!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-center .cfp-play {width:74px!important;height:74px!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-button svg {display:block!important;width:100%!important;height:100%!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-button svg text {fill:currentColor;stroke:none;font:12px sans-serif;text-anchor:middle}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-button:disabled {opacity:.35!important;cursor:default!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-button:focus-visible,
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-seek:focus-visible {outline:2px solid #fff!important;outline-offset:3px!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) :is(.cfp-elapsed,.cfp-remaining) {flex:0 0 auto!important;color:#fff!important;font:14px/1.2 system-ui,sans-serif!important;font-variant-numeric:tabular-nums!important;text-shadow:0 1px 3px #000!important;white-space:nowrap!important}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) input.cfp-seek {
    display:block!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;accent-color:#fff!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;touch-action:none!important;pointer-events:auto!important;
}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-seek::-webkit-slider-runnable-track {height:5px;border-radius:4px;background:linear-gradient(to right,#fff var(--cfp-progress,0%),rgba(255,255,255,.4) var(--cfp-progress,0%))}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-seek::-webkit-slider-thumb {-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;border:0;border-radius:50%;background:#fff}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-seek::-moz-range-track {height:5px;border-radius:4px;background:rgba(255,255,255,.4)}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-seek::-moz-range-progress {height:5px;border-radius:4px;background:#fff}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-seek::-moz-range-thumb {width:14px;height:14px;border:0;border-radius:50%;background:#fff}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-status {position:absolute;top:64px;left:12px;right:12px;text-align:center;color:#fff;font:14px/1.4 system-ui,sans-serif;text-shadow:0 1px 4px #000}
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-panel:fullscreen,
html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-panel:-webkit-full-screen {width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important}
@media(max-height:400px) {
    html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-top {top:2px!important}
    html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-bottom {bottom:2px!important}
    html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-center .cfp-button {width:48px!important;height:48px!important}
    html body :is(#bookTalkMediaViewer,#publicFeedMediaViewer) .cfp-center .cfp-play {width:60px!important;height:60px!important}
}
@media(prefers-reduced-motion:reduce) { .cfp-controls {transition:none!important} }