/* Explicitly scoped: no rules target the OFF BOOK preview or decorative headers. */
.conversation-glass.voices-player-shell{padding:5px 5px 0;border-radius:15px;border:1px solid rgba(231,239,236,.2);background:linear-gradient(145deg,rgba(242,248,245,.1),rgba(242,248,245,.025) 55%,rgba(242,248,245,.065));box-shadow:0 2px 3px rgba(0,0,0,.2),0 18px 42px -12px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:none;-webkit-backdrop-filter:none}
.voices-player-shell .conversation-glass-caption{padding:12px 17px 14px;font-size:11px;color:#b5bcb8}
.conversation-screen.voices-player{position:relative;aspect-ratio:var(--voices-ratio,16 / 9);border-radius:10px;overflow:hidden;background:#080a0b;isolation:isolate;container-type:inline-size;box-shadow:0 0 0 1px rgba(0,0,0,.45)}
.voices-player .conversation-film{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}
.voices-player.vp-ready .conversation-film::-webkit-media-controls{display:none!important}
.voices-player .vp-controls{position:absolute;z-index:4;inset:auto 16px 16px;display:flex;flex-direction:column;padding:5px 9px 3px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:linear-gradient(130deg,rgba(30,34,34,.87),rgba(14,17,17,.88));box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fafcf9;opacity:1;transition:opacity .25s ease,transform .25s ease}
.voices-player.vp-quiet .vp-controls{opacity:0;transform:translateY(4px);pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}
.voices-player .vp-row{display:flex;align-items:center;gap:3px;min-width:0}
.voices-player .vp-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:0;border-radius:7px;background:transparent;color:#f9fbf8;font:inherit;cursor:pointer;transition:background .15s ease;color-scheme:dark;touch-action:manipulation}
.voices-player .vp-btn:hover{background:rgba(255,255,255,.09)}
.voices-player .vp-btn:disabled{opacity:.45;cursor:default}
.voices-player .vp-btn svg{display:block;width:19px;height:19px;stroke-width:1.65;pointer-events:none}
.voices-player .vp-btn[aria-pressed=true]{color:#e8ff00}
.voices-player .vp-btn[aria-pressed=true]::after{content:"";position:absolute;bottom:6px;width:3px;height:3px;border-radius:50%;background:currentColor}
.voices-player .vp-time{display:flex;align-items:center;gap:5px;margin:0 8px;color:#eff2ed;font-family:"DM Mono",monospace;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.04em}
.voices-player .vp-duration{color:#a7aeaa}
.voices-player .vp-spacer{flex:1}
.voices-player .vp-seek{appearance:none;-webkit-appearance:none;display:block;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y;--vp-progress:0%;color-scheme:dark}
.voices-player .vp-seek::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(to right,#e8ff00 var(--vp-progress),rgba(255,255,255,.3) var(--vp-progress))}
.voices-player .vp-seek::-moz-range-track{height:2px;border-radius:1px;background:linear-gradient(to right,#e8ff00 var(--vp-progress),rgba(255,255,255,.3) var(--vp-progress))}
.voices-player .vp-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;margin-top:-3px;background:#f5f8f0;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.voices-player .vp-seek::-moz-range-thumb{border:0;width:8px;height:8px;border-radius:50%;background:#f5f8f0}
.voices-player .vp-seek:disabled{opacity:.3;cursor:default}
.voices-player .vp-start{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(18,22,23,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:white;box-shadow:0 5px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12);cursor:pointer;display:grid;place-items:center;transition:background .18s ease,scale .18s ease}
.voices-player .vp-start svg{width:22px;height:22px;margin-left:3px}
.voices-player .vp-start:hover{background:rgba(18,22,23,.8);scale:1.04}
.voices-player.vp-pristine .vp-controls{opacity:0;visibility:hidden;pointer-events:none}
.voices-player.vp-pristine:focus-within .vp-controls,.voices-player.vp-pristine.vp-revealed .vp-controls{opacity:1;visibility:visible;pointer-events:auto}
.voices-player .vp-status{position:absolute;z-index:3;top:16px;left:16px;max-width:calc(100% - 32px);padding:7px 11px;border:1px solid rgba(255,255,255,.17);border-radius:7px;background:rgba(10,14,15,.9);color:#fff;font:12px/1.4 "DM Sans",sans-serif;pointer-events:none}
.voices-player .vp-caption{position:absolute;z-index:2;left:5%;right:5%;bottom:26px;display:flex;justify-content:center;pointer-events:none;transition:bottom .2s ease}
.voices-player:not(.vp-quiet):not(.vp-pristine) .vp-caption,.voices-player.vp-pristine.vp-revealed .vp-caption{bottom:110px}
.voices-player .vp-caption span{max-width:100%;white-space:pre-line;overflow-wrap:anywhere;background:rgba(9,12,13,.9);padding:7px 12px;border-radius:5px;color:#fff;text-align:center;font:500 clamp(13px,1.8cqw,19px)/1.4 "DM Sans",sans-serif;text-shadow:0 1px 2px #000}
.voices-player .vp-menu{position:absolute;z-index:5;right:16px;bottom:104px;min-width:190px;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(17,21,22,.97);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3);font:12px/1.5 "DM Sans",sans-serif}
.voices-player .vp-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}
.voices-player .vp-menu button:hover{background:rgba(255,255,255,.08)}
.voices-player .vp-menu svg{width:17px;height:17px}
.voices-player .vp-volume-label{display:flex;gap:12px;align-items:center;padding:8px 12px;min-height:44px}
.voices-player .vp-volume{width:110px;height:28px;accent-color:#e8ff00}
.voices-player :focus-visible{outline:2px solid #e8ff00;outline-offset:3px}
.voices-player [hidden]{display:none!important}
.voices-player:fullscreen{width:100%;height:100%;aspect-ratio:auto;border-radius:0;max-width:none}
.voices-player:fullscreen .conversation-film{object-fit:contain}
.voices-player:fullscreen .vp-controls{inset:auto max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));max-width:1100px;margin-inline:auto}
.voices-player .conversation-film::cue{color:#fff;background:rgba(9,12,13,.9);font-family:"DM Sans",sans-serif}
@media(max-width:600px){.conversation-glass.voices-player-shell{border-radius:12px;padding:4px 4px 0}.conversation-screen.voices-player{border-radius:8px}.voices-player-shell .conversation-glass-caption{padding:10px 10px 12px}.voices-player .vp-controls{inset:auto 8px 8px;padding:1px 4px 0;border-radius:8px}.voices-player .vp-row{gap:0}.voices-player .vp-time{margin:0 3px;font-size:10px;gap:3px}.voices-player .vp-full{display:none}.voices-player .vp-start{width:54px;height:54px}.voices-player .vp-start svg{width:19px;height:19px}.voices-player .vp-menu{right:8px;bottom:85px}.voices-player:not(.vp-quiet):not(.vp-pristine) .vp-caption{bottom:90px}.voices-player .vp-caption{left:4%;right:4%;bottom:16px}.voices-player .vp-caption span{padding:5px 8px;font-size:13px}.voices-player .vp-status{top:8px;left:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.voices-player *{transition:none!important;animation:none!important}.voices-player .vp-start:hover{scale:1}}
@media(prefers-reduced-transparency:reduce){.voices-player .vp-controls,.voices-player .vp-start,.voices-player .vp-menu{background:#191e1f;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.voices-player .vp-controls,.voices-player .vp-start,.voices-player .vp-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}.voices-player .vp-btn{color:ButtonText}.voices-player .vp-time,.voices-player .vp-duration{color:CanvasText}}
/* Picture first: the floating control surface sits below the frame, never on it. */
.conversation-screen.voices-player{aspect-ratio:auto;overflow:visible;background:transparent;box-shadow:none;border-radius:0}
.voices-player .vp-picture{position:relative;aspect-ratio:var(--voices-ratio,16 / 9);overflow:hidden;border-radius:10px;background:#080a0b;box-shadow:0 0 0 1px rgba(0,0,0,.45)}
.voices-player .conversation-film{height:100%}
.voices-player .vp-controls{position:relative;inset:auto;width:min(calc(100% - 24px),620px);box-sizing:border-box;min-height:44px;margin:10px auto 0;padding:0 6px;border-radius:8px;border:1px solid rgba(238,245,241,.13);background:linear-gradient(130deg,rgba(237,245,240,.065),rgba(237,245,240,.018));box-shadow:0 4px 12px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:none;-webkit-backdrop-filter:none}
.voices-player .vp-seek{position:absolute;top:-10px;left:9px;width:calc(100% - 18px);height:20px;z-index:1}
.voices-player .vp-row{height:44px}
.voices-player .vp-caption,.voices-player:not(.vp-quiet):not(.vp-pristine) .vp-caption,.voices-player.vp-pristine.vp-revealed .vp-caption{bottom:5%}
.voices-player .vp-menu{right:max(12px,calc((100% - 620px)/2));bottom:62px}
.voices-player.vp-quiet .vp-controls{transform:none}
.voices-player.vp-pristine .vp-controls{opacity:.5;visibility:visible;pointer-events:auto}
.voices-player.vp-pristine .vp-controls .vp-time,.voices-player.vp-pristine .vp-controls .vp-cc,.voices-player.vp-pristine .vp-controls .vp-full,.voices-player.vp-pristine .vp-controls .vp-more,.voices-player.vp-pristine .vp-controls .vp-mute,.voices-player.vp-pristine .vp-controls .vp-seek{visibility:hidden}
.voices-player.vp-pristine:focus-within .vp-controls,.voices-player.vp-pristine.vp-revealed .vp-controls{opacity:1}
.voices-player.vp-pristine:focus-within .vp-controls *,.voices-player.vp-pristine.vp-revealed .vp-controls *{visibility:visible}
.voices-player-shell .conversation-glass-caption{padding-top:10px}
.voices-player:fullscreen{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px;box-sizing:border-box;background:#000}
.voices-player:fullscreen .vp-picture{flex:1;min-height:0;aspect-ratio:auto;box-shadow:none}
.voices-player:fullscreen .vp-controls{position:relative;inset:auto;width:min(100%,800px);flex:none;margin:10px auto 0}
.voices-player:fullscreen .vp-menu{bottom:80px;right:max(16px,calc((100% - 800px)/2))}
@media(max-width:600px){.voices-player .vp-picture{border-radius:8px}.voices-player .vp-controls{width:calc(100% - 10px);margin-top:9px;padding:0 2px;min-height:44px;border-radius:7px}.voices-player .vp-menu{bottom:61px;right:5px}.voices-player .vp-caption,.voices-player:not(.vp-quiet):not(.vp-pristine) .vp-caption{bottom:5%}.voices-player .vp-picture .vp-caption span{font-size:12px;line-height:1.35}.voices-player-shell .conversation-glass-caption{padding-top:7px}.voices-player:fullscreen{padding:8px}}
.voices-player.vp-pristine .vp-controls{opacity:0;visibility:hidden;pointer-events:none}
.voices-player.vp-pristine:focus-within .vp-controls,.voices-player.vp-pristine.vp-revealed .vp-controls{opacity:1;visibility:visible;pointer-events:auto}
@media(prefers-reduced-transparency:reduce){.voices-player .vp-controls,.voices-player .vp-start,.voices-player .vp-menu{background:#191e1f;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.voices-player .vp-controls,.voices-player .vp-start,.voices-player .vp-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}.voices-player .vp-time,.voices-player .vp-duration{color:CanvasText}}