

*{box-sizing:border-box}html,body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}html{scroll-behavior:smooth}.academy-layout{display:grid;grid-template-columns:310px minmax(0,1fr)}.academy-sidebar{position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto;padding:20px 15px;border-right:1px solid var(--line);background:rgba(9,11,15,.97)}.academy-brand{font:800 22px Cambria,"Times New Roman",serif;color:var(--gold-soft)}.academy-brand small{display:block;font:600 10px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--muted);letter-spacing:1.8px}.side-search,.gloss-search{width:100%;margin:15px 0 10px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:#fff;outline:none}.academy-nav a{display:flex;gap:8px;align-items:center;color:#b9c0c9;text-decoration:none;font-size:12px;padding:7px 9px;border-radius:7px}.academy-nav a:hover,.academy-nav a.active{background:#1b222c;color:var(--gold-soft)}.academy-nav em{margin-left:auto;font-size:9px;color:#758091;font-style:normal}.sidebox{border:1px solid var(--line);border-radius:10px;padding:10px;margin:10px 0;background:var(--panel)}.sidebox b{font-size:12px}.progress{height:6px;background:#222a35;border-radius:99px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));width:0}.sidebox small{color:var(--muted)}.academy-main{max-width:1220px;padding:35px 42px 90px}.academy-hero{padding:34px;border:1px solid #4a3a21;background:linear-gradient(145deg,rgba(212,174,99,.12),rgba(17,21,27,.88));border-radius:18px;box-shadow:var(--shadow)}.academy-hero .eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:800}.academy-hero h1{font:800 clamp(34px,5vw,62px)/1.03 Cambria,"Times New Roman",serif;margin:10px 0}.academy-hero p{font-size:17px;color:#c3c9d1;max-width:900px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.hero-stats div{background:var(--panel);border:1px solid var(--line);padding:13px;border-radius:10px}.hero-stats b{display:block;color:var(--gold-soft);font:800 24px Cambria,"Times New Roman",serif}.hero-stats span{font-size:11px;color:var(--muted)}.academy-main section{padding:38px 0;border-top:1px solid var(--line);scroll-margin-top:88px}.academy-main section:first-of-type{border-top:0}h2{font:800 31px Cambria,"Times New Roman",serif;margin:0 0 10px;color:var(--text)}h3{font-size:19px;color:var(--gold-soft);margin:22px 0 8px}h4{margin:0 0 7px;color:#fff}p{margin:8px 0 13px}.lead{font-size:17px;color:#c8ced6}.note{font-size:12px;color:var(--muted)}.level{font:700 10px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#8290a0;border:1px solid #34404d;border-radius:99px;padding:3px 8px;margin-left:7px;vertical-align:middle}.term{border-bottom:1px dotted var(--gold-soft);color:#f1d18d;cursor:help}.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px;margin:12px 0}.box.good{border-left:4px solid var(--green)}.box.warn{border-left:4px solid var(--orange)}.box.danger{border-left:4px solid var(--red)}.box.gold{border-left:4px solid var(--gold)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.steps.compact{grid-template-columns:repeat(3,1fr)}.steps div{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 14px 14px 48px}.steps b{position:absolute;left:13px;top:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#2b2418;color:var(--gold-soft)}.steps span{display:block;font-weight:800}.steps small{display:block;color:var(--muted);line-height:1.4;margin-top:4px}.tablewrap{overflow:auto;border-radius:10px}table{width:100%;border-collapse:collapse;background:var(--panel);margin:12px 0}th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--panel2);color:var(--gold-soft);font-size:11px;text-transform:uppercase;letter-spacing:.5px}td{font-size:14px}.formula{font:13px/1.65 Consolas,monospace;padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:#d9e0e8;margin:12px 0}.pipeline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0}.pipeline span{padding:9px 11px;border:1px solid #4b3d27;background:#19150e;border-radius:8px;color:var(--gold-soft);font-weight:800}.pipeline i{color:#647080}.mistakes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mistakes div{display:flex;gap:10px;background:var(--panel);border:1px solid var(--line);padding:9px;border-radius:8px}.mistakes b{color:var(--red);font:700 11px Consolas}.mistakes span{font-size:13px}.gloss-letter{margin:24px 0}.gloss-letter>h3{position:sticky;top:0;background:var(--bg);padding:6px 0;z-index:2}.gloss-item{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:0 12px;margin:7px 0}.gloss-item summary{cursor:pointer;padding:11px 0;display:flex;gap:10px;align-items:baseline}.gloss-item summary b{color:var(--gold-soft)}.gloss-item summary span{color:#9da8b4;font-size:12px}.gloss-item p{margin:0 0 12px;color:#cbd0d6}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkgrid label{display:flex;gap:9px;background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:8px}.checkgrid input{accent-color:var(--gold);margin-top:5px}.tooltip{position:fixed;z-index:9999;max-width:380px;padding:11px 12px;background:#050709;border:1px solid #5c4a2d;border-radius:9px;box-shadow:0 12px 30px #000;color:#e9edf2;pointer-events:none;display:none}.tooltip b{color:var(--gold-soft)}.tooltip small{display:block;color:#99a4b0;margin:2px 0 4px}.hidden{display:none!important}.footer{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);color:#75808d;font-size:12px}@media(max-width:980px){.academy-layout{display:block}.academy-sidebar{position:relative;top:auto;height:auto}.academy-nav{columns:2}.academy-main{padding:25px 18px 70px}.hero-stats,.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.academy-nav{columns:1}.hero-stats,.steps,.steps.compact,.twocol,.mistakes,.checkgrid{grid-template-columns:1fr}.academy-hero{padding:22px}h2{font-size:26px}}

.guide-academy{--gold2:var(--gold-soft);min-height:100vh;color:var(--text);font-size:15px;line-height:1.72}
.guide-academy .academy-layout{width:min(1500px,100%);margin:0 auto}
.guide-academy .academy-sidebar{background:rgba(18,14,11,.96);border-right-color:var(--line)}
.guide-academy .side-search,.guide-academy .gloss-search{background:var(--panel2);color:var(--text)}
.guide-academy .academy-hero{background:linear-gradient(145deg,rgba(214,173,90,.13),rgba(32,24,19,.93));border-color:#5b422c}
.guide-academy .academy-hero p,.guide-academy .lead,.guide-academy .gloss-item p{color:var(--text)}
.guide-academy .box,.guide-academy .steps div,.guide-academy .mistakes div,.guide-academy .gloss-item,.guide-academy .checkgrid label{background:var(--panel)}
.guide-academy .formula{background:var(--panel2)}
.guide-academy .pipeline span{background:#261c13;border-color:#5b422c;color:var(--gold-soft)}
html[data-theme="light"] .guide-academy .academy-sidebar{background:rgba(250,246,240,.97)}
html[data-theme="light"] .guide-academy .academy-nav a{color:#65584c}
html[data-theme="light"] .guide-academy .academy-nav a:hover,html[data-theme="light"] .guide-academy .academy-nav a.active{background:#eee5da;color:#3d3025}
html[data-theme="light"] .guide-academy .academy-hero{background:linear-gradient(145deg,rgba(214,173,90,.13),rgba(255,250,244,.97));border-color:#d8c4ad}
html[data-theme="light"] .guide-academy .hero-stats div,html[data-theme="light"] .guide-academy .sidebox,html[data-theme="light"] .guide-academy .box,html[data-theme="light"] .guide-academy .steps div,html[data-theme="light"] .guide-academy .mistakes div,html[data-theme="light"] .guide-academy .gloss-item,html[data-theme="light"] .guide-academy .checkgrid label{background:#fffaf4;border-color:#d8c8b6}
html[data-theme="light"] .guide-academy .formula,html[data-theme="light"] .guide-academy table{background:#fff;color:#2f261e}
html[data-theme="light"] .guide-academy th{background:#f0e6da;color:#6f4f2b}
html[data-theme="light"] .guide-academy td{color:#3f3328}
html[data-theme="light"] .guide-academy .pipeline span{background:#f6ecdd;border-color:#d8c4ad;color:#795725}
html[data-theme="light"] .guide-academy .tooltip{background:#fffaf4;color:#2f261e;box-shadow:0 12px 30px rgba(70,50,30,.18)}
html[data-theme="light"] .guide-academy .academy-hero p,html[data-theme="light"] .guide-academy .lead,html[data-theme="light"] .guide-academy .gloss-item p{color:#5f5348}
html[data-theme="light"] .guide-academy h2,html[data-theme="light"] .guide-academy h4{color:#3b2d22}
html[data-theme="light"] .guide-academy .formula{color:#4d4136}
html[data-theme="light"] .guide-academy .term{color:#8a5c22}

/* ===== Guide light theme contrast refinement ===== */
html[data-theme="light"] .guide-academy{
  --gold:#a66a20;
  --gold-soft:#744913;
  --text:#2b221b;
  --muted:#6d5f52;
  --line:#ccb69d;
  --panel:#fffdf9;
  --panel2:#f2e7d9;
}
html[data-theme="light"] .guide-academy .academy-sidebar{
  background:#f7f0e7;
  border-right-color:#c9b39a;
}
html[data-theme="light"] .guide-academy .academy-brand{color:#7a4d17}
html[data-theme="light"] .guide-academy .academy-brand small{color:#706154}
html[data-theme="light"] .guide-academy .side-search,
html[data-theme="light"] .guide-academy .gloss-search{
  background:#fffdf9;
  border-color:#cdb79f;
  color:#2b221b;
}
html[data-theme="light"] .guide-academy .side-search::placeholder,
html[data-theme="light"] .guide-academy .gloss-search::placeholder{color:#8f8072}
html[data-theme="light"] .guide-academy .sidebox{
  background:#fffaf3;
  border-color:#cdb79f;
}
html[data-theme="light"] .guide-academy .academy-nav a{color:#55493f}
html[data-theme="light"] .guide-academy .academy-nav a:hover,
html[data-theme="light"] .guide-academy .academy-nav a.active{
  background:#e8dccd;
  color:#2e241c;
}
html[data-theme="light"] .guide-academy .academy-nav em{color:#76685b}
html[data-theme="light"] .guide-academy .academy-hero{
  background:linear-gradient(145deg,#f0e2cf 0%,#fbf7f0 52%,#f6ede2 100%);
  border-color:#c9aa82;
  box-shadow:0 15px 34px rgba(84,55,29,.13);
}
html[data-theme="light"] .guide-academy .academy-hero .eyebrow{color:#9b6119}
html[data-theme="light"] .guide-academy .academy-hero h1{color:#2b2119}
html[data-theme="light"] .guide-academy .academy-hero p{color:#514439}
html[data-theme="light"] .guide-academy .hero-stats div{
  background:#fffdf9;
  border-color:#cdb79f;
}
html[data-theme="light"] .guide-academy .hero-stats b{color:#805016}
html[data-theme="light"] .guide-academy .hero-stats span{color:#66594d}
html[data-theme="light"] .guide-academy h2{color:#2a211a}
html[data-theme="light"] .guide-academy h3{color:#744913}
html[data-theme="light"] .guide-academy h4{color:#30251d}
html[data-theme="light"] .guide-academy p,
html[data-theme="light"] .guide-academy .lead{color:#4d4137}
html[data-theme="light"] .guide-academy .note,
html[data-theme="light"] .guide-academy .steps small{color:#6c5f53}
html[data-theme="light"] .guide-academy .level{
  color:#5f7184;
  border-color:#9aa8b5;
  background:#f7fafc;
}
html[data-theme="light"] .guide-academy .term{
  color:#7c4d13;
  border-bottom-color:#9b6727;
  font-weight:700;
}
html[data-theme="light"] .guide-academy .box,
html[data-theme="light"] .guide-academy .steps div,
html[data-theme="light"] .guide-academy .mistakes div,
html[data-theme="light"] .guide-academy .gloss-item,
html[data-theme="light"] .guide-academy .checkgrid label{
  background:#fffdf9;
  border-color:#ceb9a1;
}
html[data-theme="light"] .guide-academy .steps b{
  background:#eadbc7;
  color:#68400f;
}
html[data-theme="light"] .guide-academy .steps span{color:#2e241c}
html[data-theme="light"] .guide-academy .formula{
  background:#eee2d4;
  border-color:#c8b199;
  color:#3f342b;
}
html[data-theme="light"] .guide-academy table{background:#fffdf9}
html[data-theme="light"] .guide-academy th{
  background:#e9dccb;
  color:#654315;
  border-color:#c7b097;
}
html[data-theme="light"] .guide-academy td{
  color:#3a3027;
  border-color:#d0bca5;
}
html[data-theme="light"] .guide-academy .pipeline span{
  background:#eadac6;
  border-color:#c7a87f;
  color:#65400f;
}
html[data-theme="light"] .guide-academy .pipeline i{color:#75685c}
html[data-theme="light"] .guide-academy .gloss-item summary b{color:#724711}
html[data-theme="light"] .guide-academy .gloss-item summary span{color:#685c50}
html[data-theme="light"] .guide-academy .gloss-item p{color:#4d4238}
html[data-theme="light"] .guide-academy .progress{background:#d8cec2}
html[data-theme="light"] .guide-academy .progress i{
  background:linear-gradient(90deg,#a56b21,#d09a48);
}
html[data-theme="light"] .guide-academy .tooltip{
  background:#2d241c;
  color:#fffaf3;
  border-color:#8f622c;
  box-shadow:0 12px 30px rgba(49,35,22,.26);
}
html[data-theme="light"] .guide-academy .tooltip b{color:#f0cf8b}
html[data-theme="light"] .guide-academy .tooltip small{color:#d1c2b3}

/* ===== Guide sidebar scrollbar refinement ===== */
.guide-academy .academy-sidebar{
  scrollbar-width:thin;
  scrollbar-color:rgba(207,164,88,.42) transparent;
  scrollbar-gutter:stable;
}
.guide-academy .academy-sidebar::-webkit-scrollbar{
  width:8px;
}
.guide-academy .academy-sidebar::-webkit-scrollbar-track{
  background:transparent;
}
.guide-academy .academy-sidebar::-webkit-scrollbar-thumb{
  background:rgba(207,164,88,.34);
  border:2px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
  min-height:44px;
}
.guide-academy .academy-sidebar:hover::-webkit-scrollbar-thumb{
  background:rgba(224,181,97,.62);
  border:2px solid transparent;
  background-clip:padding-box;
}
.guide-academy .academy-sidebar::-webkit-scrollbar-thumb:hover{
  background:rgba(239,198,112,.85);
  border:1px solid transparent;
  background-clip:padding-box;
}
html[data-theme="light"] .guide-academy .academy-sidebar{
  scrollbar-color:rgba(132,86,34,.42) transparent;
}
html[data-theme="light"] .guide-academy .academy-sidebar::-webkit-scrollbar-thumb{
  background:rgba(132,86,34,.30);
  border:2px solid transparent;
  background-clip:padding-box;
}
html[data-theme="light"] .guide-academy .academy-sidebar:hover::-webkit-scrollbar-thumb{
  background:rgba(132,86,34,.52);
  border:2px solid transparent;
  background-clip:padding-box;
}

/* ===== Scroll-spy chapter navigation: one stable active chapter ===== */
.guide-academy .academy-nav a,
.guide-academy .academy-nav a:visited{
  background:transparent;
  color:#b9c0c9;
  border-left:3px solid transparent;
  box-shadow:none;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.guide-academy .academy-nav a:hover{
  background:rgba(207,164,88,.08);
  color:var(--gold-soft);
  border-left-color:rgba(207,164,88,.45);
}
.guide-academy .academy-nav a.active,
.guide-academy .academy-nav a.active:hover{
  background:linear-gradient(90deg,rgba(207,164,88,.20),rgba(207,164,88,.07));
  color:#ffe3a0;
  border-left-color:#d6a94f;
  box-shadow:inset 0 0 0 1px rgba(214,169,79,.14);
}
.guide-academy .academy-nav a.active span{font-weight:750}
.guide-academy .academy-nav a.active em{color:#d9b76e}

html[data-theme="light"] .guide-academy .academy-nav a,
html[data-theme="light"] .guide-academy .academy-nav a:visited{
  background:transparent;
  color:#55493f;
}
html[data-theme="light"] .guide-academy .academy-nav a:hover{
  background:rgba(132,86,34,.08);
  color:#6d4517;
  border-left-color:rgba(132,86,34,.40);
}
html[data-theme="light"] .guide-academy .academy-nav a.active,
html[data-theme="light"] .guide-academy .academy-nav a.active:hover{
  background:linear-gradient(90deg,rgba(153,101,40,.16),rgba(153,101,40,.055));
  color:#5b360e;
  border-left-color:#966226;
  box-shadow:inset 0 0 0 1px rgba(132,86,34,.12);
}
html[data-theme="light"] .guide-academy .academy-nav a.active em{color:#885a25}



/* DONATE — copied from Leveling */
/* =========================================================
   DONATE DOCK — fixed bottom-right, restored after CSS update
   ========================================================= */
.donate-dock{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.donate-dock[hidden]{display:none !important}

.donate-btn{
  border:1px solid #6a4d32;
  background:linear-gradient(180deg,#2a2019,#17120f);
  color:#e8c58c;
  padding:9px 13px;
  cursor:pointer;
  font-size:12px;
  box-shadow:0 6px 18px #0007;
}
.donate-btn:hover{
  border-color:#a77640;
  color:#f5d7a5;
  background:linear-gradient(180deg,#34271e,#1d1612);
}

.donate-panel{
  width:min(430px,calc(100vw - 28px));
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  gap:14px;
  position:relative;
  padding:16px;
  border:1px solid #6a4d32;
  background:linear-gradient(180deg,#211914,#120f0d);
  color:#d9d0c3;
  box-shadow:0 16px 42px #000a;
}
.donate-panel[aria-hidden="true"]{display:none}
.donate-panel[aria-hidden="false"]{display:grid}

.donate-panel-copy strong{
  display:block;
  color:#e7c78f;
  font-size:14px;
  line-height:1.4;
  margin:0 26px 7px 0;
}
.donate-panel-copy p{
  margin:0 0 12px;
  color:#a99d8e;
  font-size:12px;
  line-height:1.45;
}
.donate-info{
  display:grid;
  gap:5px;
}
.donate-info>div{
  display:flex;
  gap:8px;
  align-items:baseline;
  font-size:12px;
}
.donate-info span{
  color:#8f8376;
  min-width:78px;
}
.donate-info b{
  color:#e2d6c5;
  word-break:break-word;
}

.donate-qr{
  width:132px;
  height:132px;
  object-fit:contain;
  background:#fff;
  border:1px solid #76563a;
  padding:4px;
  align-self:center;
}
.donate-close{
  position:absolute;
  top:7px;
  right:7px;
  width:24px;
  height:24px;
  border:1px solid #5b4332;
  background:#17110e;
  color:#b9ad9d;
  cursor:pointer;
  line-height:20px;
  padding:0;
}
.donate-close:hover{
  color:#fff;
  border-color:#9c7041;
}

/* Light mode */
body.light .donate-btn{
  background:linear-gradient(180deg,#f4eee6,#e5ddd3);
  color:#704817;
  border-color:#b89a72;
  box-shadow:0 5px 16px rgba(50,40,30,.14);
}
body.light .donate-btn:hover{
  background:linear-gradient(180deg,#fff8ef,#eadfce);
  color:#7a4d16;
  border-color:#9d7b50;
}
body.light .donate-panel{
  background:#fffdf9;
  color:#2d2925;
  border-color:#b89a72;
  box-shadow:0 16px 38px rgba(48,38,27,.22);
}
body.light .donate-panel-copy strong{color:#7a4b12}
body.light .donate-panel-copy p{color:#655e57}
body.light .donate-info span{color:#756d65}
body.light .donate-info b{color:#2d2925}
body.light .donate-close{
  background:#f3ece3;
  color:#5f4a35;
  border-color:#b8a792;
}
body.light .donate-qr{border-color:#b89a72}

@media(max-width:600px){
  .donate-dock{right:10px;bottom:10px}
  .donate-panel{
    grid-template-columns:1fr;
    width:min(360px,calc(100vw - 20px));
  }
  .donate-qr{
    width:150px;
    height:150px;
    justify-self:center;
  }
}


/* ===== DONATE BUTTON — yellow pill reference ===== */
.donate-btn,
body.light .donate-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:40px !important;
  padding:9px 18px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ffdd00 !important;
  color:#000 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
.donate-btn:hover,
body.light .donate-btn:hover{
  background:#ffe43b !important;
  color:#000 !important;
  border:0 !important;
  transform:none !important;
}
.donate-btn span{
  font:inherit !important;
  color:inherit !important;
  font-weight:700 !important;
}


/* Online current-page counter: slightly larger */
.online-current-page, .online-count, #onlineCount, #onlineUsers {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* ===== ONLINE CURRENT PAGE — larger text =====
   Chữ +25%, riêng số online +30%. */
.online-current-page,
.online-status,
.online-counter,
#onlineCurrentPage,
#onlineStatus,
#onlineCounter{
  font-size:18.75px !important;
}
.online-current-page .online-count,
.online-status .online-count,
.online-counter .online-count,
#onlineCurrentPage .online-count,
#onlineStatus .online-count,
#onlineCounter .online-count,
#onlineCount{
  font-size:19.5px !important;
}


/* ===== DONATE BUTTON — yellow pill reference ===== */
.donate-btn,
body.light .donate-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:40px !important;
  padding:9px 18px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ffdd00 !important;
  color:#000 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
.donate-btn:hover,
body.light .donate-btn:hover{
  background:#ffe43b !important;
  color:#000 !important;
  border:0 !important;
  transform:none !important;
}
.donate-btn span{
  font:inherit !important;
  color:inherit !important;
  font-weight:700 !important;
}


/* Online current-page counter: slightly larger */
.online-current-page, .online-count, #onlineCount, #onlineUsers {
  font-size: 15px !important;
  line-height: 1.5 !important;
}


/* ===== DONATE TEXT MARQUEE — text moves inside yellow pill ===== */
.donate-btn{
  width:250px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  justify-content:flex-start !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.donate-btn > span{
  display:inline-block !important;
  flex:0 0 auto !important;
  padding-left:250px !important;
  animation:donateTextMarquee 7s linear infinite !important;
  will-change:transform;
}
@keyframes donateTextMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}
.donate-btn:hover > span{
  animation-play-state:paused !important;
}
@media (prefers-reduced-motion:reduce){
  .donate-btn > span{animation:none !important;padding-left:18px !important}
}


/* ===== DONATE MARQUEE EDGE SPACING + remove old leading heart ===== */
.donate-btn{
  position:relative !important;
}
.donate-btn::before,
.donate-btn::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:16px;
  z-index:3;
  pointer-events:none;
  background:#ffd900;
}
.donate-btn::before{left:0;border-radius:999px 0 0 999px}
.donate-btn::after{right:0;border-radius:0 999px 999px 0}
body.light .donate-btn::before,
body.light .donate-btn::after{background:#ffd900}
.donate-btn > span{
  padding-left:278px !important;
  padding-right:34px !important;
  position:relative;
  z-index:1;
}



/* ===== DONATE MARQUEE V4 — quick seamless restart ===== */
.donate-btn{
  width:250px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  justify-content:flex-start !important;
  padding-left:0 !important;
  padding-right:0 !important;
  position:relative !important;
}
.donate-btn > span{
  display:inline-block !important;
  flex:0 0 auto !important;
  padding-left:18px !important;
  padding-right:18px !important;
  position:relative !important;
  z-index:1 !important;
  animation:donateTextMarqueeV4 5.8s linear infinite !important;
  will-change:transform;
}
@keyframes donateTextMarqueeV4{
  from{transform:translateX(250px)}
  to{transform:translateX(-100%)}
}
.donate-btn:hover > span{animation-play-state:paused !important}
.donate-btn::before,.donate-btn::after{
  content:"";position:absolute;top:0;bottom:0;width:16px;z-index:3;pointer-events:none;background:#ffd900;
}
.donate-btn::before{left:0;border-radius:999px 0 0 999px}
.donate-btn::after{right:0;border-radius:0 999px 999px 0}
body.light .donate-btn::before,body.light .donate-btn::after{background:#ffd900}
@media (prefers-reduced-motion:reduce){.donate-btn > span{animation:none !important;transform:none !important;padding-left:18px !important}}



/* ===== DONATE MARQUEE V6 — mathematically seamless loop, no snap ===== */
.donate-btn{
  width:250px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  justify-content:flex-start !important;
  padding:0 !important;
  position:relative !important;
}
.donate-btn > .donate-marquee-track{
  display:flex !important;
  align-items:center !important;
  width:max-content !important;
  min-width:max-content !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 !important;
  position:relative !important;
  z-index:1 !important;
  animation:donateMarqueeSeamlessV6 6.2s linear infinite !important;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.donate-btn .donate-copy{
  display:inline-block !important;
  flex:0 0 auto !important;
  box-sizing:border-box !important;
  padding:0 30px 0 0 !important;
  margin:0 !important;
  white-space:nowrap !important;
}
@keyframes donateMarqueeSeamlessV6{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.donate-btn:hover > .donate-marquee-track{animation-play-state:paused !important}
.donate-btn::before,.donate-btn::after{
  content:"";position:absolute;top:0;bottom:0;width:18px;z-index:3;pointer-events:none;background:#ffd900;
}
.donate-btn::before{left:0;border-radius:999px 0 0 999px}
.donate-btn::after{right:0;border-radius:0 999px 999px 0}
body.light .donate-btn::before,body.light .donate-btn::after{background:#ffd900}
@media (prefers-reduced-motion:reduce){
  .donate-btn > .donate-marquee-track{animation:none !important;transform:none !important}
  .donate-btn .donate-copy:nth-child(2){display:none !important}
}
