/* DAWU V5.5 — readability first + desktop series controls */
:root{
  --ui-bg:#090c10;
  --ui-bg-elev:#0f141a;
  --ui-surface:rgba(20,27,35,.84);
  --ui-surface-strong:rgba(15,21,28,.96);
  --ui-surface-soft:rgba(255,255,255,.065);
  --ui-text:#f7f9fb;
  --ui-text-2:#c5ced8;
  --ui-text-3:#a8b3bf;
  --ui-line:rgba(255,255,255,.14);
  --ui-line-strong:rgba(255,255,255,.22);
  --ui-accent:#75c8cf;
  --ui-accent-strong:#a5dfe3;
}
html[data-theme="light"]{
  --ui-bg:#f7f9fb;
  --ui-bg-elev:#eef3f7;
  --ui-surface:rgba(255,255,255,.91);
  --ui-surface-strong:rgba(255,255,255,.98);
  --ui-surface-soft:rgba(20,45,64,.055);
  --ui-text:#16212c;
  --ui-text-2:#465769;
  --ui-text-3:#5c6d7d;
  --ui-line:rgba(21,44,61,.15);
  --ui-line-strong:rgba(21,44,61,.24);
  --ui-accent:#176477;
  --ui-accent-strong:#0d4d5d;
}

/* Do not let older tech.css/v5.css wash text out in light mode. */
body,.topbar,.nav,.section,.page-title,.identify-v2,.identify-v2-head,.identify-pick-panel,.identify-video-card{color:var(--ui-text)!important}
.muted,.eyebrow,.section-label .eyebrow,.cinema-content p,.cinema-stats small,.cinema-stats span:last-child,.pagination>span,.tl-date,.correction-hint,.quick-step p,.quick-optional p,.quick-summary,.quick-selected small,.identify-privacy,.identify-video-copy p,.person-caption span,.video-meta,.video-bottom,.hero-v54-sub,.hero-v54-meta,.hero-feature-note,.ysjf-series-heading p{color:var(--ui-text-2)!important;text-shadow:none!important;opacity:1!important}
html[data-theme="light"] .muted,html[data-theme="light"] .eyebrow,html[data-theme="light"] .section-label .eyebrow,html[data-theme="light"] .cinema-content p,html[data-theme="light"] .cinema-stats small,html[data-theme="light"] .cinema-stats span:last-child,html[data-theme="light"] .pagination>span,html[data-theme="light"] .tl-date,html[data-theme="light"] .correction-hint,html[data-theme="light"] .quick-step p,html[data-theme="light"] .quick-optional p,html[data-theme="light"] .quick-summary,html[data-theme="light"] .quick-selected small,html[data-theme="light"] .identify-privacy,html[data-theme="light"] .identify-video-copy p{color:#526477!important}

/* Identify page: remove pale gradient copy and low-contrast ghost controls. */
.identify-v2{background:transparent!important}
.identify-v2-head{padding:8px 0 0!important}
.identify-v2-head .eyebrow{color:var(--ui-accent)!important;font-weight:800!important;letter-spacing:.12em!important}
.identify-v2-head h1{color:var(--ui-text)!important;text-shadow:none!important}
.identify-v2-head h1 strong{-webkit-text-fill-color:currentColor!important;background:none!important;color:var(--ui-accent)!important}
.identify-v2-head p{color:var(--ui-text-2)!important;font-weight:520!important}
.identify-v2-head p b{color:var(--ui-text)!important}
#quick-reroll{color:var(--ui-text)!important;background:var(--ui-surface-strong)!important;border:1px solid var(--ui-line-strong)!important;opacity:1!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important}
html[data-theme="light"] #quick-reroll{box-shadow:0 8px 24px rgba(31,48,62,.08)!important}
.identify-video-card,.identify-pick-panel{background:var(--ui-surface-strong)!important;border:1px solid var(--ui-line)!important;box-shadow:0 18px 55px rgba(0,0,0,.14)!important}
html[data-theme="light"] .identify-video-card,html[data-theme="light"] .identify-pick-panel{box-shadow:0 18px 55px rgba(41,57,72,.10)!important}
.quick-step>span{background:var(--ui-accent)!important;color:var(--ui-accent-ink)!important;box-shadow:none!important}
.quick-step h2,.identify-video-copy h2{color:var(--ui-text)!important}
.quick-person{background:var(--ui-surface-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}
.quick-person small{color:var(--ui-text-2)!important}
.quick-person:hover{border-color:var(--ui-accent)!important;background:color-mix(in srgb,var(--ui-accent) 9%,var(--ui-surface))!important}
.quick-person.picked{background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface-strong))!important;border-color:var(--ui-accent)!important;box-shadow:none!important}
.quick-optional{background:var(--ui-surface-soft)!important;border-color:var(--ui-line)!important}
.quick-selected span{background:color-mix(in srgb,var(--ui-accent) 10%,transparent)!important;border-color:color-mix(in srgb,var(--ui-accent) 35%,transparent)!important;color:var(--ui-text)!important}

