:root{--accent:#4ade80;--accent-ink:#111318;--mgx-font:Segoe UI, Arial, sans-serif;--mgx-radius:12px;}
html[data-theme="dark"],body.mode-dark{--accent:#4ade80;--accent-ink:#111318;}
html[data-theme="light"],body.mode-light{--accent:#4ade80;--accent-ink:#111318;}
html[data-theme] body.mgx-v5 .button-accent,html[data-theme] body.mgx-v5 .like-button.is-liked{color:var(--accent-ink)!important}

/* -----------------------------------------------------------
   NIGHTVIDEO v5 DESIGN CONTRACT
   Dark is the base. Light is a complete alternate token set.
   All variant rules consume tokens; they do not invent a second mode.
------------------------------------------------------------ */
:root,
html[data-theme="dark"], body.mode-dark {
  color-scheme:dark;
  --mgx-bg:#08090d; --mgx-bg-2:#0d0f15; --mgx-surface:#12151d; --mgx-surface-2:#181c26;
  --mgx-elevated:#202532; --mgx-text:#f5f7fb; --mgx-muted:#9ba4b5; --mgx-soft:#70798a;
  --mgx-line:rgba(255,255,255,.10); --mgx-line-strong:rgba(255,255,255,.18); --mgx-shadow:0 24px 70px rgba(0,0,0,.38);
  --bg:var(--mgx-bg); --bg-second:var(--mgx-surface); --bg-soft:var(--mgx-surface-2); --text:var(--mgx-text); --muted:var(--mgx-muted); --line:var(--mgx-line);
}
html[data-theme="light"], body.mode-light {
  color-scheme:light;
  --mgx-bg:#f5f6f8; --mgx-bg-2:#eef0f3; --mgx-surface:#ffffff; --mgx-surface-2:#f7f8fa;
  --mgx-elevated:#e9ecf1; --mgx-text:#12151b; --mgx-muted:#5f6877; --mgx-soft:#7c8491;
  --mgx-line:rgba(20,24,32,.12); --mgx-line-strong:rgba(20,24,32,.20); --mgx-shadow:0 20px 55px rgba(20,24,32,.10);
  --bg:var(--mgx-bg); --bg-second:var(--mgx-surface); --bg-soft:var(--mgx-surface-2); --text:var(--mgx-text); --muted:var(--mgx-muted); --line:var(--mgx-line);
}
html[data-theme] body.mgx-v5{background:var(--mgx-bg)!important;color:var(--mgx-text)!important;font-family:var(--mgx-font);transition:background-color .18s ease,color .18s ease}
html[data-theme] body.mgx-v5 .site-shell,html[data-theme] body.mgx-v5 .site-content,html[data-theme] body.mgx-v5 .not-found-wrap{background:var(--mgx-bg)!important;color:var(--mgx-text)!important}
html[data-theme] body.mgx-v5 .site-header,html[data-theme] body.mgx-v5 .header-main,html[data-theme] body.mgx-v5 .header-subrow,html[data-theme] body.mgx-v5 .sidebar,html[data-theme] body.mgx-v5 .site-footer{background:var(--mgx-surface)!important;color:var(--mgx-text)!important;border-color:var(--mgx-line)!important}
html[data-theme] body.mgx-v5 .video-card,html[data-theme] body.mgx-v5 .seo-box,html[data-theme] body.mgx-v5 .archive-filter-panel,html[data-theme] body.mgx-v5 .account-card,html[data-theme] body.mgx-v5 .single-meta-panel,html[data-theme] body.mgx-v5 .comment-respond,html[data-theme] body.mgx-v5 .widget{background:var(--mgx-surface)!important;color:var(--mgx-text)!important;border-color:var(--mgx-line)!important}
html[data-theme] body.mgx-v5 input,html[data-theme] body.mgx-v5 textarea,html[data-theme] body.mgx-v5 select{background:var(--mgx-surface-2)!important;color:var(--mgx-text)!important;border-color:var(--mgx-line-strong)!important}
html[data-theme] body.mgx-v5 a:not(.button):not(.button-accent){color:inherit}
html[data-theme] body.mgx-v5 .video-card__title a,html[data-theme] body.mgx-v5 .single-header h1,html[data-theme] body.mgx-v5 .archive-heading h1,html[data-theme] body.mgx-v5 .section-heading h2,html[data-theme] body.mgx-v5 .mgx-heading h1,html[data-theme] body.mgx-v5 .mgx-heading h2,html[data-theme] body.mgx-v5 .mgx-heading h3{color:var(--mgx-text)!important}
html[data-theme] body.mgx-v5 .video-card__stats,html[data-theme] body.mgx-v5 .entry-content,html[data-theme] body.mgx-v5 .result-count,html[data-theme] body.mgx-v5 .site-footer,html[data-theme] body.mgx-v5 .not-found p{color:var(--mgx-muted)!important}
html[data-theme] body.mgx-v5 .mode-toggle{background:var(--mgx-surface-2)!important;color:var(--mgx-text)!important;border:1px solid var(--mgx-line)!important}
html[data-theme="dark"] body.mgx-v5 .mode-toggle .mode-sun{display:block!important}html[data-theme="dark"] body.mgx-v5 .mode-toggle .mode-moon{display:none!important}
html[data-theme="light"] body.mgx-v5 .mode-toggle .mode-sun{display:none!important}html[data-theme="light"] body.mgx-v5 .mode-toggle .mode-moon{display:block!important}
html[data-theme] body.mgx-v5.error404 .not-found,html[data-theme] body.mgx-v5.error404 .related-section{background:transparent!important;color:var(--mgx-text)!important}
html[data-theme] body.mgx-v5.error404 .site-footer{background:var(--mgx-surface)!important}
html[data-theme] body.mgx-v5 .video-player,html[data-theme] body.mgx-v5 .player-ad-placeholder{background:#050608!important;border-color:var(--mgx-line)!important}
html[data-theme="light"] body.mgx-v5 .player-ad-placeholder{background:#e8ebef!important;color:#3c4450!important}
.mgx-home{padding-top:28px;padding-bottom:48px}.mgx-home *{box-sizing:border-box}.mgx-home a{text-decoration:none}.mgx-kicker,.mgx-home small{color:var(--mgx-muted)}
.mgx-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 14px;border-bottom:1px solid var(--mgx-line);padding-bottom:10px}.mgx-heading h1,.mgx-heading h2,.mgx-heading h3{margin:0;letter-spacing:-.03em}.mgx-heading a{font-size:13px;font-weight:800;color:var(--accent)!important}
.mgx-category-pills{display:flex;gap:8px;overflow:auto;padding:4px 0;scrollbar-width:none}.mgx-category-pills::-webkit-scrollbar{display:none}.mgx-category-pills a{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 11px;border:1px solid var(--mgx-line);border-radius:999px;background:var(--mgx-surface);font-size:12px;font-weight:700}.mgx-category-pills small{opacity:.7}
.mgx-grid,.mgx-cinema-grid,.mgx-stage-grid,.mgx-poster-grid,.mgx-glass-grid,.mgx-mosaic-grid,.mgx-portrait-grid,.mgx-club-grid,.mgx-portal-grid,.mgx-category-grid,.mgx-studio-grid,.mgx-best-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mgx-slot{min-width:0}.mgx-v5 .video-card{border-radius:var(--mgx-radius);overflow:hidden}.mgx-v5 .video-card__media{border-radius:calc(var(--mgx-radius) * .75);overflow:hidden}.mgx-v5 .video-card__body{padding-top:8px}.mgx-v5 .video-card__title{line-height:1.28}.mgx-v5 .video-card__stats{font-size:11px}
.mgx-v5 .main-layout,.mgx-v5 .single-wrap,.mgx-v5 .not-found-wrap{padding-top:28px;padding-bottom:48px}.mgx-v5 .archive-grid{gap:var(--mgx-gap,14px)}.mgx-v5 .single-video{position:relative}.mgx-v5 .single-header{border-bottom:1px solid var(--mgx-line);padding-bottom:16px}.mgx-v5 .player-layout{gap:18px}.mgx-v5 .video-actions{border-color:var(--mgx-line)}
@media(max-width:1100px){.mgx-grid,.mgx-cinema-grid,.mgx-stage-grid,.mgx-poster-grid,.mgx-glass-grid,.mgx-mosaic-grid,.mgx-portrait-grid,.mgx-club-grid,.mgx-portal-grid,.mgx-category-grid,.mgx-studio-grid,.mgx-best-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.mgx-home{padding-top:16px}.mgx-grid,.mgx-cinema-grid,.mgx-stage-grid,.mgx-poster-grid,.mgx-glass-grid,.mgx-mosaic-grid,.mgx-portrait-grid,.mgx-club-grid,.mgx-portal-grid,.mgx-category-grid,.mgx-studio-grid,.mgx-best-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mgx-heading{margin-top:22px}.mgx-heading h1,.mgx-heading h2{font-size:20px}.mgx-category-pills{margin-right:-16px}.mgx-v5 .player-layout{display:block}.mgx-v5 .player-ad-column{margin-top:12px}}


.mgx-v5{--mgx-font:"Segoe UI",Arial,sans-serif;--mgx-radius:12px;--mgx-gap:10px}.mgx-dashboard-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid var(--mgx-line);background:var(--mgx-surface);border-radius:14px}.mgx-dashboard-head h1{margin:3px 0 0}.mgx-dashboard-head small{letter-spacing:.14em;color:var(--accent)}.mgx-dashboard-metrics{text-align:right}.mgx-dashboard-metrics b{display:block;font-size:26px}.mgx-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.mgx-dashboard-latest{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mgx-dashboard-rank{counter-reset:dashrank}.mgx-dashboard-rank .mgx-slot{counter-increment:dashrank;position:relative;border-bottom:1px solid var(--mgx-line);padding:8px 0}.mgx-dashboard-rank .mgx-slot:before{content:"#" counter(dashrank);position:absolute;right:0;top:6px;color:var(--accent);font-weight:900}.design-dashboard .main-layout,.design-dashboard .single-video,.design-dashboard .related-section{border:1px solid var(--mgx-line);border-radius:14px;padding:16px;background:var(--mgx-surface)}.design-dashboard .archive-grid{grid-template-columns:repeat(4,1fr)!important}.design-dashboard .single-header h1{font-size:28px}@media(max-width:950px){.mgx-dashboard-grid{grid-template-columns:1fr}.mgx-dashboard-latest{grid-template-columns:repeat(3,1fr)}}

.design-dashboard .not-found strong{font:800 80px monospace;color:var(--accent)}


/* Midnight Dashboard 5.1 — simpler, content-first layout */
.design-dashboard .mgx-dashboard-head{display:block;margin:8px 0 14px;padding:0 0 10px;border:0;border-bottom:1px solid var(--mgx-line);border-radius:0;background:transparent}
.design-dashboard .mgx-dashboard-head h1{margin:0;font-size:24px;line-height:1.2}
.design-dashboard .mgx-dashboard-metrics{display:none!important}
.design-dashboard .mgx-dashboard-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px}
.design-dashboard .mgx-dashboard-grid--full{grid-template-columns:minmax(0,1fr)}
.design-dashboard .mgx-dashboard-latest{display:grid;grid-template-columns:repeat(var(--mg-cols-desktop,4),minmax(0,1fr));column-gap:var(--mg-gap-x,10px);row-gap:var(--mg-gap-y,18px)}
.design-dashboard .mgx-dashboard-latest .video-card__media,.design-dashboard .mgx-dashboard-rank .video-card__media{border:var(--mg-thumb-border-width,0px) solid var(--mg-thumb-border-color,transparent);border-radius:var(--mg-thumb-radius,4px)}
.design-dashboard .mgx-dashboard-latest .video-card__title,.design-dashboard .mgx-dashboard-rank .video-card__title{font-size:var(--mg-title-size,16px);-webkit-line-clamp:var(--mg-title-lines,1)}
.design-dashboard .mgx-v5 .video-card,.design-dashboard .video-card{border-radius:0;overflow:visible}
@media(max-width:1024px){.design-dashboard .mgx-dashboard-grid{grid-template-columns:1fr}.design-dashboard .mgx-dashboard-latest{grid-template-columns:repeat(var(--mg-cols-tablet,3),minmax(0,1fr))}}
@media(max-width:650px){.design-dashboard .mgx-dashboard-latest{grid-template-columns:repeat(var(--mg-cols-mobile,2),minmax(0,1fr));column-gap:var(--mg-gap-x,8px);row-gap:var(--mg-gap-y,16px)}.design-dashboard .mgx-dashboard-head h1{font-size:21px}}
/* Keep archive/search layout controls functional too. */
.design-dashboard .archive-grid{grid-template-columns:repeat(var(--mg-cols-desktop,4),minmax(0,1fr))!important}
@media(max-width:1024px){.design-dashboard .archive-grid{grid-template-columns:repeat(var(--mg-cols-tablet,3),minmax(0,1fr))!important}}
@media(max-width:650px){.design-dashboard .archive-grid{grid-template-columns:repeat(var(--mg-cols-mobile,2),minmax(0,1fr))!important}}
/* Video cards stay visually plain; customization is concentrated on the thumbnail itself. */
.design-dashboard .mgx-dashboard-latest .video-card,.design-dashboard .mgx-dashboard-rank .video-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}