:root{ --bg: #101119; --surface: #181a24; --surface-2: #1f212c; --text: #eceaf1; --text-dim: #9a9aa8; --text-faint: #6f6f7d; --accent: #5a8dff; --accent-pill: #3a6bf0; --danger-icon: #c9c9d4; --divider: #262835; --radius: 16px; /* кольори кнопки-перемикача типу бібліотеки (library.html) — Манґи/Манхви фіолетовий, Новели/Романи синій, Аніме зелений */ --type-manga: #8b5cf6; --type-novel: #5a8dff; --type-anime: #34c778; } *{ box-sizing:border-box; } a{ text-decoration:none; color:inherit; } button{ font-family:inherit; } input{ font-family:inherit; } /* КРИТИЧНО: без цього правила `el.hidden = true` нічого не приховує для елементів, у яких десь нижче по каскаду є власний клас з `display: ...` (напр. .anime-video-status{ display:flex }) — сторінка автора завжди переважає стилі агента користувача незалежно від специфічності/порядку, тож без !important такий елемент лишається видимим і клікабельним НАЗАВЖДИ після першого показу, перекриваючи собою контроли