/* Flat, high-contrast native player. External iframe players own their styling. */
.svp-language-flag.is-ku { background:linear-gradient(to bottom,#ed1c24 0 33.33%,#fff 33.33% 66.66%,#278342 66.66%); }
.svp-language-flag.is-ku::before { top:50%; left:50%; width:6px; height:6px; border-radius:50%; background:#f3cc19; transform:translate(-50%,-50%); }
.svp-language-flag.is-ku::after { display:none; }
.svp-language-flag.is-br { background:#009739; }
.svp-language-flag.is-br::before { inset:2px 3px; background:#ffdf00; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.svp-language-flag.is-br::after { top:50%; left:50%; width:7px; height:7px; border-radius:50%; background:#002776; transform:translate(-50%,-50%); }
.svp { --svp-soft-text: #c4c4c4; font-family: Arial, sans-serif; }
.svp .svp-shade,
.svp.is-paused .svp-shade {
  background: linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.48) 24%,transparent 55%);
}
.svp .svp-title,
.svp.is-paused .svp-title { left:24px; right:90px; bottom:112px; top:auto; text-shadow:0 2px 4px #000; }
.svp .svp-title small { display:none; }
.svp .svp-title-logo { display:none; max-width:min(280px,45vw); max-height:76px; opacity:1; filter:drop-shadow(0 2px 5px #0009); }
.svp .svp-title.has-title-logo .svp-title-logo { display:block; }
.svp .svp-title .svp-title-fallback { display:block; }
.svp .svp-title.has-title-logo .svp-title-fallback { display:none !important; }
.svp .svp-title-meta { gap:8px; margin-top:7px; color:#c4c4c4; font:600 12px/1.4 Arial,sans-serif; }
.svp .svp-title-rating { color:#eee; }
.svp .svp-controls { left:20px; right:20px; bottom:12px; padding:0; }
.svp .svp-control-row { min-height:48px; gap:12px; align-items:center; }
.svp .svp-control-group { gap:6px; align-items:center; }
.svp .svp-control-group>button,.svp .svp-volume button {
  display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px;
  padding:0; margin:0; line-height:1; border:0; border-radius:5px;
  color:rgba(255,255,255,.72); background:transparent; box-shadow:none; transform:none;
  transition:color .15s ease,background .15s ease;
}
.svp .svp-control-group>button:hover,.svp .svp-volume button:hover,
.svp .svp-control-group>button:focus-visible,.svp .svp-volume button:focus-visible,
.svp .svp-control-group>button[aria-expanded="true"],.svp .svp-control-group>button[aria-pressed="true"] {
  color:#fff; background:rgba(255,255,255,.06); transform:none;
}
.svp .svp-control-group>button:disabled { color:rgba(255,255,255,.3); background:transparent; }
.svp .svp-control-group svg,.svp .svp-volume svg,
.svp .svp-control-group [data-action="play"] svg { display:block; width:24px; height:24px; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.svp .svp-control-group [data-action="previous"] svg path,
.svp .svp-control-group [data-action="next"] svg path { fill:none; stroke:currentColor; }
.svp .svp-ten { position:relative; display:grid; place-items:center; width:26px; height:26px; }
.svp .svp-ten svg { width:24px; height:24px; }
.svp .svp-ten b { top:50%; left:50%; transform:translate(-50%,-50%); font:600 7.5px/1 Arial,sans-serif; }
.svp .svp-ten.is-forward b { transform:translate(-50%,-50%) scaleX(-1); }
.svp .svp-volume { gap:0; margin:0; }
.svp .svp-time { display:contents; }
.svp .svp-time time { position:absolute; top:4px; color:#ddd; font:600 12px/16px Arial,sans-serif; font-variant-numeric:tabular-nums; }
.svp .svp-time [data-time="current"] { left:0; }
.svp .svp-time [data-time="duration"] { right:0; }
.svp .svp-time i { display:none; }
.svp .svp-timeline { height:24px; margin:0 49px 6px; }
.svp .svp-timeline::before,.svp .svp-buffer,.svp .svp-progress { height:4px; border-radius:0; }
.svp .svp-timeline::before { background:#ffffff30; }
.svp .svp-buffer { background:#ffffff50; }
.svp .svp-progress { background:#ef233c; box-shadow:none; }
.svp .svp-progress::after { content:""; position:absolute; right:-3px; top:-3px; width:5px; height:10px; border-radius:1px; background:#fff; box-shadow:none; transform:none; }
.svp .svp-timeline:hover .svp-progress::after,.svp .svp-timeline:focus-within .svp-progress::after { transform:none; }
.svp .svp-center-play { width:64px; height:64px; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.svp .svp-center-play::before { display:none; }
.svp .svp-center-play:hover { background:transparent; }
.svp .svp-top-button { color:rgba(255,255,255,.72); border:1px solid #ffffff24; border-radius:6px; background:#111b; box-shadow:none; backdrop-filter:none; }
.svp .svp-top-button svg { stroke-width:1.65; }
.svp .svp-top-button:hover,.svp .svp-top-button:focus-visible { color:#fff; background:#111e; }
.svp .svp-settings,.svp .svp-server-menu,.svp .svp-server-menu.is-anime {
  border:1px solid #ffffff28; border-radius:8px; background:#151515;
  backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:0 12px 32px #0006;
}
.svp .svp-settings {
  background:rgba(18,18,18,.84); border-color:rgba(255,255,255,.12); border-radius:12px;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 32px rgba(0,0,0,.35); font-family:Roboto,Arial,sans-serif;
}
.svp .svp-settings-tabs { padding:8px; background:transparent; gap:3px; border-color:#ffffff18; }
.svp .svp-settings-tabs button { min-height:34px; border:0; border-radius:6px; color:#818793; font:700 10px/1.3 Roboto,Arial,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
.svp .svp-settings-tabs button:last-child { color:#9399a4; font-size:16px; }
.svp .svp-settings-tabs button.is-active { color:#fff; background:#ffffff20; box-shadow:none; }
.svp .svp-settings-body { padding:10px; scrollbar-width:thin; scrollbar-color:#ffffff30 transparent; }
.svp .svp-settings-label { padding:8px 10px; color:#818793; font:700 10px/1.3 Roboto,Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.svp .svp-settings-body>button { min-height:38px; padding:8px 10px; border:0; border-radius:7px; color:#c4c7cc; background:transparent; }
.svp .svp-settings-body>button:not(:disabled):hover { background:#ffffff12; }
.svp .svp-settings-body>button.is-active { color:#fff; background:#ffffff24; }
.svp .svp-settings-body .svp-choice-copy strong,.svp .svp-settings-body .svp-quality-copy strong { color:inherit; font:600 13px/1.4 Roboto,Arial,sans-serif; }
.svp .svp-settings-body .svp-choice-copy small,.svp .svp-settings-body .svp-quality-copy small { color:#818793; font:500 11px/1.4 Roboto,Arial,sans-serif; }
.svp .svp-settings-empty { padding:22px 12px; color:#818793; font:500 12px/1.6 Roboto,Arial,sans-serif; text-align:center; }
.svp .svp-subtitle-actions { margin-top:12px; padding-top:12px; border-top:1px solid #ffffff18; }
.svp .svp-subtitle-actions>button { min-height:38px; border:0; border-radius:6px; background:transparent; color:#c4c7cc; font:600 13px/1.4 Roboto,Arial,sans-serif; }
.svp .svp-settings [data-action="upload-subtitles"] { border:1px dashed #ffffff24; background:transparent; color:#9199a6; }
.svp .svp-settings [data-action="upload-subtitles"]:hover { border-color:#ffffff50; color:#fff; }
.svp .svp-subtitle-actions svg { width:17px; height:17px; color:#9199a6; stroke-width:1.6; }
.svp button:focus-visible { outline:2px solid #fff; outline-offset:-2px; }
/* Server panel: reference-style charcoal glass, quiet labels and flag rows. */
.svp .svp-server-wrap:has(.svp-server-menu:not([hidden])) { inset:10px; pointer-events:none; }
.svp .svp-server-wrap>.svp-top-button,.svp .svp-server-menu { pointer-events:auto; }
.svp .svp-server-menu,.svp .svp-server-menu.is-anime {
  max-height:min(520px,calc(100% - 64px));
  background:rgba(18,18,18,.84);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 32px rgba(0,0,0,.35);
  font-family:Roboto,Arial,sans-serif;
}
.svp .svp-server-header { background:transparent; border-bottom:0; min-height:42px; padding:8px 10px 3px 18px; }
.svp .svp-server-header-title,.svp .svp-server-subsources-label,.svp .svp-menu-label {
  color:#818793; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
}
.svp .svp-server-close { color:#818793; border-radius:5px; }
.svp .svp-server-list { min-height:0; gap:2px; padding:5px 12px 12px; overscroll-behavior-y:contain; touch-action:pan-y; scrollbar-width:thin; scrollbar-color:#ffffff30 transparent; }
.svp .svp-server-row { min-height:38px; padding:3px 10px; border:0; border-radius:7px; background:transparent; box-shadow:none; }
.svp .svp-server-row:hover { border:0; background:rgba(255,255,255,.08); }
.svp .svp-server-row.is-active { border:0; background:rgba(255,255,255,.14); box-shadow:none; }
.svp .svp-server-row.is-pending { border:0; background:rgba(255,255,255,.08); }
.svp .svp-server-name { color:rgba(255,255,255,.76); font:600 13px/1.3 Roboto,Arial,sans-serif; letter-spacing:0; }
.svp .svp-server-row.is-active .svp-server-name { color:#fff; }
.svp .svp-server-left { gap:10px; }
.svp .svp-server-menu .svp-language-flag { width:20px; height:14px; flex-basis:20px; border:0; border-radius:1px; box-shadow:none; }
.svp .svp-server-fav { width:28px; height:28px; padding:7px; color:#858e9d; border-radius:5px; }
.svp .svp-server-fav svg { width:14px; height:14px; stroke-width:1.6; }
.svp .svp-server-fav.is-favorited { color:#fff; }
.svp .svp-server-attempt-state { font-size:10px; color:#9399a4; }
.svp .svp-server-speed-bar { gap:4px; padding:9px 12px; background:transparent; border-top:1px solid #ffffff18; }
.svp .svp-speed-chip { min-height:30px; padding:4px 7px; border:0; border-radius:999px; color:#9199a6; background:transparent; font:600 12px/1.3 Roboto,Arial,sans-serif; }
.svp .svp-speed-chip:hover { border:0; color:#fff; background:#ffffff12; }
.svp .svp-speed-chip.is-active { border:0; color:#151515; background:#fff; font-weight:700; box-shadow:none; }
.svp .svp-source-pill { border:0; border-radius:6px; background:transparent; color:#c6c8cb; }
.svp .svp-source-pill.is-active { border:0; background:#ffffff24; color:#fff; }
@media(max-width:640px) {
  .svp .svp-server-wrap:has(.svp-server-menu:not([hidden])) { inset:6px; }
  .svp .svp-controls { left:10px; right:10px; bottom:5px; }
  .svp .svp-control-row { gap:4px; min-height:40px; }
  .svp .svp-control-group { gap:0; }
  .svp .svp-control-group>button,.svp .svp-volume button { flex-basis:36px; width:36px; height:36px; }
  .svp .svp-control-group svg,.svp .svp-volume svg,.svp .svp-control-group [data-action="play"] svg { width:22px; height:22px; }
  .svp .svp-ten,.svp .svp-ten svg { width:22px; height:22px; }
  .svp .svp-control-group [data-action="back10"],.svp .svp-control-group [data-action="forward10"],.svp .svp-control-right [data-action="captions"] { display:grid; }
  .svp .svp-volume { display:flex; margin-left:0; }
  .svp .svp-control-right [data-action="pip"],.svp .svp-pip-top { display:none !important; }
  .svp .svp-center-play { display:none; }
  .svp .svp-title,.svp.is-paused .svp-title { left:14px; bottom:93px; right:64px; }
  .svp .svp-title-logo { max-width:min(210px,55vw); max-height:52px; }
  .svp .svp-title-meta { font-size:10px; }
  .svp .svp-timeline { margin-inline:43px; margin-bottom:2px; }
  .svp .svp-time time { font-size:10px; }
  .svp .svp-settings { bottom:65px; }
}
@media(max-width:360px) {
  .svp .svp-control-row { flex-wrap:wrap; }
  .svp .svp-control-right { margin-left:auto; }
  .svp .svp-control-group>button,.svp .svp-volume button { flex-basis:32px; width:32px; height:32px; }
}
@media(prefers-reduced-motion:reduce) { .svp .svp-control-group>button,.svp .svp-volume button { transition:none; } }