/* Compatibility for native fixed forms and original template layouts. */

:root{--canvas:#111;--surface:#202024;--paper:#202024;--ink:#f2f2f4;--muted:#b5b5bf;--line:#44444f;--accent:#7d66cc;--accent-soft:#302a45;--coral-dark:#c93e37;--graphite:#24272b;--focus:#bbafff;--radius:6px;--space:24px;--error:#ffb6bd}
[data-color-mode="light"]{--canvas:#f7f7fa;--surface:#fff;--paper:#fff;--ink:#202329;--muted:#626872;--line:#d8d8e0;--focus:#53428a;--error:#a32638}
.tui-color-toggle{font-size:14px!important}.classic-color-control{width:auto!important}.language-menu{position:relative;display:inline-block;max-width:100%;font-size:14px}.language-menu summary{cursor:pointer;padding:10px;min-height:44px;display:flex;align-items:center}.language-links{position:absolute;top:100%;inset-inline-end:0;z-index:500;width:260px;max-width:90vw;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 24px #0004}.language-links a{font-size:13px;color:var(--ink)}
.gallery-account{color:var(--ink)}.gallery-account input,.gallery-account select,.gallery-account textarea,.fed-user-form input:not([type=button]):not([type=submit]),.fed-user-form select,.fed-user-form textarea{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;min-height:44px}
.gallery-account a,.fed-user-login a{overflow-wrap:anywhere}.gallery-comments-body,.mac_comment{color:var(--ink)}.gallery-comments-body textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
details.filter[open] .selects-list{opacity:1;transform:none;pointer-events:auto}.filter summary{list-style:none}.filter summary::-webkit-details-marker{display:none}
@media(max-width:600px){.tui-color-toggle [data-color-label]{display:none}.language-menu summary{font-size:0;width:44px}.language-menu summary::after{content:'🌐';font-size:20px}.language-links{width:260px}.classic-color-control .tui-color-toggle{padding:8px}}
.nav-inner>a,.language-menu>summary{display:block;padding:.85rem 0;font-weight:600;font-size:.875rem;white-space:nowrap}
.language-menu{margin-left:auto;position:relative}
.language-menu summary{cursor:pointer}
.language-links{position:absolute;right:0;top:100%;z-index:30;width:240px;display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;background:var(--paper);color:var(--ink);padding:.75rem;border:1px solid var(--line);box-shadow:0 8px 24px #0002}
.language-links a{padding:.5rem;border-radius:4px;text-align:center}
.language-links a:hover{background:var(--canvas)}
.state-page{max-width:720px;margin:3rem auto;padding:2rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}
.state-page input{width:100%;margin:.75rem 0}
.mac_msg_jump{width:min(100%,640px);padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:left}
.mac_msg_jump .title{font-size:1rem;margin-bottom:1rem}
.mac_msg_jump .item{margin:1rem 0}
.mac_msg_jump .item input{width:100%;margin:.5rem 0}
.mac_msg_jump a:not(.submit_btn){color:var(--link);text-decoration:underline}
.mac_msg_jump .text p{max-width:70ch}
.gallery-status{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--graphite);color:white;padding:.7rem 1rem;border-radius:var(--radius);z-index:200;display:none}
.gallery-status.is-visible{display:block}
.hidden,.fed-hide{display:none}
.fed-part-case{width:100%}
.fed-part-layout,.fed-user-login,.fed-user-head,.mac_login{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}
.fed-part-core{max-width:720px;margin:auto}
.fed-user-login{max-width:540px;margin:auto}
.fed-user-form{display:flex;flex-wrap:wrap;gap:1rem}
.fed-user-form input:not([type=checkbox]):not([type=radio]){width:100%}
.fed-user-form img{max-width:140px}
.fed-user-form a{color:var(--link)}
.fed-user-tips{width:100%;color:var(--link)}
.fed-part-rows:after{content:'';display:block;clear:both}
.fed-main-left{width:25%;float:left;padding-right:1rem}
.fed-main-right{width:75%;float:left}
.fed-user-list{margin:0}
.fed-user-list>li{padding:.8rem 0;border-bottom:1px solid var(--line)}
.fed-user-input,.fed-tabs-title{display:flex;align-items:center;gap:.5rem;min-height:44px}
.fed-user-input>span:first-child{width:32%;flex-shrink:0;color:var(--muted)}
.fed-user-input>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.fed-user-input input{width:100%}
.fed-user-title{display:flex;align-items:center;justify-content:space-between}
.fed-user-title h2{margin:0}
.fed-user-brief{display:flex;justify-content:space-between;gap:.5rem;margin:0 0 1rem}
.fed-user-brief li{text-align:center}
.fed-visible{display:block}
.fed-user-avat{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:auto}
.fed-user-head .fed-list-pics{background:var(--graphite)!important;color:white;padding:1.25rem;margin-bottom:1rem;border-radius:var(--radius)}
.fed-text-center{text-align:center}
.fed-text-right{text-align:right}
.fed-text-gules{color:var(--link)}
.fed-user-form>label,.mac_login label{display:block;margin:.4rem 0;width:100%}
.mac_login input{width:100%;margin-bottom:.8rem}
.mac_login button{margin-right:1rem}
.fed-padding{padding:.5rem}
.fed-list-info,.fed-form-info{padding:1rem;background:var(--paper)}
.fed-list-info li{border-bottom:1px solid var(--line);padding:.8rem 0}
.fed-user-list img{max-width:160px}
.mac_comment{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-top:1.5rem}
.mac_comment textarea{margin:.5rem 0}
.mac_comment .comment_list{padding:1rem 0}
.fed-font-xvii{font-size:1.5rem}
.fed-font-xvi{font-size:1rem}
.fed-rims-info{display:inline-flex;min-height:44px;align-items:center;padding:.6rem 1rem;border:1px solid var(--line);border-radius:var(--radius)}
@media(max-width:1100px){.language-menu{margin-left:0}}
@media(max-width:760px){.language-links{left:0;right:auto}
.state-page{margin:1rem;padding:1.5rem}
.fed-main-left,.fed-main-right{width:100%;float:none;padding:0}
.fed-main-left .fed-user-list{display:flex;gap:.5rem;overflow-x:auto}
.fed-main-left .fed-user-list>li{flex-shrink:0;border:0;padding:.25rem}
.fed-main-left .fed-user-list .fed-tabs-title{padding:.4rem;border:1px solid var(--line);border-radius:4px;font-size:.8rem}
.fed-main-left .fed-user-list .fed-tabs-title>span:first-child{width:auto}
.fed-main-left .fed-user-list .fed-tabs-title>span:nth-child(2){display:none}
.fed-main-left .fed-user-brief{display:none}
.fed-user-input>span:first-child{width:35%;font-size:.85rem}
.fed-user-input>span:nth-child(2){font-size:.85rem}
.fed-part-layout,.fed-user-login{padding:1rem}
.fed-user-list .fed-part-eone{white-space:normal}
.fed-user-title{gap:.5rem}
.fed-user-title h2{font-size:1.15rem}}
.comment-section{grid-column:2}
.empty-state{grid-column:1/-1;padding:1.25rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}
.language-links{width:320px;max-width:calc(100vw - 2rem);grid-template-columns:repeat(2,minmax(0,1fr))}
.language-links a{overflow-wrap:anywhere}
.language-menu{margin-inline-start:auto;margin-inline-end:0}
html[dir=rtl] .fed-main-left{float:right;padding-right:0;padding-left:1rem}
html[dir=rtl] .fed-main-right{float:right}
html[dir=rtl] .fed-text-right{text-align:left}
@media(max-width:760px){.comment-section{grid-column:auto}
.language-menu{margin-inline-start:0}
html[dir=rtl] .fed-main-left{float:none;padding:0}
html[dir=rtl] .fed-main-right{float:none}
.language-links{position:static}}
.fed-user-form>ul{width:100%}
.gallery-avatar-form{display:grid;gap:.5rem;margin-top:1rem;text-align:start}
.gallery-avatar-form label{font-size:.8rem;font-weight:600}
.gallery-avatar-form input{width:100%;min-width:0;font-size:.8rem}
.gallery-avatar-form button{width:100%}
.gallery-avatar-status{font-size:.8rem;overflow-wrap:anywhere}
.fed-user-avat{object-fit:cover}
.fed-list-pics{background-size:cover!important;background-position:center!important}
.gallery-account{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important}
.gallery-account .fed-main-left,.gallery-account .fed-main-right{width:auto;float:none}
.gallery-account h1{font-size:1.6rem;margin-bottom:1rem}
@media(max-width:760px){.gallery-account{grid-template-columns:1fr!important}}
.fed-user-input.fed-visible{display:flex}
.fed-user-list>li{padding:.4rem 0}
.fed-user-input{gap:.8rem;min-height:44px}
.fed-user-input>span:first-child{width:29%;font-size:.85rem}
.fed-user-title{padding:0 0 .8rem;border-bottom:1px solid var(--line);margin-bottom:.5rem}
.fed-user-title h1{margin:0;font-size:1.25rem}
.fed-main-left .fed-part-layout{padding:1rem}
.fed-main-left .fed-user-list>li{padding:.15rem 0;border:0}
.fed-main-left .fed-tabs-title{display:flex;padding:.55rem .65rem;border-radius:4px;font-size:.85rem;color:var(--ink);min-height:44px}
.fed-main-left .fed-tabs-title:hover,.fed-main-left .fed-tabs-title[aria-current=page]{background:var(--coral-soft);color:var(--link)}
.fed-main-left .fed-tabs-title>span{width:auto!important}
.fed-main-left .fed-user-brief{padding-bottom:.8rem;border-bottom:1px solid var(--line);font-size:.72rem}
.fed-main-left .fed-user-brief .fed-text-gules{font-size:1rem;font-weight:700}
.fed-user-head{padding:0;border:0;background:transparent}
.fed-user-head .fed-list-pics{padding:1rem;margin-bottom:0}
.fed-user-head .fed-part-core{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:1rem;text-align:start;max-width:none;align-items:center}
.fed-user-head .fed-user-image{display:contents}
.fed-user-head .face{width:64px;height:64px;grid-column:1;grid-row:1/3;margin:0}
.fed-user-head .fed-part-core>span{grid-column:2;grid-row:1;font-size:1rem;font-weight:600;padding:0}
.fed-user-head .gallery-avatar-form{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;margin-top:.5rem}
.gallery-avatar-form label{grid-column:1/-1;color:white}
.gallery-avatar-form input[type=file]{padding:0;background:var(--paper);color:var(--ink);min-height:44px;border:1px solid var(--line);border-radius:4px}
.gallery-avatar-form input[type=file]::file-selector-button{min-height:44px;margin-inline-end:.65rem;border:0;border-inline-end:1px solid var(--line);padding:0 .75rem;background:var(--coral-soft);color:var(--link);font:inherit;font-weight:600;cursor:pointer}
.gallery-avatar-form button{min-height:44px;width:auto;white-space:nowrap}
.gallery-avatar-status{grid-column:1/-1;margin:0;color:white}
.gallery-avatar-status:empty{display:none}
@media(max-width:760px){.fed-user-input>span:first-child{width:34%}
.fed-user-input>span:nth-child(2){font-size:.85rem}
.fed-main-left .fed-user-brief{display:flex;justify-content:space-around;margin-bottom:.6rem}
.fed-main-left .fed-part-layout{padding:.75rem}
.fed-user-head .fed-part-core{grid-template-columns:48px minmax(0,1fr);gap:.6rem}
.fed-user-head .face{width:48px;height:48px;grid-row:1}
.fed-user-head .gallery-avatar-form{grid-column:1/-1;grid-template-columns:1fr;grid-row:2}
.gallery-avatar-form button{width:100%}
.gallery-avatar-form label{font-size:.75rem}
.fed-user-input>span.fed-col-xs2,.fed-user-input>span.fed-col-xs3{flex:0 0 auto}
.fed-main-left .fed-user-list{scrollbar-width:thin}
.fed-user-head{margin-bottom:.8rem}}
.gallery-account>aside,.gallery-account>section{min-width:0;max-width:100%}
.gallery-account .fed-part-layout,.gallery-account .fed-user-list{min-width:0;max-width:100%}
@media(max-width:760px){.gallery-account{grid-template-columns:minmax(0,1fr)!important}}
.gallery-avatar-form input[type=file]{height:46px;padding:0!important}
.fed-user-title .fed-part-tips,.fed-user-title .fed-part-tips>li,.fed-user-title h1{margin:0;padding:0}
.header .right-block{display:flex;align-items:center;gap:8px;min-width:0}.header .right-block .link-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit}.header .classic-menu-toggle{border:0;background:transparent;color:inherit;font-size:24px;min-width:44px;min-height:44px;padding:8px}.header .right-block .tui-color-toggle{height:44px;line-height:1.4}.header .search .search-btn{border:0}.header .search .input input{min-height:44px}.header .logo img{max-height:60px;object-fit:contain}.filter summary{display:flex;align-items:center}.filter .tui-icon{width:16px;height:16px}.selects-list{background:var(--surface);color:var(--ink)}.block-post .item .img img{opacity:1;object-fit:contain}
.wrapped>main{min-width:0}.wrapped>main>.content{min-width:0}.gallery-account-nav{display:flex;flex-wrap:wrap;gap:8px}.gallery-account-nav a{padding:8px}.gallery-history,.gallery-qr{position:relative}.video-actions{padding:16px 0}.block-tags{overflow-wrap:anywhere}.tags{min-width:0}.comment-section{margin:20px}.footer .logo img{max-width:150px}.gallery-empty,.gallery-heading{padding:20px}.gallery-password,.state-page{max-width:720px;margin:30px auto;padding:24px}
[data-color-mode="light"] body,[data-color-mode="light"] .wrapped{background:var(--canvas);color:var(--ink)}[data-color-mode="light"] .header,[data-color-mode="light"] .sidebar,[data-color-mode="light"] .footer,[data-color-mode="light"] .block-footer,[data-color-mode="light"] .selects-list{background:var(--surface);color:var(--ink)}
[data-color-mode="light"] .section,[data-color-mode="light"] .heading,[data-color-mode="light"] .item .title,[data-color-mode="light"] .block-post a,[data-color-mode="light"] .block-tags,[data-color-mode="light"] .sidebar a,[data-color-mode="light"] .header a,[data-color-mode="light"] .footer a,[data-color-mode="light"] .sidebar .title{color:var(--ink)}
[data-color-mode="dark"] .fed-back-whits,[data-color-mode="dark"] .fed-user-login,[data-color-mode="dark"] .fed-part-layout,[data-color-mode="dark"] .fed-form-info,[data-color-mode="dark"] .fed-list-info{background:var(--surface)!important;color:var(--ink)!important}
@media(max-width:767px){.header .wrap{padding:0 10px}.header .logo{width:90px}.header .logo img{width:90px;height:auto;max-height:50px}.header .left-block{gap:4px;min-width:0}.header .right-block{gap:4px}.header .right-block .tui-color-toggle{padding:8px}.wrapped>main>.content{margin-left:0}.wrapped .sidebar{max-width:85vw}.gallery-password,.state-page{width:calc(100% - 24px);margin:20px 12px}.fed-min-width{min-width:0}.fed-user-login{width:100%;max-width:100%;padding:16px}.fed-part-case{max-width:100%}.fed-user-form{width:100%;max-width:100%}.fed-part-case .fed-main-left{width:100%}.gallery-heading{flex-wrap:wrap}.header .nav{display:none}}

.language-menu:not([open])>.language-links{display:none}.header .language-links{left:auto;right:auto;inset-inline-end:0;inset-inline-start:auto}
@media(max-width:767px){[dir="rtl"] .block-post{margin-left:0;margin-right:0;width:100%;max-width:100%}[dir="rtl"] .block-post .stat{margin-inline:0}}

/* Native palette fallback: readable even before shared assets/markers arrive. */
:root{
 --canvas:#11161d;--surface:#1b232e;--paper:#1b232e;--ink:#f4f6fa;
 --muted:#bcc4d1;--line:#4b5667;--accent:#965000;--accent-soft:#372c22;
 --coral-soft:#372c22;--coral-dark:#965000;--link:#ffbd73;
 --readable-link:#ffbd73;--focus:#ffbd73;--error:#ffb6bd;color-scheme:dark
}
:root[data-color-mode="light"]{
 --canvas:#f7f7fa;--surface:#fff;--paper:#fff;--ink:#202329;
 --muted:#59616c;--line:#bbc2cc;--accent-soft:#f8eadc;
 --coral-soft:#f8eadc;--link:#965000;--readable-link:#965000;
 --readable-muted:#59616c;--focus:#965000;--error:#a32638;color-scheme:light
}
:root body,
:root .wrapped{
 background-color:var(--canvas);color:var(--ink)
}
:root body{background-image:none}
:root :is(h1,h2,h3,h4,h5,h6){color:var(--ink)}
:root :is(.heading,.gallery-heading,.block-tags,.tags,.state-page,.gallery-password){color:var(--ink)}
:root :is(.text-muted,.fed-text-muted,.gallery-empty,.empty-state){color:var(--muted)!important}
:root :is(.gallery-account,.mac_comment,.state-page,.gallery-password,.mac_msg_jump){background-color:var(--paper);color:var(--ink)}
:root :is(.fed-back-whits,.fed-back-ashen,.fed-part-layout,.fed-form-info,.fed-list-info){background-color:var(--paper)!important;color:var(--ink)!important}
:root :is(.gallery-account,.gallery-password,.mac_comment,.state-page) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--surface);color:var(--ink);border-color:var(--line)}
:root :is(.gallery-account,.gallery-password,.mac_comment,.state-page) :is(a,button,input[type=submit],input[type=button]).submit_btn,
:root :is(.gallery-account,.gallery-password,.mac_comment,.state-page) :is(button,input[type=submit],input[type=button]){background:var(--accent)!important;color:#fff!important}
:root :is(.gallery-account,.gallery-password,.mac_comment,.state-page) a:not(.submit_btn){color:var(--readable-link)}
:root :is(.fed-user-form,.gallery-permission-actions) a{color:var(--readable-link)}
:root table{background:var(--paper);color:var(--ink)}
:root :is(.fed-user-submit,.fed-btns-info,.submit_btn){background:var(--accent)!important;color:#fff!important}
:root :is(table th,table thead){background:var(--canvas);color:var(--ink)}
:root :focus-visible{outline:3px solid var(--focus);outline-offset:3px}

/* JAVCMS Classic: titles, controls, statistics and menus used fixed dark colors. */
:root :is(.header,.sidebar,.footer,.block-footer,.selects-list){background:var(--surface);color:var(--ink)}
:root :is(.header a,.sidebar a,.sidebar .title,.sidebar .name,.footer a,.section .heading a,.block-post .title-post,.block-post .name,.block-post .info-post a){color:var(--ink)}
:root :is(.header a.active,.sidebar a:hover,.block-post .item:hover .title-post,.block-post .item:hover .name,.stat .atten){color:var(--readable-link)}
:root :is(.stat,.stat span,.sidebar .value,.copyright,.footer .block-footer .copyright,.block-post .action-info){color:var(--muted)}
:root .stat .atten{color:var(--readable-link)}
:root :is(.filter .select-item,.filter-trailer .select-item,.filter .selects-list,.pagination a,.block-post .itemplay a,.sidebar .btn){background:var(--surface);color:var(--ink);border:1px solid var(--line)}
:root :is(.filter .text-ch,.filter .icon,.filter .selects-list a,.pagination a,.sidebar .btn span){color:var(--ink)}
:root :is(.filter:hover,.filter[open],.filter.show) .select-item:before{background:var(--accent-soft)}
:root :is(.filter:hover,.filter[open],.filter.show) :is(.text-ch,.icon){color:var(--ink)}
:root :is(.filter .selects-list a:hover,.pagination a:hover){background:var(--accent-soft);color:var(--readable-link)}
:root :is(.pagination .item.active a,.pagination .page-current){background:var(--accent);color:#fff}
:root .header .search input{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root :is(.btn,.tags .item){background:var(--surface);color:var(--ink);border:1px solid var(--line)}
:root :is(.btn span,.block-tags .label,.tags>span,.tags .item span){color:var(--ink)}
:root .block-post .itemplay a.active-play{background:var(--accent);color:#fff!important}
:root .btn.active{background:var(--accent-soft);color:var(--ink)}
:root .tags>span{color:var(--muted)!important}


/* Native form popups and local scrolling follow the selected color mode. */
html{--readable-scrollbar:#6b7788;--readable-scrollbar-track:#f7f7fa}
html[data-color-mode="dark"]{--readable-scrollbar:#8290a6;--readable-scrollbar-track:#11161d}
html,body,body *{scrollbar-color:var(--readable-scrollbar) var(--readable-scrollbar-track)}
:root body::-webkit-scrollbar,:root body *::-webkit-scrollbar{width:12px;height:12px}
:root body::-webkit-scrollbar-track,:root body *::-webkit-scrollbar-track{background:var(--readable-scrollbar-track)}
:root body::-webkit-scrollbar-thumb,:root body *::-webkit-scrollbar-thumb{background:var(--readable-scrollbar);border:3px solid var(--readable-scrollbar-track);border-radius:12px}
@media(forced-colors:active){html,html[data-color-mode]{--readable-scrollbar:CanvasText;--readable-scrollbar-track:Canvas}}
select,select option,select optgroup{background-color:var(--surface,var(--paper));color:var(--ink)}
html[data-color-mode="light"] select{color-scheme:light}
html[data-color-mode="dark"] select{color-scheme:dark}

/* Catalogue grid excludes playback/download episode wrappers. */
:root{--catalog-columns:2;--catalog-gap:16px}
@media(min-width:640px){:root{--catalog-columns:4;--catalog-gap:20px}}
@media(min-width:1200px){:root{--catalog-columns:5}}
.block-post:not(:has(.itemplay)){display:grid;grid-template-columns:repeat(var(--catalog-columns),minmax(0,1fr));gap:var(--catalog-gap) 16px;width:100%;max-width:100%;margin-inline:0}
.block-post:not(:has(.itemplay))::before,.block-post:not(:has(.itemplay))::after{content:none;display:none}
.block-post:not(:has(.itemplay))>.item{float:none;width:auto!important;min-width:0;max-width:100%;margin:0;padding:0}
.block-post>.item .info-post{min-width:0;overflow-wrap:anywhere}
.block-post>.item .stat{display:flex;flex-wrap:wrap;gap:4px 10px;width:100%;margin-inline:0}
.block-post>.item .stat span{margin-inline:0;max-width:100%}
:root .model-info :is(.list-info li,.list-info li strong,.description p){color:var(--ink)}

/* Keep the open language panel out of the short, vertically centered header row. */
@media(max-width:767px){
 :root .header .right-block{position:relative}
 :root .header .language-menu{position:static}
 :root .header .language-menu>.language-links{
  position:absolute;top:calc(100% + 8px);inset-inline-end:0;inset-inline-start:auto;
  width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow-y:auto
 }
}

/* Fading the whole button weakened white-text contrast on light account pages. */
:root .fed-btns-info:not([disabled]):not([aria-disabled="true"]):hover,
:root :is(.gallery-account,.gallery-password,.mac_comment,.state-page) :is(button,input[type=button],input[type=submit]):not(:disabled):not([aria-disabled="true"]):hover{opacity:1}

/* Native glyphs inherited fixed orange/gray colors even after their labels changed. */
:root .stat span i::before{color:var(--muted)}
:root .stat span.atten i::before{color:var(--readable-link)}
:root .header :is(.btn-search span,.classic-menu-toggle,.link-icon)::before{color:var(--ink)!important}
:root .header .classic-menu-toggle::before{color:var(--readable-link)!important}
:root .header .nav a.active{color:var(--readable-link)!important}
:root .pagination .page-number{color:var(--muted)}
:root .pagination .page-number.active{background:var(--accent);color:#fff}

/* Native fallback must also apply a mode change without intermediate color fades. */
:root[data-color-mode] *,:root[data-color-mode] *::before,:root[data-color-mode] *::after{transition-property:transform,opacity,visibility,left,right,top,bottom,height,max-height,width!important}

/* The original footer repeats the active navigation outside the header. */
:root .footer .nav a.active{color:var(--readable-link)!important}
