.modern-player{width:min(100%,960px);margin:0 auto 18px;color:var(--theme-text-main,#222)}
.modern-player-stage{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.modern-player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.modern-player-state{position:absolute;top:12px;left:50%;translate:-50% 0;padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s}
.modern-player-state.is-visible{opacity:1}
.modern-player-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:12px 4px 5px}
.modern-player-toolbar label{display:flex;align-items:center;gap:6px}
.modern-player-toolbar select,.modern-player-toolbar button,.modern-player-toolbar a{min-height:38px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--theme-text-main,#333) 24%,transparent);border-radius:10px;background:var(--theme-bg-secondary,#fff);color:inherit;font:inherit;text-decoration:none;cursor:pointer}
.modern-player-toolbar :is(button,a):active{transform:scale(.97)}
.modern-player-help{text-align:center;font-size:12px;opacity:.68;padding:3px 8px}
.modern-player-seek{position:absolute;top:44%;min-width:56px;padding:12px 8px;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;text-align:center;font-weight:700;opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .16s,transform .16s}
.modern-player-seek--back{left:16%}.modern-player-seek--forward{right:16%}
.modern-player-seek.is-visible{opacity:1;transform:scale(1)}
@media(max-width:600px){.modern-player-stage{border-radius:0}.modern-player{width:100%}.modern-player-help{font-size:11px}}
@media(prefers-reduced-motion:reduce){.modern-player *{transition:none!important}}