/* Новая панель пользователя: шапка и подвал плавно появляются после загрузки (класс panel-new ставится на <body> из head.php).
   :where() не добавляет специфичности - правила работают так же, как раньше, когда были внутри <style> в head.php. */
:where(body.panel-new){margin:0;padding-top:62px}
:where(body.panel-new) .header_panel_user,
:where(body.panel-new) .footer-c{visibility:hidden;opacity:0;transition:opacity .25s ease;animation:hpShowFailsafe 0s 3s forwards}
:where(body.panel-new) .header_panel_user.loaded,
:where(body.panel-new) .footer-c.loaded{visibility:visible;opacity:1}
/* запасной вариант: если JS не загрузился, через 3 секунды панель всё равно покажется */
@keyframes hpShowFailsafe{to{visibility:visible;opacity:1}}
@media(max-width:768px){:where(body.panel-new){padding-top:58px}}