/*
Theme Name: Nightly Adult
Description: Catálogo responsivo de vídeos.
Version: 5.4.0
Author: Nightly
Requires at least: 6.2
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: noir-play
*/
:root { --ink:#202124; --muted:#62666b; --line:#e4e4e6; --red:#cf2940; --width:1560px; }
* { box-sizing:border-box }
body { margin:0; color:var(--ink); background:white; font:16px/1.45 Arial,Helvetica,sans-serif }
a { color:inherit; text-decoration:none }
button,input { font:inherit }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid #2265bb; outline-offset:2px }
.site-header { background:#202124; color:white; position:sticky; top:0; z-index:10 }
.admin-bar .site-header { top:32px }
.header-inner,.catalog,.footer-inner { max-width:var(--width); margin:auto; padding-inline:clamp(14px,3vw,52px) }
.header-inner { display:flex; gap:18px; align-items:center; min-height:68px }
.brand { display:flex; align-items:center; gap:9px; font-size:clamp(20px,2vw,30px); font-weight:800; letter-spacing:-.055em; line-height:1.1; overflow-wrap:anywhere }
.brand-mark { background:var(--red); width:34px; height:32px; flex:none; display:grid; place-items:center; border-radius:8px; color:white; font-size:16px }
.search-form { display:flex; width:min(42vw,660px); margin:auto; background:white; border-radius:6px; overflow:hidden }
.search-form:focus-within { outline:2px solid #8db9ff }
.search-form input { flex:1; min-width:0; border:0; padding:10px 14px; background:white; color:#222 }
.search-form button { width:48px; border:0; border-left:1px solid var(--line); cursor:pointer; background:#eee }
.lens { position:relative; display:inline-block; border:2px solid #343434; width:15px; height:15px; border-radius:100% }
.lens:after { content:''; background:#343434; position:absolute; width:7px; height:2px; transform:rotate(45deg); right:-6px; bottom:-3px }
.age-label { border:1px solid #777; padding:2px 7px; font-size:12px; border-radius:4px; font-weight:bold }
.catalog,.watch { min-height:65vh; padding-bottom:60px }
h1 { font-size:clamp(24px,2.2vw,34px); letter-spacing:-.04em; line-height:1.2; margin:24px 0 18px }
.video-grid { display:grid; gap:26px 16px; grid-template-columns:repeat(4,minmax(0,1fr)) }
.thumb { position:relative; display:grid; place-items:center; aspect-ratio:16/9; overflow:hidden; border-radius:7px; background:linear-gradient(135deg,#292a33,#51323e); color:white }
.thumb span { background:#ffffff20; padding:10px 15px; border-radius:50% }
.thumb img { display:block; width:100%; height:100%; object-fit:cover }
.video-card h2 { margin:8px 0 3px; font-size:16px; line-height:1.3; overflow-wrap:anywhere }
.video-card a:hover h2,.watch article>a { color:var(--red) }
.meta { font-size:13px; color:var(--muted) }
.pagination { margin-top:32px }
.nav-links { display:flex; flex-wrap:wrap; gap:8px }
.page-numbers { padding:7px 12px; border-radius:4px; background:#eee }
.page-numbers.current { background:#252525; color:white }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }
.watch { max-width:1100px; padding:12px 20px 60px; margin:auto; overflow-wrap:anywhere }
.entry-content video,.entry-content iframe,.entry-content img { max-width:100% }
.entry-content video,.entry-content img { height:auto }
.entry-content iframe { width:100%; aspect-ratio:16/9; height:auto; border:0 }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:22px; font-size:13px; color:var(--muted) }
.site-footer { background:#f7f7f8; border-top:1px solid var(--line) }
.gate-open { overflow:hidden }
.age-gate { position:fixed; inset:0; z-index:100000; display:grid; place-items:center; padding:18px; overflow:auto; background:#16171bf5 }
.age-gate[hidden] { display:none }
.age-card { background:white; border-radius:12px; padding:32px; max-width:420px; box-shadow:0 12px 65px #0005 }
.age-card h2 { font-size:26px; letter-spacing:-.04em; line-height:1.15; margin:18px 0 10px }
.age-card p { margin:0; color:var(--muted) }
.age-badge { display:inline-block; background:var(--red); color:white; font-weight:bold; border-radius:5px; padding:5px 10px }
.age-actions { margin-top:24px; display:flex; align-items:center; gap:22px }
.primary-button { background:var(--red); color:white; font-weight:bold; border:0; border-radius:6px; padding:12px 16px; cursor:pointer }
.text-link { text-decoration:underline }

@media(min-width:1550px) {.video-grid { grid-template-columns:repeat(5,minmax(0,1fr)) }
 }

@media(max-width:1050px) {.video-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
 }

@media(max-width:782px) {.admin-bar .site-header { top:46px }
 }

@media(max-width:700px) {.header-inner { flex-wrap:wrap; gap:6px 9px; padding-block:8px 10px }
.brand { flex:1 }
.age-label { margin-left:auto }
.search-form { order:1; width:100% }
.video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 10px }
.video-card h2 { font-size:14px }
.footer-inner { display:block }

}

@media(max-width:600px) {.admin-bar .site-header { position:relative; top:0 }
 }
.nightly-player { aspect-ratio:16/9; background:#111; color:#fff; width:100%; max-width:1100px; overflow:hidden; border-radius:8px; margin-bottom:18px }
.nightly-player video,.nightly-player iframe,.nightly-start { width:100%; height:100%; display:block; border:0 }
.nightly-start { position:relative; isolation:isolate; cursor:pointer; background:#161618; color:white; font-weight:700 }
.nightly-start img { width:100%; height:100%; object-fit:contain; position:absolute; inset:0; z-index:-1 }
.nightly-start span { display:inline-block; background:var(--red); padding:12px 20px; border-radius:6px }
.embed-code { padding:12px 0; margin-block:12px; border-block:1px solid var(--line) }
.embed-code summary { cursor:pointer; font-weight:bold }
.embedded { background:#111 }
.embedded .nightly-player { max-width:none; height:100vh; border-radius:0; margin:0 }


/* Catálogo de vídeos */
:root { --width:1920px; --red:#df3948; --gutter:clamp(14px,2.65vw,52px) }
body { background:#f5f5f5 }
.site-header { color:#29292c; background:#fafafa }
.header-inner,.catalog,.footer-inner,.nav-row,.watch { padding-inline:var(--gutter) }
.header-inner { min-height:70px; gap:clamp(10px,1.6vw,32px) }
.brand { text-transform:uppercase }
.search-form { border:1px solid #cbcbcb; border-radius:30px; flex:1; max-width:750px }
.search-form input { padding:11px 20px }
.search-form button { background:white }
.lens { border-color:var(--red) }
.lens:after { background:var(--red) }
.account-links { display:flex; gap:16px; align-items:center; font-weight:600 }
.register { background:var(--red); color:white; padding:10px 20px; border-radius:32px }
.catalog-nav { background:#303032; color:white }
.nav-row { max-width:var(--width); margin:auto; display:flex; align-items:stretch; gap:20px; flex-wrap:wrap }
.nav-row>a,.nav-row li>a { display:block; padding:10px 0; font-weight:bold }
.nav-row ul { display:flex; align-items:center; flex-wrap:wrap; list-style:none; margin:0; padding:0; gap:18px }
.upload-link { margin-left:auto }
.catalog,.watch { padding-top:20px }
.results { min-width:0 }
.results-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:12px }
.results-head h1,.watch-head h1 { margin:0; font-size:clamp(22px,1.65vw,32px); letter-spacing:-.025em }
.quality-links,.topic-list { display:flex; flex-wrap:wrap; gap:4px }
.quality-links { background:#dedee0; border-radius:6px; padding:2px }
.quality-links a,.topic-list>* { padding:4px 13px; border-radius:4px }
.quality-links .current { background:white }
.video-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px 6px }
.thumb,.watch .nightly-player { border-radius:0 }
.timecode { position:absolute; right:5px; bottom:5px; color:white; background:#141414d9; border-radius:3px; padding:2px 6px; font-weight:bold }
.video-card h2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:6px 0 4px }
.meta img { width:20px; height:20px; border-radius:50%; vertical-align:middle; margin-right:5px }
.watch { max-width:var(--width) }
.topic-list { margin:10px 0 }
.topic-list>* { background:#e1e1e3; font-size:14px }
.watch-layout { display:grid; gap:12px; margin-top:12px }
.watch-layout:has(.related) { grid-template-columns:minmax(0,3.6fr) minmax(245px,1fr) }
.watch-layout article { min-width:0 }
.watch .nightly-player { max-width:none }
.related h2 { margin:0 0 8px; font-size:18px }
.related .video-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
.related .video-card h2 { font-size:14px }
.related .meta { display:none }

@media(max-width:1100px) {.video-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }

}

@media(max-width:800px) {.watch-layout:has(.related) { grid-template-columns:1fr }
.related .video-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }

}

@media(max-width:700px) {.search-form { flex:0 0 100%; margin:0 }
.header-inner { gap:6px 10px }
.account-links { font-size:13px; gap:8px }
.register { padding:6px 10px }
.age-label { display:none }
.nav-row { gap:0 15px }
.nav-row ul { gap:0 12px }
.nav-row a { font-size:13px }
.catalog,.watch { padding-top:14px }
.video-grid,.related .video-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }

}
.header-inner .brand { min-width:0; max-width:min(24vw,270px); flex:0 1 auto }
.brand-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.header-inner .search-form { min-width:0 }
.preview-controls { display:flex; gap:5px; margin:0 0 12px; flex-wrap:wrap }
.preview-controls button { border:0; border-radius:5px; padding:5px 12px; background:#e1e1e3; color:var(--ink); cursor:pointer }
.preview-controls button[aria-pressed=true] { background:#303032; color:white }

@media(max-width:700px) {.header-inner .brand { max-width:45vw; margin-right:auto }
 }
.watch-actions,.directory-links { display:flex; flex-wrap:wrap; gap:8px; margin-block:12px }
.watch-actions button,.directory-links a { border:0; border-radius:5px; padding:8px 14px; background:#dfdfe1; cursor:pointer; font:inherit }
.watch-actions button[aria-pressed=true] { background:var(--red); color:white }


/* Interface do catálogo e da biblioteca de vídeos. */
:root { color-scheme:dark; --ink:#f4f4f4; --muted:#ababab; --line:#323232; --accent:#ffa31a; --red:var(--accent); --width:1680px; --gutter:clamp(14px,3.5vw,60px) }
body { background:#0d0d0e; color:var(--ink) }
.site-header,.site-footer { background:#141415; color:var(--ink) }
.header-inner { min-height:76px }
.brand-mark,.register,.primary-button,.age-badge,.nightly-start span { background:var(--accent); color:#15100a; border-radius:5px }
.brand { text-transform:none; letter-spacing:-.045em }
.brand-mark { border-radius:9px; width:40px; height:36px }
.header-inner .search-form { border-radius:6px; border:1px solid #424242; background:#262627 }
.search-form input { background:transparent; color:var(--ink) }
.search-form input::placeholder { color:#bdbdbd }
.search-form button { background:var(--accent); border:0; width:56px }
.lens { border-color:#20160c }
.lens:after { background:#20160c }
.catalog-nav { border-block:1px solid var(--line); background:#1b1b1c }
.nav-row { flex-wrap:nowrap; gap:clamp(16px,2.4vw,36px); overflow-x:auto; scrollbar-width:thin }
.nav-row>a,.nav-row ul { flex:none; white-space:nowrap }
.nav-row>a,.nav-row li>a { font-size:14px; padding-block:13px }
.nav-row [aria-current=page] { box-shadow:inset 0 -3px var(--accent) }
.nav-row a:hover,.directory-links a:hover,.topic-list a:hover { color:var(--accent) }
.catalog,.watch { padding-top:24px }
.topic-scroll,.preview-controls { display:flex; flex-wrap:nowrap; overflow-x:auto; gap:8px; scrollbar-width:thin; padding:2px 0 12px; margin:0 0 12px }
.topic-scroll a,.preview-controls button,.directory-links a,.watch-actions button,.playlist-add summary,.topic-list>*,.quality-links a,.page-numbers { border:1px solid #39393b; border-radius:5px; background:#252527; color:var(--ink); font:inherit }
.topic-scroll a,.preview-controls button { flex:none; white-space:nowrap; padding:6px 14px; font-size:14px }
.topic-scroll [aria-current=page],.preview-controls button[aria-pressed=true],.quality-links .current,.page-numbers.current,.watch-actions button[aria-pressed=true] { color:#191006; background:var(--accent); border-color:var(--accent) }
.quality-links { background:transparent }
.results-head h1,.watch-head h1,.results h1 { font-size:clamp(23px,2.1vw,34px); letter-spacing:-.04em }
.results-head { margin-bottom:17px }
.video-grid { gap:24px 12px }
.thumb { border-radius:5px; background:linear-gradient(135deg,#262629,#39312a) }
.video-card h2 { color:var(--ink); font-size:16px; font-weight:650 }
.video-card a:hover h2,.video-card:hover>h2 { color:var(--accent) }
.timecode { background:#131313e6 }
.age-card { background:#202022; border:1px solid #393939 }
.gate-open .age-gate { background:#09090bf5 }
.directory-links a,.watch-actions button,.playlist-add summary { padding:7px 12px; cursor:pointer }
.watch-actions { align-items:flex-start }
.playlist-add form { display:grid; gap:9px; padding:10px; background:#202022 }
.playlist-add input,.watch input,.watch textarea { border:1px solid #555; background:#161617; color:var(--ink); padding:7px; max-width:100% }
.embed-code { padding-block:12px; border-bottom:1px solid var(--line) }
.playlist-folder summary { cursor:pointer }
.playlist-folder { margin:16px 0 }
.playlist-folder summary { padding:12px; background:#222; border-left:3px solid var(--accent) }
.playlist-folder .video-grid { padding-block:12px }
.playlist-folder button { cursor:pointer; margin-block:8px }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline-color:var(--accent) }

@media(min-width:1450px) {.catalog .video-grid { grid-template-columns:repeat(5,minmax(0,1fr)) }
 }

@media(max-width:700px) {.nav-row { gap:18px }
.header-inner { min-height:0 }
.catalog,.watch { padding-top:16px }
.video-grid { gap:18px 8px }
.video-card h2 { font-size:14px }
.watch-actions { gap:5px }
.watch-actions button,.playlist-add summary { font-size:13px }

}
.directory-links a { display:inline-flex; align-items:center; gap:10px }
.directory-links img { border-radius:50% }
.file-download { display:inline-block; padding:8px 0; color:var(--accent) }
.creator-form { display:grid; gap:12px; max-width:640px; margin:16px 0 }
.creator-form label { display:grid; gap:4px }
.creator-form input,.creator-form textarea,.creator-form select { background:#202022; color:var(--ink); padding:9px; border:1px solid #555; border-radius:4px; font:inherit }
.creator-form button { justify-self:start }


/* ===== Visual 5.1: portal de vídeos escuro com destaque laranja ===== */
:root { --accent:#ff9000; --red:#ff9000; --ink:#fff; --muted:#a3a3a3; --line:#2a2a2a; --width:1920px; color-scheme:dark }
body { background:#000; color:#fff; font-family:Arial,Helvetica,sans-serif }


/* Cabeçalho */
.site-header { background:#000 }
.header-inner { min-height:64px }
.brand { text-transform:none; font-weight:800; letter-spacing:-.03em; color:#fff }
.brand-mark { background:var(--accent); color:#000; border-radius:4px; width:36px; height:32px }
.header-inner .search-form { background:#1b1b1b; border:1px solid #3a3a3a; border-radius:4px; max-width:720px }
.search-form input { color:#fff; padding:10px 14px }
.search-form button { background:var(--accent); width:54px }
.search-form button:hover { background:#ffa933 }
.account-links a { color:#ddd; font-size:14px }
.account-links a:hover { color:var(--accent) }
.account-links .register { background:var(--accent); color:#000; border-radius:4px; padding:8px 16px }
.age-label { border-color:#666; color:#ddd }


/* Navegação */
.catalog-nav { background:#1b1b1b; border-block:0 }
.nav-row>a,.nav-row li>a { color:#ddd; font-size:15px; font-weight:700; padding-block:12px; transition:color .15s }
.nav-row>a:hover,.nav-row li>a:hover { color:var(--accent) }
.nav-row [aria-current=page] { color:#fff; box-shadow:inset 0 -3px var(--accent) }
.nav-row>a.upload-link { color:#000; background:var(--accent); border-radius:4px; padding:6px 14px; align-self:center; margin-block:6px }
.nav-row>a.upload-link:hover { color:#000; background:#ffa933 }


/* Títulos de seção e filtros */
.results-head h1,.results>h1,.related h2 { font-size:clamp(18px,1.4vw,24px); font-weight:700; letter-spacing:0; border-left:4px solid var(--accent); padding-left:10px }
.topic-scroll a,.preview-controls button { background:#1b1b1b; border:0; border-radius:4px; color:#ddd }
.topic-scroll a:hover,.preview-controls button:hover { background:#2a2a2a; color:var(--accent) }
.quality-links { background:#1b1b1b }
.quality-links a:hover { color:var(--accent) }


/* Grade e cards de vídeo */
.video-grid { gap:22px 10px }
.video-card { background:transparent }
.thumb { border-radius:3px; background:#151515 }
.thumb img { transition:transform .25s ease }
.video-card:hover .thumb img { transform:scale(1.04) }
.video-card:hover .thumb { outline:2px solid var(--accent); outline-offset:-2px }
.timecode { right:4px; bottom:4px; background:#000000cc; font-size:12px; padding:1px 5px; border-radius:2px; font-weight:700 }
.video-card h2 { font-size:14px; font-weight:600; line-height:1.3; margin:7px 0 3px; color:#fff }
.video-card a:hover h2 { color:var(--accent) }
.video-card .meta { display:flex; align-items:center; flex-wrap:wrap; gap:4px; font-size:12px; color:var(--muted) }
.video-card .meta img { width:16px; height:16px; margin:0 }


/* Página do vídeo */
.watch .nightly-player { background:#000; border-radius:0; max-width:none }
.topic-list>* { background:#1b1b1b; border:0; border-radius:4px }
.topic-list a:hover { background:var(--accent); color:#000 }
.watch-actions button,.playlist-add summary { background:#1b1b1b; border:0 }
.watch-actions button:hover,.playlist-add summary:hover { color:var(--accent) }
.nightly-start span { background:var(--accent); color:#000 }


/* Paginação, botões e rodapé */
.page-numbers { background:#1b1b1b; color:#ddd; border:0 }
.page-numbers:hover { color:var(--accent) }
.primary-button { background:var(--accent); color:#000; border-radius:4px }
.primary-button:hover { background:#ffa933 }
.site-footer { background:#000; border-top:1px solid #222 }
.footer-inner { color:#8a8a8a }


/* Confirmação de idade */
.age-card { background:#121212; border:1px solid #2c2c2c; border-radius:6px; max-width:460px; text-align:center }
.age-badge { background:var(--accent); color:#000 }
.age-actions { flex-direction:column; align-items:stretch; gap:12px }
.age-actions .primary-button { font-size:16px; padding:14px 18px }
.age-actions .text-link { color:#aaa; padding:10px; border:1px solid #333; border-radius:4px }
.age-actions .text-link:hover { color:#fff; border-color:#555 }


/* ===== 5.2: visualizações, avaliação, ordenação, modelos ===== */
.video-card .meta { flex-direction:column; align-items:flex-start; gap:2px }
.video-card .meta .by { display:inline-flex; align-items:center; gap:5px; color:#ddd }
.video-card .meta .stats i { font-style:normal; margin:0 2px }
.stats .rate { color:var(--accent); font-weight:700 }
.video-stats { margin:8px 0; font-size:14px; color:var(--muted) }
.section-title { margin:0; font-size:clamp(18px,1.4vw,24px); font-weight:700; border-left:4px solid var(--accent); padding-left:10px }
.results-head .text-link { color:var(--accent); font-size:14px; font-weight:700 }
.sort-links { display:flex; gap:4px; background:#1b1b1b; border-radius:4px; padding:2px; flex-wrap:wrap }
.sort-links a { padding:5px 13px; border-radius:3px; font-size:14px; color:#ddd }
.sort-links a:hover { color:var(--accent) }
.sort-links [aria-current=page] { background:var(--accent); color:#000; font-weight:700 }
.directory-links .meta { margin-left:6px }


/* Filtros devem respeitar o atributo hidden mesmo em elementos flex/grid. */
[hidden] { display:none !important; }

@media (prefers-reduced-motion:reduce) { .thumb img,.nav-row a { transition:none; }
 }


/* Interface 5.4: superfícies, navegação e ações acessíveis. */
body { font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
button,input,textarea,select { font:inherit; }
.header-inner { min-height:78px; }
.brand-logo { width:auto; max-width:150px; height:38px; object-fit:contain; }
.brand { gap:10px; }
.header-inner .search-form { border-radius:12px; }
.search-form input { min-height:44px; }
.catalog-nav { border-bottom:1px solid var(--line); }
.nav-row>a,.nav-row li>a { font-size:14px; }
.catalog { padding-bottom:64px; }
.results-head { gap:12px; margin-bottom:24px; }
.results-head h1,.results>h1,.section-title,.related h2 { border-left:0; padding-left:0; letter-spacing:-.025em; }
.section-title { margin-top:24px; }
.video-grid { gap:26px 16px; }
.video-card h2 { font-size:15px; line-height:1.45; margin-top:10px; }
.thumb { box-shadow:0 4px 16px #0002; }
.video-card:hover .thumb { outline-color:var(--highlight,var(--accent)); }
.video-card .meta { line-height:1.6; }
.timecode { border-radius:6px; padding:3px 7px; backdrop-filter:blur(6px); }
.topic-scroll a,.quality-links,.sort-links,.watch-actions button,.playlist-add summary,.directory-links a,.page-numbers { border-radius:9px; }
.topic-scroll a,.watch-actions button,.playlist-add summary { min-height:40px; display:inline-flex; align-items:center; }
.watch-layout { gap:24px; }
.watch .nightly-player { border-radius:14px; box-shadow:0 8px 32px #0003; }
.watch-head h1 { max-width:1000px; line-height:1.3; }
.watch-actions { gap:10px; align-items:center; }
[data-share-status] { font-size:13px; color:var(--muted); }
[data-share-status]:empty { display:none; }
button:disabled { opacity:.55; cursor:wait; }
.playlist-add form,.playlist-folder summary,.creator-form input,.creator-form textarea,.creator-form select { background:var(--nightly-surface); color:var(--ink); border-radius:10px; border-color:var(--line); }
.collection-clear,.menu-toggle { background:var(--nightly-surface); color:var(--ink); border:1px solid var(--line); border-radius:10px; padding:10px 14px; cursor:pointer; }
.collection-clear { margin:0 0 18px; }
.back-to-top { position:fixed; right:20px; bottom:max(20px,env(safe-area-inset-bottom)); z-index:20; width:46px; height:46px; border:0; border-radius:14px; background:var(--accent); color:var(--nightly-button-text); box-shadow:0 4px 20px #0004; cursor:pointer; font-size:24px; }
.back-to-top:hover { background:var(--primary-hover); }
.skip-link { position:fixed; left:16px; top:-100px; z-index:100001; background:var(--accent); color:var(--nightly-button-text); padding:12px 20px; border-radius:8px; }
.skip-link:focus { top:12px; }
.menu-toggle { display:none; }
@media(max-width:700px) {
  .nightly-menu-ready .menu-toggle { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; flex:none; }
  .nightly-menu-ready .catalog-nav:not(.is-open) { display:none; }
  .catalog-nav.is-open { max-height:60vh; overflow-y:auto; }
  .catalog-nav.is-open .nav-row { display:flex; flex-wrap:wrap; gap:4px; padding-block:10px; overflow:visible; }
  .catalog-nav.is-open .nav-row>a { flex:1 1 42%; white-space:normal; padding:12px; border-radius:8px; }
  .catalog-nav.is-open .nav-row ul { width:100%; flex-wrap:wrap; }
  .header-inner { min-height:0; padding-block:12px; }
  .header-inner .brand { max-width:42vw; }
  .brand-logo { max-width:90px; height:30px; }
  .brand-name { font-size:20px; }
  .account-links .register { display:none; }
  .video-grid { gap:20px 10px; }
  .video-card h2 { font-size:13px; }
  .watch-layout { gap:20px; }
  .back-to-top { right:14px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; } }