/* Inputs and controls: readable in both themes. */
input,select,textarea,.search-field,.home-search{color:var(--ui-text)!important;background:var(--ui-surface-strong)!important;border-color:var(--ui-line)!important}
input::placeholder,textarea::placeholder{color:var(--ui-text-3)!important;opacity:1!important}
.button:not(.light),.text-button,.pf-type,.wrong-chip{color:var(--ui-text)!important}
.text-link{color:var(--ui-text-2)!important;text-shadow:none!important}.text-link:hover{color:var(--ui-accent)!important}

/* Series controls: same continuous rail, now practical on desktop. */
.ysjf-series-heading p{margin:12px 0 0!important;font-size:13px!important;line-height:1.6!important;font-weight:520!important}
.ysjf-series-viewport{position:relative!important;width:100%!important}
.ysjf-series-track{outline:none!important}
.ysjf-series-track:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ui-accent) 62%,transparent)!important}
.ysjf-series-nav{
  position:absolute!important;top:calc(50% - 34px)!important;z-index:12!important;
  width:52px!important;height:52px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;padding:0!important;
  border:1px solid var(--ui-line-strong)!important;background:var(--ui-surface-strong)!important;
  color:var(--ui-text)!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(24px) saturate(135%)!important;-webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),background .2s,border-color .2s!important;
  cursor:pointer!important;
}
.ysjf-series-nav span{font:400 38px/1 system-ui,sans-serif!important;transform:translateY(-2px)!important}
.ysjf-series-prev{left:clamp(14px,2vw,34px)!important}.ysjf-series-next{right:clamp(14px,2vw,34px)!important}
.ysjf-series-nav:hover{transform:scale(1.06)!important;border-color:color-mix(in srgb,var(--ui-accent) 50%,var(--ui-line-strong))!important;background:color-mix(in srgb,var(--ui-accent) 8%,var(--ui-surface-strong))!important}
.ysjf-series-nav:active{transform:scale(.96)!important}
.ysjf-series-nav:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 28%,transparent)!important;outline-offset:3px!important}
.ysjf-series-name{color:var(--ui-text-2)!important;font-weight:650!important}
.ysjf-series-kicker{color:var(--ui-accent)!important}

/* Video cards: never let metadata fall below readable contrast. */
.vcard h3,.vcard h3 a,.person-caption h3,.section-head h2,.page-title h1{color:var(--ui-text)!important;text-shadow:none!important}
.video-meta,.video-bottom,.video-cast a{color:var(--ui-text-2)!important}
.video-cast a{border-color:var(--ui-line)!important;background:var(--ui-surface-soft)!important}

@media(max-width:760px){
  .ysjf-series-nav{display:none!important}
  .ysjf-series-heading p{font-size:12px!important}
  .identify-v2-head p{line-height:1.75!important}
}