



body.hasWash{
  --tp-ink:var(--wI);
  --tp-ink2:var(--wI2);
  --tp-head:rgb(var(--wOn));
  --tp-edge:color-mix(in srgb,rgb(var(--wOn)) 52%,rgb(var(--goldRGB)));
  --tp-edge-soft:color-mix(in srgb,var(--tp-edge) 55%,transparent);
  --tp-face:linear-gradient(180deg,rgba(var(--wA),.62),rgba(var(--wB),.42));
  --tp-face-hover:linear-gradient(180deg,rgba(var(--wA),.85),rgba(var(--wB),.6));
  --tp-on-bg:rgb(var(--wOn));
  --tp-on-ink:var(--wOnI);
  --tp-rule:color-mix(in srgb,rgb(var(--goldRGB)) 70%,transparent);
}
body.hasWash.night{
  --tp-ink:var(--washPanelInk);
  --tp-ink2:color-mix(in srgb,var(--washPanelInk) 76%,transparent);
  --tp-head:var(--gold-soft);
  --tp-edge:color-mix(in srgb,rgb(var(--goldRGB)) 72%,rgb(var(--wOn)));
  --tp-face:linear-gradient(180deg,color-mix(in srgb,var(--bdB) 58%,transparent),color-mix(in srgb,var(--bdC) 52%,transparent));
  --tp-face-hover:linear-gradient(180deg,color-mix(in srgb,var(--bdA) 62%,transparent),color-mix(in srgb,var(--bdB) 58%,transparent));
  --tp-on-bg:var(--gold-soft);
  --tp-on-ink:var(--bdC);
}
 
