.player-shell{aspect-ratio:16/9;border-radius:inherit;outline:none}.player-shell:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.player-video{-o-object-fit:contain;object-fit:contain;border-radius:calc(var(--radius) + 1px);background-color:#000;width:100%;height:100%}.player-shell:fullscreen .player-video,.player-shell:fullscreen .player-poster,html[data-theatre] .player-video,html[data-theatre] .player-poster{border-radius:0}.player-poster{border-radius:calc(var(--radius) + 1px)}.player-shell:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.player-shell:fullscreen[data-bar=off][data-playing=true]{cursor:none}.player-bar{background-color:var(--bg-deep);color:var(--fg);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;flex-direction:column;gap:2px;padding:4px 8px 6px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.player-shell[data-bar=off] .player-bar{opacity:0;pointer-events:none;transform:translateY(100%)}.player-shell[data-bar=off] .player-bar:focus-within,.player-bar:focus-within{opacity:1;pointer-events:auto;transform:none}.player-row{align-items:center;gap:4px;display:flex}.player-spacer{flex:auto}.player-btn{border-radius:var(--radius-sm);min-width:28px;height:28px;color:var(--muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}@media (hover:hover) and (pointer:fine){.player-btn:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 9%, transparent)}.player-btn[data-suppressed=true],.player-btn[data-suppressed=true]:hover{color:var(--muted);background:0 0;border-color:#0000}.player-btn[data-tip]{position:relative}.player-btn[data-tip]:after{content:attr(data-tip);z-index:3;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--fg);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast) .55s;padding:3px 7px;font-size:11.5px;line-height:1.35;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.player-row>.player-btn[data-tip]:first-child:after{left:0;transform:none}.player-row>.player-btn[data-tip]:last-child:after{left:auto;right:0;transform:none}.player-btn[data-tip]:hover:after,.player-btn[data-tip]:focus-visible:after{opacity:1}.player-btn[data-tip]:not(:hover):not(:focus-visible):after{transition-delay:0s}.player-shell[data-menu=on] .player-btn[data-tip]:after{content:none}.player-btn[data-suppressed=true][data-tip]:after{opacity:0!important;pointer-events:none!important;transition:none!important}}.player-toggle-icon{animation:player-icon-pop .22s var(--ease-back) both;display:inline-flex}@keyframes player-icon-pop{0%{opacity:.35;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.player-toggle-icon{animation:none}}.player-btn:focus-visible{color:var(--fg);border-color:var(--accent)}.player-btn[data-suppressed=true]:focus-visible{color:var(--muted);border-color:#0000}.player-quality{color:var(--faint);-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;padding:0 4px;font-size:11.5px;display:inline-flex}.player-rate{font-size:11.5px}.player-rate-list{gap:2px;min-width:96px;display:grid}.player-rate-item{border-radius:var(--radius-sm);width:100%;color:var(--muted);text-align:left;cursor:pointer;transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;padding:3px 8px;font-size:12px;display:block}@media (hover:hover) and (pointer:fine){.player-rate-item:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 9%, transparent)}}.player-rate-item[data-on=true]{border-color:var(--line-strong);color:var(--fg)}.player-rotate{display:none}.player-time{color:var(--muted);white-space:nowrap;padding-left:2px;font-size:11.5px}.player-time-sep{color:var(--faint)}.player-scrub{cursor:pointer;touch-action:none;outline:none;align-items:center;height:12px;padding:0 1px;display:flex;position:relative}.player-scrub-track{background:var(--line-strong);border-radius:999px;flex:auto;height:4px;transition:height .14s;position:relative}@media (hover:hover) and (pointer:fine){.player-scrub:hover .player-scrub-track{height:6px}.player-scrub:hover .player-scrub-knob{transform:translateY(-50%)scale(1)}}.player-scrub:active .player-scrub-track,.player-scrub[data-scrubbing=true] .player-scrub-track,.player-scrub:focus-visible .player-scrub-track{height:6px}.player-scrub-buffer,.player-scrub-fill{border-radius:999px;position:absolute;top:0;bottom:0;left:0}.player-scrub-buffer{width:var(--player-b,0%);background:color-mix(in srgb, var(--faint) 45%, transparent);transition:width .22s linear}.player-scrub-fill{width:var(--player-p,0%);background:var(--accent)}.player-scrub-knob{background:var(--accent);width:10px;height:10px;transition:transform .14s var(--ease-back);border-radius:2px;margin-right:-5px;position:absolute;top:50%;right:0;transform:translateY(-50%)scale(0)}.player-scrub:active .player-scrub-knob,.player-scrub[data-scrubbing=true] .player-scrub-knob,.player-scrub:focus-visible .player-scrub-knob{transform:translateY(-50%)scale(1)}.player-preview{bottom:calc(100% + 4px);left:var(--player-x,0px);z-index:3;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-deep);pointer-events:none;opacity:0;width:200px;transition:opacity .12s;position:absolute;overflow:hidden;transform:translate(-50%)}.player-preview[data-show=on]{opacity:1}.player-preview-video{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;background:#000;width:100%;display:block}.player-preview-spin{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.player-preview-spin .nav-spinner{width:30px;height:30px}.player-preview-time{color:var(--muted);text-align:center;padding:2px 0 3px;font-size:10.5px;display:block}@media (hover:none),(pointer:coarse){html:not([data-theatre]) .player-shell:not([data-fs=on]) .player-preview{display:none}.player-shell[data-fs=on] .player-preview,html[data-theatre] .player-preview{width:168px;bottom:calc(100% + 14px)}}.player-volume{align-items:center;gap:2px;display:flex}.player-volume-range{touch-action:none;display:none}.player-shell:fullscreen .player-volume-range,html[data-theatre] .player-volume-range{appearance:none;touch-action:none;opacity:0;cursor:pointer;background:0 0;width:0;height:12px;margin:0;padding:0;transition:width .18s,opacity .18s;display:block}.player-shell:fullscreen .player-volume:hover .player-volume-range,.player-shell:fullscreen .player-volume:focus-within .player-volume-range,html[data-theatre] .player-volume:hover .player-volume-range,html[data-theatre] .player-volume:focus-within .player-volume-range{opacity:1;width:64px}.player-volume-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--player-v,100%), var(--line-strong) var(--player-v,100%) 100%);border-radius:999px;height:4px}.player-volume-range::-moz-range-track{background:linear-gradient(to right, var(--accent) 0 var(--player-v,100%), var(--line-strong) var(--player-v,100%) 100%);border-radius:999px;height:4px}.player-volume-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:2px;width:8px;height:8px;margin-top:-2px}.player-volume-range::-moz-range-thumb{background:var(--accent);border:0;border-radius:2px;width:8px;height:8px}@media (hover:none),(pointer:coarse){.player-volume-range,.player-shell:fullscreen .player-volume-range,html[data-theatre] .player-volume-range,.player-keys-btn,.player-shell:not([data-fs=on]) .player-quality{display:none}html[data-theatre] .player-shell:not([data-fs=on]) .player-quality{display:inline-flex}@media (orientation:portrait){.player-shell:not([data-fs=on]) .player-rate,.player-shell:not([data-fs=on]) .player-quality{display:none}}.player-rotate{display:inline-flex}.player-shell[data-fs=on] .player-row{padding-right:calc(12px + env(safe-area-inset-right));padding-left:calc(12px + env(safe-area-inset-left))}.player-shell[data-fs=on] .player-scrub{padding-right:calc(18px + env(safe-area-inset-right));padding-left:calc(18px + env(safe-area-inset-left))}.player-shell[data-fs=on] .player-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media (hover:hover) and (pointer:fine){.player-shell[data-fs=on] .player-row>.player-btn:first-child,.player-shell[data-fs=on] .player-row>.player-btn:last-child{background:0 0;border-color:#0000;border-radius:0;align-self:flex-end;height:34px;margin-bottom:-6px;padding-bottom:6px;position:relative}.player-shell[data-fs=on] .player-row>.player-btn:first-child{margin-left:-8px;padding-left:13px}.player-shell[data-fs=on] .player-row>.player-btn:last-child{margin-right:-8px;padding-right:13px}.player-shell[data-fs=on] .player-row>.player-btn:first-child:before,.player-shell[data-fs=on] .player-row>.player-btn:last-child:before{content:"";border-radius:var(--radius-sm);pointer-events:none;transition:background var(--t-fast), border-color var(--t-fast);border:1px solid #0000;position:absolute}.player-shell[data-fs=on] .player-row>.player-btn:first-child:before{inset:-1px -1px 5px 7px}.player-shell[data-fs=on] .player-row>.player-btn:last-child:before{inset:-1px 7px 5px -1px}.player-shell[data-fs=on] .player-row>.player-btn:first-child:hover:before,.player-shell[data-fs=on] .player-row>.player-btn:last-child:hover:before{background:color-mix(in srgb, var(--fg) 9%, transparent)}.player-shell[data-fs=on] .player-row>.player-btn:first-child:focus-visible:before,.player-shell[data-fs=on] .player-row>.player-btn:last-child:focus-visible:before{border-color:var(--accent)}}.player-big{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-big-circle{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-deep);width:54px;height:54px;color:var(--fg);transition:border-color var(--t-fast), background var(--t-fast);justify-content:center;align-items:center;padding-right:3px;animation:.2s ease-out both player-big-in;display:inline-flex}.player-big[data-leaving=true]{pointer-events:none}.player-big[data-leaving=true] .player-big-circle{animation:.32s ease-out forwards player-big-out}@keyframes player-big-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes player-big-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.player-big-circle,.player-big[data-leaving=true] .player-big-circle{animation:none}.player-big[data-leaving=true]{display:none}}.player-big-circle[data-icon=replay]{padding-right:0}@media (hover:hover) and (pointer:fine){.player-big:hover .player-big-circle{border-color:var(--line-hover)}}.player-big:focus-visible .player-big-circle{border-color:var(--accent)}.media-ai-mark{z-index:4;color:#fff;font-family:var(--font-mono);letter-spacing:.04em;pointer-events:none;background:#0000008c;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:12px;left:12px}.media-ai-mark--overlay{z-index:101;position:fixed;top:14px;left:14px}.player-overlay{z-index:3;color:var(--fg);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.player-spin-plate{border:1px solid color-mix(in srgb, var(--line-strong) 50%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--bg-deep) 50%, transparent);justify-content:center;align-items:center;padding:10px;display:inline-flex}.player-preview-spin .player-spin-plate{padding:7px}.player-error{background-color:var(--bg-deep);border-radius:inherit;pointer-events:auto}.player-error-text{color:var(--muted);font-size:13px}.player-error-btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer;transition:border-color var(--t-fast), color var(--t-fast);padding:5px 12px;font-size:12px}@media (hover:hover) and (pointer:fine){.player-error-btn:hover{border-color:var(--line-hover)}}.player-error-btn:focus-visible{border-color:var(--accent)}.player-seekflash{z-index:3;border:1px solid var(--line-strong);border-radius:var(--radius);background-color:var(--bg-deep);color:var(--fg);pointer-events:none;padding:6px 12px;font-size:13px;animation:.65s forwards player-seekflash-in;position:absolute;top:50%}.player-seekflash[data-dir=back]{left:12%;transform:translate(-50%,-50%)}.player-seekflash[data-dir=fwd]{right:12%;transform:translate(50%,-50%)}@keyframes player-seekflash-in{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.player-keys{z-index:4;border:1px solid var(--line-strong);border-radius:var(--radius);background-color:var(--bg-deep);max-width:calc(100% - 16px);max-height:60vh;color:var(--fg);flex-direction:column;padding:8px 10px 10px;animation:.16s player-keys-in;display:flex;position:absolute;bottom:calc(100% + 6px);right:8px;overflow:auto}@keyframes player-keys-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.player-keys-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.player-keys-list{grid-template-columns:1fr;gap:5px 12px;width:max-content;max-width:100%;display:grid}@media (min-width:440px){.player-keys-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.player-keys-list li{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.player-keys-combo{flex:none;gap:3px;display:inline-flex}.player-kbd{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-family:var(--font-mono);padding:3px 5px;font-size:10.5px;line-height:1}.player-keys-desc{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.player-info-list{gap:4px 14px;width:max-content;max-width:100%;display:grid}.player-info-row{justify-content:space-between;align-items:baseline;gap:14px;min-width:0;display:flex}.player-info-key{color:var(--faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:600}.player-info-val{color:var(--fg);white-space:nowrap;font-size:12px}.player-video{transform-origin:50%}.player-shell[data-fs=on] .player-video,html[data-theatre] .player-video{touch-action:none}.player-hints{z-index:6;background:var(--bg-deep);border-radius:inherit;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-hints-list{flex-direction:column;gap:6px;margin:0;padding:0 34px 0 0;list-style:none;display:flex}.player-hints-list li{color:var(--muted);align-items:center;gap:8px;font-size:12px;line-height:1.2;display:flex}.player-hints-zone{min-width:96px;color:var(--fg);font-size:10px}.player-hints-close{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);width:32px;height:32px;color:var(--fg);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;right:6px}.player-hints-close:focus-visible{border-color:var(--accent)}.audio-shell{background-color:var(--bg-deep);border-radius:inherit;color:var(--fg);-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;justify-content:center;gap:2px;padding:6px 8px;display:flex;position:relative}.audio-shell:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.audio-shell .player-volume-range{appearance:none;touch-action:none;cursor:pointer;background:0 0;width:52px;height:12px;margin:0;padding:0;transition:width .18s,opacity .18s;display:block}.audio-preview-time{bottom:calc(100% + 4px);left:var(--player-x,0px);z-index:3;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--fg);white-space:nowrap;pointer-events:none;opacity:0;padding:2px 6px;font-size:11px;line-height:1.35;transition:opacity .12s;position:absolute;transform:translate(-50%)}.audio-preview-time[data-show=on]{opacity:1}@media (hover:none),(pointer:coarse){.audio-preview-time{display:none}}.audio-rate-popover{z-index:20;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-deep);gap:2px;min-width:80px;padding:4px;animation:.16s player-keys-in;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 4px 14px #0006}
