:root{color-scheme:dark;--blue:#398bff;--blue2:#79bdff;--glass:rgba(14,22,36,.72);--stroke:rgba(255,255,255,.15);--white:#f7faff}
*{box-sizing:border-box}
html,body{width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden;background:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body.nc9-player-page{display:block;padding:0}
.nc9-player-shell{width:100%;height:100%;max-width:none;min-width:0;min-height:0;padding:0;margin:0}
.nc9-player{position:relative;isolation:isolate;width:100%;height:100%;min-width:0;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden;border:0;border-radius:0;background:#000;box-shadow:none;touch-action:pan-y;--ui:1}
.nc9-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#000;outline:0}
.nc9-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 23%,transparent 55%,rgba(0,0,0,.68));opacity:.9;transition:opacity .25s}
.nc9-topbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;opacity:var(--ui);transition:opacity .22s;pointer-events:none}
.nc9-brand,.nc9-top-actions{pointer-events:auto}.nc9-brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.16em;text-shadow:0 2px 12px #000}.nc9-brand i{color:#a8cfff;font-style:normal;font-weight:500;letter-spacing:.12em}.nc9-brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(120,183,255,.55);border-radius:9px;background:linear-gradient(145deg,rgba(63,145,255,.55),rgba(29,68,130,.2));box-shadow:0 0 18px rgba(52,139,255,.2);font-size:16px}
.nc9-top-actions{display:flex;gap:6px}
.nc9-icon-btn,.nc9-text-btn{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 auto;margin:0;padding:0;border:1px solid transparent;border-radius:11px;color:#f7faff;background:transparent;font:inherit;line-height:1;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .16s,border-color .16s,transform .16s}
.nc9-icon-btn{width:36px;height:36px}.nc9-icon-btn:hover,.nc9-text-btn:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.15)}.nc9-icon-btn:active{transform:scale(.92)}
.nc9-icon-btn svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.nc9-play-icon,.nc9-pause-icon{fill:currentColor!important;stroke:none!important}.nc9-pause-icon{display:none}.nc9-player.is-playing .nc9-play-icon{display:none}.nc9-player.is-playing .nc9-pause-icon{display:block}
.nc9-big-play{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:76px;height:76px;margin:0;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;background:linear-gradient(145deg,rgba(86,158,255,.78),rgba(20,77,157,.65));box-shadow:0 12px 42px rgba(0,0,0,.38),0 0 38px rgba(47,135,255,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translate(-50%,-50%);cursor:pointer;transition:opacity .2s,transform .2s}.nc9-big-play:hover{transform:translate(-50%,-50%) scale(1.05)}.nc9-big-play svg{width:29px;height:29px;fill:currentColor;margin-left:4px}.nc9-player.is-playing .nc9-big-play{opacity:0;pointer-events:none}
.nc9-controls{position:absolute;z-index:6;left:0;right:0;bottom:0;padding:0 16px 12px;opacity:var(--ui);transition:opacity .22s;pointer-events:none}.nc9-controls button,.nc9-controls input,.nc9-controls .nc9-speed-wrap{pointer-events:auto}
.nc9-progress-wrap{position:relative;display:flex;align-items:center;width:100%;height:22px;margin:0 0 4px;cursor:pointer;pointer-events:auto}.nc9-progress{--progress:0%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;margin:0;padding:0;border:0;border-radius:99px;outline:0;background:linear-gradient(to right,var(--blue) 0%,var(--blue2) var(--progress),rgba(255,255,255,.38) var(--progress),rgba(255,255,255,.38) 100%);cursor:pointer;transition:height .14s}.nc9-progress-wrap:hover .nc9-progress{height:5px}.nc9-progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:2px solid var(--blue);border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(57,136,255,.18);opacity:0;transition:opacity .14s}.nc9-progress-wrap:hover .nc9-progress::-webkit-slider-thumb{opacity:1}.nc9-progress::-moz-range-thumb{width:9px;height:9px;border:2px solid var(--blue);border-radius:50%;background:#fff;opacity:0}.nc9-progress-wrap:hover .nc9-progress::-moz-range-thumb{opacity:1}
.nc9-tooltip{position:absolute;bottom:25px;left:0;z-index:8;transform:translateX(-50%);padding:5px 8px;border:1px solid var(--stroke);border-radius:7px;background:rgba(10,17,29,.92);color:#fff;font-size:11px;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;white-space:nowrap}
.nc9-control-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.nc9-controls-left,.nc9-controls-right{display:flex;align-items:center;gap:5px;min-width:0}.nc9-volume-box{display:flex;align-items:center;gap:4px}.nc9-volume-range{appearance:none;-webkit-appearance:none;width:66px;height:4px;margin:0;border-radius:10px;background:rgba(255,255,255,.3);accent-color:var(--blue);cursor:pointer}.nc9-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;border:1px solid var(--blue)}
.nc9-time{display:flex;align-items:center;gap:6px;margin-left:4px;color:rgba(255,255,255,.68);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.nc9-time b{color:#fff;font-weight:650}.nc9-time i{font-style:normal;color:rgba(255,255,255,.4)}.nc9-text-btn{display:block;min-width:42px;height:34px;padding:0 8px;border-radius:9px;font-size:12px;font-weight:700}.nc9-speed-wrap{position:relative}.nc9-speed-menu{position:absolute;right:0;bottom:42px;display:none;min-width:130px;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(12,20,34,.94);box-shadow:0 15px 40px rgba(0,0,0,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nc9-speed-wrap.is-open .nc9-speed-menu{display:grid}.nc9-speed-menu button{padding:9px 11px;border:0;border-radius:8px;text-align:left;color:#e9f2ff;background:transparent;font-size:12px;cursor:pointer}.nc9-speed-menu button:hover,.nc9-speed-menu button.is-selected{color:#fff;background:rgba(57,136,255,.28)}
.nc9-center-skip{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:#fff;background:rgba(15,24,39,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:700;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.85)}.nc9-center-skip span{font-size:15px}.nc9-skip-back{left:25%}.nc9-skip-forward{right:25%}.nc9-center-skip.is-visible{animation:nc9-skip .65s ease both}@keyframes nc9-skip{0%{opacity:0;transform:translateY(-50%) scale(.85)}25%,70%{opacity:1;transform:translateY(-50%) scale(1)}100%{opacity:0;transform:translateY(-50%) scale(.96)}}
.nc9-toast{position:absolute;z-index:10;left:50%;bottom:78px;transform:translate(-50%,8px);padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(12,20,33,.9);color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.2s;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);white-space:nowrap}.nc9-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.nc9-player.is-idle .nc9-controls,.nc9-player.is-idle .nc9-topbar{opacity:0;pointer-events:none}.nc9-player.is-theatre{position:fixed;z-index:99999;inset:0;width:100vw;height:100dvh;border-radius:0}.nc9-player:fullscreen{width:100%;height:100%;border-radius:0}.nc9-player:fullscreen .nc9-video{object-fit:contain}.nc9-audio-shell{width:100%;padding:12px}.nc9-audio-shell audio{display:block;width:100%}
@media(max-width:600px){.nc9-topbar{padding:8px 9px}.nc9-brand{font-size:10px}.nc9-brand-mark{width:24px;height:24px;border-radius:7px}.nc9-controls{padding:0 8px 7px}.nc9-control-row{gap:3px}.nc9-controls-left,.nc9-controls-right{gap:1px}.nc9-icon-btn{width:31px;height:31px;border-radius:8px}.nc9-icon-btn svg{width:18px;height:18px}.nc9-volume-range{display:none}.nc9-time{font-size:10px;gap:4px;margin-left:1px}.nc9-text-btn{min-width:34px;height:31px;padding:0 5px;font-size:11px}.nc9-progress-wrap{height:17px;margin-bottom:2px}.nc9-big-play{width:58px;height:58px}.nc9-big-play svg{width:24px;height:24px}.nc9-center-skip{width:52px;height:52px}.nc9-skip-back{left:17%}.nc9-skip-forward{right:17%}.nc9-toast{bottom:65px}}
@media(max-width:390px){.nc9-time{font-size:9px}.nc9-controls-left .nc9-back,.nc9-controls-left .nc9-forward{display:none}.nc9-controls-right .nc9-pip{display:none}.nc9-brand i{display:none}.nc9-controls-left{gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* NC9 Player 3.0 — adaptive YouTube-style controls */
.nc9-player-shell{container-type:inline-size;container-name:nc9player}
.nc9-control-row,.nc9-controls-left,.nc9-controls-right{flex-wrap:nowrap}
.nc9-controls-left{overflow:visible;white-space:nowrap}
.nc9-progress{background:linear-gradient(to right,var(--blue) 0%,var(--blue2) var(--progress),rgba(255,255,255,.28) var(--progress),rgba(255,255,255,.28) var(--buffered,100%),rgba(255,255,255,.13) var(--buffered,100%),rgba(255,255,255,.13) 100%)}
.nc9-settings{width:34px;height:34px}
.nc9-settings-panel{position:absolute;z-index:12;right:14px;bottom:62px;width:min(310px,calc(100% - 28px));padding:14px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(9,16,28,.91);box-shadow:0 18px 55px rgba(0,0,0,.48);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#f5f8ff;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .16s,transform .16s,visibility .16s}
.nc9-settings-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.nc9-settings-heading{margin:0 0 12px;font-size:13px;font-weight:750;letter-spacing:.04em}
.nc9-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px}
.nc9-settings-row>b{font-size:11px;font-weight:600;color:#a9cfff;text-align:right}
.nc9-settings-speeds{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.nc9-settings-speeds button{min-width:34px;padding:6px 7px;border:1px solid transparent;border-radius:7px;background:rgba(255,255,255,.07);color:#eaf2ff;font-size:11px;cursor:pointer}
.nc9-settings-speeds button:hover,.nc9-settings-speeds button.is-selected{border-color:rgba(69,149,255,.55);background:rgba(49,126,231,.32);color:#fff}
.nc9-settings-note{padding-top:10px;border-top:1px solid rgba(255,255,255,.1);color:rgba(235,243,255,.58);font-size:10px;line-height:1.5}
.nc9-context-menu{position:absolute;z-index:20;display:none;min-width:180px;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(10,17,29,.96);box-shadow:0 12px 36px rgba(0,0,0,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nc9-context-menu.is-open{display:block}
.nc9-context-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:7px;text-align:left;background:transparent;color:#f2f6ff;font-size:12px;cursor:pointer}
.nc9-context-menu button:hover{background:rgba(57,136,255,.24)}
.nc9-context-menu>div{margin:5px 9px 3px;padding-top:7px;border-top:1px solid rgba(255,255,255,.12);color:#8dbdff;font-size:10px;letter-spacing:.08em}
.nc9-icon-btn:focus-visible,.nc9-text-btn:focus-visible,.nc9-progress:focus-visible,.nc9-settings-speeds button:focus-visible{outline:2px solid #79bdff;outline-offset:2px}
.nc9-player.is-idle .nc9-vignette{opacity:.35}
@container nc9player (max-width: 520px){
 .nc9-topbar{padding:7px 8px}.nc9-brand{gap:6px;font-size:9px;letter-spacing:.1em}.nc9-brand-mark{width:22px;height:22px;border-radius:6px;font-size:13px}.nc9-top-actions{gap:1px}.nc9-top-actions .nc9-icon-btn{width:29px;height:29px}
 .nc9-controls{padding:0 8px 7px}.nc9-control-row{gap:2px}.nc9-controls-left,.nc9-controls-right{gap:0}.nc9-icon-btn{width:29px;height:29px;border-radius:7px}.nc9-icon-btn svg{width:16px;height:16px}.nc9-volume-range{display:none}.nc9-time{gap:3px;margin-left:1px;font-size:10px}.nc9-text-btn{min-width:31px;height:29px;padding:0 4px;font-size:10px}.nc9-progress-wrap{height:17px;margin-bottom:1px}.nc9-big-play{width:54px;height:54px}.nc9-big-play svg{width:22px;height:22px}
}
@container nc9player (max-width: 350px){
 .nc9-brand{font-size:8px}.nc9-brand i{display:none}.nc9-topbar .nc9-theatre{display:none}.nc9-controls-left .nc9-back,.nc9-controls-left .nc9-forward{display:none}.nc9-controls-right .nc9-pip{display:none}.nc9-controls-left .nc9-icon-btn{width:27px}.nc9-time{font-size:9px}.nc9-controls{padding-left:6px;padding-right:6px}
}
@media(max-height:220px){.nc9-topbar{padding:3px 7px}.nc9-brand-mark{width:19px;height:19px}.nc9-controls{padding:0 7px 3px}.nc9-progress-wrap{height:12px;margin-bottom:0}.nc9-icon-btn{height:25px;width:26px}.nc9-big-play{width:42px;height:42px}.nc9-big-play svg{width:18px;height:18px}}


/* NC9 Player 3.1 — hard layout correction: keep every control on one line */
.nc9-control-row,
.nc9-controls-left,
.nc9-controls-right { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; }
.nc9-control-row { width:100%; min-width:0; gap:clamp(2px, .6vw, 9px); }
.nc9-controls-left,.nc9-controls-right { min-width:0; white-space:nowrap; }
.nc9-controls-left { flex:1 1 auto; overflow:hidden; gap:clamp(1px, .35vw, 5px); }
.nc9-controls-right { flex:0 0 auto; gap:clamp(1px, .35vw, 5px); }
.nc9-icon-btn { position:relative; display:flex !important; flex:0 0 32px !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:center !important; width:32px; min-width:32px; height:32px; padding:0; }
.nc9-icon-btn svg { flex:0 0 17px; width:17px; height:17px; }
.nc9-play { display:flex !important; }
.nc9-play .nc9-play-icon,.nc9-play .nc9-pause-icon { position:absolute; inset:0; width:17px; height:17px; margin:auto; }
.nc9-play .nc9-play-icon { display:block; }
.nc9-play .nc9-pause-icon { display:none; }
.nc9-player.is-playing .nc9-play .nc9-play-icon { display:none !important; }
.nc9-player.is-playing .nc9-play .nc9-pause-icon { display:block !important; }
.nc9-back,.nc9-forward { flex:0 0 39px !important; width:39px; min-width:39px; gap:2px; }
.nc9-back svg,.nc9-forward svg { flex:0 0 15px; width:15px; height:15px; }
.nc9-back .nc9-skip-number,.nc9-forward .nc9-skip-number { display:inline-block; flex:0 0 auto; margin:0; font-size:10px; line-height:1; font-weight:700; white-space:nowrap; }
.nc9-volume-box { display:flex; flex:0 0 auto; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:2px; }
.nc9-volume-range { flex:0 1 54px; min-width:34px; }
.nc9-time { flex:0 0 auto; margin-left:2px; gap:3px; font-size:10px; white-space:nowrap; }
.nc9-speed { flex:0 0 32px !important; min-width:32px; width:32px; height:30px; padding:0; white-space:nowrap; }
.nc9-controls-right .nc9-icon-btn { flex-basis:30px !important; width:30px; min-width:30px; height:30px; }
.nc9-progress-wrap { flex:0 0 auto; }
.nc9-controls button { white-space:nowrap; }

@container nc9player (max-width: 560px) {
  .nc9-controls { padding-left:7px; padding-right:7px; }
  .nc9-control-row { gap:1px; }
  .nc9-controls-left,.nc9-controls-right { gap:0; }
  .nc9-icon-btn { flex-basis:28px !important; width:28px; min-width:28px; height:28px; }
  .nc9-icon-btn svg { width:15px; height:15px; flex-basis:15px; }
  .nc9-back,.nc9-forward { flex-basis:35px !important; width:35px; min-width:35px; }
  .nc9-back svg,.nc9-forward svg { width:14px; height:14px; flex-basis:14px; }
  .nc9-back .nc9-skip-number,.nc9-forward .nc9-skip-number { font-size:9px; }
  .nc9-time { font-size:9px; gap:2px; }
  .nc9-controls-right .nc9-icon-btn { flex-basis:27px !important; width:27px; min-width:27px; }
  .nc9-speed { flex-basis:28px !important; width:28px; min-width:28px; font-size:10px; }
  .nc9-volume-range { display:none; }
}
@container nc9player (max-width: 390px) {
  .nc9-controls-left .nc9-back,.nc9-controls-left .nc9-forward { display:none !important; }
  .nc9-controls-right .nc9-pip { display:none !important; }
  .nc9-controls-left .nc9-icon-btn { flex-basis:26px !important; width:26px; min-width:26px; }
  .nc9-time { font-size:9px; }
}

/* NC9 Player 3.2 — sharper, larger controls and readable typography */
.nc9-brand{
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  gap:10px!important;
  text-shadow:0 2px 10px rgba(0,0,0,.95)!important;
}
.nc9-brand-mark{
  width:32px!important;height:32px!important;
  font-size:19px!important;border-radius:9px!important;
  border-width:1.5px!important;
}
.nc9-topbar{padding:13px 16px!important}
.nc9-icon-btn{
  width:38px!important;min-width:38px!important;height:38px!important;
  flex:0 0 38px!important;border-radius:9px!important;
}
.nc9-icon-btn svg{
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  stroke-width:2.15!important;
}
.nc9-back,.nc9-forward{
  width:46px!important;min-width:46px!important;flex:0 0 46px!important;
  gap:3px!important;
}
.nc9-back svg,.nc9-forward svg{
  width:19px!important;height:19px!important;flex:0 0 19px!important;
}
.nc9-back .nc9-skip-number,.nc9-forward .nc9-skip-number{
  font-size:13px!important;font-weight:800!important;line-height:1!important;
}
.nc9-time{
  font-size:13px!important;font-weight:650!important;gap:5px!important;
  margin-left:5px!important;text-shadow:0 1px 5px #000!important;
}
.nc9-time b{font-weight:850!important}
.nc9-time i{color:rgba(255,255,255,.72)!important}
.nc9-text-btn,.nc9-speed{
  min-width:38px!important;width:38px!important;height:36px!important;
  flex:0 0 38px!important;font-size:13px!important;font-weight:850!important;
  border-radius:8px!important;
}
.nc9-controls-right .nc9-icon-btn{
  width:36px!important;min-width:36px!important;height:36px!important;
  flex:0 0 36px!important;
}
.nc9-controls-right .nc9-icon-btn svg{width:21px!important;height:21px!important;flex-basis:21px!important}
.nc9-volume-box .nc9-icon-btn{width:36px!important;min-width:36px!important;flex-basis:36px!important}
.nc9-volume-range{width:72px!important;height:5px!important}
.nc9-progress-wrap{height:24px!important;margin-bottom:5px!important}
.nc9-progress{height:5px!important}
.nc9-progress-wrap:hover .nc9-progress{height:7px!important}
.nc9-progress::-webkit-slider-thumb{width:14px!important;height:14px!important;opacity:1!important}
.nc9-progress::-moz-range-thumb{width:12px!important;height:12px!important;opacity:1!important}
.nc9-controls{padding:0 15px 12px!important}
.nc9-control-row{gap:7px!important}
.nc9-controls-left,.nc9-controls-right{gap:3px!important}
.nc9-settings-panel{font-size:14px}
.nc9-settings-heading{font-size:15px!important}
.nc9-settings-row{font-size:14px!important}
.nc9-settings-speeds button{font-size:13px!important}
.nc9-context-menu button{font-size:14px!important;padding:10px 12px!important}

/* Medium cards: retain a single row, but keep controls comfortably legible */
@container nc9player (max-width:560px){
 .nc9-brand{font-size:11px!important;letter-spacing:.1em!important;gap:7px!important}
 .nc9-brand-mark{width:27px!important;height:27px!important;font-size:16px!important}
 .nc9-topbar{padding:8px 10px!important}
 .nc9-controls{padding:0 9px 8px!important}
 .nc9-control-row{gap:2px!important}
 .nc9-controls-left,.nc9-controls-right{gap:1px!important}
 .nc9-icon-btn{width:32px!important;min-width:32px!important;height:32px!important;flex:0 0 32px!important}
 .nc9-icon-btn svg{width:19px!important;height:19px!important;flex-basis:19px!important}
 .nc9-back,.nc9-forward{width:40px!important;min-width:40px!important;flex:0 0 40px!important;gap:2px!important}
 .nc9-back svg,.nc9-forward svg{width:16px!important;height:16px!important;flex-basis:16px!important}
 .nc9-back .nc9-skip-number,.nc9-forward .nc9-skip-number{font-size:11px!important}
 .nc9-time{font-size:11px!important;gap:3px!important;margin-left:2px!important}
 .nc9-text-btn,.nc9-speed{width:33px!important;min-width:33px!important;height:32px!important;flex:0 0 33px!important;font-size:12px!important}
 .nc9-controls-right .nc9-icon-btn{width:31px!important;min-width:31px!important;height:32px!important;flex:0 0 31px!important}
 .nc9-controls-right .nc9-icon-btn svg{width:18px!important;height:18px!important;flex-basis:18px!important}
 .nc9-volume-range{display:none!important}
 .nc9-progress-wrap{height:21px!important;margin-bottom:3px!important}
 .nc9-progress{height:5px!important}
}
@container nc9player (max-width:390px){
 .nc9-controls-left .nc9-back,.nc9-controls-left .nc9-forward{display:none!important}
 .nc9-controls-right .nc9-pip{display:none!important}
 .nc9-time{font-size:11px!important}
 .nc9-controls{padding-left:8px!important;padding-right:8px!important}
}
@container nc9player (max-width:320px){
 .nc9-brand{font-size:10px!important}
 .nc9-controls-left .nc9-volume-box{display:none!important}
 .nc9-time{font-size:10px!important}
 .nc9-controls-right .nc9-theatre{display:none!important}
}