#ada-widget .ada-button:active { transform: scale(0.97); }
#ada-widget .ada-button:focus-visible { border-color: #0073cf !important; }
#ada-widget .ada-button:active { transform: scale(0.97); }
#ada-widget .group-btn .ada-button{ border: 0 !important;}
#ada-widget .ada-button:focus-visible { border-color: #0073cf !important; }
#ada-widget .ada-button.active { border-color: #0073cf !important; }
#ada-widget .ada-button.active .icon-wrapper, .flex-col.active .icon-wrapper { background: #0073cf; }
#ada-widget .ada-button.active .icon-wrapper img { filter: brightness(0) invert(1); }
#ada-widget .ada-close-btn { background: transparent; border: none; font-size: 18px; cursor: pointer; color: #fff; line-height: 1; }
#ada-widget .ada-close-btn:hover { color: #000; }
#ada-widget .ada-close-btn:focus-visible { outline: 2px solid #0d6efd; outline-offset: 2px; }

.readable-font body, .readable-font body * { font-family: Arial, Helvetica, sans-serif !important; }
.big-cursor, .big-cursor * { cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><polygon points='0,0 0,32 8,24 14,38 18,36 12,22 24,22' fill='black'/></svg>") 0 0, auto !important; }
.bold-text body, .bold-text body * { font-weight: 700 !important; }
.letter-spacing body,.letter-spacing body * { letter-spacing: 0.12em !important; }
.grayscale { filter: grayscale(100%) !important; }
.high-contrast { background-color: #000 !important; color: #fff !important; }
.high-contrast a { color: #ffff00 !important; }
.high-contrast #ada-widget { color: #000 !important;}
.negative-contrast { filter: invert(100%) hue-rotate(180deg) !important; background-color: #fff !important; }
.light-bg { background-color: #f8f9fa !important; color: #212529 !important; }
.light-bg a { color: #0d6efd !important; }
.highlight-links a { background: #f7ff00 !important; color: #000 !important; }
#reading-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 999999; }
#reading-mask::before, #reading-mask::after { content: ""; position: absolute; left: 0; width: 100%; background: rgba(0, 0, 0, 0.6); }
#reading-mask::before { top: 0; height: var(--mask-top); }
#reading-mask::after { bottom: 0; height: calc(100% - var(--mask-top) - 120px); }