:root{color-scheme:dark;font-family:Inter,Outfit,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#fff;background:radial-gradient(ellipse at top,#204345 0,#101e22 45%,#091114 100%)}.top{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,4vw,64px);border-bottom:1px solid #ffffff1b;background:#101d21d9}.back{color:#def2f1;text-decoration:none;padding:12px 16px;border:1px solid #3aafa955;border-radius:12px;font-weight:600}.back:hover{background:#2b7a7855}.brand{font-size:23px;letter-spacing:2px;font-weight:900;color:white;text-decoration:none}.brand span{color:#3aafa9}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;color:#76cfc9;font-weight:800}main{max-width:1440px;margin:30px auto;padding:0 24px}.player-shell{position:relative;background:#000;aspect-ratio:16/9;max-height:75vh;border-radius:16px;overflow:hidden;box-shadow:0 30px 100px #0009;border:1px solid #ffffff20}video{width:100%;height:100%;display:block;background:#000}.error{position:absolute;inset:auto 16px 20px;padding:18px;background:#1c3035f0;color:#fff;border:1px solid #3aafa9;border-radius:10px;line-height:1.6}.details{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-top:32px}h1{font-size:clamp(25px,3vw,44px);margin:10px 0}p{color:#c4d6d6;line-height:1.7;max-width:850px}.meta{color:#76cfc9;font-size:14px}.controls{display:flex;gap:10px;flex-wrap:wrap}.controls label{font-size:12px;color:#c2d8d8;display:flex;flex-direction:column;gap:8px}.controls select{background:#172e32;color:white;border:1px solid #3aafa966;border-radius:9px;padding:11px;min-width:110px}@media (max-width: 0px){.top{height:64px;padding:0 12px}.brand{font-size:17px}.eyebrow{display:none}.back{font-size:12px;padding:10px}main{margin:10px auto;padding:0 8px}.player-shell{border-radius:8px}.details{display:block;padding:0 10px}.controls{margin:24px 0}}

/* MOVIEWARD SUBTITLE SETTINGS */
.sub-settings-btn {
  background:#172f32;color:#d9f3ef;border:1px solid #31595a;
  border-radius:9px;padding:12px;cursor:pointer;align-self:end;
}
.sub-panel[hidden]{display:none!important}
.sub-panel {
  position:fixed;right:20px;bottom:25px;z-index:9999;
  width:min(340px,calc(100vw - 40px));max-height:80vh;
  overflow:auto;background:#102326;color:#fff;
  padding:20px;border:1px solid #426f70;border-radius:16px;
  box-shadow:0 15px 45px #0009;
}
.sub-panel-title{font-size:20px;font-weight:700;margin-bottom:15px}
.sub-panel label{display:flex;flex-direction:column;gap:7px;margin:12px 0}
.sub-panel select,.sub-panel input,.sub-panel button{
  padding:9px;background:#1b3538;color:#fff;
  border:1px solid #426f70;border-radius:7px;
}
video::cue {
  font-family:var(--sub-font,Arial),sans-serif;
  font-size:var(--sub-size,24px);
  color:var(--sub-color,#ffffff);
  background-color:var(--sub-bg,transparent);
  text-shadow:
    var(--sub-shadow,0 0 2px black);
}


/* MOVIEWARD — consistent original branding on Watch Movie page */
.pf-watch-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    white-space: nowrap;
    font-family: Outfit, Arial, sans-serif;
    font-weight: 800;
    font-size: clamp(20px, 2.2vw, 28px);
    letter-spacing: -0.055em;
    color: #ffffff;
}
.pf-watch-brand img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}
.pf-watch-flix {
    color: #3aafa9;
}


/* MOVIEWARD buffering indicator */
.player-shell{position:relative}
.pf-buffer[hidden]{display:none!important}
.pf-buffer{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  z-index:5;pointer-events:none;
  display:flex;flex-direction:column;
  align-items:center;gap:10px;
  padding:15px 20px;border-radius:16px;
  background:rgba(9,17,20,.72);
  backdrop-filter:blur(8px);
  color:#fff;
}
.pf-buffer-ring{
  width:76px;height:76px;border-radius:50%;
  display:grid;place-items:center;
  border:4px solid rgba(119,217,210,.22);
  border-top-color:#77d9d2;
  animation:pf-buffer-spin 1.2s linear infinite;
}
.pf-buffer-ring span{
  font-size:18px;font-weight:700;
  animation:pf-buffer-counterspin 1.2s linear infinite;
}
.pf-buffer-label{font-size:12px;letter-spacing:.4px}
@keyframes pf-buffer-spin{to{transform:rotate(360deg)}}
@keyframes pf-buffer-counterspin{to{transform:rotate(-360deg)}}

/* MOVIEWARD — Movie Download Section */
.pf-download-section {
  margin: 20px 0;
  padding: 18px;
  background: rgba(23, 37, 42, 0.75);
  border: 1px solid rgba(119, 221, 204, 0.25);
  border-radius: 14px;
}

.pf-download-section[hidden],
.pf-download-options[hidden] {
  display: none !important;
}

.pf-download-toggle,
#pf-download-start {
  padding: 13px 22px;
  border: 0;
  border-radius: 9px;
  background: #3aafa9;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.pf-download-toggle:hover,
#pf-download-start:hover {
  background: #2b8f8a;
}

.pf-download-options {
  margin-top: 18px;
}

.pf-download-options label {
  display: block;
  margin-bottom: 9px;
  color: #def2f1;
}

#pf-download-quality {
  display: block;
  width: 100%;
  max-width: 320px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #3aafa9;
  border-radius: 8px;
  background: #17252a;
  color: #fff;
}

#pf-download-start:disabled {
  opacity: 0.6;
  cursor: wait;
}

#pf-download-status {
  color: #def2f1;
}

.pf-download-ad {
  display: inline-block;
  margin-top: 14px;
  color: #7dd3cc;
  font-size: 13px;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .pf-download-section {
    padding: 14px;
  }

  .pf-download-toggle,
  #pf-download-start {
    max-width: 100%;
  }
}