html:is([data-theme="harvest"],[data-theme="jordan"],[data-theme="wilderness"]) body.hasWash.night{
  --tp-ink:rgb(var(--wA));
  --tp-ink2:rgba(var(--wA),.78);
}

 
html body.hasWash.mobileReaderNav .mnRail:not(#_#_){border-color:var(--tp-edge)!important;}
html body.hasWash.mobileReaderNav .mnRail .mnKey:not(#mnListen):not(.mnSelected):not(#_#_),
html body.hasWash.mobileReaderNav #mnChapterTitle:not(#_#_){
  background:var(--tp-face)!important;color:var(--tp-ink)!important;border-color:var(--tp-edge)!important;
}
html body.hasWash.mobileReaderNav .mnRail :is(.mnLabel,.mnBookName,.mnType):not(#_#_){color:var(--tp-ink)!important;}
html body.hasWash.mobileReaderNav .mnRail .mnKey svg:not(#_#_){stroke:var(--tp-head)!important;}
html body.hasWash.mobileReaderNav :is(.mnBookKicker,#mnChapterSelect small):not(#_#_),
html body.hasWash.mobileReaderNav #mnChapterSelect small::after{color:var(--tp-head)!important;}
html body.hasWash.mobileReaderNav #mnChapterSelect:not(#_#_){border-left-color:var(--tp-edge)!important;}
html body.hasWash.mobileReaderNav #mnChapterSelect b:not(#_#_){color:var(--tp-ink)!important;}
html body.hasWash.mobileReaderNav .mnRail :is(#mnListen,.mnSelected):not(#_#_){
  background:var(--tp-on-bg)!important;color:var(--tp-on-ink)!important;border-color:var(--tp-edge)!important;
}
html body.hasWash.mobileReaderNav .mnRail :is(#mnListen,.mnSelected):not(#_#_) :is(svg,.mnLabel){color:var(--tp-on-ink)!important;stroke:var(--tp-on-ink)!important;}

 
html body.hasWash.mobileShelfNav :is(.ttab,.rstBtn,.jumpwrap button,.jumpwrap input,.bookBtn,.chapBtn):not(.on):not(.here):not(#_#_#_){
  background:var(--tp-face)!important;color:var(--tp-ink)!important;border-color:var(--tp-edge)!important;
}
html body.hasWash.mobileShelfNav :is(.ttab,.rstBtn,.jumpwrap button,.bookBtn,.chapBtn):not(.on):not(.here):not(#_#_#_) *{color:inherit!important;}
html body.hasWash.mobileShelfNav .bookBtn .bmeta:not(#_#_#_){color:var(--tp-ink2)!important;opacity:1!important;}
html body.hasWash.mobileShelfNav :is(.ttab.on,.bookBtn.here,.chapBtn.here):not(#_#_#_){
  background:var(--tp-on-bg)!important;color:var(--tp-on-ink)!important;border-color:var(--tp-edge)!important;
}
html body.hasWash.mobileShelfNav :is(.ttab.on,.bookBtn.here,.chapBtn.here):not(#_#_#_) *{color:inherit!important;}
html body.hasWash.mobileShelfNav .jumpwrap input::placeholder{color:var(--tp-ink2)!important;opacity:1;}
html body.hasWash.mobileShelfNav :is(#chapBookName,.chapTitle):not(#_#_#_){color:var(--tp-head)!important;-webkit-text-fill-color:var(--tp-head)!important;}
html body.hasWash.mobileShelfNav :is(.sectHead,.chapSub,#chapBookSub):not(#_#_#_){color:var(--tp-ink2)!important;-webkit-text-fill-color:var(--tp-ink2)!important;}
html body.hasWash.mobileShelfNav .bookBtn .bbar:not(#_#_#_){background:color-mix(in srgb,var(--tp-edge) 25%,transparent)!important;}
html body.hasWash.mobileShelfNav .bookBtn .bbar i:not(#_#_#_){background:var(--tp-head)!important;}
html body.hasWash.mobileShelfNav .chapBtn.done:not(#_#_#_)::after{color:var(--tp-head)!important;}

 
@media (min-width:1000px){
  html body.hasWash :is(#chapGrid .chapBtn,#bookGrid .bookBtn,#libView .ttab,:is(#libView,#chapView) .rstBtn,#libView .jumpwrap button,#libView .jumpwrap input):not(.on):not(.here):not(#_#_#_){
    border-color:var(--tp-edge)!important;
  }
  html body.hasWash.night #bookGrid .bookBtn:not(.here):not(#_#_#_) .bmeta{color:var(--tp-ink2)!important;opacity:1!important;}
  html body.hasWash :is(#chapGrid .chapBtn.here,#bookGrid .bookBtn.here,#libView .ttab.on):not(#_#_#_){
    background:var(--tp-on-bg)!important;color:var(--tp-on-ink)!important;border-color:var(--tp-edge)!important;
  }
  html body.hasWash #bookGrid .bookBtn .bbar i:not(#_#_#_){background:var(--tp-head)!important;}
  html body.hasWash:not(.night) :is(#chapView .chapTitle,#libView .sectHead):not(#_#_#_){color:var(--tp-head)!important;-webkit-text-fill-color:var(--tp-head)!important;text-shadow:none!important;}
}
html body.mobileShelfNav #bookGrid:not(#_#_#_){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body.mobileShelfNav .bookBtn b:not(#_#_#_){font-size:clamp(14px,4.4vw,17px)!important;white-space:normal!important;overflow-wrap:break-word;hyphens:manual;line-height:1.15!important;}

 
body.hasWash .mnDialog[open]:not(#_#_){
  background:linear-gradient(170deg,rgb(var(--wA)),rgb(var(--wB)))!important;color:var(--tp-ink)!important;
  border:1px solid var(--tp-edge)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 5px rgba(var(--goldRGB),.10),0 0 0 3px rgba(var(--goldRGB),.18),0 24px 60px rgba(0,0,0,.45)!important;
}
body.hasWash.night .mnDialog[open]:not(#_#_){
  background:linear-gradient(170deg,var(--bdB),var(--bdC))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 5px rgba(var(--goldRGB),.10),0 0 0 3px rgba(var(--goldRGB),.2),0 24px 60px rgba(0,0,0,.55)!important;
}
body.hasWash .mnDialog > .mnPaper{display:none!important;}
body.hasWash .mnDialog .mnDialogHead h2:not(#_#_){color:var(--tp-head)!important;}
body.hasWash .mnDialog .mnDialogHead:not(#_#_){padding-bottom:10px;border-bottom:1px solid var(--tp-edge-soft);}
body.hasWash .mnDialog button:not([aria-current="page"]):not(#_#_){
  background:var(--tp-face)!important;color:var(--tp-ink)!important;border-color:var(--tp-edge)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(0,0,0,.18)!important;
}
body.hasWash.night .mnDialog button:not([aria-current="page"]):not(#_#_){box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.3)!important;}
body.hasWash .mnDialog button[aria-current="page"]:not(#_#_){background:var(--tp-on-bg)!important;color:var(--tp-on-ink)!important;border-color:var(--tp-edge)!important;}
body.hasWash .mnDialog button.mnDone:not([aria-current="page"]):not(#_#_){border-color:var(--tp-head)!important;}
body.hasWash .mnDialog::backdrop{background:color-mix(in srgb,var(--bdC) 55%,rgba(0,0,0,.35));}
body.hasWash .mnDialog button:focus-visible:not(#_#_){outline:2px solid var(--tp-head)!important;outline-offset:2px!important;}
body.hasWash .mnDialog .mnDialogHead button:focus:not(:focus-visible):not(#_#_){outline:none!important;}

 
body.hasWash ::selection{background:color-mix(in srgb,rgb(var(--wOn)) 32%,transparent);color:inherit;}
body.hasWash.night ::selection{background:color-mix(in srgb,var(--gold-soft) 34%,transparent);}
body.hasWash :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--tp-head);}
body.hasWash *{scrollbar-color:color-mix(in srgb,var(--tp-edge) 70%,transparent) transparent;}
body.hasWash :is(button,a,[role=button],input,select,textarea):focus-visible{outline-color:var(--tp-head)!important;}
body.hasWash #jumpBox:focus:not(#_#_#_){border-color:var(--tp-head)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-head) 25%,transparent)!important;outline:none!important;}

 
html body.hasWash:not(.night) #spread .runhead span:not(:empty):not(#_#_#_){color:var(--washInk,var(--wI))!important;-webkit-text-fill-color:var(--washInk,var(--wI))!important;text-shadow:none!important;}
html body.hasWash:not(.night) #spread .runhead span:not(:empty):not(#_#_#_){border-color:var(--tp-edge)!important;box-shadow:0 1px 3px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.5)!important;}
html[data-theme="day"] body:not(.night) #spread .runhead span:not(:empty):not(#_#_#_){box-shadow:0 1px 3px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.5)!important;}
