/* Shared theme, loaded after page styles. Dark is the existing default. */
html[data-theme="dark"]{color-scheme:dark}
.theme-toggle{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;
  border:1px solid #373a40;border-radius:50%;background:#111214;color:#9499a3;
  cursor:pointer;overflow:visible;transition:background .15s,color .15s,border-color .15s;
}
.theme-toggle svg{display:block;width:18px;height:18px;pointer-events:none}
.theme-toggle:hover{background:#1d1f23;border-color:#626873;color:#e8eaf0}
.theme-toggle:focus-visible{outline:2px solid #8c9bb0;outline-offset:4px}
.theme-toggle::after{
  content:attr(data-tooltip);position:absolute;right:0;top:calc(100% + 10px);z-index:1000;
  padding:8px 11px;border:1px solid #343840;border-radius:8px;background:#191b20;color:#f5f6f8;
  box-shadow:0 4px 14px #0003;font:600 11px/1.4 "Segoe UI",Arial,sans-serif;
  white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-3px);
  transition:opacity .12s,transform .12s,visibility .12s;
}
.theme-toggle:hover::after,.theme-toggle:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0)}
.theme-toggle-standalone{position:fixed;right:20px;top:16px;z-index:1000}
html[data-theme="light"]{
  color-scheme:light;--bg:#f5f6f8;--bg-2:#eef0f3;--panel:#fff;--panel2:#f0f2f5;--panel-2:#f0f2f5;
  --text:#171717;--muted:#626b79;--soft:#515b6a;--line:#dce0e6;--line2:#cbd1da;
  --gold:#394457;--gold-2:#273346;--green:#187546;--red:#c03636;--cyan:#087e83;
  --shadow:0 12px 35px rgba(30,40,55,.08);
  background:var(--bg)!important;color:var(--text)!important;
}
html[data-theme="light"] body{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="light"] .nav{background:rgba(255,255,255,.96)!important;border-color:var(--line)!important}
html[data-theme="light"] .theme-toggle{background:#fafafa;color:#737b89;border-color:#dfe3e9}
html[data-theme="light"] .theme-toggle:hover{background:#eef0f4;color:#303a49;border-color:#b4bdca}
html[data-theme="light"] .theme-toggle::after{background:#fff;color:#303744;border-color:#dce0e6}
html[data-theme="light"] :is(.serverCard,.thread,.sideCard,.feed,.panel,.calendarCard,.calWrap,.filterbar,.tablebox,.mcard,.authBox,.modalBox,.cookieBanner,.sum,.featureCard,.forumActivity,.storyAdsWrap,details){background:#fff!important;border-color:var(--line)!important;color:var(--text)}
html[data-theme="light"] :is(.serverCard:hover,.thread:hover){border-color:#b5bdc9!important;box-shadow:0 8px 24px #26364d12}
html[data-theme="light"] :is(.day,.metric,.trendNum,.tag,.badge,.chip,.status,.comment-card,.commentItem,.comment-reply-context,.avatarPreviewBox,.formHelp,.callout,.shotCaption){background:#f0f2f5!important;border-color:var(--line)!important;color:#3e4857}
html[data-theme="light"] :is(.btn,.loginBtn,.filter,.pageBtn,.authTabBtn,.comment-action,.likeBtn,.commentToggleBtn,.scrollNavBtn,.interactBtn,.modalClose){background:#fff!important;border-color:#d5dae2!important;color:#303744!important}
html[data-theme="light"] :is(.btn:hover,.filter:hover,.pageBtn:hover,.comment-action:hover,.scrollNavBtn:hover,.interactBtn:hover){background:#e9edf2!important;border-color:#b6bfcc!important;color:#1e2734!important}
html[data-theme="light"] :is(.btn.gold,.btn.white,.filter.active,.pageBtn.active,.authTabBtn.active,.authSubmit,.badge.hot,.interactBtn.liked){background:#273346!important;border-color:#273346!important;color:#fff!important}
html[data-theme="light"] :is(.searchBox,.navSearch,.compactSearch,.navSearchSimple){background:#f3f5f7!important;border-color:#d5dae2!important;box-shadow:none}
html[data-theme="light"] :is(.compactSearch .searchToggle,.navSearchSimple button,.searchBox button){background:#273346!important;color:#fff!important}
html[data-theme="light"] :is(input,select,textarea){color:#273346!important;background-color:#fff!important;border-color:#cfd6df!important}
html[data-theme="light"] :is(.compactSearch input,.navSearchSimple input,.searchBox input){background-color:transparent!important}
html[data-theme="light"] :is(input,textarea)::placeholder{color:#727c8b!important}
html[data-theme="light"] :is(.player-count,.open-date,.days-open-cell,.mobile-days,.metaRow strong,.dayHead b,.thread h4 a,.threadStats b,.todayServer a,.articleLead strong,.shotCaption strong,.crumbs b,.sharedOn time,.mstrip b,.mplayers,.mfill,.comment-author,summary){color:#171717!important}
html[data-theme="light"] :is(.soft,.server span,.subtitle,.serverDesc,.pageHead p,.metaRow,.thread p,.threadStats,.trend span,.metric span,.dayHead,.event span,.sideHead span,.sum span,.filter-result,.filter-left label,.percent,.titlebar span,.sectionTitle span,.sectionHead .kicker,.authLabel,.comment-empty,.comment-header time,.comment-reply-to,.comment-reply-quote,.field label,.mstrip span,.mplayers>span,.footer,.cookieBannerInner p){color:#626c7b!important}
html[data-theme="light"] :is(.articleLead,.article p,.article ul,.comment-text,.comment-reply-context,.formHelp,.shotCaption){color:#465263!important}
html[data-theme="light"] #featured>.container>p{color:#465263!important}
html[data-theme="light"] :is(.eyebrow,.storyAdsHead b,.footerIn>div:last-child){color:#171717!important}
html[data-theme="light"] .eyebrow i{background:#171717!important}
html[data-theme="light"] :is(.activityTab,.activityMeta span,.feedHeader){background:#edf0f4;border-color:#d7dde5;color:#465263}
html[data-theme="light"] .activityTab:hover{background:#e1e6ed;color:#171717}
html[data-theme="light"] .activityTab.active{background:#273346;border-color:#273346;color:#fff}
html[data-theme="light"] :is(.metaRow,.sideHead,.trend,.todayServer,.modalHead,.commentBox,.comment-replies,td,th){border-color:var(--line)!important}
html[data-theme="light"] :is(thead,.bar){background:#e8ecf1}
html[data-theme="light"] th{color:#596575}
html[data-theme="light"] tbody tr:hover{background:#f3f5f8}
html[data-theme="light"] .heroCard{background:#fff;border-color:var(--line)}
html[data-theme="light"] .heroArt{background:radial-gradient(circle at 72% 24%,#e0e7ef,transparent 45%),linear-gradient(135deg,#fff,#edf0f5)}
html[data-theme="light"] .heroShade{background:linear-gradient(90deg,#ffffffd9,#ffffff38)}
html[data-theme="light"] .serverLogo{background:linear-gradient(135deg,#edf1f6,#dce2eb);border-color:#c6cfdb;box-shadow:0 10px 25px #23324a14}
html[data-theme="light"] .coverTitle{color:#fff}
html[data-theme="light"] .coverTitle span{color:#dce3ee}
html[data-theme="light"] .footer{background:var(--bg)!important;border-color:var(--line)!important}
html[data-theme="light"] .scrollNavBtn img{filter:none}
html[data-theme="light"] .interactBtn :is(.interactIcon,.interactLabel){color:inherit!important}
html[data-theme="light"] .comment-status{color:#b02c45}
html[data-theme="light"] .comment-action[aria-pressed="true"]{background:#e0f3e8!important;border-color:#82b99e!important;color:#216746!important}
html[data-theme="light"] .comment-action[data-vote="dislike"][aria-pressed="true"]{background:#fbe8eb!important;border-color:#d5a0aa!important;color:#a03248!important}
html[data-theme="light"] .theme-standalone-page :is(p,li,label){color:#4d596b}
html[data-theme="light"] .theme-standalone-page main{background:#fff;border-color:var(--line)}
html[data-theme="light"] .theme-standalone-page a.button{background:#273346;color:#fff}
@media(max-width:760px){
  .nav .theme-toggle{flex:0 0 40px;width:40px;height:40px;order:1}
  .nav .navSearchSimple{order:4;flex:1 0 100%;max-width:none}
  .nav .navSearchSimple input{flex:1}
}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle::after{transition:none}}
