:root{--mbao-green:#6A1B9A;--mbao-green2:#2d6a52;--mbao-gold:#b89a5a;--mbao-bg:#fbfaf7;--mbao-card:#fff;--mbao-ink:#1b2722;--mbao-muted:#6b7771;--mbao-line:#e5e9e6;--mbao-reader-size:1;--mbao-reader-line:2}
body.mbao-body{margin:0;background:var(--mbao-bg);color:var(--mbao-ink);font-family:"Noto Sans Malayalam","Noto Sans",system-ui,sans-serif}
body.mbao-body[data-theme=dark]{--mbao-bg:#111715;--mbao-card:#18211e;--mbao-ink:#eef1ed;--mbao-muted:#aeb9b2;--mbao-line:#2c3631}
body.mbao-body[data-theme=sepia]{--mbao-bg:#f5efe1;--mbao-card:#fbf7eb;--mbao-ink:#3d3425;--mbao-muted:#7a6e5a;--mbao-line:#dfd4bf}
*{box-sizing:border-box}.mbao-container{max-width:1180px;margin:auto;padding:0 22px}.mbao-header{position:sticky;top:0;z-index:60;background:rgba(251,250,247,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--mbao-line)}body[data-theme=dark] .mbao-header{background:rgba(17,23,21,.96)}.mbao-nav{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px}.mbao-logo{color:var(--mbao-purple-600);text-decoration:none;font-size:1.2rem;font-weight:900}.mbao-links{display:flex;gap:18px;align-items:center}.mbao-links a{color:var(--mbao-muted);font-weight:800;text-decoration:none}.mbao-theme,.mbao-reader-tools button{border:1px solid var(--mbao-line);background:var(--mbao-card);color:var(--mbao-ink);border-radius:10px;padding:8px 11px;cursor:pointer}
.mbao-hero{padding:82px 0 72px;background:radial-gradient(circle at 85% 15%,#eaf3ed 0,transparent 35%),linear-gradient(135deg,#f4f8f5,#fbfaf7)}body[data-theme=dark] .mbao-hero{background:linear-gradient(135deg,#17221d,#111715)}.mbao-kicker{font-weight:900;color:var(--mbao-green2);letter-spacing:.04em}.mbao-hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:1.02;letter-spacing:-.04em;margin:14px 0 18px}.mbao-hero p,.mbao-lead{max-width:760px;color:var(--mbao-muted);font-size:1.12rem;line-height:1.9}.mbao-search{display:flex;gap:10px;max-width:820px;margin-top:28px}.mbao-search input{flex:1;padding:16px 18px;border:1px solid var(--mbao-line);border-radius:13px;background:var(--mbao-card);color:var(--mbao-ink);font:inherit}.mbao-search button,.mbao-primary{border:0;background:var(--mbao-purple-600);color:#fff;border-radius:12px;padding:14px 20px;font-weight:900;text-decoration:none}.mbao-section{padding:58px 0}.mbao-section h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.mbao-section h2{font-size:2rem}.mbao-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.mbao-section-head a{color:var(--mbao-purple-600);font-weight:800}.mbao-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mbao-feature-card{background:var(--mbao-purple-600);color:#fff;border-radius:22px;padding:32px;text-decoration:none;min-height:210px}.mbao-feature-card+ .mbao-feature-card{background:#e8efe9;color:var(--mbao-ink)}.mbao-feature-card h3{font-size:2rem;margin:12px 0}.mbao-feature-card p{line-height:1.8}.mbao-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.mbao-card{display:flex;flex-direction:column;gap:8px;background:var(--mbao-card);border:1px solid var(--mbao-line);border-radius:16px;padding:20px;text-decoration:none;color:inherit;transition:.16s}.mbao-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(20,50,38,.08)}.mbao-card strong{font-size:1.16rem}.mbao-card span,.mbao-card small{color:var(--mbao-muted)}.mbao-continue{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--mbao-card);border:1px solid var(--mbao-line);border-radius:20px;padding:24px}.mbao-daily{background:linear-gradient(135deg,var(--mbao-purple-600),var(--mbao-green2));color:#fff;border-radius:22px;padding:34px}.mbao-daily blockquote{font-size:1.45rem;line-height:1.9;margin:14px 0}.mbao-daily a{color:#fff;font-weight:900}.mbao-footer{margin-top:60px;padding:42px 0;background:#17221d;color:#dce5df}.mbao-footer p{color:#acb8b1}.mbao-mobilebar{display:none}
.mbao-bookhead{padding:58px 0 30px}.mbao-intro{max-width:800px;color:var(--mbao-muted);font-size:1.05rem;line-height:1.95;margin:26px 0}.mbao-chapters,.mbao-chapterbar{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.mbao-chapters a,.mbao-chapterbar a{padding:10px 8px;text-align:center;background:var(--mbao-card);border:1px solid var(--mbao-line);border-radius:9px;text-decoration:none}.mbao-chapterbar{margin:18px 0 28px}.mbao-chapterbar a.active{background:var(--mbao-purple-600);color:#fff;border-color:var(--mbao-purple-600)}
.mbao-reader-shell{background:var(--mbao-bg)}.mbao-reader{max-width:860px;margin:auto;padding:36px 20px 90px}.mbao-reader-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.mbao-crumb{color:var(--mbao-muted)}.mbao-reader-tools{display:flex;gap:7px}.mbao-reader-title{font-size:clamp(2.2rem,5vw,3.8rem);margin:18px 0}.mbao-reading{font-size:calc(1.18rem * var(--mbao-reader-size));line-height:var(--mbao-reader-line)}.mbao-verse{position:relative;padding:9px 6px;margin:2px 0;border-radius:11px}.mbao-verse.selected{background:color-mix(in srgb,var(--mbao-purple-600) 7%,transparent)}.mbao-verse.saved{border-left:4px solid var(--mbao-gold);padding-left:12px}.mbao-verse.highlight-yellow{background:rgba(234,200,75,.25)}.mbao-vnum{font-size:.72em;font-weight:900;color:var(--mbao-purple-600);margin-right:9px;vertical-align:top}.mbao-actions{display:none;gap:5px;margin:8px 0 0 30px}.mbao-verse.selected .mbao-actions{display:flex}.mbao-actions button{border:1px solid var(--mbao-line);background:var(--mbao-card);color:var(--mbao-ink);border-radius:8px;padding:6px 8px;cursor:pointer}.mbao-note-panel{margin:10px 0 0 30px;border-top:1px dashed var(--mbao-line);padding-top:8px;color:var(--mbao-muted);font-size:.9em}.mbao-chapter-nav{display:flex;justify-content:space-between;gap:10px;margin-top:40px}.mbao-chapter-nav a{border:1px solid var(--mbao-line);background:var(--mbao-card);padding:11px 15px;border-radius:10px;text-decoration:none}.mbao-reading-settings{position:fixed;right:18px;bottom:20px;z-index:80}.mbao-reading-settings>button{border:0;background:var(--mbao-purple-600);color:#fff;border-radius:50%;width:52px;height:52px;font-weight:900;cursor:pointer}.mbao-settings-panel{display:none;position:absolute;right:0;bottom:62px;width:280px;background:var(--mbao-card);border:1px solid var(--mbao-line);border-radius:16px;padding:18px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.mbao-settings-panel.open{display:block}.mbao-settings-panel label{display:block;font-weight:800;margin:12px 0}.mbao-settings-panel input{width:100%}.mbao-theme-row{display:flex;gap:7px}.mbao-theme-row button{border:1px solid var(--mbao-line);background:var(--mbao-card);color:var(--mbao-ink);padding:8px 10px;border-radius:8px}.mbao-results{max-width:850px}.mbao-result{display:block;text-decoration:none;color:inherit;border-bottom:1px solid var(--mbao-line);padding:18px 0}.mbao-result strong{color:var(--mbao-purple-600)}.mbao-result p{margin:6px 0;color:var(--mbao-muted)}.mbao-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.mbao-filters a{padding:8px 12px;border:1px solid var(--mbao-line);border-radius:999px;text-decoration:none}.mbao-saved-list{display:grid;gap:12px}
@media(max-width:720px){.mbao-links a:nth-child(n+2){display:none}.mbao-two{grid-template-columns:1fr}.mbao-search{flex-direction:column}.mbao-search button{width:100%}.mbao-continue{flex-direction:column;align-items:flex-start}.mbao-mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--mbao-card);border-top:1px solid var(--mbao-line);justify-content:space-around;padding:8px}.mbao-mobilebar a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--mbao-muted);font-size:18px}.mbao-mobilebar small{font-size:10px}.mbao-footer{padding-bottom:85px}.mbao-reader{padding-bottom:110px}}

/* v4.3 interaction model */
.mbao-verse.active-selected{background:rgba(31,75,58,.10);box-shadow:inset 3px 0 0 var(--mbao-purple-600)}
.mbao-verse.show-actions .mbao-actions{display:flex}
@media (hover:none){.mbao-verse .mbao-actions{display:none}.mbao-verse.show-actions .mbao-actions{display:flex}}

/* =========================================================
   v4.4 — Purple visual system + dark-mode contrast repair
   ========================================================= */
:root{
  --mbao-purple:#6A1B9A;
  --mbao-purple-deep:#4A116B;
  --mbao-purple-soft:#8E44AD;
  --mbao-purple-pale:#EDE2F4;
  --mbao-purple-glow:rgba(106,27,154,.18);
  --mbao-purple-hover:rgba(106,27,154,.12);
  --mbao-surface:#ffffff;
  --mbao-surface-soft:#f7f2fa;
  --mbao-text:#211526;
  --mbao-text-muted:#665a6b;
  --mbao-border:rgba(106,27,154,.16);
}

/* Replace the previous green design accents globally. */
.mbao-kicker,
.mbao-brand,
.mbao-logo,
.mbao-section a,
.mbao-card a,
.mbao-chapter-nav a:hover,
.mbao-link,
.mbao-accent{
  color:var(--mbao-purple);
}
.mbao-primary,
.mbao-button-primary,
button.mbao-primary,
.mbao-hero-accent{
  background:var(--mbao-purple);
}
.mbao-primary:hover,
.mbao-button-primary:hover,
button.mbao-primary:hover{
  background:var(--mbao-purple-deep);
}
.mbao-reader-shell,
.mbao-reader{
  --mbao-green:var(--mbao-purple);
}

/* Light-mode cards: consistent readable text. */
.mbao-card{
  background:var(--mbao-surface);
  color:var(--mbao-text);
  border-color:var(--mbao-border);
}
.mbao-card strong,
.mbao-card h1,
.mbao-card h2,
.mbao-card h3,
.mbao-card h4{
  color:var(--mbao-text);
}
.mbao-card span,
.mbao-card p,
.mbao-card small{
  color:var(--mbao-text-muted);
}

/* Dark mode: explicitly override inherited light card styles.
   This fixes the white-card/white-text problem shown in the screenshot. */
body[data-theme="dark"],
.mbao-dark{
  --mbao-surface:#19131d;
  --mbao-surface-soft:#211a26;
  --mbao-text:#f8f3fb;
  --mbao-text-muted:#d1c7d6;
  --mbao-border:rgba(205,160,230,.22);
  --mbao-purple:#B96BE0;
  --mbao-purple-deep:#D08AEE;
  --mbao-purple-soft:#C88AE8;
  --mbao-purple-hover:rgba(185,107,224,.18);
  --mbao-purple-glow:rgba(185,107,224,.22);
  background:#0f0c11;
  color:var(--mbao-text);
}
body[data-theme="dark"] .mbao-card,
.mbao-dark .mbao-card{
  background:var(--mbao-surface) !important;
  color:var(--mbao-text) !important;
  border-color:var(--mbao-border) !important;
}
body[data-theme="dark"] .mbao-card strong,
body[data-theme="dark"] .mbao-card h1,
body[data-theme="dark"] .mbao-card h2,
body[data-theme="dark"] .mbao-card h3,
body[data-theme="dark"] .mbao-card h4,
.mbao-dark .mbao-card strong,
.mbao-dark .mbao-card h1,
.mbao-dark .mbao-card h2,
.mbao-dark .mbao-card h3,
.mbao-dark .mbao-card h4{
  color:#fff !important;
}
body[data-theme="dark"] .mbao-card span,
body[data-theme="dark"] .mbao-card p,
body[data-theme="dark"] .mbao-card small,
.mbao-dark .mbao-card span,
.mbao-dark .mbao-card p,
.mbao-dark .mbao-card small{
  color:var(--mbao-text-muted) !important;
}
body[data-theme="dark"] .mbao-card a,
.mbao-dark .mbao-card a{
  color:var(--mbao-purple) !important;
}

/* Page headings and utility links in dark mode. */
body[data-theme="dark"] .mbao-section h1,
body[data-theme="dark"] .mbao-section h2,
body[data-theme="dark"] .mbao-section h3{
  color:#fff !important;
}
body[data-theme="dark"] .mbao-section > a,
body[data-theme="dark"] .mbao-section .mbao-link{
  color:var(--mbao-purple) !important;
}

/* Requested transparent hover/selected effect.
   Existing hover styling is retained; this adds a translucent purple layer. */
.mbao-card,
.mbao-verse,
.mbao-book-card,
.mbao-grid > *,
.mbao-list-item,
.mbao-result{
  transition:background-color .18s ease, box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.mbao-card:hover,
.mbao-book-card:hover,
.mbao-grid > *:hover,
.mbao-list-item:hover,
.mbao-result:hover{
  background-image:linear-gradient(var(--mbao-purple-hover),var(--mbao-purple-hover));
  border-color:rgba(106,27,154,.30);
  box-shadow:0 8px 28px var(--mbao-purple-glow);
}
body[data-theme="dark"] .mbao-card:hover,
body[data-theme="dark"] .mbao-book-card:hover,
body[data-theme="dark"] .mbao-grid > *:hover,
body[data-theme="dark"] .mbao-list-item:hover,
body[data-theme="dark"] .mbao-result:hover{
  background-image:linear-gradient(var(--mbao-purple-hover),var(--mbao-purple-hover));
  border-color:rgba(185,107,224,.34);
}

/* Selected verse: transparent purple overlay in addition to the existing effect. */
.mbao-verse.active-selected{
  background-image:linear-gradient(var(--mbao-purple-hover),var(--mbao-purple-hover)) !important;
  box-shadow:inset 3px 0 0 var(--mbao-purple), 0 0 0 1px rgba(106,27,154,.08);
}
body[data-theme="dark"] .mbao-verse.active-selected{
  background-image:linear-gradient(var(--mbao-purple-hover),var(--mbao-purple-hover)) !important;
  box-shadow:inset 3px 0 0 var(--mbao-purple), 0 0 0 1px rgba(185,107,224,.14);
}

/* Long-press action state gets the same subtle translucent indication. */
.mbao-verse.show-actions{
  background-image:linear-gradient(var(--mbao-purple-hover),var(--mbao-purple-hover)) !important;
}

/* Purple focus ring for keyboard/accessibility. */
.mbao-card:focus-visible,
.mbao-verse:focus-visible,
button:focus-visible,
a:focus-visible{
  outline:3px solid rgba(106,27,154,.35);
  outline-offset:2px;
}

/* Preserve readable dark-mode text for common generic elements that may
   otherwise inherit the old light palette. */
body[data-theme="dark"] .mbao-empty,
body[data-theme="dark"] .mbao-meta,
body[data-theme="dark"] .mbao-kicker{
  color:var(--mbao-text-muted) !important;
}
body[data-theme="dark"] .mbao-kicker{
  color:var(--mbao-purple) !important;
}


/* =========================================================
   v4.5 — Complete purple palette / contrast pass
   ========================================================= */
:root{
  --mbao-purple-50:#FBF7FD;
  --mbao-purple-100:#F1E7F6;
  --mbao-purple-200:#DFC6EA;
  --mbao-purple-300:#C89BD9;
  --mbao-purple-400:#AE6CC7;
  --mbao-purple-500:#8E44AD;
  --mbao-purple-600:#6A1B9A;
  --mbao-purple-700:#55157C;
  --mbao-purple-800:#3B0E56;
  --mbao-purple-900:#250936;
  --mbao-dark:#160B1D;
  --mbao-dark-2:#1D1026;
  --mbao-dark-3:#281536;
  --mbao-text:#241A29;
  --mbao-text-muted:#665A6B;
  --mbao-white:#FFFFFF;
  --mbao-border:rgba(106,27,154,.16);
  --mbao-purple-hover:rgba(106,27,154,.10);
  --mbao-purple-selected:rgba(106,27,154,.14);
}

body{
  background:#FCFAFD;
  color:var(--mbao-text);
}

/* Eliminate legacy green variables/usages at the design-system level. */
.mbao-reader-shell,
.mbao-reader,
.mbao-site{
  --mbao-green:var(--mbao-purple-600) !important;
  --mbao-green-dark:var(--mbao-purple-700) !important;
  --mbao-green-light:var(--mbao-purple-100) !important;
}

/* Global green-to-purple component overrides. */
.mbao-brand,
.mbao-logo,
.mbao-kicker,
.mbao-accent,
.mbao-link,
.mbao-section a,
.mbao-card a,
.mbao-chapter-nav a:hover{
  color:var(--mbao-purple-600) !important;
}
.mbao-primary,
.mbao-button-primary,
button.mbao-primary,
.mbao-hero-accent{
  background:var(--mbao-purple-600) !important;
  color:#fff !important;
}
.mbao-primary:hover,
.mbao-button-primary:hover,
button.mbao-primary:hover{
  background:var(--mbao-purple-700) !important;
}

/* Cards must never inherit an unreadable foreground/background pair. */
.mbao-card,
.mbao-book-card,
.mbao-list-item,
.mbao-result{
  background:#fff !important;
  color:var(--mbao-text) !important;
  border-color:var(--mbao-border) !important;
}
.mbao-card strong,
.mbao-card h1,.mbao-card h2,.mbao-card h3,.mbao-card h4,
.mbao-book-card strong,.mbao-book-card h1,.mbao-book-card h2,
.mbao-book-card h3,.mbao-book-card h4,
.mbao-list-item strong,.mbao-result strong{
  color:var(--mbao-text) !important;
}
.mbao-card span,.mbao-card p,.mbao-card small,
.mbao-book-card span,.mbao-book-card p,.mbao-book-card small,
.mbao-list-item span,.mbao-result span,.mbao-result p{
  color:var(--mbao-text-muted) !important;
}

/* Purple feature cards: no green backgrounds. */
.mbao-card--featured,
.mbao-feature-card,
.mbao-hero-card{
  background:var(--mbao-purple-700) !important;
  color:#fff !important;
}
.mbao-card--featured *,
.mbao-feature-card *,
.mbao-hero-card *{
  color:#fff !important;
}

/* Dark mode uses very dark purple, never black. */
body[data-theme="dark"],
body.mbao-dark,
.mbao-dark{
  background:var(--mbao-dark) !important;
  color:#F8F1FB !important;
  --mbao-purple-500:#B56BD0;
  --mbao-purple-600:#C27ADB;
  --mbao-purple-700:#D08CE8;
  --mbao-purple-hover:rgba(194,122,219,.15);
  --mbao-purple-selected:rgba(194,122,219,.20);
  --mbao-text:#F8F1FB;
  --mbao-text-muted:#D5C8DA;
  --mbao-border:rgba(194,122,219,.25);
}
body[data-theme="dark"] .mbao-card,
body[data-theme="dark"] .mbao-book-card,
body[data-theme="dark"] .mbao-list-item,
body[data-theme="dark"] .mbao-result,
body.mbao-dark .mbao-card,
.mbao-dark .mbao-card,
.mbao-dark .mbao-book-card,
.mbao-dark .mbao-list-item,
.mbao-dark .mbao-result{
  background:var(--mbao-dark-2) !important;
  color:#F8F1FB !important;
  border-color:var(--mbao-border) !important;
}
body[data-theme="dark"] .mbao-card strong,
body[data-theme="dark"] .mbao-card h1,
body[data-theme="dark"] .mbao-card h2,
body[data-theme="dark"] .mbao-card h3,
body[data-theme="dark"] .mbao-card h4,
body[data-theme="dark"] .mbao-book-card *,
body[data-theme="dark"] .mbao-result strong,
.mbao-dark .mbao-card strong,
.mbao-dark .mbao-card h1,
.mbao-dark .mbao-card h2,
.mbao-dark .mbao-card h3,
.mbao-dark .mbao-card h4{
  color:#FFFFFF !important;
}
body[data-theme="dark"] .mbao-card span,
body[data-theme="dark"] .mbao-card p,
body[data-theme="dark"] .mbao-card small,
body[data-theme="dark"] .mbao-result p,
body[data-theme="dark"] .mbao-result span,
.mbao-dark .mbao-card span,
.mbao-dark .mbao-card p,
.mbao-dark .mbao-card small{
  color:#D5C8DA !important;
}
body[data-theme="dark"] .mbao-card a,
body[data-theme="dark"] .mbao-section a,
.mbao-dark .mbao-card a,
.mbao-dark .mbao-section a{
  color:#D08CE8 !important;
}

/* Dark feature cards are very dark purple, not black/green. */
body[data-theme="dark"] .mbao-card--featured,
body[data-theme="dark"] .mbao-feature-card,
body[data-theme="dark"] .mbao-hero-card,
.mbao-dark .mbao-card--featured,
.mbao-dark .mbao-feature-card,
.mbao-dark .mbao-hero-card{
  background:var(--mbao-dark-3) !important;
}

/* Section headings / utility links. */
body[data-theme="dark"] .mbao-section h1,
body[data-theme="dark"] .mbao-section h2,
body[data-theme="dark"] .mbao-section h3{
  color:#fff !important;
}
body[data-theme="dark"] .mbao-section > a,
body[data-theme="dark"] .mbao-section .mbao-link{
  color:#D08CE8 !important;
}

/* Existing hover + requested transparent purple hover/selected effect. */
.mbao-card,.mbao-book-card,.mbao-list-item,.mbao-result,.mbao-verse{
  transition:background-color .18s ease,background-image .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.mbao-card:hover,.mbao-book-card:hover,.mbao-list-item:hover,.mbao-result:hover{
  background-image:linear-gradient(var(--mbao-purple-hover),var(--mbao-purple-hover)) !important;
  border-color:rgba(106,27,154,.30) !important;
  box-shadow:0 8px 28px rgba(106,27,154,.12);
}
body[data-theme="dark"] .mbao-card:hover,
body[data-theme="dark"] .mbao-book-card:hover,
body[data-theme="dark"] .mbao-list-item:hover,
body[data-theme="dark"] .mbao-result:hover{
  background-image:linear-gradient(var(--mbao-purple-hover),var(--mbao-purple-hover)) !important;
  border-color:rgba(194,122,219,.36) !important;
  box-shadow:0 8px 28px rgba(194,122,219,.12);
}
.mbao-verse.active-selected,
.mbao-verse.show-actions{
  background-image:linear-gradient(var(--mbao-purple-selected),var(--mbao-purple-selected)) !important;
  box-shadow:inset 3px 0 0 var(--mbao-purple-600) !important;
}
body[data-theme="dark"] .mbao-verse.active-selected,
body[data-theme="dark"] .mbao-verse.show-actions{
  box-shadow:inset 3px 0 0 #D08CE8 !important;
}

/* Inputs / selects / controls. */
input:focus,select:focus,textarea:focus,
button:focus-visible,a:focus-visible{
  border-color:var(--mbao-purple-600) !important;
  outline:3px solid rgba(106,27,154,.20) !important;
  outline-offset:2px;
}

/* Remove common literal green backgrounds/colors if inherited from old UI. */
.mbao-green,
.bg-green,
.text-green,
.is-green{
  background-color:var(--mbao-purple-600) !important;
  color:#fff !important;
}


/* v4.5.1 — Verse number typography +5% */
.mbao-verse .mbao-verse-number,
.mbao-verse .verse-number,
.mbao-verse .mbao-vnum,
.mbao-verse-number{
  font-size:1.05em !important;
}


/* v4.5.2 — darker purple dark mode */
body[data-theme="dark"],
body.mbao-dark,
.mbao-dark{
  --mbao-dark:#0F0714;
  --mbao-dark-2:#160B1D;
  --mbao-dark-3:#21102D;
  background-color:#0F0714 !important;
}
body[data-theme="dark"] .mbao-hero,
body[data-theme="dark"] .mbao-footer,
body[data-theme="dark"] .mbao-site,
body[data-theme="dark"] .mbao-reader-shell{
  background-color:#0F0714 !important;
}
body[data-theme="dark"] .mbao-card,
body[data-theme="dark"] .mbao-continue,
body[data-theme="dark"] .mbao-daily{
  background-color:#160B1D !important;
}
body[data-theme="dark"] .mbao-feature-card,
body[data-theme="dark"] .mbao-daily{
  background-image:linear-gradient(135deg,#21102D,#160B1D) !important;
}

/* v4.5.2 — verse number font reduced 1% from v4.5.1 */
.mbao-verse .mbao-verse-number,
.mbao-verse .verse-number,
.mbao-verse .mbao-vnum,
.mbao-verse-number{
  font-size:1.04em !important;
}


/* v4.5.2 — chapter selector title */
.mbao-chapter-selector-title{
  display:block;
  margin:0 0 .55rem;
  font-size:.92rem;
  font-weight:700;
  color:var(--mbao-purple-600,#6A1B9A);
  letter-spacing:.01em;
}
body[data-theme="dark"] .mbao-chapter-selector-title{
  color:#D08CE8 !important;
}


/* v4.5.3 — visible chapter selector heading */
.mbao-chapter-selector-title{
  display:block !important;
  margin:0 0 .6rem !important;
  color:#6A1B9A !important;
  font-size:.95rem !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}
body[data-theme="dark"] .mbao-chapter-selector-title{
  color:#D08CE8 !important;
}

/* v4.5.3 — final verse-number size */
.mbao-verse .mbao-verse-number,
.mbao-verse .verse-number,
.mbao-verse .mbao-vnum,
.mbao-verse-number{font-size:1.04em !important;}


/* v4.5.3 — 30% darker very-dark-purple background */
body[data-theme="dark"],
body.mbao-dark,
.mbao-dark{
  --mbao-dark:#0F0714;
  --mbao-dark-2:#160B1D;
  --mbao-dark-3:#21102D;
  background-color:#0F0714 !important;
}
body[data-theme="dark"] .mbao-hero,
body[data-theme="dark"] .mbao-footer,
body[data-theme="dark"] .mbao-site,
body[data-theme="dark"] .mbao-reader-shell{
  background-color:#0F0714 !important;
}
body[data-theme="dark"] .mbao-card,
body[data-theme="dark"] .mbao-continue,
body[data-theme="dark"] .mbao-daily{
  background-color:#160B1D !important;
}
body[data-theme="dark"] .mbao-feature-card,
body[data-theme="dark"] .mbao-daily{
  background-image:linear-gradient(135deg,#21102D,#160B1D) !important;
}

/* Final no-green feature-card override */
.mbao-feature-card,
.mbao-feature-card:first-child,
.mbao-feature-card:nth-child(2){
  background-color:#6A1B9A !important;
  background-image:none !important;
  color:#fff !important;
}
.mbao-feature-card *,
.mbao-feature-card:first-child *,
.mbao-feature-card:nth-child(2) *{color:#fff !important;}
body[data-theme="dark"] .mbao-feature-card,
body[data-theme="dark"] .mbao-feature-card:first-child,
body[data-theme="dark"] .mbao-feature-card:nth-child(2){
  background-color:#21102D !important;
  background-image:linear-gradient(135deg,#21102D,#160B1D) !important;
}


/* v4.5.4 — final dark hero contrast/readability repair */

/* Dark hero/card surfaces: explicitly very dark purple, never teal/green. */
body[data-theme="dark"] .mbao-hero,
body[data-theme="dark"] .mbao-hero-card,
body[data-theme="dark"] .mbao-continue,
body[data-theme="dark"] .mbao-daily,
body.mbao-dark .mbao-hero,
body.mbao-dark .mbao-hero-card,
body.mbao-dark .mbao-continue,
body.mbao-dark .mbao-daily,
.mbao-dark .mbao-hero,
.mbao-dark .mbao-hero-card,
.mbao-dark .mbao-continue,
.mbao-dark .mbao-daily{
  background:#21102D !important;
  background-image:none !important;
  color:#FFFFFF !important;
  border-color:rgba(194,122,219,.28) !important;
}

/* Hero typography: white primary text and soft lavender secondary text. */
body[data-theme="dark"] .mbao-hero *,
body[data-theme="dark"] .mbao-hero-card *,
body[data-theme="dark"] .mbao-continue *,
body[data-theme="dark"] .mbao-daily *,
body.mbao-dark .mbao-hero *,
body.mbao-dark .mbao-hero-card *,
body.mbao-dark .mbao-continue *,
body.mbao-dark .mbao-daily *,
.mbao-dark .mbao-hero *,
.mbao-dark .mbao-hero-card *,
.mbao-dark .mbao-continue *,
.mbao-dark .mbao-daily *{
  color:#FFFFFF !important;
}
body[data-theme="dark"] .mbao-hero p,
body[data-theme="dark"] .mbao-hero small,
body[data-theme="dark"] .mbao-hero .mbao-meta,
body[data-theme="dark"] .mbao-hero-card p,
body[data-theme="dark"] .mbao-continue p,
body[data-theme="dark"] .mbao-daily p,
.mbao-dark .mbao-hero p,
.mbao-dark .mbao-hero small,
.mbao-dark .mbao-hero-card p,
.mbao-dark .mbao-continue p,
.mbao-dark .mbao-daily p{
  color:#E8DDF0 !important;
}

/* CTA/button: saturated purple with white text. */
body[data-theme="dark"] .mbao-hero a,
body[data-theme="dark"] .mbao-hero button,
body[data-theme="dark"] .mbao-hero .mbao-button,
body[data-theme="dark"] .mbao-hero-card a,
body[data-theme="dark"] .mbao-hero-card button,
body[data-theme="dark"] .mbao-continue a,
body[data-theme="dark"] .mbao-daily a,
.mbao-dark .mbao-hero a,
.mbao-dark .mbao-hero button,
.mbao-dark .mbao-hero .mbao-button,
.mbao-dark .mbao-hero-card a,
.mbao-dark .mbao-hero-card button,
.mbao-dark .mbao-continue a,
.mbao-dark .mbao-daily a{
  background:#8E44AD !important;
  background-image:none !important;
  color:#FFFFFF !important;
  border-color:#8E44AD !important;
  text-shadow:none !important;
  opacity:1 !important;
}
body[data-theme="dark"] .mbao-hero a:hover,
body[data-theme="dark"] .mbao-hero button:hover,
body[data-theme="dark"] .mbao-hero .mbao-button:hover,
body[data-theme="dark"] .mbao-hero-card a:hover,
body[data-theme="dark"] .mbao-continue a:hover,
body[data-theme="dark"] .mbao-daily a:hover,
.mbao-dark .mbao-hero a:hover,
.mbao-dark .mbao-hero button:hover,
.mbao-dark .mbao-hero .mbao-button:hover{
  background:#6A1B9A !important;
  color:#FFFFFF !important;
}

/* Hero kicker/eyebrow remains purple but readable. */
body[data-theme="dark"] .mbao-hero .mbao-kicker,
body[data-theme="dark"] .mbao-hero-card .mbao-kicker,
.mbao-dark .mbao-hero .mbao-kicker,
.mbao-dark .mbao-hero-card .mbao-kicker{
  color:#D08CE8 !important;
}

/* Kill any inherited green feature/hero treatment by class. */
body[data-theme="dark"] .mbao-green,
body[data-theme="dark"] .bg-green,
body[data-theme="dark"] .is-green,
.mbao-dark .mbao-green,
.mbao-dark .bg-green,
.mbao-dark .is-green{
  background:#21102D !important;
  color:#FFFFFF !important;
}


/* =========================================================
   v4.5.5 — COMPLETE DARK-MODE READABILITY PASS
   Scoped to the actual plugin body class so the dark palette
   wins over legacy green/teal rules and theme overrides.
   ========================================================= */

/* Actual dark-mode variables used by the reader. */
body.mbao-body[data-theme="dark"]{
  --mbao-bg:#0F0714 !important;
  --mbao-card:#160B1D !important;
  --mbao-ink:#FFFFFF !important;
  --mbao-muted:#D8CBE0 !important;
  --mbao-line:rgba(194,122,219,.25) !important;
  --mbao-green:#8E44AD !important;
  --mbao-green2:#D08CE8 !important;
  --mbao-gold:#C88AE8 !important;
  background:#0F0714 !important;
  color:#FFFFFF !important;
}

/* The entire plugin surface must inherit the readable dark palette. */
body.mbao-body[data-theme="dark"] .mbao-site,
body.mbao-body[data-theme="dark"] .mbao-header,
body.mbao-body[data-theme="dark"] .mbao-hero,
body.mbao-body[data-theme="dark"] .mbao-section,
body.mbao-body[data-theme="dark"] .mbao-bookhead,
body.mbao-body[data-theme="dark"] .mbao-reader-shell,
body.mbao-body[data-theme="dark"] .mbao-reader,
body.mbao-body[data-theme="dark"] .mbao-footer{
  background-color:#0F0714 !important;
  color:#FFFFFF !important;
}

/* Remove the old green hero gradient completely. */
body.mbao-body[data-theme="dark"] .mbao-hero{
  background:#160B1D !important;
  background-image:linear-gradient(135deg,#21102D,#160B1D) !important;
}

/* All major typography: white primary, light lavender secondary. */
body.mbao-body[data-theme="dark"] h1,
body.mbao-body[data-theme="dark"] h2,
body.mbao-body[data-theme="dark"] h3,
body.mbao-body[data-theme="dark"] h4,
body.mbao-body[data-theme="dark"] h5,
body.mbao-body[data-theme="dark"] h6,
body.mbao-body[data-theme="dark"] .mbao-hero h1,
body.mbao-body[data-theme="dark"] .mbao-section h1,
body.mbao-body[data-theme="dark"] .mbao-section h2,
body.mbao-body[data-theme="dark"] .mbao-reader-title,
body.mbao-body[data-theme="dark"] .mbao-bookhead h1,
body.mbao-body[data-theme="dark"] .mbao-bookhead h2{
  color:#FFFFFF !important;
  text-shadow:none !important;
}
body.mbao-body[data-theme="dark"] p,
body.mbao-body[data-theme="dark"] .mbao-hero p,
body.mbao-body[data-theme="dark"] .mbao-lead,
body.mbao-body[data-theme="dark"] .mbao-intro,
body.mbao-body[data-theme="dark"] .mbao-meta,
body.mbao-body[data-theme="dark"] small{
  color:#D8CBE0 !important;
}

/* Kicker, breadcrumbs and links are lavender, not dark purple. */
body.mbao-body[data-theme="dark"] .mbao-kicker,
body.mbao-body[data-theme="dark"] .mbao-crumb,
body.mbao-body[data-theme="dark"] .mbao-links a,
body.mbao-body[data-theme="dark"] a{
  color:#D08CE8 !important;
}
body.mbao-body[data-theme="dark"] a:hover{
  color:#E5B8F2 !important;
}

/* Search/control surfaces. */
body.mbao-body[data-theme="dark"] .mbao-search input,
body.mbao-body[data-theme="dark"] .mbao-theme,
body.mbao-body[data-theme="dark"] .mbao-reader-tools button,
body.mbao-body[data-theme="dark"] .mbao-actions button{
  background:#160B1D !important;
  color:#FFFFFF !important;
  border-color:rgba(194,122,219,.30) !important;
}
body.mbao-body[data-theme="dark"] .mbao-search input::placeholder{
  color:#B9A9C0 !important;
}

/* Buttons: strong purple + white text. */
body.mbao-body[data-theme="dark"] .mbao-search button,
body.mbao-body[data-theme="dark"] .mbao-primary,
body.mbao-body[data-theme="dark"] .mbao-button,
body.mbao-body[data-theme="dark"] button{
  background:#8E44AD !important;
  color:#FFFFFF !important;
  border-color:#8E44AD !important;
  opacity:1 !important;
}
body.mbao-body[data-theme="dark"] .mbao-search button:hover,
body.mbao-body[data-theme="dark"] .mbao-primary:hover,
body.mbao-body[data-theme="dark"] button:hover{
  background:#6A1B9A !important;
  color:#FFFFFF !important;
}

/* Chapter selector: dark purple cards + lavender numbers; active is white. */
body.mbao-body[data-theme="dark"] .mbao-chapters,
body.mbao-body[data-theme="dark"] .mbao-chapterbar{
  color:#FFFFFF !important;
}
body.mbao-body[data-theme="dark"] .mbao-chapters a,
body.mbao-body[data-theme="dark"] .mbao-chapterbar a{
  background:#160B1D !important;
  color:#D08CE8 !important;
  border-color:rgba(194,122,219,.24) !important;
}
body.mbao-body[data-theme="dark"] .mbao-chapters a:hover,
body.mbao-body[data-theme="dark"] .mbao-chapterbar a:hover{
  background:rgba(194,122,219,.15) !important;
  color:#F1D9F8 !important;
}
body.mbao-body[data-theme="dark"] .mbao-chapters a.active,
body.mbao-body[data-theme="dark"] .mbao-chapterbar a.active{
  background:#8E44AD !important;
  color:#FFFFFF !important;
  border-color:#8E44AD !important;
}

/* Chapter title. */
body.mbao-body[data-theme="dark"] .mbao-chapter-selector-title,
body.mbao-body[data-theme="dark"] .chapter-selector-title{
  color:#D08CE8 !important;
}

/* Reader text: force readable Malayalam text and verse numbers. */
body.mbao-body[data-theme="dark"] .mbao-reading,
body.mbao-body[data-theme="dark"] .mbao-verse,
body.mbao-body[data-theme="dark"] .mbao-verse *{
  color:#FFFFFF !important;
}
body.mbao-body[data-theme="dark"] .mbao-vnum,
body.mbao-body[data-theme="dark"] .mbao-verse-number,
body.mbao-body[data-theme="dark"] .verse-number{
  color:#D08CE8 !important;
}

/* Selected verse: translucent purple only. */
body.mbao-body[data-theme="dark"] .mbao-verse.selected,
body.mbao-body[data-theme="dark"] .mbao-verse.active-selected,
body.mbao-body[data-theme="dark"] .mbao-verse.show-actions{
  background:rgba(194,122,219,.16) !important;
  background-image:none !important;
  box-shadow:inset 3px 0 0 #D08CE8 !important;
}

/* Cards and continuation/daily surfaces. */
body.mbao-body[data-theme="dark"] .mbao-card,
body.mbao-body[data-theme="dark"] .mbao-book-card,
body.mbao-body[data-theme="dark"] .mbao-list-item,
body.mbao-body[data-theme="dark"] .mbao-result,
body.mbao-body[data-theme="dark"] .mbao-continue,
body.mbao-body[data-theme="dark"] .mbao-daily,
body.mbao-body[data-theme="dark"] .mbao-feature-card{
  background:#160B1D !important;
  background-image:none !important;
  color:#FFFFFF !important;
  border-color:rgba(194,122,219,.24) !important;
}
body.mbao-body[data-theme="dark"] .mbao-card h1,
body.mbao-body[data-theme="dark"] .mbao-card h2,
body.mbao-body[data-theme="dark"] .mbao-card h3,
body.mbao-body[data-theme="dark"] .mbao-card h4,
body.mbao-body[data-theme="dark"] .mbao-card p,
body.mbao-body[data-theme="dark"] .mbao-card span,
body.mbao-body[data-theme="dark"] .mbao-book-card *,
body.mbao-body[data-theme="dark"] .mbao-feature-card *{
  color:#FFFFFF !important;
}

/* Preserve readable secondary card text. */
body.mbao-body[data-theme="dark"] .mbao-card p,
body.mbao-body[data-theme="dark"] .mbao-card small,
body.mbao-body[data-theme="dark"] .mbao-card .meta{
  color:#D8CBE0 !important;
}

/* Dark hover overlay. */
body.mbao-body[data-theme="dark"] .mbao-card:hover,
body.mbao-body[data-theme="dark"] .mbao-book-card:hover,
body.mbao-body[data-theme="dark"] .mbao-feature-card:hover,
body.mbao-body[data-theme="dark"] .mbao-result:hover{
  background:rgba(194,122,219,.12) !important;
  background-image:none !important;
  border-color:rgba(194,122,219,.38) !important;
}

/* Mobile bottom bar. */
body.mbao-body[data-theme="dark"] .mbao-mobilebar{
  background:#160B1D !important;
  border-top-color:rgba(194,122,219,.25) !important;
}
body.mbao-body[data-theme="dark"] .mbao-mobilebar a,
body.mbao-body[data-theme="dark"] .mbao-mobilebar small{
  color:#D8CBE0 !important;
}

/* =========================================================
   v5.0 — product polish, drawer, search preview, PWA, mobile
   ========================================================= */
body.mbao-body{--mbao-purple-600:#6A1B9A;--mbao-purple-deep:#4A116B}
.mbao-logo{display:flex;align-items:center;gap:10px}.mbao-logo img{width:178px;height:auto;display:block}.mbao-drawer-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--mbao-line);background:var(--mbao-card);color:var(--mbao-ink);border-radius:10px;padding:9px 12px;font:inherit;font-weight:800;cursor:pointer}
.mbao-drawer{position:fixed;top:0;left:0;bottom:0;width:min(380px,88vw);z-index:150;background:var(--mbao-card);border-right:1px solid var(--mbao-line);transform:translateX(-105%);transition:transform .24s ease;overflow:auto;box-shadow:18px 0 50px rgba(0,0,0,.18)}.mbao-drawer.open{transform:translateX(0)}.mbao-drawer-backdrop{position:fixed;inset:0;background:rgba(10,2,15,.48);z-index:140;opacity:0;pointer-events:none;transition:opacity .2s}.mbao-drawer-backdrop.open{opacity:1;pointer-events:auto}.mbao-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--mbao-line);position:sticky;top:0;background:var(--mbao-card);z-index:2}.mbao-drawer-head button{border:0;background:transparent;color:var(--mbao-ink);font-size:30px;cursor:pointer}.mbao-drawer-body{padding:18px}.mbao-drawer-group h3{color:var(--mbao-purple-600);font-size:1rem;margin:12px 0}.mbao-drawer-book{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;color:var(--mbao-ink);text-decoration:none}.mbao-drawer-book:hover{background:rgba(106,27,154,.10)}
.mbao-hero .mbao-container{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:40px;align-items:center}.mbao-hero-art{min-height:310px;border-radius:30px;background:radial-gradient(circle at 50% 25%,rgba(208,140,232,.42),transparent 28%),linear-gradient(145deg,#3B0E56,#160B1D 68%,#050108);position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(50,8,70,.25)}.mbao-cross{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:8rem;color:#F4DDFB;text-shadow:0 0 40px rgba(208,140,232,.7)}.mbao-book-art{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:5rem;filter:drop-shadow(0 14px 18px rgba(0,0,0,.3))}.mbao-quick-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.mbao-quick-links a{border:1px solid rgba(194,122,219,.35);background:rgba(194,122,219,.10);color:var(--mbao-purple-600);border-radius:999px;padding:8px 12px;text-decoration:none;font-weight:800}.mbao-daily{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.mbao-daily-actions{display:flex;gap:8px;flex-wrap:wrap}.mbao-daily-actions button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.mbao-daily-actions button:hover{background:rgba(255,255,255,.22)}
.mbao-result{position:relative}.mbao-result-open{border:1px solid var(--mbao-line);background:var(--mbao-card);color:var(--mbao-purple-600);border-radius:9px;padding:8px 11px;font-weight:800;cursor:pointer}.mbao-result-open:hover{background:rgba(106,27,154,.10)}.mbao-result-modal{position:fixed;inset:0;z-index:170;background:rgba(8,2,12,.62);display:none;align-items:center;justify-content:center;padding:20px}.mbao-result-modal.open{display:flex}.mbao-result-modal-card{width:min(680px,100%);background:var(--mbao-card);color:var(--mbao-ink);border:1px solid var(--mbao-line);border-radius:22px;padding:28px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.35)}.mbao-result-modal-card>button{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--mbao-ink);font-size:30px;cursor:pointer}.mbao-result-modal-card p{font-size:1.3rem;line-height:2;margin:25px 0}.mbao-my-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.mbao-auth{max-width:700px}.mbao-auth-card{max-width:520px;background:var(--mbao-card);border:1px solid var(--mbao-line);border-radius:22px;padding:26px}.mbao-auth-card input{width:100%;padding:12px;border:1px solid var(--mbao-line);border-radius:10px;background:var(--mbao-bg);color:var(--mbao-ink);margin:5px 0 14px}.mbao-auth-card input[type=submit]{background:var(--mbao-purple-600);color:#fff;border:0;font-weight:900}.mbao-reading-settings{bottom:24px}.mbao-mobilebar{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:900px){.mbao-hero .mbao-container{grid-template-columns:1fr}.mbao-hero-art{min-height:220px}.mbao-my-grid{grid-template-columns:1fr 1fr}.mbao-daily{flex-direction:column;align-items:flex-start}}
@media(max-width:720px){.mbao-logo img{width:140px}.mbao-logo span{display:none}.mbao-links a:nth-child(n+2){display:none}.mbao-drawer-toggle span{display:none}.mbao-reading-settings{right:14px;bottom:86px;z-index:125}.mbao-settings-panel{bottom:62px}.mbao-hero{padding:58px 0}.mbao-hero-art{display:none}.mbao-my-grid{grid-template-columns:1fr}.mbao-daily{padding:24px}.mbao-daily blockquote{font-size:1.2rem}.mbao-result-modal-card{padding:24px}.mbao-reading{touch-action:pan-y}.mbao-verse{touch-action:pan-y}.mbao-mobilebar{z-index:100}.mbao-footer{padding-bottom:95px}}
/* Dark-mode final v5: almost-black purple, not green. */
body.mbao-body[data-theme="dark"]{--mbao-bg:#050108 !important;--mbao-card:#0E0612 !important;--mbao-ink:#FFFFFF !important;--mbao-muted:#DDD1E4 !important;--mbao-line:rgba(208,140,232,.25) !important;background:#050108 !important;color:#fff !important}
body.mbao-body[data-theme="dark"] .mbao-header{background:rgba(5,1,8,.96) !important}.mbao-body[data-theme="dark"] .mbao-footer{background:#09020D !important}.mbao-body[data-theme="dark"] .mbao-drawer{background:#0E0612 !important}.mbao-body[data-theme="dark"] .mbao-hero{background:linear-gradient(145deg,#0E0612,#050108) !important}.mbao-body[data-theme="dark"] .mbao-daily{background:linear-gradient(145deg,#4A116B,#250936) !important}.mbao-body[data-theme="dark"] .mbao-hero-art{background:radial-gradient(circle at 50% 25%,rgba(208,140,232,.22),transparent 28%),linear-gradient(145deg,#250936,#0E0612 68%,#050108)}
.mbao-body[data-theme="dark"] .mbao-quick-links a{color:#D08CE8}.mbao-body[data-theme="dark"] .mbao-card,.mbao-body[data-theme="dark"] .mbao-continue,.mbao-body[data-theme="dark"] .mbao-result,.mbao-body[data-theme="dark"] .mbao-result-modal-card,.mbao-body[data-theme="dark"] .mbao-auth-card{background:#0E0612 !important;color:#fff !important}.mbao-body[data-theme="dark"] .mbao-result p,.mbao-body[data-theme="dark"] .mbao-card span,.mbao-body[data-theme="dark"] .mbao-card small{color:#DDD1E4 !important}