body:before
{
   content: "";
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
   background-image: radial-gradient(circle at 50% 75%, #095699 0%, #000000 100%);
}
body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #FFFFFF;
   text-decoration: none;
}
a:visited
{
   color: #1E90FF;
}
a:hover
{
   color: #1E90FF;
   text-decoration: none;
}
#HeadsMains
{
   display: flex;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 7777;
   height: 66px;
   padding: 10px 20px 10px 20px;
   flex-direction: row-reverse;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
   margin: 0;
   box-sizing: border-box;
   font-size: 0;
}
#wb_Card9
{
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#Card9-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#wb_Image9
{
   margin: 0 0 0 50px;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 145px;
   height: auto;
}
#Button1egh
{
   box-sizing: border-box;
   line-height: 56px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #1E1E1E;
   border-radius: 40px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   cursor: pointer;
   font-family: Montserrat;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 20px 0 0 0 ;
}
#Button1egh:focus
{
   outline: 0;
}
#wb_Icon1
{
   background-color: #000000;
   background-image: none;
   border: 2px solid #1E90FF;
   border-radius: 50%;
   text-align: center;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
   vertical-align: top;
}
#wb_Icon1:hover
{
   background-color: #332D2D;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#Icon1
{
   height: 22px;
   width: 22px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon1 i
{
   color: #1E90FF;
   display: inline-block;
   font-size: 22px;
   line-height: 22px;
   vertical-align: middle;
}
#wb_Icon1:hover #Icon1 i
{
   color: #FFFFFF;
}
#wb_Icon3
{
   background-color: #000000;
   background-image: none;
   border: 2px solid #1E90FF;
   border-radius: 50%;
   text-align: center;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
   vertical-align: top;
}
#wb_Icon3:hover
{
   background-color: #332D2D;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#Icon3
{
   height: 22px;
   width: 22px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon3 i
{
   color: #1E90FF;
   display: inline-block;
   font-size: 22px;
   line-height: 22px;
   vertical-align: middle;
}
#wb_Icon3:hover #Icon3 i
{
   color: #FFFFFF;
}
#wb_Icon4
{
   background-color: #000000;
   background-image: none;
   border: 2px solid #1E90FF;
   border-radius: 50%;
   text-align: center;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
   vertical-align: top;
}
#wb_Icon4:hover
{
   background-color: #332D2D;
   background-image: none;
   border: 2px solid #FFFFFF;
}
#Icon4
{
   height: 22px;
   width: 22px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon4 i
{
   color: #1E90FF;
   display: inline-block;
   font-size: 22px;
   line-height: 22px;
   vertical-align: middle;
}
#wb_Icon4:hover #Icon4 i
{
   color: #FFFFFF;
}
#Menu
{
   opacity: 1.50;
   box-sizing: border-box;
}
#wb_TextMenu2
{
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Montserrat;
   font-size: 24px;
   margin: 0;
   text-align: center;
   overflow: hidden;
}
#wb_TextMenu2 span
{
   display: block;
   margin: 0 0 18px 0;
   line-height: 33px;
}
#Layer1menus
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#Html1dddd
{
   position: absolute;
   left: 28px;
   top: 8px;
   width: 41px;
   height: 43px;
   z-index: 7;
}
#Layer1menus_Container
{
   width: 96px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Icon1
{
   position: absolute;
   left: 426px;
   top: 86px;
   width: 22px;
   height: 22px;
   text-align: center;
   z-index: 3;
}
#HeadsMains
{
   z-index: 1000;
}
#Button1egh
{
   position: absolute;
   left: 415px;
   top: 179px;
   width: 190px;
   height: 60px;
   z-index: 2;
}
#Html1
{
   position: absolute;
   left: 831px;
   top: 82px;
   width: 89px;
   height: 61px;
   z-index: 14;
}
#wb_Icon4
{
   position: absolute;
   left: 534px;
   top: 86px;
   width: 22px;
   height: 22px;
   text-align: center;
   z-index: 5;
}
#wb_TextMenu2
{
   position: absolute;
   left: 395px;
   top: 154px;
   width: 228px;
   height: 27px;
   z-index: 6;
}
#Menu
{
   position: fixed;
   text-align: center;
   visibility: hidden;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 10;
}
#Menu_Container
{
   width: 901px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Card9
{
   display: flex;
   z-index: 0;
}
#Layer1menus
{
   position: fixed;
   text-align: center;
   left: auto;
   right: 20px;
   top: -15px;
   width: 96px;
   height: 59px;
   z-index: 15;
   z-index: 1001;
}
#wb_Image9
{
   display: block;
   width: 145px;
   z-index: 1;
}
#wb_Icon3
{
   position: absolute;
   left: 480px;
   top: 86px;
   width: 22px;
   height: 22px;
   text-align: center;
   z-index: 4;
}
@media only screen and (min-width: 768px) and (max-width: 993px)
{
body
{
   background-color: #000000;
}
#Html1
{
   left: 667px;
   top: 0px;
   width: 89px;
   height: 61px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
body
{
   background-color: #000000;
}
#HeadsMains
{
   visibility: visible;
   display: flex;
}
#HeadsMains
{
   height: 74px;
   margin: 0;
   padding: 10px 20px 10px 20px;
   flex-direction: row-reverse;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Card9
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 0;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#wb_Card9
{
   text-align: center;
}
#wb_Image9
{
   width: 233px;
   height: 23px;
   visibility: visible;
   display: inline;
   margin: 0 0 0 30px;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#Image9
{
   width: 78.54%;
}
#Button1egh
{
   left: 136px;
   top: 234px;
   width: 190px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button1egh
{
   line-height: 56px;
}
#wb_Icon1
{
   left: 150px;
   top: 97px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon1
{
   width: 22px;
   height: 22px;
}
#Icon1 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon3
{
   left: 204px;
   top: 97px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon3
{
   width: 22px;
   height: 22px;
}
#Icon3 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon4
{
   left: 258px;
   top: 97px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon4
{
   width: 22px;
   height: 22px;
}
#Icon4 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#Menu
{
   visibility: hidden;
   display: none;
}
#Menu_Container
{
   width: 480px;
}
#wb_TextMenu2
{
   left: 143px;
   top: 175px;
   width: 176px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: center;
   font-size: 24px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_TextMenu2 span
{
   line-height: 1.0;
}
#wb_TextMenu2 span
{
   margin: 0 0 18px 0;
}
#Html1
{
   left: 379px;
   top: 102px;
   width: 89px;
   height: 61px;
   visibility: visible;
   display: inline;
}
#Layer1menus
{
   width: 74px;
   height: 57px;
   visibility: visible;
   display: block;
}
#Layer1menus_Container
{
   width: 74px;
}
#Html1dddd
{
   left: 9px;
   top: 3px;
   width: 65px;
   height: 52px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (max-width: 479px)
{
body
{
   background-color: #000000;
}
#HeadsMains
{
   visibility: visible;
   display: flex;
}
#HeadsMains
{
   height: 70px;
   margin: 0;
   padding: 10px 20px 10px 20px;
   flex-direction: row-reverse;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Card9
{
   width: auto;
   height: auto;
   visibility: visible;
   display: flex;
   margin: 0;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: 0%;
   align-self: auto;
}
#wb_Card9
{
   text-align: center;
}
#wb_Image9
{
   width: 205px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0 0 0 10px;
   flex-grow: 0;
   flex-shrink: 0;
   align-self: auto;
   padding: 0;
}
#Image9
{
   width: 75.61%;
}
#Button1egh
{
   left: 62px;
   top: 219px;
   width: 190px;
   height: 60px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button1egh
{
   line-height: 56px;
}
#wb_Icon1
{
   left: 76px;
   top: 73px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon1
{
   width: 22px;
   height: 22px;
}
#Icon1 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon3
{
   left: 130px;
   top: 73px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon3
{
   width: 22px;
   height: 22px;
}
#Icon3 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#wb_Icon4
{
   left: 185px;
   top: 73px;
   width: 22px;
   height: 22px;
   visibility: visible;
   display: inline;
   margin: 6px 6px 6px 6px;
   padding: 8px 8px 8px 8px;
}
#Icon4
{
   width: 22px;
   height: 22px;
}
#Icon4 i
{
   line-height: 22px;
   font-size: 22px;
   width: 21px;
}
#Menu
{
   visibility: hidden;
   display: none;
}
#Menu_Container
{
   width: 320px;
}
#wb_TextMenu2
{
   left: 69px;
   top: 161px;
   width: 176px;
   height: 27px;
   visibility: visible;
   display: inline;
   margin: 0;
   text-align: center;
   font-size: 24px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
}
#wb_TextMenu2 span
{
   line-height: 1.0;
}
#wb_TextMenu2 span
{
   margin: 0 0 22px 0;
}
#Html1
{
   left: 216px;
   top: 99px;
   width: 89px;
   height: 61px;
   visibility: visible;
   display: inline;
}
#Layer1menus
{
   width: 96px;
   height: 59px;
   visibility: visible;
   display: block;
}
#Layer1menus_Container
{
   width: 96px;
}
#Html1dddd
{
   left: 28px;
   top: 8px;
   width: 41px;
   height: 43px;
   visibility: visible;
   display: inline;
}
}
    #progress-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 5px;
        background-color: #696969;
        z-index: 9999;
    }
/*
  ФИНАЛЬНАЯ ВЕРСИЯ СТИЛЕЙ
*/

#Menu {
  /* По умолчанию меню скрыто */
  opacity: 0;
  visibility: hidden;

  /* Усиленные правила для плавной анимации (с !important) */
  -webkit-transition: opacity 0.4s, visibility 0s 0.4s !important;
  transition: opacity 0.4s, visibility 0s 0.4s !important;

  /* Команда для браузера "включить видео-ускорение" для этого слоя */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: opacity;
}

#Menu.is-visible {
  /* Показываем меню */
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important; 
  
  /* Ваш z-index, который вы подобрали */
  z-index: 3 !important;

  /* Усиленное правило для обратной анимации */
  -webkit-transition: opacity 0.4s !important;
  transition: opacity 0.4s !important;
}

/* Правило для вашей кнопки, чтобы она была поверх меню */
#Button1eg {
  position: relative;
  z-index: 4 !important; /* Ставим z-index чуть больше, чем у меню */
}
    /* ВАШИ СТИЛИ ДЛЯ КНОПКИ (БЕЗ ИЗМЕНЕНИЙ) */
    .ham {
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      transition: transform 400ms;
      user-select: none;
      display: block;
      margin: 0 auto;
    }

    .hamRotate.active {
      transform: rotate(45deg);
    }

    .line {
      fill: none;
      transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
      stroke: #fff !important;
      stroke-width: 5.5;
      stroke-linecap: round;
    }

    .ham.active .line {
      stroke: #fff !important;
    }

    .ham8 .top {
      stroke-dasharray: 40 160;
    }

    .ham8 .middle {
      stroke-dasharray: 40 142;
      transform-origin: 50%;
      transition: transform 400ms;
    }

    .ham8 .bottom {
      stroke-dasharray: 40 85;
    }

    .ham8.active .top {
      stroke-dashoffset: -64px;
    }

    .ham8.active .middle {
      transform: rotate(90deg);
    }

    .ham8.active .bottom {
      stroke-dashoffset: -64px;
    }
    
    /* Демонстрационный фон */
    body { 
      background-color: #222; 
    }
  /* Этот код скроет мешающий элемент */
#ContentPlaceHolder1 {
    display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

#news-loader-overlay {
    position: fixed;
    inset: 0;
    background: rgba(11, 14, 26, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.3s ease-out;
}
#news-loader-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}
.news-loader-spinner {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #5e6787;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: news-spin 1s linear infinite;
}
@keyframes news-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* Базовые стили для всех устройств, в первую очередь для мобильных */
#news-feed-container {
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    max-width: 1200px;
    margin: 60px auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* 1 колонка для мобильных по умолчанию */
    gap: 10px;
    color: #e0e0e0;
    min-height: 200px;
}

/* Медиа-запрос для ПЛАНШЕТОВ (от 768px и больше) */
@media (min-width: 768px) {
    #news-feed-container {
        grid-template-columns: repeat(2, 1fr); /* 2 колонки */
        gap: 20px;
        padding: 0 20px;
    }
}

/* Медиа-запрос для ДЕСКТОПОВ (от 1024px и больше) */
@media (min-width: 1024px) {
    #news-feed-container {
        margin: 120px auto;
        grid-template-columns: repeat(3, 1fr); /* 3 колонки */
    }
}


.news-item-preview {
    background-color: #1a1a2a;
    border: 1px solid #3a3a5a;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.news-item-preview:hover {
    transform: translateY(-5px);
    border-color: #4da6ff;
    box-shadow: 0 0 15px rgba(77,166,255,0.5);
}
.news-item-preview .preview-image {
    width: 100%; height:180px; object-fit:cover;
    border-radius:6px; margin-bottom:15px;
}
.news-item-preview .news-date { font-size:.9em; color:#a0a0c0; margin-bottom:5px; }
.news-item-preview .news-title {
    font-size:1.6em;
    font-weight:bold;
    color:#fff;
    word-break: break-word;
}
.news-item-preview .preview-text {
    font-size:.95em; color:#a0a0c0; margin-top:10px; line-height:1.5;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.modal-overlay {
    position:fixed; inset:0; background:rgba(0,0,0,0.7);
    display:none; align-items:flex-start; /* Изменено для управления отступом */ 
    justify-content:center; z-index:1000;
    backdrop-filter:blur(5px);
}
.modal-content {
    background:#1a1a2a; border:1px solid #3a3a5a; border-radius:10px;
    width:90%; max-width:800px; max-height:90vh;
    display:flex; flex-direction:column;
    box-shadow:0 15px 35px rgba(0,0,0,0.5);
    opacity:0; transform:translate(var(--tx,0), var(--ty,0)) scale(.5);
    transition:opacity .4s, transform .4s;
    margin-top: 5vh; /* Отступ для десктопной версии, чтобы окно не прилипало к верху */
}
.modal-content.is-open { opacity:1; animation:wobbly-in .6s cubic-bezier(.38,.97,.5,1.25) forwards; }
.modal-content.is-closing { opacity:0; animation:wobbly-out .4s cubic-bezier(.7,.01,.87,.42) forwards; }
@keyframes wobbly-in {
    0%{transform:translate(var(--tx,0), var(--ty,0)) scale(.5);}
    70%{transform:translate(var(--tx,0), var(--ty,0)) scale(1.05);}
    100%{transform:translate(var(--tx,0), var(--ty,0)) scale(1);}
}
@keyframes wobbly-out {
    0%{transform:translate(var(--tx,0), var(--ty,0)) scale(1);opacity:1;}
    30%{transform:translate(var(--tx,0), var(--ty,0)) scale(1.05);opacity:1;}
    100%{transform:translate(var(--tx,0), var(--ty,0)) scale(.5);opacity:0;}
}
body.modal-open { overflow:hidden; }
.modal-header {
    display:flex; justify-content:space-between; align-items:center;
    padding:10px 20px; background:#2a2a4a;
    border-bottom:1px solid #3a3a5a; border-radius:10px 10px 0 0;
    cursor:grab; user-select:none;
}
.modal-header:active { cursor:grabbing; }
.modal-title-text {
    font-weight:bold;
    color:#e0e0e0;
    word-break: break-word;
    min-width: 0;
}
.modal-top-controls { display:flex; align-items:center; gap:15px; }
.modal-share-buttons { display:flex; gap:10px; }
.share-btn { display:inline-block; width:20px; height:20px; color:#a0a0c0; cursor:pointer; transition:color .2s, transform .2s; }
.share-btn:hover { color:#fff; transform:scale(1.1); }
.share-btn svg { width:100%; height:100%; fill:currentColor; }
.modal-close-btn { background:none; border:none; color:#a0a0c0; font-size:1.8em; cursor:pointer; line-height:1; padding:0; transition:color .2s; }
.modal-close-btn:hover { color:#fff; }
.wa-icon-mask { background-color:currentColor; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12c0 1.74.45 3.37 1.25 4.81L2 22l5.27-1.39c1.39.75 2.94 1.19 4.58 1.19h.01c5.52 0 10-4.48 10-10S17.52 2 12 2zm4.28 11.28c-.13.08-1.46-.68-1.69-.76-.23-.08-.39-.12-.56.12-.17.24-.64.76-.78.92-.14.16-.28.18-.52.06-.24-.12-1-.39-1.9-1.15-.71-.58-1.18-1.3-1.32-1.52-.14-.22-.01-.34.11-.46s.24-.28.36-.42c.12-.14.16-.24.24-.4s.04-.18-.02-.3c-.06-.12-.56-1.34-.76-1.8-.2-.46-.41-.4-.56-.4h-.4c-.14 0-.38.04-.56.22-.18.18-.68.66-.68 1.62s.7 1.88.8 2.02c.1.14 1.38 2.12 3.36 2.96.49.2.88.32 1.18.42.52.16 1.02.14 1.4.08.42-.06 1.26-.52 1.44-1.02.18-.5.18-.94.12-1.02-.06-.08-.22-.12-.46-.24z'/%3E%3C/svg%3E"); mask-size:contain; mask-repeat:no-repeat; mask-position:center; }
.modal-body { padding:20px; overflow-y:auto; user-select:none; }
.modal-body .news-date { font-size:.9em; color:#a0a0c0; margin-bottom:5px; }
.modal-body .news-title {
    font-size:2.2em;
    font-weight:bold;
    color:#fff;
    margin-bottom:15px;
    word-break: break-word;
}
.modal-body .news-content { 
    line-height:1.7; 
    color:#e0e0e0;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.modal-body .news-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
    border-radius: 6px;
}
@media (max-width:767px){
    #news-feed-container {
        padding:15px;
        margin: 60px auto;
    }
    .modal-content {
        width:100%;
        height: calc(100vh - 67px);
        max-width:100vw;
        max-height:100vh;
        border-radius:0;
        border:none;
        margin-top: 67px;
    }
    .modal-header { cursor:default; }
}
:root {
    --scroll-track:#121220;
    --scroll-thumb:#343b56;
    --scroll-thumb-hover:#4da6ff;
}
.modal-body, #news-feed-container, body {
    scrollbar-width:thin;
    scrollbar-color:var(--scroll-thumb) var(--scroll-track);
}
.modal-body::-webkit-scrollbar,
#news-feed-container::-webkit-scrollbar,
body::-webkit-scrollbar { width:10px; }
.modal-body::-webkit-scrollbar-track,
#news-feed-container::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background:var(--scroll-track); border-radius:8px;
}
.modal-body::-webkit-scrollbar-thumb,
#news-feed-container::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background:linear-gradient(180deg,#3a3f55 0%, #2d3348 100%);
    border-radius:8px; border:2px solid var(--scroll-track);
    box-shadow:0 0 6px rgba(77,166,255,0.35) inset;
}
.modal-body::-webkit-scrollbar-thumb:hover,
#news-feed-container::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background:var(--scroll-thumb-hover);
    box-shadow:0 0 8px rgba(77,166,255,0.6) inset;
}
.modal-body::-webkit-scrollbar-corner { background:var(--scroll-track); }

/* Принудительно Montserrat */
#news-feed-container,
#news-feed-container * ,
#news-modal-overlay,
#news-modal-overlay * {
    font-family:'Montserrat', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
}
.i18n6-root{position:fixed;z-index:99999;font-family:system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased;--i18n-factor:1;}
.i18n6-root.i18n6-codes-only .i18n6-label,
.i18n6-root.i18n6-codes-only .i18n6-dropdown .txt{display:none!important;}
.i18n6-root.i18n6-codes-only .i18n6-main-btn{min-width:auto;padding:calc(6px * var(--i18n-factor)) calc(10px * var(--i18n-factor));gap:calc(6px * var(--i18n-factor));}
.i18n6-root.i18n6-codes-only .i18n6-dropdown{min-width:calc(140px * var(--i18n-factor));padding:calc(8px * var(--i18n-factor)) calc(8px * var(--i18n-factor)) calc(10px * var(--i18n-factor));gap:calc(6px * var(--i18n-factor));}
.i18n6-root.i18n6-codes-only .i18n6-opt{padding:calc(8px * var(--i18n-factor)) calc(10px * var(--i18n-factor));gap:calc(8px * var(--i18n-factor));}
.i18n6-dropdown[hidden]{display:none!important;}
.i18n6-main-btn{--bg:#1e293b;--bg-hover:#2d3a4b;--bg-open:#263241;display:inline-flex;align-items:center;gap:calc(10px * var(--i18n-factor));background:var(--bg);color:#f1f5f9;border:1px solid rgba(255,255,255,.25);padding:calc(8px * var(--i18n-factor)) calc(16px * var(--i18n-factor)) calc(8px * var(--i18n-factor)) calc(14px * var(--i18n-factor));border-radius:calc(14px * var(--i18n-factor));font-size:calc(13px * var(--i18n-factor));font-weight:600;letter-spacing:.5px;cursor:pointer;min-width:calc(170px * var(--i18n-factor));position:relative;transition:background .22s,box-shadow .22s,transform .15s;}
.i18n6-main-btn>*{pointer-events:none;}
.i18n6-main-btn:hover{background:var(--bg-hover);box-shadow:0 4px 14px -4px rgba(0,0,0,.55);}
.i18n6-main-btn[aria-expanded="true"]{background:var(--bg-open);box-shadow:0 6px 20px -6px rgba(0,0,0,.6);}
.i18n6-main-btn:active{transform:translateY(1px);}
.i18n6-main-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;}
.i18n6-code{display:inline-block;background:#475569;color:#fff;font-size:calc(11px * var(--i18n-factor));font-weight:700;letter-spacing:.6px;padding:calc(4px * var(--i18n-factor)) calc(8px * var(--i18n-factor));border-radius:calc(8px * var(--i18n-factor));min-width:calc(34px * var(--i18n-factor));text-align:center;}
.i18n6-label{font-weight:600;white-space:nowrap;}
.i18n6-caret{width:calc(9px * var(--i18n-factor));height:calc(9px * var(--i18n-factor));border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:auto;transition:transform .25s;}
.i18n6-main-btn[aria-expanded="true"] .i18n6-caret{transform:rotate(-135deg);}
.i18n6-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:rgba(18,22,29,.96);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:calc(16px * var(--i18n-factor));padding:calc(10px * var(--i18n-factor)) calc(10px * var(--i18n-factor)) calc(12px * var(--i18n-factor));min-width:calc(220px * var(--i18n-factor));box-shadow:0 18px 36px -10px rgba(0,0,0,.65),0 6px 14px -4px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:calc(8px * var(--i18n-factor));animation:i18n6DropDown .18s ease;}
@keyframes i18n6DropDown{from{opacity:0;transform:translateY(-6px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}}
.i18n6-root.i18n6-upward .i18n6-dropdown{top:auto;bottom:calc(100% + 8px);animation:i18n6DropUp .18s ease;}
@keyframes i18n6DropUp{from{opacity:0;transform:translateY(6px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}}
.i18n6-opt{--bg:#3a424d;display:flex;align-items:center;gap:calc(10px * var(--i18n-factor));padding:calc(10px * var(--i18n-factor)) calc(14px * var(--i18n-factor));background:var(--bg);color:#f1f5f9;font:600 calc(13px * var(--i18n-factor))/1.15 system-ui,Arial,sans-serif;letter-spacing:.4px;border:0;border-radius:calc(12px * var(--i18n-factor));cursor:pointer;text-align:left;transition:background .18s,box-shadow .18s,transform .15s,color .18s;}
.i18n6-opt .pill{font-size:calc(11px * var(--i18n-factor));font-weight:700;padding:calc(4px * var(--i18n-factor)) calc(9px * var(--i18n-factor));border-radius:calc(8px * var(--i18n-factor));background:rgba(255,255,255,.14);min-width:calc(36px * var(--i18n-factor));text-align:center;color:#e2e8f0;letter-spacing:.6px;}
.i18n6-opt:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 4px 10px -3px rgba(0,0,0,.5);color:#fff;}
.i18n6-opt:hover .pill{background:rgba(255,255,255,.22);color:#fff;}
.i18n6-opt.current{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 4px 12px -3px rgba(0,0,0,.5);cursor:default;}
.i18n6-opt.current .pill{background:rgba(255,255,255,.25);color:#fff;}
.i18n6-opt:focus-visible{outline:2px solid #60a5fa;outline-offset:calc(3px * var(--i18n-factor));}
.i18n6-opt:active{transform:translateY(1px);}