body {
    color: #333333; /* Темно-сірий текст */
    background-color: #F0F2F5; /* Дуже світло-сірий фон */
    SCROLLBAR-base-COLOR: #CFD8DC; /* Світло-сірий скролбар */
    SCROLLBAR-ARROW-COLOR: #78909C; /* Приглушений блакитно-сірий */
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
font,th,td,p {font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Зміна кольорів посилань */
a:link,a:active,a:visited { color: #78909C; text-decoration: none;} /* Приглушений блакитно-сірий */
a:hover {text-decoration: underline; color : #5C6BC0;} /* Середній синій */

/* Зміна кольорів рамок на світло-сірі */
hr {border-top: 1px solid #D7DADC; border-bottom: 1px solid #B0BEC5; height: 2px; width: 100%;}
.bodyline
{
background-color: #F0F2F5;
border: 0px #B0BEC5 solid;
}
.forumline
{
background-color: #F0F2F5;
border: 0px #E0E0E0 solid;
}

/* Рамки для рядків row1, row2, row3, rowpic */
td.row1, td.row2, td.row3, td.rowpic
{
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background-color: #F8F9FA; /* Трохи світліший сірий */
}

/* Заголовки таблиць */
th
{
color: #333333; /* Темно-сірий текст */
font-size: 14px;
font-weight : bold;
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background: #E0E0E0; /* Світло-сірий фон */
height: 25px;
background-image: url(cellpic3.gif); /* Зберігаємо, якщо зображення є */
}
th.1 /* дублюючий клас */
{
color: #333333;
font-size: 14px;
font-weight : bold;
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background: #E0E0E0;
height: 25px;
background-image: url(cellpic3.gif);
}

/* Категорії */
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background:#E0E0E0; /* Світло-сірий фон */
height: 28px;
color: #78909C; /* Колір тексту категорій */
}

/* Кути та лінії заголовків */
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR
{
font-weight: bold;
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background:#E0E0E0;
height: 28px;
color: #333333;
}
td.row3Right,td.spaceRow
{
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background:#F0F2F5;
}

/* Стилі категорій (зміна кольору тексту) */
td.catHead, td.catSides, td.catRight, td.catLeft, td.catBottom {
    font-size: 14px;
    BORDER-RIGHT: #B0BEC5 1px solid;
    BORDER-TOP: #D7DADC 2px solid;
    BORDER-BOTTOM: #B0BEC5 1px solid;
    BORDER-LEFT: #D7DADC 2px solid;
    background:#E0E0E0;
    color: #78909C;
}


.maintitle,h1,h2
{
font-weight: bold;
font-size: 20px;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #333333; /* Темно-сірий */
}


.gen, .genmed, .gensmall
{
color : #555555; /* М'який темно-сірий */
}

/* Звичайні посилання */
a.gen,a.genmed,a.gensmall
{
color: #78909C; /* Приглушений блакитно-сірий */
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover
{
color: #5C6BC0; /* Середній синій hover */
text-decoration: underline;
}


/* Головне меню */
.mainmenu { font-size : 18px; color : #78909C; }
a.mainmenu { text-decoration: none; color : #78909C; }
a.mainmenu:hover{ text-decoration: underline; color : #5C6BC0; }


/* Заголовки категорій */
.cattitle { font-weight: bold; font-size: 18px ; letter-spacing: 0px; color : #333333}
a.cattitle { text-decoration: none; color : #333333; }
a.cattitle:hover{ text-decoration: underline; color : #78909C; }


/* Посилання на форуми */
.forumlink { font-weight: bold; font-size: 18px; color : #333333; }
a.forumlink { text-decoration: none; color : #333333; }
a.forumlink:hover{ text-decoration: underline; color : #5C6BC0; }


/* Навігація */
.nav { font-weight: bold; font-size: 18px; color : #78909C;}
a.nav { text-decoration: none; color : #78909C; }
a.nav:hover { text-decoration: underline; color : #5C6BC0; }


/* Теми */
.topictitle { font-weight: bold; font-size: 18px; color : #555555; }
a.topictitle:link, a.topictitle:visited { text-decoration: none; color : #555555; }
a.topictitle:hover { text-decoration: underline; color : #5C6BC0; }


.name { font-size : 18px; color : #555555;}

.postdetails { font-size : 12px; color : #555555; }


.postbody { font-size : 14px;}
a.postlink:link, a.postlink:visited { text-decoration: none; color : #78909C; }
a.postlink:hover { text-decoration: underline; color : #5C6BC0;}


/* Код та цитати */
.code, .quote {
font-family: Arial, 'Courier New', sans-serif;
font-size: 14px; color: #555555; /* Темно-сірий текст всередині */
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background:#E0E0E0; /* Світло-сірий фон */
}

/* Копірайт */
.copyright { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #888888; text-decoration: none;}
a.copyright, a.copyright:link, a.copyright:visited { color: #888888; text-decoration: none;}
a.copyright:hover { color: #5C6BC0; text-decoration: underline;}

/* Поля вводу та кнопки */
input,textarea, select {
color : #333333;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background:#F8F9FA; /* Дуже світлий фон для полів */
}

input.post, textarea.post, select {
background-color : #F8F9FA;
}

input { text-indent : 2px; }


input.mainoption, input.liteoption {
BORDER-RIGHT: #D7DADC 2px solid;
BORDER-TOP: #B0BEC5 2px solid;
BORDER-BOTTOM: #D7DADC 1px solid;
BORDER-LEFT: #B0BEC5 2px solid;
background:#E0E0E0; /* Світло-сірий фон кнопок */
color: #333333; /* Темно-сірий текст на кнопках */
}


.helpline {
BORDER-RIGHT: #B0BEC5 1px solid;
BORDER-TOP: #D7DADC 2px solid;
BORDER-BOTTOM: #B0BEC5 1px solid;
BORDER-LEFT: #D7DADC 2px solid;
background:#F0F2F5;
}


/* СТИЛИ для скрипта форума WR-Forum Professional версии 2.2 с 2019 года */

/* Стиль для ссылок в квадратиках */
.pgbutt a {font-family: Verdana; padding-top:2px;padding-bottom:2px;
text-decoration: none; border: 1px #78909C solid; background: #E0E0E0; padding:1px 4px 1px 4px; margin: 5px 1 0 0;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #333333;
}

form { display: inline; margin: 2px; padding: 0px; border: 0px;}
TD {font-size: 13px;}

/* QR-CODE */
#qr img{width:35px;height:35px;position: fixed;right: 10px;top: 10px;border: 1px solid #78909C;padding: 1px;background-color: white;}
#qr img:hover{width:200px;height:200px;z-index:100;padding: 2px;}

/* Аватар */
.guestavatar{width:120px;height:120px;text-align:center;background: #CFD8DC;color: #5C6BC0;font-size: 50px;
display: table-cell;border-radius: 20%;position: relative;vertical-align: middle;}

/* Меню Адмінки */
#nav8, #nav8 ul {background: #E0E0E0;}
#nav8 td:hover, #nav8 li:hover {background: #B0BEC5;}

/* Блок загрузки */
#cssbar-border {border:3px solid #78909C; height:100%;}
#cssbar-line {background-color:#78909C;}
/* ... (інші стилі анімації без змін) ... */