.msn-native-player{--mnp-accent:#3b82f6;position:relative;width:100%;max-width:100%;overflow:hidden;background:#050608;color:#fff;border-radius:14px;isolation:isolate;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.msn-native-player.is-audio{min-height:92px;background:linear-gradient(135deg,#111827,#1e293b)}
.msn-native-player>video{display:block;width:100%!important;height:auto;max-height:min(74vh,760px);object-fit:contain;background:#000;pointer-events:auto!important}
.msn-native-player>audio{display:block;width:100%;height:92px;opacity:0}
.msn-native-player .mnp-centre{position:absolute;inset:0;margin:auto;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.62);color:#fff;font-size:25px;cursor:pointer;transition:.18s;z-index:2;backdrop-filter:blur(8px)}
.msn-native-player.is-playing .mnp-centre{opacity:0;transform:scale(.86);pointer-events:none}
.msn-native-player:hover .mnp-centre,.msn-native-player:focus-within .mnp-centre{opacity:1;transform:none;pointer-events:auto}
.msn-native-player .mnp-controls{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:30px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.86));display:grid;grid-template-columns:auto minmax(54px,1fr) auto auto auto auto auto;gap:8px;align-items:center;transition:opacity .18s}
.msn-native-player.is-audio .mnp-controls{top:0;padding:16px;background:transparent;grid-template-columns:auto minmax(54px,1fr) auto auto auto}
.msn-native-player.is-audio .mnp-centre{display:none}
.mnp-btn{appearance:none;border:0;background:transparent;color:inherit;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:17px;font-weight:900;padding:0}
.mnp-btn:hover,.mnp-btn:focus-visible{background:rgba(255,255,255,.18);outline:none}
.mnp-seek{appearance:none;width:100%;height:4px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--mnp-accent) var(--mnp-progress,0%),rgba(255,255,255,.35) var(--mnp-progress,0%));cursor:pointer;accent-color:var(--mnp-accent)}
.mnp-time{font-size:12px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.mnp-quality{position:absolute;z-index:3;top:10px;left:10px;padding:4px 7px;border-radius:7px;background:rgba(0,0,0,.68);font-size:10px;font-weight:1000;letter-spacing:.04em;backdrop-filter:blur(5px)}
.mnp-speed{width:auto;min-width:40px;border-radius:8px;font-size:11px;padding:0 6px}
.mnp-volume{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.msn-native-player:fullscreen{border-radius:0;display:grid;place-items:center}.msn-native-player:fullscreen>video{max-height:100vh;height:100vh}
html.msn-dark .msn-native-player,.msn-dark .msn-native-player,[data-theme="dark"] .msn-native-player{border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 38px rgba(0,0,0,.42)}
@media(max-width:520px){.msn-native-player{border-radius:10px}.msn-native-player .mnp-controls{grid-template-columns:auto minmax(46px,1fr) auto auto auto auto;gap:4px;padding-left:7px;padding-right:7px}.msn-native-player.is-audio .mnp-controls{grid-template-columns:auto minmax(46px,1fr) auto auto}.mnp-time{display:none}.mnp-btn{width:32px;height:32px}.mnp-centre{width:52px!important;height:52px!important}}
@media(prefers-reduced-motion:reduce){.msn-native-player *{transition:none!important}}