/* BADDGES — one shared, persistent theme for the site and legal pages. */
.theme-toggle{display:grid;place-items:center;flex:none;width:42px;height:42px;min-width:42px;border:1px solid #303746;background:#111720;border-radius:999px;color:#e7edfb;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.theme-toggle:hover,.theme-toggle:focus-visible{background:#1d2637;border-color:#9771d9;color:#fff;outline:2px solid transparent}
.theme-icon{width:19px;height:19px;display:block}
.theme-toggle .sun-core,.theme-toggle .sun-rays{display:block}
.theme-toggle .moon-shape{display:none}
html[data-theme="light"] .theme-toggle .sun-core,html[data-theme="light"] .theme-toggle .sun-rays{display:none}
html[data-theme="light"] .theme-toggle .moon-shape{display:block}
.legal-language-choice+.theme-toggle{margin-left:4px}
@media(max-width:560px){.theme-toggle{width:39px;height:39px;min-width:39px}}

/* Light palette: preserve purple Twitch / green Kick accents. */
html[data-theme="light"]{
 color-scheme:light;
 --bg:#f5f7fb;--panel:#fff;--panel-soft:#edf1f7;--line:#d9dfeb;
 --text:#152138;--muted:#546277;--purple:#7d3bd5;--green:#118b49;
}
html[data-theme="light"] body{background:radial-gradient(circle at top,#edf0ff 0%,#f7f9fc 34%,#f5f7fb 74%);color:#152138}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.94);border-bottom-color:#dfe4ee;box-shadow:0 2px 15px #1a274008}
html[data-theme="light"] .brand .brand-emblem,html[data-theme="light"] .brand .brand-wordmark,
html[data-theme="light"] .legal-header .brand-emblem,html[data-theme="light"] .legal-header .brand-wordmark{filter:brightness(0) saturate(100%) opacity(.94)}
html[data-theme="light"] .header-nav .nav-link,html[data-theme="light"] .header-tool,html[data-theme="light"] .language-trigger,html[data-theme="light"] .theme-toggle{
 background:#fff;border-color:#d8dfeb;color:#26354c;box-shadow:0 2px 5px #11243a08
}
html[data-theme="light"] .header-tool:hover,html[data-theme="light"] .header-nav .nav-link:hover,html[data-theme="light"] .language-trigger:hover,html[data-theme="light"] .theme-toggle:hover{background:#edf1f8}
html[data-theme="light"] .theme-toggle{color:#283b58}
html[data-theme="light"] .theme-toggle:hover{border-color:#8353c9;color:#5d2e99}
html[data-theme="light"] .nav-count{background:#edf1f7;border-color:#d7dfed;color:#314058}
html[data-theme="light"] .header-nav .nav-link[data-page="twitch"]:is(:hover,:focus-visible,.active){color:#6b2dc2;background:#f1e9ff;border-color:#9867df}
html[data-theme="light"] .header-nav .nav-link[data-page="kick"]:is(:hover,:focus-visible,.active){color:#096e36;background:#e6f9ed;border-color:#2ebd64}
html[data-theme="light"] .header-nav .nav-link[data-page="twitch"]:is(:hover,:focus-visible,.active) .nav-count{color:#54229e}
html[data-theme="light"] .header-nav .nav-link[data-page="kick"]:is(:hover,:focus-visible,.active) .nav-count{color:#086733}
html[data-theme="light"] .header-nav .nav-link[data-page="all"]:is(:hover,:focus-visible,.active){background:linear-gradient(100deg,#f5ecff,#e6faee) padding-box,linear-gradient(105deg,#a960ff,#34e27c) border-box;border:1px solid transparent}
html[data-theme="light"] .header-nav .nav-link[data-page="all"]:is(:hover,:focus-visible,.active) [data-i18n="allPlatforms"]{background:linear-gradient(90deg,#6733ae,#126d46);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="light"] .status-indicator,html[data-theme="light"] .last-sync{color:#5d6a7f}
html[data-theme="light"] .language-menu{background:#fff;border-color:#dbe1ec;box-shadow:0 18px 40px #33445b25}
html[data-theme="light"] .language-menu button{color:#35435d}
html[data-theme="light"] .language-menu button:hover,html[data-theme="light"] .language-menu button.is-selected{background:#f0e9fe;color:#49217d}
html[data-theme="light"] .language-short{background:#eef0fa;color:#723eb3}
html[data-theme="light"] .language-trigger .lang-chevron{color:#59667a}
html[data-theme="light"] .section-header h2,html[data-theme="light"] .timeline-section h2{color:#142239}
html[data-theme="light"] .section-description,html[data-theme="light"] .source-alert,html[data-theme="light"] .global-intro{color:#546277}
html[data-theme="light"] .source-alert{background:#fff;border-color:#e2b7b7}
html[data-theme="light"] .segmented button{background:#fff;color:#293751;border-color:#d8dfeb}
html[data-theme="light"] #cost-tabs button:not(.selected),html[data-theme="light"] #schedule-cost-tabs button:not(.selected){color:#293751;background:#fff;border-color:#d8dfeb}
html[data-theme="light"] .segmented button:hover:not(.selected){background:#edf1f9;border-color:#b1bdd0}
html[data-theme="light"] .badge-card{background:linear-gradient(180deg,#fff,#f9fbff);border-color:#d6deeb;box-shadow:0 10px 30px #243a5a0e;color:#17243a}
html[data-theme="light"] .badge-card.twitch{border-color:#bd92e6;box-shadow:0 10px 30px #7a39c115}
html[data-theme="light"] .badge-card.kick{border-color:#81cba0;box-shadow:0 10px 30px #23844c13}
html[data-theme="light"] .live-badge,html[data-theme="light"] .badge-name{color:#162238}
html[data-theme="light"] .badge-expire{color:#24354d}
html[data-theme="light"] .badge-expire-label,html[data-theme="light"] .progress-summary:not(.warning):not(.danger){color:#087e44}
html[data-theme="light"] .progress-summary.warning{color:#9f630d}
html[data-theme="light"] .progress-summary.danger{color:#c02c47}
html[data-theme="light"] .badge-added-date,html[data-theme="light"] .badge-added-date span{color:#59667c}
html[data-theme="light"] .badge-added-date time{color:#2c3e55}
html[data-theme="light"] .progress-track{background:#e2e7ef}
html[data-theme="light"] .progress-track.no-timeline{background:repeating-linear-gradient(90deg,#e8ecf3,#e8ecf3 10px,#dfe5ec 10px,#dfe5ec 15px)}
html[data-theme="light"] .cost-flag.free{background:#e5f8eb;color:#08743c;border-color:#9fdcb8}
html[data-theme="light"] .cost-flag.paid{background:#f1e6ff;color:#6a29b5;border-color:#d4b4ef}
html[data-theme="light"] .cost-flag.unknown{background:#eef1f5;color:#46556b;border-color:#d0d8e5}
html[data-theme="light"] .badge-category-link{background:#f1f4fa;border-color:#dbe2ef;color:#344560}
html[data-theme="light"] .badge-category-link:hover{color:#552398}
html[data-theme="light"] .global-card{background:#fff;color:#162138;border-color:#d7ddeb}
html[data-theme="light"] .global-card-name{color:#18263d}
html[data-theme="light"] .global-card.twitch{border-color:#ba94e4}
html[data-theme="light"] .global-card.kick{border-color:#93d7ac}
html[data-theme="light"] .empty{background:#fff;color:#596981;border-color:#cbd5e4}
html[data-theme="light"] .empty-symbol{color:#53647c;border-color:#b9c5d8}
html[data-theme="light"] .show-more,html[data-theme="light"] .quiet-button,html[data-theme="light"] .badge-actions button,html[data-theme="light"] .gallery-admin-actions button{background:#fff;border-color:#d4dce9;color:#27384e}
html[data-theme="light"] .show-more:hover,html[data-theme="light"] .quiet-button:hover{background:#edf2f9}
html[data-theme="light"] .footer,html[data-theme="light"] .footer-legal a,html[data-theme="light"] .footer-copyright,html[data-theme="light"] .footer-disclaimer{color:#5e6b80}
html[data-theme="light"] .footer{border-top-color:#d8e0ed}
html[data-theme="light"] .footer-legal a:hover{color:#4c238d}
html[data-theme="light"] .footer-social{background:#fff;border-color:#d4ddec;color:#24344b}
html[data-theme="light"] a.footer-social:hover{background:#f0f3fa;color:#50309e}
/* Card-detail and admin dialogs */
html[data-theme="light"] .modal-backdrop{background:rgba(30,42,64,.53)}
html[data-theme="light"] .modal,html[data-theme="light"] .badge-detail-modal{background:#fff;color:#152238;border-color:#d7dfeb;box-shadow:0 24px 70px #26354f47}
html[data-theme="light"] .modal h2,html[data-theme="light"] .badge-detail-modal h2{color:#172138}
html[data-theme="light"] .modal-intro,html[data-theme="light"] .admin-hint{color:#57667b;border-color:#dce3ee}
html[data-theme="light"] .modal-top,html[data-theme="light"] .admin-actions{border-color:#dce3ed}
html[data-theme="light"] .detail-close,html[data-theme="light"] .icon-button{background:#f0f3f9;color:#233550;border-color:#d5deeb}
html[data-theme="light"] .detail-close:hover,html[data-theme="light"] .icon-button:hover{background:#e2e7f0;color:#0b1830}
html[data-theme="light"] .detail-hero{background:radial-gradient(ellipse at top,#eee1ff 0%,#f9f6ff 54%,#fff 100%);border-color:#e3dced}
html[data-theme="light"] .detail-hero.kick{background:radial-gradient(ellipse at top,#e3faeb 0%,#f4fcf7 55%,#fff 100%)}
html[data-theme="light"] .detail-platform{background:#f3eaff;color:#6e31b8;border-color:#d2b1ef}
html[data-theme="light"] .detail-hero.kick .detail-platform{background:#e8f8ed;color:#0c7b3d;border-color:#a5d9b9}
html[data-theme="light"] .detail-status{background:#edf2f7;color:#44556d;border-color:#ccd6e4}
html[data-theme="light"] .detail-status.active{background:#e0f8e9;color:#08723b;border-color:#93d5ad}
html[data-theme="light"] .detail-status.upcoming{background:#fff2dd;color:#8f5810;border-color:#edcb9a}
html[data-theme="light"] .detail-status.ended{color:#536075}
html[data-theme="light"] .detail-subline{color:#4b5e75}
html[data-theme="light"] .detail-type{background:#f0f3f9;color:#32445b;border-color:#d4dce8}
html[data-theme="light"] .detail-type.free{background:#e6f7eb;color:#086f39;border-color:#a1daba}
html[data-theme="light"] .detail-type.paid{background:#f2e8ff;color:#63309c;border-color:#d4b4eb}
html[data-theme="light"] .detail-progress-titles{color:#13864b}
html[data-theme="light"] .detail-category-wrap,html[data-theme="light"] .detail-facts,html[data-theme="light"] .detail-actions{border-color:#dbe2eb}
html[data-theme="light"] .detail-mini-heading,html[data-theme="light"] .detail-fact>span{color:#596881}
html[data-theme="light"] .detail-fact>strong,html[data-theme="light"] .detail-text-section h3{color:#19263c}
html[data-theme="light"] .detail-text-section p{color:#40536c}
html[data-theme="light"] .detail-no-data,html[data-theme="light"] .detail-translation-notice{color:#63718a}
html[data-theme="light"] .detail-category-link{background:#f8faff;color:#293b53;border-color:#d3ddec}
html[data-theme="light"] .detail-category-link:hover{background:#f1eafc;border-color:#9563da}
html[data-theme="light"] .detail-channel-list{background:#f9fbff;border-color:#d8e0eb}
html[data-theme="light"] .detail-channel-list summary{color:#243650;border-color:#d8e0eb}
html[data-theme="light"] .detail-channel-grid a,html[data-theme="light"] .detail-channel-grid>span{background:#eef2f9;color:#29405b;border-color:#d3dcec}
html[data-theme="light"] .detail-channel-grid a:hover{background:#ede4ff;color:#542899}
html[data-theme="light"] .detail-channel-missing{color:#58667f}
html[data-theme="light"] .detail-channel-missing a{background:#eff3fa;color:#2c4160;border-color:#c9d4e6}
html[data-theme="light"] .detail-category-placeholder,html[data-theme="light"] .detail-admin-fields{background:#f3f6fb;border-color:#d9e1ed;color:#394d65}
html[data-theme="light"] .detail-action.secondary{background:#edf1f8;color:#443171;border-color:#ccd5e4}
html[data-theme="light"] .detail-admin-fields summary{color:#273850}
html[data-theme="light"] .form-label,html[data-theme="light"] .form-block>span,html[data-theme="light"] .form-row label>span,html[data-theme="light"] .social-admin-grid label{color:#394a64}
html[data-theme="light"] :is(.form-input,.form-block input,.form-row input,.form-block textarea,.form-row select,.translation-inputs textarea,.social-admin-grid input){background:#fff;color:#14243d;border-color:#cbd5e4}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#78879a}
html[data-theme="light"] .source-details summary,html[data-theme="light"] .social-admin-details summary{color:#25354c}
html[data-theme="light"] .source-entry,html[data-theme="light"] .social-admin-details,html[data-theme="light"] #admin-import-section{background:#f5f7fc;border-color:#d9e1ec;color:#2c3e58}
html[data-theme="light"] .social-admin-details p{color:#576984}
html[data-theme="light"] .translation-language-row{border-color:#d9e1ed}
html[data-theme="light"] .translation-language-row strong{color:#30415a}
html[data-theme="light"] .source-good{color:#0b7c45}
html[data-theme="light"] .source-bad{color:#bb3045}
/* Schedule & timeline */
html[data-theme="light"] .view-switcher button,html[data-theme="light"] .schedule-back,html[data-theme="light"] .schedule-toolbar button{background:#fff;border-color:#d3dce9;color:#293b55}
html[data-theme="light"] .view-switcher button:hover,html[data-theme="light"] .schedule-back:hover,html[data-theme="light"] .schedule-toolbar button:hover{background:#edf2f8;color:#122540}
html[data-theme="light"] #view-tabs button:not(.selected):not(:hover){background:#fff;border-color:#d3dce9;color:#293b55}
html[data-theme="light"] .schedule-range,html[data-theme="light"] .schedule-sort-control{color:#4d5e74}
html[data-theme="light"] .schedule-sort-control select{background-color:#fff;color:#223650;border-color:#cdd7e6}
html[data-theme="light"] .schedule-sort-control select option{background:#fff;color:#223650}
html[data-theme="light"] .timeline-board-wrap{background:#fff;border-color:#dce3ee;scrollbar-color:#b8c6d9 #ecf0f5}
html[data-theme="light"] .timeline-day{color:#465b73;border-color:#d8e0eb}
html[data-theme="light"] .timeline-row{background:#fff;color:#192943;border-color:#e0e6ef}
html[data-theme="light"] .timeline-row:hover{background:#f4f7fc;outline-color:#a5b4ca}
html[data-theme="light"] .timeline-label{background:#f7f9fd;border-color:#dce3ee}
html[data-theme="light"] .timeline-label-copy strong{color:#1b2b45}
html[data-theme="light"] .timeline-label-copy small{color:#586b84}
html[data-theme="light"] .timeline-mini{background:#fff}
html[data-theme="light"] .timeline-lane{background:repeating-linear-gradient(90deg,#f0f3f8 0,#f0f3f8 95px,#dce4ee 95px,#dce4ee 96px)}
html[data-theme="light"] .timeline-undated h3{color:#263850}
html[data-theme="light"] .timeline-undated-card{background:#fff;color:#293c56;border-color:#d6deeb}
html[data-theme="light"] .timeline-undated-card:hover{background:#f2f5fa}
html[data-theme="light"] .timeline-undated-card small{color:#566b84}
html[data-theme="light"] .schedule-empty-period{background:#fff;color:#576981;border-color:#cfd8e6}
html[data-theme="light"] .schedule-outside{color:#65738b}
html[data-theme="light"] .timeline-now-label{background:#ffe8ed;color:#a72a44;border-color:#ee9eab}
/* Legal pages and their footer share the exact same chosen theme. */
html[data-theme="light"] .legal-header{background:#fff;border-color:#dce3ed}
html[data-theme="light"] .legal-back,html[data-theme="light"] .legal-eyebrow{color:#6d359f}
html[data-theme="light"] .legal-back:hover{color:#4c257d}
html[data-theme="light"] .legal-intro,html[data-theme="light"] .legal-section p{color:#475872}
html[data-theme="light"] .legal-section{border-color:#dbe1eb}
html[data-theme="light"] .legal-section h2,html[data-theme="light"] .legal-operator h2{color:#1d2b41}
html[data-theme="light"] .legal-operator{background:#fff;border-color:#d8dce9}
html[data-theme="light"] .legal-contact-grid span,html[data-theme="light"] .legal-bottom{color:#57677d}
html[data-theme="light"] .legal-contact-grid a{color:#6739a3}
html[data-theme="light"] .legal-notice{color:#8e5712}
html[data-theme="light"] .legal-language-choice select{color:#243852;background:#fff;border-color:#cbd7e5}
html[data-theme="light"] .legal-footer{border-color:#dbe3ed}


/* v2.17 — light theme liquid glass refinements */
html[data-theme="light"] .nav-link,
html[data-theme="light"] .header-tool,
html[data-theme="light"] .language-trigger,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .segmented button,
html[data-theme="light"] .view-switcher button,
html[data-theme="light"] .schedule-back,
html[data-theme="light"] .schedule-toolbar button,
html[data-theme="light"] .schedule-sort-control select,
html[data-theme="light"] .show-more,
html[data-theme="light"] .badge-actions a,
html[data-theme="light"] .badge-actions button,
html[data-theme="light"] .footer-social,
html[data-theme="light"] .quiet-button,
html[data-theme="light"] .detail-action,
html[data-theme="light"] .icon-button,
html[data-theme="light"] .detail-close{
  background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,255,255,.48));
  border-color:rgba(190,201,218,.75);
  box-shadow:0 12px 26px rgba(77,98,131,.10), inset 0 1px 0 rgba(255,255,255,.80);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
}
html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .header-tool:hover,
html[data-theme="light"] .language-trigger:hover,
html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .segmented button:hover,
html[data-theme="light"] .view-switcher button:hover,
html[data-theme="light"] .schedule-back:hover,
html[data-theme="light"] .schedule-toolbar button:hover,
html[data-theme="light"] .show-more:hover{
  box-shadow:0 14px 30px rgba(77,98,131,.13), inset 0 1px 0 rgba(255,255,255,.92);
}
html[data-theme="light"] .segmented button,
html[data-theme="light"] #schedule-cost-tabs button:not(.selected):not(:hover):not(:focus-visible),
html[data-theme="light"] #cost-tabs button:not(.selected):not(:hover):not(:focus-visible),
html[data-theme="light"] .view-switcher button:not(.selected):not(:hover):not(:focus-visible){
  color:#24354d;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(244,247,252,.54));
  border-color:rgba(196,206,220,.84);
}
html[data-theme="light"] #view-tabs button.selected,
html[data-theme="light"] .view-switcher button.selected{
  color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,.10);
}
html[data-theme="light"] #schedule-cost-tabs[data-scope="twitch"] button:is(.selected,:hover,:focus-visible),
html[data-theme="light"] #cost-tabs[data-scope="twitch"] button:is(.selected,:hover,:focus-visible),
html[data-theme="light"] .header-nav .nav-link[data-page="twitch"]:is(:hover,:focus-visible,.active){
  box-shadow:0 12px 28px rgba(125,59,213,.18), inset 0 1px 0 rgba(255,255,255,.35);
}
html[data-theme="light"] #schedule-cost-tabs[data-scope="kick"] button:is(.selected,:hover,:focus-visible),
html[data-theme="light"] #cost-tabs[data-scope="kick"] button:is(.selected,:hover,:focus-visible),
html[data-theme="light"] .header-nav .nav-link[data-page="kick"]:is(:hover,:focus-visible,.active){
  box-shadow:0 12px 28px rgba(17,139,73,.16), inset 0 1px 0 rgba(255,255,255,.35);
}
html[data-theme="light"] #schedule-cost-tabs[data-scope="all"] button:is(.selected,:hover,:focus-visible),
html[data-theme="light"] #cost-tabs[data-scope="all"] button:is(.selected,:hover,:focus-visible),
html[data-theme="light"] .header-nav .nav-link[data-page="all"]:is(:hover,:focus-visible,.active),
html[data-theme="light"] .view-switcher button[data-view='schedule'].selected{
  box-shadow:0 14px 30px rgba(125,59,213,.12),0 14px 30px rgba(17,139,73,.10), inset 0 1px 0 rgba(255,255,255,.42);
}
html[data-theme="light"] .schedule-sort-control select:hover,
html[data-theme="light"] .schedule-sort-control select:focus-visible{
  background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(244,247,252,.72));
}

/* v2.18 — More legible glass controls and social icons. The button surface
   remains translucent, but contrast is not reduced when a link is unset. */
:is(.topbar .nav-link, .topbar .header-tool, .topbar .language-trigger,
    .topbar .theme-toggle, .view-switcher button, .segmented button,
    .schedule-back, .schedule-toolbar button, .schedule-sort-control select,
    .footer-social){
  transition:background .18s ease,border-color .18s ease,color .18s ease,
             box-shadow .18s ease,transform .18s ease;
}

/* The old global 52% fade is what made Discord/X/Twitch/Kick unreadable. */
.footer-social.is-unset{opacity:1;cursor:not-allowed}
.footer-social svg{display:block;width:22px;height:22px;flex:none}
.footer-social.is-unset svg{opacity:.84}

html[data-theme="light"] :is(.topbar .nav-link,.topbar .header-tool,
 .topbar .language-trigger,.topbar .theme-toggle,
 .view-switcher button,.segmented button,
 .schedule-back,.schedule-toolbar button,.schedule-sort-control select){
  border-color:#c8d4e5;
  box-shadow:0 7px 18px rgba(53,70,112,.17),0 2px 4px rgba(53,70,112,.055),
             inset 0 1px 0 rgba(255,255,255,.97);
}
html[data-theme="light"] :is(.topbar .nav-link,.topbar .header-tool,
 .topbar .language-trigger,.topbar .theme-toggle,
 .view-switcher button,.segmented button,
 .schedule-back,.schedule-toolbar button):is(:hover,:focus-visible){
  box-shadow:0 10px 22px rgba(53,70,112,.21),0 2px 5px rgba(53,70,112,.075),
             inset 0 1px 0 rgba(255,255,255,.99);
}
html[data-theme="light"] :is(.topbar .nav-link,.view-switcher button,
 .segmented button,.schedule-back,.schedule-toolbar button):active{
  transform:translateY(1px);
  box-shadow:0 4px 12px rgba(53,70,112,.13),inset 0 1px 2px rgba(83,98,128,.09);
}
/* Preserve the original purple/green gradients while strengthening their depth. */
html[data-theme="light"] .header-nav .nav-link[data-page="twitch"]:is(.active,:hover,:focus-visible),
html[data-theme="light"] #view-tabs[data-scope="twitch"] button.selected,
html[data-theme="light"] #schedule-cost-tabs[data-scope="twitch"] button.selected,
html[data-theme="light"] #cost-tabs[data-scope="twitch"] button.selected{
  box-shadow:0 10px 23px rgba(138,75,225,.24),
             0 2px 5px rgba(138,75,225,.07),inset 0 1px 0 rgba(255,255,255,.48);
}
html[data-theme="light"] .header-nav .nav-link[data-page="kick"]:is(.active,:hover,:focus-visible),
html[data-theme="light"] #view-tabs[data-scope="kick"] button.selected,
html[data-theme="light"] #schedule-cost-tabs[data-scope="kick"] button.selected,
html[data-theme="light"] #cost-tabs[data-scope="kick"] button.selected{
  box-shadow:0 10px 23px rgba(20,169,85,.20),
             0 2px 5px rgba(20,169,85,.06),inset 0 1px 0 rgba(255,255,255,.55);
}
html[data-theme="light"] .header-nav .nav-link[data-page="all"]:is(.active,:hover,:focus-visible),
html[data-theme="light"] #view-tabs[data-scope="all"] button.selected,
html[data-theme="light"] #schedule-cost-tabs[data-scope="all"] button.selected,
html[data-theme="light"] #cost-tabs[data-scope="all"] button.selected{
  box-shadow:0 10px 22px rgba(144,79,216,.19),0 7px 20px rgba(31,171,104,.12),
             inset 0 1px 0 rgba(255,255,255,.47);
}

/* Social links stay visible even before the administrator configures a URL.
   No visual control becomes clickable until a valid link exists. */
html[data-theme="light"] .footer-social{
  width:43px;height:43px;border-radius:13px;
  color:#2a3954;
  background:linear-gradient(165deg,rgba(255,255,255,.94),rgba(240,245,252,.78));
  border:1px solid #c6d2e4;
  box-shadow:0 7px 17px rgba(57,77,113,.16),
             0 2px 3px rgba(57,77,113,.06),inset 0 1px 0 #fff;
}
html[data-theme="light"] .footer-social.social-discord{
  color:#5865f2;border-color:#bfc4fa;
  background:linear-gradient(160deg,#fff,#f0f0ff);
}
html[data-theme="light"] .footer-social.social-x{
  color:#172338;border-color:#c6d2e4;
}
html[data-theme="light"] .footer-social.social-twitch{
  color:#9146ff;border-color:#dcc8fb;
  background:linear-gradient(160deg,#fff,#f7f0ff);
}
html[data-theme="light"] .footer-social.social-kick{
  color:#088a42;border-color:#bee8ce;
  background:linear-gradient(160deg,#fff,#effbf3);
}
html[data-theme="light"] a.footer-social:is(:hover,:focus-visible){
  background:linear-gradient(160deg,#fff,#eef2fb);
  box-shadow:0 10px 21px rgba(57,77,113,.21),inset 0 1px 0 #fff;
}
html[data-theme="light"] a.social-discord:is(:hover,:focus-visible){
  background:#eeefff;border-color:#5865f2;color:#4b58df;
}
html[data-theme="light"] a.social-twitch:is(:hover,:focus-visible){
  background:#f3eaff;border-color:#9146ff;color:#8034eb;
}
html[data-theme="light"] a.social-kick:is(:hover,:focus-visible){
  background:#e8f9ed;border-color:#29b865;color:#087a3e;
}
html[data-theme="light"] a.social-x:is(:hover,:focus-visible){
  background:#e9eef6;border-color:#697b94;color:#111a2a;
}
html[data-theme="light"] .footer-social.is-unset{opacity:1}
html[data-theme="light"] .footer-social.is-unset svg{opacity:.84}

/* Dark mode keeps the same geometry, with defined rather than flat edges. */
html:not([data-theme="light"]) .footer-social{
  width:43px;height:43px;border-radius:13px;
  border-color:#374359;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.085);
}
html:not([data-theme="light"]) .footer-social.social-discord{color:#a5aeff}
html:not([data-theme="light"]) .footer-social.social-twitch{color:#c59bff}
html:not([data-theme="light"]) .footer-social.social-kick{color:#68efa3}
html:not([data-theme="light"]) .footer-social.social-x{color:#e6eaf2}
html:not([data-theme="light"]) .footer-social.is-unset{opacity:1}

@media (max-width:560px){
 html[data-theme="light"] .footer-social,
 html:not([data-theme="light"]) .footer-social{width:40px;height:40px}
}

/* Discord needs a slightly larger display size because its wider viewBox is fitted without clipping. */
.footer-social.social-discord svg{width:24px;height:24px}


/* v2.20 — white mode hover glow for segmented buttons */
html[data-theme="light"] #cost-tabs button:not(.selected):is(:hover,:focus-visible),
html[data-theme="light"] #schedule-cost-tabs button:not(.selected):is(:hover,:focus-visible),
html[data-theme="light"] #view-tabs button:not(.selected):is(:hover,:focus-visible){
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(246,248,252,.72));
}
html[data-theme="light"] #cost-tabs[data-scope="twitch"] button:not(.selected):is(:hover,:focus-visible),
html[data-theme="light"] #schedule-cost-tabs[data-scope="twitch"] button:not(.selected):is(:hover,:focus-visible),
html[data-theme="light"] #view-tabs[data-scope="twitch"] button:not(.selected):is(:hover,:focus-visible){
  color:#7d3bd5;
  border-color:rgba(125,59,213,.58);
  text-shadow:0 0 8px rgba(125,59,213,.16);
  box-shadow:0 0 0 1px rgba(125,59,213,.14) inset,0 8px 24px rgba(125,59,213,.12), inset 0 1px 0 rgba(255,255,255,.90);
}
html[data-theme="light"] #cost-tabs[data-scope="kick"] button:not(.selected):is(:hover,:focus-visible),
html[data-theme="light"] #schedule-cost-tabs[data-scope="kick"] button:not(.selected):is(:hover,:focus-visible),
html[data-theme="light"] #view-tabs[data-scope="kick"] button:not(.selected):is(:hover,:focus-visible){
  color:#0e8d49;
  border-color:rgba(14,141,73,.58);
  text-shadow:0 0 8px rgba(14,141,73,.12);
  box-shadow:0 0 0 1px rgba(14,141,73,.12) inset,0 8px 24px rgba(14,141,73,.10), inset 0 1px 0 rgba(255,255,255,.90);
}
html[data-theme="light"] #cost-tabs[data-scope="all"] button:not(.selected):is(:hover,:focus-visible),
html[data-theme="light"] #schedule-cost-tabs[data-scope="all"] button:not(.selected):is(:hover,:focus-visible),
html[data-theme="light"] #view-tabs[data-scope="all"] button:not(.selected):is(:hover,:focus-visible){
  color:#2b3a4e;
  border-color:rgba(180,189,204,.92);
  text-shadow:0 0 8px rgba(125,59,213,.10),0 0 8px rgba(14,141,73,.10);
  box-shadow:0 0 0 1px rgba(125,59,213,.08) inset,0 0 0 1px rgba(14,141,73,.08),0 8px 24px rgba(99,118,147,.10), inset 0 1px 0 rgba(255,255,255,.94);
}


/* v2.21 — continuous stronger purple/green fill, with no flat green end-cap.
   The colors keep changing up to the rounded tip instead of settling on
   one green tone over the last quarter. Applies to both themes. */
html :is(#cost-tabs,#schedule-cost-tabs,#view-tabs)[data-scope="all"] button.selected {
  background:linear-gradient(108deg,
    #9826fa 0%,
    #b64bff 23%,
    #937eeb 43%,
    #55cbbb 62%,
    #16eb80 82%,
    #0bc362 100%);
  background-clip:padding-box;
  border-color:transparent;
  color:#fff;
  text-shadow:0 1px 2px rgba(14,25,29,.42);
}

/* Subtle increase in light-mode hover light, without filling idle pills. */
html[data-theme="light"] :is(#cost-tabs,#schedule-cost-tabs,#view-tabs)[data-scope="twitch"] button:not(.selected):is(:hover,:focus-visible) {
  box-shadow:0 0 0 1px rgba(125,59,213,.18) inset,
    0 9px 27px rgba(125,59,213,.16),
    0 0 12px rgba(125,59,213,.10),
    inset 0 1px 0 rgba(255,255,255,.93);
}
html[data-theme="light"] :is(#cost-tabs,#schedule-cost-tabs,#view-tabs)[data-scope="kick"] button:not(.selected):is(:hover,:focus-visible) {
  box-shadow:0 0 0 1px rgba(14,141,73,.16) inset,
    0 9px 27px rgba(14,141,73,.14),
    0 0 12px rgba(14,141,73,.09),
    inset 0 1px 0 rgba(255,255,255,.93);
}
html[data-theme="light"] :is(#cost-tabs,#schedule-cost-tabs,#view-tabs)[data-scope="all"] button:not(.selected):is(:hover,:focus-visible) {
  box-shadow:0 0 0 1px rgba(125,59,213,.10) inset,
    0 0 0 1px rgba(14,141,73,.10),
    0 9px 27px rgba(99,118,147,.13),
    0 0 12px rgba(125,59,213,.065),
    0 0 12px rgba(14,141,73,.055),
    inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-theme="light"] :is(#cost-tabs,#schedule-cost-tabs,#view-tabs)[data-scope="all"] button.selected:is(:hover,:focus-visible) {
  box-shadow:0 12px 29px rgba(125,59,213,.17),
    0 10px 28px rgba(17,139,73,.14),
    inset 0 1px 0 rgba(255,255,255,.44);
}


/* v2.0.32 — keep the B silhouette ONLY in light mode.
   In dark mode the icons retain their original color/effects, with no white rim.
   The primary BADDGES brand emblem keeps its original styling in both themes. */
html[data-theme="light"] .header-nav img.nav-platform-icon,
html[data-theme="light"] .badge-card img.card-platform-mark,
html[data-theme="light"] #chat-frames img.chat-heading-icon {
  filter:
    drop-shadow(1px 0 0 #090b10)
    drop-shadow(-1px 0 0 #090b10)
    drop-shadow(0 1px 0 #090b10)
    drop-shadow(0 -1px 0 #090b10);
}

/* BADDGES v24 — maintain readable, consistent label colors in light mode. */
html[data-theme="light"] .cost-flag.free,html[data-theme="light"] .detail-type.free{background:#e2f8ea;color:#096c39;border-color:#3aa968}
html[data-theme="light"] .cost-flag.paid,html[data-theme="light"] .detail-type.paid{background:#e6f2ff;color:#07529b;border-color:#258dff}
html[data-theme="light"] .cost-flag.unknown,html[data-theme="light"] .detail-type.unknown{background:#eef2f6;color:#38475b;border-color:#a7b4c4}

/* BADDGES v28 — Yellow progress remains visible in light mode. */
html[data-theme="light"] .badge-card.upcoming .progress-summary.start-countdown,
html[data-theme="light"] .detail-progress.upcoming-start-progress .detail-progress-titles{color:#99600b}
html[data-theme="light"] .detail-progress.upcoming-start-progress .start-countdown-time{color:#99600b}
html[data-theme="light"] .badge-card.upcoming .progress-track.start-countdown-track,
html[data-theme="light"] .detail-progress.upcoming-start-progress .progress-track.start-countdown-track{background:#f1e1c5}