/* Datalife Engine template 
by: redissx (E-mail: redissx@gmail.com, Website: webrambo.ru ),
name: Music Hype,
creation date: 5 march 2020, 
version dle: 12-14
*/

/* SET BASE
----------------------------------------------- */
:root {
    --card-bg: #f5fbff;
    --accent-color: #42a5fa;
    --accent-second: #a855f7;
    --text-color: #2d3436;
    --border-radius: 10px;
    --anim-speed: 3s;
}

@font-face {
    font-family: 'MyFont';
    src: url('/webfonts/fa-regular-400.woff2') format('woff2'), url('/webfonts/fa-regular-400.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/webfonts/fa-solid-900.woff2') format('woff2'), url('/webfonts/fa-solid-900.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'FontAwesomeBrands';
    src: url('/webfonts/fa-brands-400.woff2') format('woff2'), url('/webfonts/fa-brands-400.woff') format('woff');
    font-display: swap;
}

* {
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
article, aside, figure, figure img, hgroup, footer, header, nav, section, main { display: block; }
img { max-width: 100%; }
.clr { clear: both; }
.clearfix:after { content: ""; display: table; clear: both; }

body {
    font: 15px 'Montserrat', sans-serif;
    line-height: normal;
    padding: 0;
    margin: 0;
    color: #333;
    background: #e2f5ff;
    min-height: 100%;
    width: 100%;
    font-weight: 400;
}

a { color: #333; text-decoration: none; }
a:hover, a:focus, .track-desc:hover > *, .side-item:hover *, .album-in:hover * {
    color: #42a5fa;
    text-decoration: none;
}

h1, h3, h4, h5 { font-weight: 500; font-size: 20px; }
h2 { font-weight: 500; font-size: 23px; color: #2969b0; }
b, strong, .fw700 { font-weight: 600; }

button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    font-family: 'Montserrat' !important;
}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]), html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
    display: inline-block;
    text-align: center;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 15%;
    cursor: pointer;
    font-weight: 400;
    box-shadow: none;
    background-color: #f2e2ff;
    color: #000;
    font-size: 15px;
}

.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover, .usp-btn a:hover, button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover {
    background-color: #e2f5ff;
    color: #918545;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0);
}

button:active, input[type="button"]:active, input[type="submit"]:active {
    box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);
}

input[type="text"], input[type="password"] {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 0;
    padding: 0 15px;
}

select { height: 40px; border: 0; padding: 0 15px; width: auto; }
textarea { padding: 15px; overflow: auto; vertical-align: top; resize: vertical; }

input[type="text"], input[type="password"], select, textarea {
    width: 100%;
    background-color: #fff6f6;
    color: #000;
    box-shadow: inset 0 0 0 1px #ffdde8, inset 1px 2px 5px rgba(255, 215, 237, 1);
    border-radius: 10%;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    box-shadow: inset 0 0 0 1px #3498db, inset 1px 2px 5px rgba(0,0,0,0.1);
}

input::placeholder, textarea::placeholder { color: #000; opacity: 0.5; font-size: 14px; }
input:focus::placeholder, textarea:focus::placeholder { color: transparent; }

.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit, .img-fit2 { overflow: hidden; position: relative; }
.img-resp { padding-top: 70%; }
.img-resp-vert { padding-top: 140%; }
.img-box img, .img-resp img, .img-resp-vert img { width: 100%; min-height: 100%; display: block; }
.img-resp img, .img-resp-vert img { position: absolute; left: 0; top: 0; }
.img-wide img { width: 100%; display: block; }
.img-fit img, .img-fit2 img { width: 100%; height: 100%; object-fit: cover; }

.nowrap { white-space: normal; overflow: hidden; text-overflow: ellipsis; }

/* FLEXBOX */
.fx-row, #dle-content { display: flex; flex-wrap: wrap; justify-content: space-between; }
.fx-col { display: flex; flex-direction: column; }
.fx-center { justify-content: center; }
.fx-middle { align-items: center; }
.fx-start, #dle-content { justify-content: flex-start; }
.fx-first { order: -1; }
.fx-last { order: 10; }
.fx-1 { flex-basis: 0; flex-grow: 1; max-width: 100%; min-width: 50px; }
.fx-between { justify-content: space-between; }

.icon-left [class*="fa-"], .icon-left .icon { margin-right: 10px; }
.icon-right [class*="fa-"], .icon-right .icon { margin-left: 10px; }

.hidden, #dofullsearch { display: none; }
.anim, .btn, button, .side-nav a, .collection-in::before, .wplayer, .audioplayer, .track-desc, .track-title, .track-subtitle, .side-item, .side-item * { transition: all .3s; }

.mtitle, .sub-title h1, .form-wrap h1 { margin-bottom: 30px; font-size: 22px; font-weight: 500; }
#dle-content > *:not(.album-item):not(.collection-item) { width: 100%; }

/* BASIC GRID
----------------------------------------------- */
.wrap { min-width: 320px; position: relative; }
.wrap-center { max-width: 1240px; margin: 0 auto; position: relative; z-index: 20; }
.header { margin-bottom: 5px; background-size: 44px 88px; background-image: radial-gradient(circle at 22px 93px, #e2f5ff 25px, #ffffff 27px); }
.header-in { padding: 10px 0; }
.col-main { min-height: 100vh; }
.col-left { width: 220px; margin-right: 30px; position: relative; z-index: 50; }
.col-right { width: 240px; margin-left: 30px; }
.footer { color: #999; padding: 30px 0; border-top: 1px solid #e3e3e3; margin-top: 30px; }
.footer a, .footer span { color: #42a5fa; border-bottom: 1px dotted #42a5fa; }

#gotop {
    position: fixed;
    width: 60px;
    height: 60px;
    line-height: 60px;
    right: 10px;
    bottom: 10px;
    z-index: 997;
    display: none;
    background-color: #42a5fa;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 27px 53px rgba(0,0,0,0.1);
}

/* HEADER
----------------------------------------------- */
.logo { display: block; height: 40px; line-height: 40px; color: #ffa6bf !important; font-weight: 600; font-size: 20px; width: 200px; text-transform: uppercase; }
.logo span { color: #6db8f8; }
.logo span.logo-domain { color: #e3e4ff; font-weight: 500; font-size: 15px; margin-left: 3px; }

.search-wrap { margin: 0 30px; }
.search-box { max-width: 740px; position: relative; }
.search-box input, .search-box input:focus { padding: 0 60px 0 30px; border-radius: 10%; box-shadow: none; }
.search-box input:not(:focus)::placeholder { color: #333; opacity: 0.4; font-size: 13px; }
.search-box button {
    position: absolute; right: 5px; top: 0px; z-index: 10; width: 60px; cursor: pointer;
    background: none; color: #333; line-height: 40px; text-align: center; border-radius: 0 20px 20px 0;
}

/* SECTIONS
----------------------------------------------- */
.sect, .sect4 { margin-bottom: 20px; position: relative; }
.sect2, .sect3 { margin-bottom: 30px; position: relative; }

.sect-header, .sect2-header, .sect3-header, .sect-header4 { margin-bottom: 30px; }

.sect-title, .sect2-title, .sect3-title { font-weight: 500; font-size: 22px; }
.sect-title { display: inline-block; }
.sect-title4 { font-weight: 500; font-size: 13px; }

.sect-title [class*=fa-], .sect2-title [class*=fa-], .sect3-title [class*=fa-], .side-bt [class*=fa-], .speedbar [class*=fa-] {
    color: #f2554c; margin-right: 15px;
}

.sect-bg { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 27px 53px rgba(255,255,255,5%); }
.sect-bgg { background-color: #f5fffd; padding: 30px; border-radius: 10px; box-shadow: 0 27px 53px #fff; }
.sect2-bg { background-color: #fff6f6; padding: 20px; border-radius: 8%; box-shadow: 0px 0px 2px 0px #ffa6bf; }
.sect3-bg { background-color: #f5fbff; padding: 17px; border-radius: 8%; box-shadow: 0px 0px 2px 0px #a6d3f9; text-align: justify; }
.sect4-bg { background-color: #fff6f6; padding: 12px; border-radius: 10px; box-shadow: 0px 0px 2px 0px #ffa6bf; }

.sect-col, .sect2-col, .sect3-col { width: calc((100% - 30px)/2); }
.sect-items, .sect2-items, .sect3-items { margin: 0 -10px -20px -10px; }

.sect-link, .sect2-link, .sect3-link {
    height: 30px; line-height: 30px; margin-left: 15px; display: block; cursor: pointer;
    padding: 0 15px; background-color: #e9ecf5; border-radius: 15px; font-size: 12px;
}
.sect-link:hover, .sect2-link:hover { background-color: #f2e2ff; color: #918545; }
.sect3-link:hover { background-color: #f6e58d; color: #918545; }

/* COLLECTION & ALBUM
----------------------------------------------- */
.collection-item, .album-item { padding: 0 10px; margin-bottom: 20px; width: 25%; }
.collection-item:nth-child(1), .collection-item:nth-child(6) { width: 50%; }

.collection-in { display: block; height: 120px; border-radius: 10px; position: relative; }
.collection-title { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; text-align: center; background-color: rgba(104,109,224,0); color: #fff; font-weight: 600; padding: 5px; }

.collection-in::before {
    content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%);
    opacity: 0.8; transition: all 0.3s ease;
}
.collection-in:hover::before {
    opacity: 1; right: -100px;
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(66, 165, 250, 0.3) 100%);
}

.album-img { border-radius: 10px; margin-bottom: 15px; padding-top: 100%; }

/* TRACK ITEM
----------------------------------------------- */
.track-item { position: relative; }
.track-item:not(:last-child) { margin-bottom: 20px; }
.track-item > * { position: relative; z-index: 2; }
.track-item a, a.track-desc, .track-fav a { display: block; }

.track-img { width: 40px; height: 40px; border-radius: 10px; margin-right: 15px; }
.track-play {
    position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; text-align: center;
    background-color: rgba(0,0,0,0.6); color: #f6e58d; cursor: pointer; font-size: 24px; opacity: 0;
}
.track-item:hover .track-play { opacity: 1; }

.track-title { font-weight: 500; }
.track-subtitle { font-size: 13px; color: #999; margin-top: 5px; }
.track-time { font-size: 12px; color: #999; margin-left: 15px; }

.track-fav, .track-dl {
    width: 30px; height: 30px; border-radius: 15px; text-align: center;
    background-color: #fff; color: #6a9ecb; margin-left: 10px; font-size: 13px; cursor: pointer;
}
.track-dl { background-color: transparent; color: #badc58; font-size: 24px; margin-left: 20px; }
.track-dl:hover { color: #6ab04c; }
.track-fav:hover, .track-fav:hover a { background-color: #ffe6ed; color: #e653a4; }

/* Active Track Style */
.track-item.js-item-played::before {
    content: ''; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px;
    background: linear-gradient(to right, #f0f8ff, #e6f7ff); border-radius: 12px; border: 1px solid #d4efff;
    border-left: 4px solid #42a5fa; box-shadow: 0 4px 15px rgba(66, 165, 250, 0.15); z-index: 0; transition: all 0.3s ease-in-out;
}
.js-item-played .fa-play-circle:before, .js-item-played .fa-play:before { content: '\f04c'; font-size: 14px; position: relative; top: -4px; }
.js-item-played .track-equalizer { opacity: 1; }

.track-equalizer {
    z-index: 3; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.6); align-items: center; justify-content: center; display: flex; opacity: 0;
}
.track-equalizer li {
    background: #f6e58d; max-width: 4px; height: 100%; margin-right: 2px; border-radius: 3px;
    flex: 1 1 100%; min-width: 0; animation: equalizer .5s forwards ease-in-out infinite; animation-direction: alternate;
}
.track-equalizer li:last-child { margin-right: 0; }
.track-equalizer li:nth-child(1) { animation-duration: 2s; }
.track-equalizer li:nth-child(2) { animation-duration: 1.6s; }
.track-equalizer li:nth-child(3) { animation-duration: 1.9s; }
.track-equalizer li:nth-child(4) { animation-duration: 1.5s; }
.track-equalizer li:nth-child(5) { animation-duration: 1.7s; }

@keyframes equalizer {
    0% { height: 5%; } 12% { height: 10%; } 24% { height: 40%; } 36% { height: 15%; }
    48% { height: 25%; } 60% { height: 30%; } 72% { height: 20%; } 84% { height: 35%; } 100% { height: 5%; }
}

/* SIDEBAR
----------------------------------------------- */
.side-box { margin-bottom: 10px; padding: 15px; }
.side-sticky { position: sticky; left: 0; top: 15px; }
.side-bt { margin: 0 -10px 15px -10px; font-size: 17px; font-weight: 500; border-bottom: 5px dotted #ffa6bf; padding: 0 10px 10px 20px; }

.side-nav { padding: 10px 0 1px 0; }
.side-nav > li { position: relative; margin-bottom: 20px; }
.side-nav > li > a { display: block; font-weight: 500; padding-left: 20px; }
.side-nav > li > span { position: absolute; left: 0; top: 0px; color: #42a5fa; font-size: 18px; pointer-events: none; }
.side-nav > li > a:hover, .side-nav > li:hover > a { color: #ff89aa; }

.submenu > a:after { content: "\f061"; font-weight: 300; font-family: 'Font Awesome 5 Pro'; transition: all .2s; display: inline-block; margin-left: 15px; position: relative; top: 2px; }

.hidden-menu {
    background-color: #fff; box-shadow: 0 27px 53px rgba(0,0,0,0.2); z-index: 100; position: absolute; left: 90%; top: 0%;
    width: 320px; border-radius: 10px; visibility: hidden; opacity: 0; transform: translateY(30px); padding: 20px 20px 5px;
}
.hidden-menu li { width: 50%; margin-bottom: 15px; }
.hidden-menu li a { display: block; font-size: 14px; }
.side-nav > li:hover .hidden-menu { visibility: visible; opacity: 1; transform: translateY(0px); }

.side-top-item:not(:last-child) { margin-bottom: 20px; }
.side-letter { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; font-size: 17px; text-align: center; background-color: #000; color: #fff; text-transform: uppercase; font-weight: 600; }
.side-item { display: block; margin-bottom: 10px; font-size: 14px; color: #999; line-height: 1.6; position: relative; padding-left: 20px; }
.side-item:last-child { margin-bottom: 0; }
.side-item span { font-weight: 500; color: #30548a; }
.side-item::before { content: '\f111'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; left: 0; top: 4px; color: #b26bc4; font-size: 10px; }

.side-subscribe { background-color: #fff6f6 !important; color: #42a5fa; }
.side-r { background-color: #f5fffd !important; color: #42a5fa; }
.side-ra { background-color: #f5fbff !important; color: #42a5fa; }

.side-subscribe-caption, .side-r-caption, .side-ra-caption { font-size: 13px; margin-top: 20px; color: #ca52e8; }
.side-subscribe .search-box input, .side-r .search-box input, .side-ra .search-box input { padding: 0 15px; }
.side-subscribe button, .side-r button, .side-ra button { right: 0; width: 40px; }
.side-subscribe .side-bt, .side-r .side-bt, .side-ra .side-bt { border-bottom: 0; padding-bottom: 0; }
.side-subscribe .side-bt .fal, .side-r .side-bt .fal, .side-ra .side-bt .fal { color: #ca52e8; margin-right: 10px; }

.side-text { padding: 0; color: #999; font-size: 13px; line-height: 1.6; }
.side-links { line-height: 2.2; padding: 0; font-size: 14px; margin-right: -20px; }
.side-links a { margin-right: 20px; color: #42a5fa; }
.side-links a:hover { text-decoration: underline; }

/* PAGINATION
----------------------------------------------- */
.bottom-nav { margin-bottom: -10px; padding-top: 30px; }
.navigation { text-align: center; }
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {
    display: inline-block; padding: 0 10px; margin: 0 3px 20px 3px; line-height: 30px; min-width: 30px;
    background-color: #e2f5ff; box-shadow: 0 23px 57px rgba(0,0,0,0.03); border-radius: 10px; font-weight: 300; font-size: 14px;
}
.navigation span:not(.nav_ext), .pagi-nav a:hover { background-color: #d8b7f2; color: #000; }

/* PLAYER - ВЕРСИЯ С БОЛЬШОЙ КУРИЦЕЙ И БЕЗ СКАЧИВАНИЯ
-------------------------------------------------- */
.wplayer { 
    width: 100%; 
    position: fixed; 
    left: 0; 
    bottom: 15px; 
    z-index: 99; 
}

.audioplayer { 
    max-width: 780px; 
    margin: 0 auto; 
    height: 60px; 
    border-radius: 0 0 10px 10px; 
    padding: 10px 20px 10px 10px; 
    background-color: #324a70e6; 
    color: #fff; 
    box-shadow: 0 -15px 30px rgba(0,0,0,0.2); 
    position: relative; 
    display: flex; 
    align-items: center; 
}

/* СКРЫВАЕМ КНОПКУ СКАЧАТЬ */
.ap-dl, .audioplayer-download, .audioplayer-dl { 
    display: none !important; 
}

.audioplayer audio { display: none; }

/* ПОЛОСА ПРОКРУТКИ */
.audioplayer-bar { 
    position: absolute; 
    left: 0px; 
    right: 0px; 
    top: -6px; 
    height: 11px; 
    background-color: #21c3e2; 
    border-radius: 10px 10px 0 0; 
    overflow: visible !important; 
    cursor: pointer; 
}

.audioplayer-bar-loaded { 
    position: absolute; 
    left: 0; top: 0; height: 100%; 
    background-color: rgba(0,0,0,0.1); 
    border-radius: 10px 10px 0 0; 
}

.audioplayer-bar-played { 
    position: absolute; 
    left: 0; top: 0; height: 100%; z-index: 10; 
    background-color: #b5d656b0; 
    overflow: visible !important;
}

/* УВЕЛИЧЕННАЯ КУРОЧКА-ПОЛЗУНОК */
.audioplayer-chicken {
    position: absolute;
    right: -20px;  /* Центровка увеличенной курочки */
    top: -38px;    /* Позиция над полосой (подобрана под размер 34px) */
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px; /* УВЕЛИЧЕННЫЙ РАЗМЕР */
    cursor: grab;
    z-index: 30;
    user-select: none;
    animation: chicken-walk 1.2s infinite alternate ease-in-out;
}

.audioplayer-chicken:active {
    cursor: grabbing;
}

@keyframes chicken-walk {
    from { transform: translateY(0) rotate(-7deg); }
    to { transform: translateY(-5px) rotate(7deg); }
}

.audioplayer-stopped .audioplayer-chicken {
    animation-play-state: paused;
}

/* ФИКС ИКОНКИ ПЕСНИ */
.ap-img { 
    width: 40px !important; 
    height: 40px !important; 
    min-width: 40px !important;
    max-width: 40px !important;
    margin-right: 12px; 
    border-radius: 10px; 
    flex-shrink: 0 !important;
    overflow: hidden;
}

.ap-img img { 
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover; 
    display: block;
}

/* ИНФОРМАЦИЯ */
.ap-desc { 
    flex: 0 1 250px; 
    min-width: 0;
}
.ap-title { font-size: 13px; font-weight: 500; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* Текст перенесется, но максимум на 2 строки */
   overflow: hidden; }
.ap-artist { font-size: 11px; margin-top: 2px; color: #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* КНОПКИ */
.ap-btns { 
    display: flex;
    align-items: center;
}
.audioplayer-playpause a { 
    width: 40px; height: 40px; line-height: 40px; text-align: center; 
    border-radius: 50%; display: block; margin: 0 10px; 
    background-color: #f6e58d; color: #918545;
}
.ap-prev, .ap-next { 
    cursor: pointer; color: #918545; background-color: #f6e58d; 
    width: 30px; height: 30px; line-height: 30px; text-align: center; 
    border-radius: 50%; font-size: 10px; 
}

/* ВРЕМЯ И ГРОМКОСТЬ */
.ap-time { font-size: 12px; color: #ccc; margin-left: 20px; white-space: nowrap; }
.audioplayer-time-current:after { content: '/'; display: inline; margin: 0 6px; }

.audioplayer-volume { position: relative; z-index: 100; margin-left: 20px; font-size: 18px; }
.audioplayer-volume-button a { color: #ccc; display: block; height: 30px; line-height: 30px; }

.audioplayer-playpause a:hover, .ap-prev:hover, .ap-next:hover { background-color: #42a5fa; color: #fff; }

/* ГРОМКОСТЬ PANEL */
.audioplayer-volume-adjust { 
    position: absolute; left: -5px; bottom: 100%; width: 30px; height: 100px; 
    background-color: #333; padding: 10px; display: none; 
}
.audioplayer-volume-adjust > div { width: 10px; height: 80px; background-color: #222; position: relative; cursor: pointer; }
.audioplayer-volume-adjust > div > div { background-color: #21c3e2; position: absolute; left: 0; bottom: 0; width: 100% !important; }
.audioplayer-volume:hover .audioplayer-volume-adjust { display: block; }

/* FULL STORY
----------------------------------------------- */
.fheader { margin-bottom: 15px; }
.fheader h1 { color: #42a5fa; }
.fheader h1 div { color: #333; margin-bottom: 5px; font-size: 0.8em; }
.fheader h1 a { margin-left: 1px; }

.fimg { width: 180px; height: 180px; margin-right: 15px; border-radius: 10px; transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }
.fimg:hover { transform: scale(1.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.fimg2 { width: 120px; height: 120px; margin-right: 15px; border-radius: 10px; float: left; }

.finfo { width: 100%; margin: 0; padding: 0; }
.finfo li { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 12px; position: relative; overflow: hidden; font-size: 13px; line-height: 1.8;}
.finfo li > span:first-child { color: #888; font-weight: 500; font-size: 14px; background: #fff; padding-right: 5px; position: relative; z-index: 2; white-space: nowrap; width: auto;}
.finfo li > span:last-child { text-align: right; font-weight: 500; color: #333; padding-left: 5px; position: relative; z-index: 2; }
.finfo li::before { content: "................................................................................"; position: absolute; left: 0; bottom: -5px; width: 100%; white-space: nowrap; color: #ddd; z-index: 1; letter-spacing: 2px; }
.finfo span a { color: #42a5fa; text-decoration: underline; }

.frate a { display: block; margin-left: 13px; }
.frate a .fal { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; margin-right: 8px; background-color: #9dcc54; color: #fff; font-size: 18px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
.frate a + a .fal { background-color: #d66ea8; }

.fcaption { font-size: 13px; line-height: 1.5; color: #5c5c5c; margin: 15px 0 -5px 0; }
.fcols .fcaption { width: 230px; margin: 0 0 0 15px; text-align: right; }

.ffav a { display: block; }
.ffav .track-fav { width: auto; padding: 0 10px; border-radius: 10px; margin: 10px 0 0 0; display: block; line-height: 30px; color: #42a5fa; }
.ffav .fal, .ffav .fas { color: #42a5fa; margin-right: 8px; }
.ffav .track-fav a { color: #42a5fa; }

.fctrl { width: 230px; margin-left: 10px; }
.fplay, .fdl, .fm, .nm { height: 65px; border-radius: 10px; cursor: pointer; color: #fff !important; font-size: 13px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); position: relative; padding: 5px 5px 5px 45px; margin-bottom: 1px; display: block; }
.fplay { background: linear-gradient(135deg, #63a2d9 0%,#8eb2d0 100%); }
.fdl { background: linear-gradient(135deg, #badc58 0%,#6ab04c 100%); margin-bottom: 15px; }
.fm { background: linear-gradient(135deg, #db95ea 0%,#ed97c7 100%); margin-bottom: 0; }
.nm { background: linear-gradient(135deg, #ebb4f6 0%,#ffa6bf 100%); margin-bottom: 0; }

.fplay-caption div { font-size: 15px; font-weight: 500; margin-bottom: 3px; }
.fplay .track-play, .fdl .track-play, .fm .track-play, .nm .track-play { opacity: 1; width: 35px; border-radius: 10px 0 0 10px; font-size: 14px; background-color: rgba(0,0,0,0.15); color: #fff; }
.fdl .track-play, .fm .track-play, .nm .track-play { font-size: 18px; }

.fplay:hover, .fdl:hover, .fm:hover, .nm:hover { box-shadow: 0 2px 6px rgba(0,0,0,0); }
.fplay:hover .track-play, .fdl:hover .track-play, .fm:hover .track-play, .nm:hover .track-play { background-color: rgba(0,0,0,0.3); }

.show-text { width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 18px; cursor: pointer; background-color: #42a5fa; color: #fff; position: absolute; bottom: 30px; left: 50%; margin-left: -20px; z-index: 5; }
.ftext[style]::before { content: ''; pointer-events: none; height: 100%; position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent 0%, #fff 100%); }
.ftext { position: relative; }

/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame { max-width: 100% !important; display: block; width: 100%; height: 400px; }
.mejs-container { max-width: 100% !important; }

.full-text { line-height: 1.3; font-size: 20px; }
.full-text img:not(.emoji) { max-width: 100%; margin-top: 10px; margin-bottom: 10px; }
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] { margin: 0 10px 10px 0; }
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] { margin: 0 0 10px 10px; }
.full-text a { text-decoration: none; color: #3b5b76; }
.full-text a:hover { text-decoration: none; }
.full-text h2, .full-text h3, .full-text h4, .full-text h5 { margin: 10px 0; }
.full-text p { margin-bottom: .5em; }
.full-text > ul, .full-text > ol { margin: 0; }
.full-text > ul li { margin-left: 40px; }
.full-text > ol li { list-style: decimal; margin-left: 40px; }

/* COMMENTS
----------------------------------------------- */
.add-comms { margin-top: 30px; display: none; }
.ac-inputs input { width: 48.5%; margin-bottom: 15px; }
.ac-textarea textarea { height: 100px; margin-bottom: 15px; }
.ac-protect, .ac-textarea .bb-editor + br { display: none; }
.comments_subscribe input { margin-right: 10px; }
.comments_subscribe { display: block; }
.mass_comments_action { display: none; }
.last-comm-link { display: inline-block; padding-bottom: 20px; color: #06c; font-size: 18px; }

.comm-avatar { position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 10px; }
.comm-letter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 40px; text-align: center; background-color: #000; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.comm-item { font-size: 14px; padding-left: 46px; position: relative; min-height: 60px; margin-top: 10px; border-bottom: 5px dotted #fbebff; }
.comm-two { margin: 10px 0; font-size: 15px; }
.comm-one > span { margin-right: 15px; color: #999; }
.comm-one > span.comm-author, .comm-one > span.comm-author a { color: #333; opacity: 1; font-weight: 500; }

.comm-three-left > a, .comm-three-right li a { opacity: 0.6; }
.comm-three-right li { display: inline-block; margin-left: 15px; }
.comm-rate3 { white-space: nowrap; font-size: 14px; margin-right: 15px; height: 20px; line-height: 20px; display: inline-block; vertical-align: top; position: relative; top: -3px; }
.comm-rate3 a { display: inline-block; vertical-align: middle; position: relative; opacity: 0.4; }
.comm-rate3 > span { margin: 0 5px; }
.comm-rate3 > span > span.ratingtypeplus { color: #06b601; }
.comm-rate3 > span > span.ratingplus { color: #95c613; }
.comm-rate3 > span > span.ratingminus { color: #ff0e0e; }
.comm-three a:hover { border-bottom-color: transparent; }
.comm-three-left > a { opacity: 1; color: #42a5fa; }

/* LOGIN
----------------------------------------------- */
.overlay-box { position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background-color: #000; cursor: pointer; }
.login-box { position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; padding: 15px 25px 20px; border-top: 5px solid #1eafcb; width: 400px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); border-radius: 10% }
.login-close { width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 24px; cursor: pointer; position: absolute; top: -30px; right: -30px; color: #fff; }
.login-title { font-size: 22px; font-weight: 500; margin-bottom: 15px; text-align: center; }
.login-avatar { width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 15px auto; text-align: center; line-height: 60px; font-size: 24px; background-color: #f2f6f8; color: #939393; }
.login-input { margin-bottom: 15px; }
.login-btn button { width: 100%; margin: 15px 0; }
.login-btm a { border-bottom: 1px dotted #42a5fa; color: #42a5fa; font-size: 24px; }
.login-check { position: relative; font-size: 14px; }
.login-check input { opacity: 0; position: absolute; cursor: pointer; }
.login-check span { display: block; padding-left: 36px; height: 30px; line-height: 30px; color: #939393; }
.login-check span:before, .login-check span:after { content: ''; position: absolute; top: 50%; transition: .3s; }
.login-check span:before { left: 0; height: 10px; margin-top: -5px; width: 26px; border-radius: 5px; background: #fff; box-shadow: inset 0 1px 4px rgba(0,0,0,0.3); }
.login-check span:after { left: 1px; height: 12px; width: 12px; margin-top: -6px; background: #2ecc71; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0); }
.login-check input:checked + span:before { background-color: #fff; }
.login-check input:checked + span:after { left: 13px; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.3); }

.login-menu { border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; }
.login-menu li { text-align: center; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3ee; width: 50%; display: inline-block;}
.login-menu a { display: block; padding: 10px 5px; font-size: 13px; }
.login-menu li .fa { display: none; height: 28px; font-size: 22px; color: #06c; }
.login-admin { text-align: center; margin: -10px 0 15px 0; }
.login-soc-title { display: flex; align-items: center; margin: 30px 0 15px 0; }
.login-soc-title:before, .login-soc-title:after { content: ''; height: 1px; background-color: #e3e3e3; flex: 1; }
.login-soc-title:before { margin-right: 15px; }
.login-soc-title:after { margin-left: 15px; }
.login-soc-btns { text-align: center; }
.login-soc-btns a { display: inline-block; margin: 0 3px; vertical-align: top; }
.login-soc-btns img { display: block; width: 30px; height: 30px; border-radius: 50%; }

/* SIDE PANEL MOBILE
----------------------------------------------- */
.btn-menu { display: none; }
.side-panel { width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #f2f6f8; padding: 15px 10px; z-index: 9999; position: fixed; left: -320px; top: 0; transition: left .2s; }
.side-panel.active { left: 0; }
.close-overlay { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 9998; display: none; }
.btn-close { cursor: pointer; display: block; left: 280px; top: -40px; position: fixed; z-index: 9999; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; background-color: #fc4293; color: #fff; transition: top .4s; }
.btn-close.active { top: 0px; }
body.opened-menu { overflow: hidden; width: 100%; height: 100%; }
.side-panel .hidden-menu { width: 100%; width: calc(100% + 40px); margin: 20px -20px 10px -20px; box-shadow: none; border-radius: 0; position: static; visibility: visible; transform: none; opacity: 1; padding: 20px 10px 1px 10px; }
.side-panel .hidden-menu li { flex-basis: 0; flex-grow: 1; max-width: 100%; min-width: auto; white-space: nowrap; margin: 0 10px 20px 10px; }

/* MENU
----------------------------------------------- */
.accordion-menu { width: 100%; max-width: 350px; margin: 10px auto 20px; background: #e2f5ff; }
.accordion-menu li.open .dropdownlink { color: #bf4a6b; }
.accordion-menu li:last-child .dropdownlink { border-bottom: 0; }
.dropdownlink { cursor: pointer; display: block; padding: 10px 1px; font-size: 16px; border-bottom: 1px dotted #84a8c7; color: #467196; position: relative; transition: all 0.4s ease-out; }
.submenuItems { display: none; background: #f5fbff; border-radius: 9px; }
.submenuItems li { border-bottom: 1px solid #b1cce2; }
.submenuItems a { display: block; padding: 3px 5px 7px 8px; }

/* LAST COMMENT
----------------------------------------------- */
.lastcomment { overflow: hidden; padding: 5px 0 0 0; position: relative; z-index: 1; }
.lastcomment .lcol { overflow: hidden; padding: 0 2px 0 0; float: left;}
.lastcomment .lcol .avatar { padding: 2px 0 2px 2px; position: relative; }
.lastcomment .lcol .avatar div { padding: 1px; background: #F9FBFC; border-radius: 50%; box-shadow: 0 0 0 2px rgba(236, 241, 245, 1); }
.lastcomment .lcol .avatar img { width: 33px; height: 33px; border-radius: 50%; display: block; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11); }
.lastcomment .lcol .avatar .online, .lastcomment .lcol .avatar .offline { position: absolute; top: 29px; left: 2px; display: block; height: 7px; width: 7px; border-radius: 50%; text-indent: -9999px; border: 2px solid #f9fbfc; }
.lastcomment .rcols { overflow: hidden !important; padding: 0 5px 5px 8px; }
.lastcomment .ul_inf { display: block; overflow: hidden; font-size: 11px; color: #b26bc4; }
.lastcomment .ul_inf a { color: #73ac3a; }
.lastcomment .ul_inf em { color: #133f50; font-size: 10px; padding: 0 0 0 10px; }
.lastcomment .comment_text { border-radius: 20px; background: #e2f5ff; position: relative; padding: 8px 12px; font-size: 13px; line-height: 14px; color: #50717c; margin: 0; }
.lastcomment .comment_text::after { position: absolute; top: 9px; left: -5px; width: 14px; height: 14px; content: ''; background: none; }
.lastcomment:hover .comment_text { background: #f2e2ff; box-shadow: 0 1px 5px 0 rgba(223, 233, 237, 1); }
.lastcomment:hover .comment_text::after { position: absolute; top: 8px; left: -9px; width: 14px; height: 14px; content: ''; background: none; }
.lastcomment .comment_text a { color: #59636b; }
.lcol, .rcol, form { display: inline; }
.rcol { float: right; }
.sort { padding: 5px 0; color: #75919f; text-align: center; }
.sort > li, .sort { display: inline; }

/* MISC / CUSTOM
----------------------------------------------- */
@keyframes pulse-animation { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }
.pulse { animation: pulse-animation 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; }

.ferror { color: #939393; font-size: 13px; line-height: 1.3; }
.ferror-btns { margin-right: 9px; }
.ferror-btns div, .faddcomms { margin-right: 6px; background-color: #939393; color: #fff; padding: 8px 15px; border-radius: 3px; font-weight: 600; }
.ferror-text div, .ferror-text span { font-weight: 600; }
.ferror-text div span { color: #ea969e; }

.youtube { background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; }
.youtube .play { background: url('../images/youtube-play-btn.png') no-repeat; background-position: 0 -50px; background-size: 100% auto; position: absolute; height: 50px; width: 69px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.youtube:hover .play { background-position: 0 0; }

.dimg { width: 200px; border: 2px solid #ffe8cb; border-radius: 5px; margin: 0 auto 15px auto; }
.is-active { color: #333; background-image: linear-gradient(to right, #feffff, rgb(242 226 255 / 58%)); background-repeat: no-repeat; background-size: 0 100%; border: 1px solid #f5fbff; border-radius: 20%; text-decoration: none; padding: 7px 10px; transition: 0.3s; font-size: 15pt; font-weight: 500; }
.is-active:hover { background-size: 100% 100%; }
.tochki { border-bottom: 5px dotted #ffa6bf; margin-bottom: 25px; }
.highlight { color: #fff; background-color: #ff9eb9; font-weight: bold; padding: 2px 12px; border-radius: 4px; text-transform: uppercase; display: inline-block; }
.high2span { color: #525252; background-color: #ffebeb; padding: 5px 5px; border-radius: 8px; margin: 10px 0; font-weight: normal; text-align: justify; }

/* DONATE BUTTONS */
.donate-container { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.donate, .donate2 { position: relative; width: 335px; height: 55px; border-radius: 10px; overflow: hidden; text-align: center; float: none; margin-bottom: 10px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; }
.donate::before, .donate2::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; opacity: 0.8; transition: all 0.3s ease; z-index: 3; }
.donate-link { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-transform: uppercase; font-weight: 500; font-size: 18px; letter-spacing: 0.5px; z-index: 2; background-size: 200% auto; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; transition: all 0.3s ease; }
.donate { background: rgba(250, 245, 255, 0.7); border-color: rgba(196, 154, 229, 0.4); }
.donate::before { background-color: #c49ae5; }
.donate .donate-link { background-image: linear-gradient(120deg, #6b46c1 0%, #6b46c1 40%, #c49ae5 50%, #6b46c1 60%, #6b46c1 100%); }
.donate:hover { background: rgba(243, 230, 255, 0.9); }
.donate2 { background: rgba(235, 248, 255, 0.7); border-color: rgba(144, 179, 226, 0.4); }
.donate2::before { background-color: #90b3e2; }
.donate2 .donate-link { background-image: linear-gradient(120deg, #2c5282 0%, #2c5282 40%, #90b3e2 50%, #2c5282 60%, #2c5282 100%); }
.donate2:hover { background: rgba(225, 242, 255, 0.9); }
.donate:hover, .donate2:hover { transform: translateY(-3px); border-color: rgba(255, 255, 255, 0.8); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }
.donate:hover::before, .donate2:hover::before { width: 8px; opacity: 1; }
.donate:hover .donate-link, .donate2:hover .donate-link { background-position: 0 0; letter-spacing: 1px; }
.donate::after, .donate2::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.3), transparent ); transition: all 0.6s; }
.donate:hover::after, .donate2:hover::after { left: 100%; }
.donate, .donate2 { margin-top: 10px; }

/* MINUS DELAY CARD */
.minus-delay-card { height: 65px; border-radius: 10px; cursor: pointer; color: #5a5a72; font-size: 13px; background: linear-gradient(135deg, #f8e1ff 0%, #e0f7fa 100%); box-shadow: 0 3px 8px rgba(180, 160, 220, 0.25); position: relative; padding: 5px 5px 5px 45px; margin-bottom: 12px; display: flex; align-items: center; overflow: hidden; border: 1px solid #eae6f8; transition: transform 0.2s, box-shadow 0.2s; }
.minus-delay-card:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(180, 160, 220, 0.35); }
.minus-delay-icon { width: 35px; height: 100%; border-radius: 10px 0 0 10px; font-size: 16px; background: rgba(230, 220, 255, 0.6); display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; color: #9a7fb8; animation: pulseIcon 2.5s infinite ease-in-out; }
.minus-delay-caption { flex: 1; z-index: 2; }
.minus-delay-caption > div:first-child { font-size: 15px; font-weight: 600; margin-bottom: 2px; color: #6b5b95; }
.minus-delay-sub { font-size: 12px; font-weight: normal; color: #8a8a9e; }
.minus-delay-wave { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #ffb3ba, #bae1ff, #d0f4de, #fffac8, transparent ); background-size: 300% 100%; animation: waveGlow 4s linear infinite; opacity: 0.6; z-index: 1; }

/* DELAY MODAL (Original functionality preserved) */
.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(3px); justify-content: center; align-items: center; z-index: 99;}
.modal-overlay.active { display: flex; z-index: 99; }
.modal-content { background: linear-gradient(135deg, #fdf6ff 0%, #f0fcff 100%); border-radius: 10px; padding: 15px; width: 95%; max-width: 480px; box-shadow: 0 10px 30px rgba(150, 130, 200, 0.25); border: 1px solid #eae6f8; position: relative; color: #5a5a72; font-size: 15px; line-height: 1.6; }
.modal-content h3 { margin-top: 0; color: #7a6baa; font-weight: 600; }
.modal-close { position: absolute; top: 16px; right: 16px; background: none; border: none; font-size: 24px; color: #aaa; cursor: pointer; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background 0.2s; }
.modal-close:hover { background: rgba(200, 190, 230, 0.3); color: #7a6baa; }

@keyframes pulseIcon { 0%, 100% { transform: scale(1); opacity: 0.9; } 50% { transform: scale(1.08); opacity: 1; } }
@keyframes waveGlow { 0% { background-position: -300% 0; } 100% { background-position: 300% 0; } }

.notice-delay { background: linear-gradient(135deg, #fff9e6 0%, #f0f9ff 100%); border-left: 4px solid #ffb3ba; padding: 10px 15px; border-radius: 8px; margin: 15px 0; font-size: 15px; color: #6b5b95; line-height: 1.5; box-shadow: 0 2px 6px rgba(180, 160, 220, 0.15); }
.notice-delay strong { color: #ff7b54; }

.author-contact-button { display: flex; align-items: center; justify-content: center; padding: 10px 24px; margin: 24px auto 0; min-width: 200px; width: 100%; max-width: 360px; background: #fff9fb; border: 2px solid #ffd6e8; border-radius: 10px; text-decoration: none; color: #c2185b; font: 600 18px 'Segoe UI', system-ui, sans-serif; box-shadow: 0 4px 12px rgba(255, 107, 157, 0.12); transition: all 0.3s cubic-bezier(0.34, 1.6, 0.7, 1); will-change: transform, box-shadow; position: relative; overflow: hidden; text-align: center; white-space: nowrap; }
.author-contact-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); transition: left 0.6s; }
.author-contact-button:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 6px 18px rgba(255, 107, 157, 0.22); color: #a00f47; border-color: #ffc1dc; }
.author-contact-button:hover::before { left: 100%; }
.author-contact-button:active { transform: translateY(0) scale(1); transition: transform 0.15s ease; }

/* NEWS BAR */
@keyframes barPulse { 0%, 100% { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); background: linear-gradient(90deg, #ff6b6b 0%, #ff8e8e 100%); } 50% { box-shadow: 0 4px 25px rgba(255, 87, 87, 0.6); background: linear-gradient(90deg, #ff7575 0%, #ff9999 100%); } }
.news-bar { position: sticky; top: 0; z-index: 9990; background: linear-gradient(90deg, #ff6b6b 0%, #ff8e8e 100%); color: white; font-family: sans-serif; line-height: 1.1; font-size: 18px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.1); width: 100%; font-weight: 500; animation: barPulse 2s infinite ease-in-out; }
.news-bar:hover { animation-play-state: paused; background: linear-gradient(90deg, #ff6b6b 0%, #ff8e8e 100%); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
.news-container { max-width: 1200px; margin: 0 auto; padding: 10px 60px 10px 20px; position: relative; display: flex; align-items: center; justify-content: center; min-height: 40px; box-sizing: border-box; }
.news-link { color: #fff !important; text-decoration: underline !important; margin-left: 10px; font-weight: bold; }
.news-close { padding: 0 !important; margin: 0 !important; border: none !important; outline: none !important; background-image: none !important; box-shadow: none !important; text-shadow: none !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; border-radius: 50% !important; background-color: rgba(0, 0, 0, 0.1) !important; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; z-index: 9999; flex-shrink: 0; transition: transform 0.2s; }
.news-close:hover { background-color: #ff4757 !important; transform: translateY(-50%) scale(1.1); }
.progress-ring { position: absolute; top: 0; left: 0; width: 36px; height: 36px; transform: rotate(-90deg); pointer-events: none; }
.timer-number { color: white !important; font-size: 14px !important; font-weight: bold !important; line-height: 1 !important; z-index: 2; }
.close-icon { position: absolute; color: white !important; font-size: 24px !important; line-height: 1 !important; opacity: 0; z-index: 3; padding-bottom: 2px; }
.news-close:hover .timer-number { opacity: 0; }
.news-close:hover .close-icon { opacity: 1; }
.news-close:hover .progress-ring { opacity: 0.3; }

/* CAT LIST (Grid) */
.cat-list-custom { margin: 0 -10px; padding: 0px 0; display: flex; flex-wrap: wrap; }
.cat-item-wrap { width: 33.333%; padding: 6px; box-sizing: border-box; }
.cat-item-link { background-color: var(--card-bg); padding: 15px; border-radius: var(--border-radius); border: 1px solid rgba(0, 0, 0, 0.06); text-decoration: none; display: flex; align-items: center; position: relative; z-index: 1; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); overflow: hidden; height: 100%; }
.cat-item-link::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient( transparent, transparent, transparent, var(--accent-color), var(--accent-second), transparent ); animation: rotateLight var(--anim-speed) linear infinite; opacity: 0; transition: opacity 0.3s; z-index: -2; }
.cat-item-link::after { content: ""; position: absolute; inset: 1px; background: var(--card-bg); border-radius: calc(var(--border-radius) - 1px); z-index: -1; transition: background 0.3s; }
@keyframes rotateLight { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.cat-item-link:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 15px 30px rgba(99, 102, 241, 0.2); }
.cat-item-link:hover::before { opacity: 1; }
.cat-item-img { width: 50px; height: 50px; margin-right: 15px; flex-shrink: 0; z-index: 2; }
.cat-item-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; background-color: #f8f9fa; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.cat-item-name { font-weight: 500; font-size: 15px; color: var(--text-color); line-height: 1.2; z-index: 2; transition: color 0.3s; }
.cat-item-link:hover .cat-item-name { color: var(--accent-color); }
.cat-count { background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); color: #64748b; font-size: 10px; font-weight: 800; padding: 3px 8px; border-radius: 7px; margin-left: auto; z-index: 2; transition: all 0.3s ease; align-self: flex-start; margin-top: -2px; }
.cat-item-link:hover .cat-count { background: var(--accent-color); color: #fff; transform: translateY(-2px); }

/* ====================================================================
   КНОПКА "СТОЛ ЗАКАЗОВ" (ЭФФЕКТ ЗМЕЙКИ + МЕДЛЕННАЯ АНИМАЦИЯ)
   ==================================================================== */

.order-desk-container {
    width: 100%;
    padding: 20px 0;
    margin-bottom: 0px; /* ОТСТУП СНИЗУ */
    box-sizing: border-box;
}

.order-btn-full {
    position: relative;
    width: 100%;
    padding: 22px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background-color: var(--card-bg);
    border-radius: var(--border-radius);
    border: 1px solid rgba(0, 0, 0, 0.08);
    text-decoration: none !important;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s;
}

/* ЭФФЕКТ МЕДЛЕННОЙ ЗМЕЙКИ */
.order-btn-full::before {
    content: "";
    position: absolute;
    top: -250%; 
    left: -50%;
    width: 200%;
    height: 600%;
    /* Градиент "Змейка": 80% прозрачности, 20% цвета */
    background: conic-gradient(
        from 0deg,
        transparent 70%, 
        var(--accent-color) 85%, 
        var(--accent-second) 95%, 
        transparent 100%
    );
    /* Скорость: 6 секунд (чем больше число, тем медленнее) */
    animation: rotateLight 10s linear infinite; 
    opacity: 1;
    z-index: -2;
    transition: filter 0.3s;
}

.order-btn-full::after {
    content: "";
    position: absolute;
    inset: 1px; /* Толщина дорожки змейки */
    background: var(--card-bg);
    border-radius: calc(var(--border-radius) - 1px);
    z-index: -1;
    transition: background 0.3s;
}

.order-btn-full span {
    font-weight: 800;
    font-size: 20px;
    color: var(--text-color);
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: 2;
    transition: color 0.3s;
}

.order-btn-full i {
    font-size: 24px;
    color: var(--accent-color);
    z-index: 2;
    transition: all 0.3s;
}

/* ХОВЕР ЭФФЕКТЫ */
.order-btn-full:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(99, 102, 241, 0.2);
}

.order-btn-full:hover::before {
    filter: brightness(1.4); /* Змейка становится ярче при наведении */
}

.order-btn-full:hover span {
    color: var(--accent-color);
}

/* ТЁМНАЯ ТЕМА */
body.dark-theme .order-btn-full,
body.dark-theme .order-btn-full::after {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-theme .order-btn-full span {
    color: #f1f5f9 !important;
}

/* Анимация вращения */
@keyframes rotateLight {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    .order-btn-full { padding: 18px 20px; }
    .order-btn-full span { font-size: 16px; letter-spacing: 1px; }
}


/* TRACK BADGES */
.track-badges { margin-left: 8px; display: inline-flex; gap: 4px; vertical-align: middle; }
.track-label { font-size: 9px; font-weight: 700; padding: 2px 5px; border-radius: 4px; text-transform: uppercase; line-height: 1; letter-spacing: 0.3px; display: inline-block; }
.label-minus { background: #e2f5ff; color: #42a5fa; border: 1px solid #bce0f5; }
.label-nota { background: #fff4e6; color: #ff9f43; border: 1px solid #ffe0b2; }
.label-notapdf { background: #f3e5f5; color: #ab47bc; border: 1px solid #e1bee7; }
.label-mp3 { background: #e8f5e9; color: #43a047; border: 1px solid #c8e6c9; }

/* PODB BANNER */
.fimg-podb { border-radius: 10px; height: 380px; color: #fff; position: relative; overflow: hidden; box-shadow: 0 10px 25px rgba(66, 165, 250, 0.25); margin-bottom: 20px; }
.fimg-podb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.fimg-podb:hover img { transform: scale(1.03); }
.fimg-podb::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 70%; z-index: 2; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 40%, transparent 100%); pointer-events: none; }
.fimg-podb .fheader { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; margin: 0; padding: 25px 30px; display: flex; align-items: flex-end; }
.fimg-podb h1 { color: #fff; font-size: 26px; font-weight: 700; line-height: 1.2; text-shadow: 0 2px 10px rgba(0,0,0,0.5); margin: 0; max-width: 85%; }
.fimg-podb a { color: #fff !important; text-decoration: none; }

/* MODERN BUTTONS */
@keyframes playBeat { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } }
@keyframes heartBeat { 0%, 30%, 60%, 100% { transform: scale(1); } 15%, 45% { transform: scale(1.15); } }
@keyframes voltagePulse { 0%, 90%, 98%, 100% { opacity: 1; transform: scale(1); } 92%, 96% { opacity: 0.8; transform: scale(1.1); } 94% { opacity: 1; transform: scale(1.15); } }
@keyframes waitingBreath { 0%, 100% { opacity: 0.8; transform: scale(1); } 50% { opacity: 1; transform: scale(1.1); } }
@keyframes thumbUp { 0% { transform: rotate(0deg) scale(1); } 100% { transform: rotate(-10deg) scale(1.2); } }

.track-row-modern { display: flex; gap: 2px; margin-bottom: 12px; align-items: stretch; }
.btn-modern { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 20px; border-radius: 9px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(0, 0, 0, 0.05); text-decoration: none !important; cursor: pointer; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); position: relative; overflow: hidden; flex: 1; transition: all 0.2s ease; }
.btn-modern::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; opacity: 0.8; transition: all 0.3s ease; }
.btn-modern:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); }
.btn-modern:hover::before { width: 6px; opacity: 1; }
.btn-modern:hover .icon { transform: scale(1.15) rotate(-5deg); }
.btn-modern:hover .text { background-position: 0 0; }
.btn-modern .icon { margin-right: 10px; font-size: 18px; display: flex; align-items: center; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; z-index: 2; }
.btn-modern .text { font-size: 14px; font-weight: 500; position: relative; z-index: 2; background-size: 200% auto; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; transition: background-position 0.2s ease-out; }

.btn-play { background: rgba(235, 248, 255, 0.7); border-color: #bee3f8; }
.btn-play::before { background-color: #42a5fa; }
.btn-play:hover { background: rgba(235, 248, 255, 1); border-color: #42a5fa; }
.btn-play .icon { color: #42a5fa; }
.btn-play .text { background-image: linear-gradient(120deg, #2c5282 0%, #2c5282 40%, #90cdf4 50%, #2c5282 60%, #2c5282 100%); }

.js-item.active .btn-play { background: #42a5fa; border-color: #42a5fa; box-shadow: 0 5px 15px rgba(66, 165, 250, 0.4); }
.js-item.active .btn-play::before { background-color: #fff; opacity: 0.3; }
.js-item.active .btn-play .icon, .js-item.active .btn-play .text { color: #fff; -webkit-text-fill-color: #fff; background: none; }
.js-item.active .btn-play .icon i:before { content: "\f04c"; }
.js-item.active .btn-play .icon i { animation: playBeat 1s infinite; }

.btn-dl, .btn-minus { background: rgba(240, 255, 244, 0.7); border-color: #c6f6d5; }
.btn-dl::before, .btn-minus::before { background-color: #48bb78; }
.btn-dl:hover, .btn-minus:hover { background: rgba(240, 255, 244, 1); border-color: #48bb78; }
.btn-dl .icon, .btn-minus .icon { color: #48bb78; }
.btn-dl .text, .btn-minus .text { background-image: linear-gradient(120deg, #276749 0%, #276749 40%, #9ae6b4 50%, #276749 60%, #276749 100%); }

.btn-vip { background: rgba(250, 245, 255, 0.7); border-color: #e9d8fd; }
.btn-vip::before { background-color: #9f7aea; }
.btn-vip:hover { background: rgba(250, 245, 255, 1); border-color: #9f7aea; }
.btn-vip .icon { color: #9f7aea; }
.btn-vip .text { background-image: linear-gradient(120deg, #553c9a 0%, #553c9a 40%, #d6bcfa 50%, #553c9a 60%, #553c9a 100%); }

.btn-donate { background: rgba(255, 245, 247, 0.7); border-color: #fed7e2; }
.btn-donate::before { background-color: #ed64a6; }
.btn-donate:hover { background: rgba(255, 245, 247, 1); border-color: #f687b3; box-shadow: 0 8px 20px rgba(237, 100, 166, 0.25); }
.btn-donate .icon { color: #ed64a6; font-size: 20px; }
.pulse-icon i { animation: heartBeat 1.5s infinite ease-in-out; }
.btn-donate:hover .pulse-icon i { animation-duration: 0.8s; }
.btn-donate .text { background-image: linear-gradient(120deg, #97266d 0%, #97266d 40%, #fbb6ce 50%, #97266d 60%, #97266d 100%); }

.btn-boosty { background: rgba(255, 250, 240, 0.7); border-color: #feeebc; }
.btn-boosty::before { background-color: #f6ad55; }
.btn-boosty:hover { background: rgba(255, 250, 240, 1); border-color: #f6ad55; box-shadow: 0 8px 20px rgba(221, 107, 32, 0.2); }
.btn-boosty .icon { color: #f6ad55; font-size: 20px; filter: drop-shadow(0 2px 4px rgba(246, 173, 85, 0.3)); }
.btn-boosty:hover .icon { transform: scale(1.2) rotate(10deg); color: #dd6b20; }
.btn-boosty .text { background-image: linear-gradient(120deg, #c05621 0%, #c05621 40%, #fbd38d 50%, #c05621 60%, #c05621 100%); }
.bolt-anim i { animation: voltagePulse 3s infinite ease-in-out; }

.btn-locked { background: rgba(247, 250, 252, 0.8); border-color: #edf2f7; cursor: default; box-shadow: none; }
.btn-locked::before { background-color: #cbd5e0; }
.btn-locked .icon { color: #cbd5e0; }
.btn-locked .text { background: none; -webkit-text-fill-color: #a0aec0; color: #a0aec0; }
.btn-locked:hover { transform: none; background: rgba(247, 250, 252, 0.8); }

/* MINI BUTTONS */
.btns-row-mini { display: flex; gap: 0px; width: 100%; }
.btn-col-auto { flex: 0 0 auto; min-width: 55px; }
.btn-col-auto a { display: block; text-decoration: none; width: 100%; }
.btn-col-wide { flex: 1; min-width: 0; }
.btn-col-square { flex: 0 0 42px; }
.btn-col-square a { display: block; width: 100%; text-decoration: none; }

.btn-compact { height: 42px !important; border-radius: 10px !important; width: 100%; padding-left: 10px !important; padding-right: 10px !important; }
.btn-compact::before { display: none !important; }
.btn-compact .text { font-size: 12px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.btn-compact .icon { font-size: 14px !important; margin-right: 6px !important; }
.btn-col-square .btn-modern { padding: 0 !important; }
.btn-col-square .icon { margin: 0 !important; font-size: 16px !important; }

.btn-error { border-color: #ffcdd2; background: rgba(255, 235, 238, 0.7); color: #e53935; }
.btn-error:hover { background: rgba(255, 235, 238, 1); border-color: #e53935; }

.btn-like { border-color: #c5e1a5; background: rgba(241, 248, 233, 0.7); color: #558b2f; padding: 0 8px !important; }
.btn-like .icon { color: #7cb342; font-size: 14px !important; margin-right: 5px !important; }
.btn-like:hover { border-color: #7cb342; background: rgba(241, 248, 233, 1); box-shadow: 0 4px 10px rgba(124, 179, 66, 0.2); }
.pulse { animation: thumbUp 1s infinite alternate; }

.track-item.js-item-current.js-item-stopped::before { content: ''; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; background: linear-gradient(135deg, #ffffff 0%, #f1f2f6 100%); border-radius: 12px; border: 1px solid #dfe4ea; border-left: 4px solid #747d8c; z-index: 0; transition: all 0.3s ease; }
.track-item.js-item-current.js-item-stopped .js-play { opacity: 1; background: rgba(47, 53, 66, 0.7); backdrop-filter: blur(3px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); border-radius: 10px; z-index: 5; }
.track-item.js-item-current.js-item-stopped .js-play span:before { content: "\f04b" !important; margin-left: 3px; }
.track-item.js-item-current.js-item-stopped .js-play span { color: #fff; font-size: 22px; animation: waitingBreath 2s infinite ease-in-out; }

figure { margin: 0; }
figure.align-left { float: left; }
figure.align-right { float: right; }
figure.image.align-center { display: table; margin-left: auto; margin-right: auto; }
figure.image figcaption { padding: 1rem; background-color: #fafafa; font-size: .8rem; caption-side: bottom; word-break: break-word; text-align: center; }
figure.image.align-center figcaption { display: table-caption; }
.comments-image-gallery { margin: 0; padding: 0; list-style: none; clear: both; }
.comments-image-gallery li { list-style: none; margin: 0; padding: 0; }
.comments-image-gallery li img { float: left; margin-right: 5px; border: 5px solid #fff; width: 100px; height: 100px; transition: box-shadow 0.5s ease; }
.comments-image-gallery li img:hover { box-shadow: 0px 0px 7px rgba(0,0,0,0.4); }
.mce-toc { border: 1px solid #dbdada; margin: 0 0 .7rem 0; }
.mce-toc h2 { margin: 4px; }
.mce-toc ul { padding-left: 20px; list-style: none; margin-top: 0; margin-bottom: 0; margin-block-start: 1em; margin-block-end: 1em; }
.mce-toc ul ul { padding-left: 20px; margin-block-start: 0; margin-block-end: 0; }
.mce-toc li { list-style-type: none; }
.image-bordered { border: 1px solid #ddd; }
.image-shadows { box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px; }
.image-padded { padding: 0.5rem; }
.comments-user-profile { font-weight: bold; cursor: pointer; color: #3394e6; }
.title_spoiler svg { vertical-align: middle; margin-top: -4px; margin-right: 7px; height: 16px; width: 16px; }
.mce-accordion summary { cursor: pointer; }
.self_delete_link { border: 0 none; display: inline-block; vertical-align: middle; cursor: pointer; padding: 12px 27px; border-radius: 10px; outline: none; background-color: #f44336; color: #fff; text-shadow: 0 1px #333; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-sizing: border-box; transition: all ease .1s; }

/* DLE PUSH & OTHERS */
.DLEPush { z-index: 2001; position: fixed; right: 20px; top: 20px }
@keyframes DLEPush-show { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
.DLEPush-notification.wrapper { animation-name: DLEPush-show; animation-duration: 1s; position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; color: #333; margin-bottom: 10px; width: 100%; max-width: 400px; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); background-color: #fff; border-radius: 10px }
.DLEPush-notification .DLEPush-icon { grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; color: #fff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; }
.DLEPush-notification .DLEPush-icon svg { scale: .8; }
.DLEPush-notification .DLEPush-header { font-weight: 500; grid-column: 2; grid-row: 1; font-size: 1rem; margin-left: 1rem; margin-top: .5rem; }
.DLEPush-notification .DLEPush-header:empty { margin-top: 0; }
.DLEPush-notification .DLEPush-message { grid-column: 2; grid-row: 2; font-size: .875rem; margin: 1rem; }
.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul { list-style-type: none; padding-left: 0; }
.DLEPush-notification .DLEPush-close { position: absolute; top: 8px; right: 10px; font-weight: 300; background: none; border: 0; font-size: 1.15rem; cursor: pointer; line-height: 1; padding: 0; color: inherit; outline: 0; opacity: 0.75; }
@media only screen and (min-width: 601px) { .DLEPush-notification.wrapper { min-width: 400px; } }
.DLEPush-notification .DLEPush-close:hover { opacity: 1; }
.DLEPush-notification.wrapper.push-success { background-color: #e0f2f1; }
.DLEPush-notification.wrapper.push-success .DLEPush-icon { background-color: #00897b; }
.DLEPush-notification.wrapper.push-warning { background-color: #FFF3E0; }
.DLEPush-notification.wrapper.push-warning .DLEPush-icon { background-color: #FF9800; }
.DLEPush-notification.wrapper.push-error { background-color: #FBE9E7; }
.DLEPush-notification.wrapper.push-error .DLEPush-icon { background-color: #FF5722; }

input[type="text"].comments_author_field { width: 100%; margin-bottom: 10px; }
.ui-dialog-buttonset button.ui-button-delete { background-color: #f44336; border-color: #f44336; color: #fff; text-shadow: 1px 1px 2px rgba(51, 51, 51, .5); }
.ui-dialog-buttonset button.ui-button-delete:hover { background-color: #db3a2f; border-color: #db3a2f; color: #fff; text-shadow: 1px 1px 2px rgba(51, 51, 51, .5); }
.form-check-label { cursor: pointer; }
.form-check-input { color: #0c5f7eed; flex-shrink: 0; width: 1.12rem; height: 1.12rem; margin: -0.188rem 0.625rem 0 0; appearance: none; background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #0c5f7eed; vertical-align: middle; }
.form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c5f7eed' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c5f7eed'/%3e%3c/svg%3e"); }
.form-check-input[type=checkbox] { border-radius: .25rem; }
.form-check-input[type=radio] { border-radius: 50%; }

.pm th { text-align: left; font-weight: 500; white-space: nowrap; }
.pm th.pm_checkbox { text-align: center; }
.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user { cursor: pointer; }
.pm_list.pm_icon svg { width: 1.4rem; height: 1.4rem; vertical-align: middle; }
.pm_list.pm_icon.pm-unread-image { color: #3394e6; }
.pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon { border-bottom: none; }
.pm_list.pm_icon.pm-reply-image { color: #087e02c4; }
.pm_list.pm_icon.pm-read-image { color: #afafaf; }
.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user { color: #64748b; font-size: .8rem; }
.pm tbody > tr:hover { background-color: #e2e8f099; }
.pm_navigation { margin-top: 1rem; }
.pm_navigation .navigation { display: inline-block; color: #333333; background-color: #f5f5f5; border-radius: 0.188rem; padding: .4rem; }
.pm_navigation .navigation a, .pm_navigation .navigation span { padding: 0.5rem; min-width: 2.25rem; }
.pm_navigation .navigation span { background-color: #4581d0; color: #fff; }
.pm_navigation .navigation a { text-decoration: none; color: #000; }
.pm_navigation .navigation a:hover { background-color: #e2e8f0; }
.quote_link { float: right; }
.quote_link svg { color: #6c838e; vertical-align: middle; }
.clipboard-copy-link svg { color: #6c838e; vertical-align: middle; margin-top: -3px; }
.smart-captcha { display: inline-block; }
.mathml-container { font-family: math; }
div.mathml-block { font-size: 1.1em; display: flex; align-items: center; justify-content: center; padding: .139em .35em; }
div.mathml-block .katex { font-size: 1.1em; }
span.mathml-inline { display: inline-block; vertical-align: middle; margin: 0 .12em; }
.dleshowhidden {
    position: relative; /* Нужно для позиционирования заголовка */
    margin-top: 30px; /* Отступ сверху, чтобы заголовок не налезал на контент выше */
    box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2);
    padding: .83em;
    border: 1px solid #2c5282; /* Опционально: легкая рамка */
    border-radius: 4px;
}

/* Создаем "плитку" сверху */
.dleshowhidden::before {
    content: 'СКРЫТЫЙ ТЕКСТ';
    position: absolute;
    top: -12px; /* Выносим наверх за пределы блока */
    left: 15px; /* Смещение от левого края */
    background: #7d3838; /* Цвет плитки (под цвет тени) */
    color: #fff; /* Цвет текста */
    font-size: 11px;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* RAD MODAL */
.open-modal-btn { padding: 14px 28px; background: #4f46e5; color: white; border: none; border-radius: 12px; font-weight: 700; font-size: 15px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2); }
.open-modal-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(79, 70, 229, 0.3); background: #4338ca; }
.rad-modal { display: none; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.75); backdrop-filter: blur(6px); z-index: 9999; opacity: 0; transition: all 0.3s ease; padding: 20px; }
.rad-modal.active { display: flex; align-items: center; justify-content: center; opacity: 1; }
.rad-modal_content { position: relative; background: #ffffff; width: 100%; max-width: 420px; padding: 40px; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); transform: scale(0.96) translateY(10px); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-sizing: border-box; }
.rad-modal.active .rad-modal_content { transform: scale(1) translateY(0); }
.rad-modal_close { position: absolute; top: 16px; right: 16px; background: #f8fafc; border: 1px solid #e2e8f0; width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #64748b; cursor: pointer; transition: all 0.2s ease; }
.rad-modal_close:hover { background: #f1f5f9; color: #0f172a; border-color: #cbd5e1; }
.rad-modal_title { font-size: 24px; font-weight: 800; color: #0f172a; letter-spacing: -0.02em; margin-bottom: 8px; text-align: left; }
.rad-modal_subtitle { display: block; font-size: 14px; line-height: 1.5; color: #64748b; text-align: center; margin-bottom: 32px; }
.rad-modal_sums { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 24px; }
.rad-modal_sums > span { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 5px; font-weight: 600; font-size: 14px; text-align: center; cursor: pointer; transition: all 0.2s ease; color: #334155; }
.rad-modal_sums > span:hover { border-color: #4f46e5; color: #4f46e5; }
.rad-modal_sums > span.selected { background: #4f46e5; border-color: #4f46e5; color: #ffffff; box-shadow: 0 4px 10px rgba(79, 70, 229, 0.2); }
.input-group { margin-bottom: 16px; }
.rad-modal_content input { display: block; width: 100%; padding: 14px 18px; border: 1px solid #e2e8f0; margin: 10px 10px 10px 0px; border-radius: 10px; background: #fcfdfe; font-family: inherit; font-size: 15px; font-weight: 600; transition: all 0.2s ease; box-sizing: border-box; outline: none; color: #1e293b; }
.rad-modal_content input:focus { border-color: #4f46e5; background: #ffffff; box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.06); }
.rad-modal_content input.error { border-color: #fca5a5; background: #fffcfc; }
.error-text { display: none; color: #ef4444; font-size: 12px; margin: 6px 0 0 4px; font-weight: 700; }
.rad-donate-link { display: flex; align-items: center; justify-content: center; background: #4f46e5; color: #ffffff; text-decoration: none; border-radius: 12px; padding: 16px; font-weight: 800; font-size: 16px; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25); }
.rad-donate-link:hover { background: #4338ca; box-shadow: 0 6px 16px rgba(79, 70, 229, 0.35); }
.rad-donate-link:active { transform: scale(0.98); }

.payment-container { max-width: 600px; margin: 25px auto; }
.payment-box-modern { background: #ffffff; border-radius: 20px; padding: 18px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; position: relative; }
.status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.5px; }
.status-badge.success { background: #f0fdf4; color: #16a34a; }
.status-badge.pending { background: #fffbeb; color: #d97706; }
.status-badge.danger { background: #fef2f2; color: #dc2626; }
.modern-desc { font-size: 15px; color: #718096; line-height: 1.6; margin-bottom: 25px; }
.contact-grid { display: flex; flex-direction: column; align-items: center; gap: 5px; margin-bottom: 20px; }
.footer-note-modern { font-size: 13px; color: #a0aec0; font-style: italic; margin-top: 15px; }

.donate-locked { background: rgba(247, 250, 252, 0.8) !important; border-color: #edf2f7 !important; cursor: default !important; }
.donate-locked::before { background-color: #cbd5e0 !important; }

.soobshenie { background: #fff4e6; color: #f74d4d; border: 1px solid #ffe0b2; font-size: 11px; font-weight: 500; padding: 5px 5px; border-radius: 6px; text-transform: uppercase; line-height: 1.3; letter-spacing: 0.3px; display: inline-block; }

.rad-modal_agreement {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 15px 0;
    font-size: 13px;
    line-height: 1.4;
    color: #555;
    text-align: left;
}

.rad-modal_agreement input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-top: 2px; /* Выравнивание по первой строке текста */
}

.rad-modal_agreement a {
    color: #ff6b81; /* Цвет ссылки под стиль вашего проекта */
    text-decoration: underline;
}

.rad-modal_agreement a:hover {
    text-decoration: none;
}

/* MEDIA QUERIES (Адаптив)
----------------------------------------------- */
@media screen and (max-width: 1220px) {
    .wrap { padding: 0; overflow: hidden; }
    .wrap-center { max-width: 1000px; width: calc(100% - 30px); }
    .col-left { display: none; }
    .btn-menu { display: block; font-size: 28px; margin-left: 15px; cursor: pointer; color: #fc4293; }
    .search-wrap { margin: 0 30px; }
    .header-btn { background-color: rgba(0,0,0,0.1); color: #fff; }
    .header, .sect, .side-box { margin-bottom: -0px; }
    .col-right { margin-left: 15px; }
    #gotop { bottom: 70px; width: 40px; height: 40px; line-height: 40px; font-size: 18px; }
    .wplayer { bottom: 0; z-index: 9999; }
    .audioplayer, .audioplayer-bar { border-radius: 0; max-width: 100%; left: 0; }
    .fcols .fcaption { width: 100%; margin: 10px 0 -15px 0; text-align: left; }
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame { height: 400px; }
}

@media screen and (max-width: 992px) {
    .cat-item-wrap { width: 50%; }
}

@media screen and (max-width: 950px) {
    .wrap-center { max-width: 768px; }
    .col-right { display: none; }
    .footer { display: block; text-align: center; }
    .footer-copyright { margin: 0 0 30px 0; }
}

@media (max-width: 768px) {
    .donate-container { flex-direction: column; align-items: stretch; gap: 10px; }
    .donate, .donate2 { width: 100%; max-width: 100%; height: 60px; }
}

@media screen and (max-width: 760px) {
    .wrap-center { max-width: 640px; }
    .not-logged .login-avatar { display: none; }
    .login-close { top: -5px; }
    .login-title { font-size: 18px; }
    .login-box { max-width: calc(100% - 60px); padding: 15px; }
    .header-in { padding: 10px 0; }
    .search-wrap { order: 10; min-width: 100%; margin: 10px 0 0 0; }
    .logo { flex-basis: 0; flex-grow: 1; max-width: 100%; min-width: 50px; margin-right: 15px; }
    .sect-col { width: 100%; }
    .sect-col + .sect-col { margin-top: 30px; }
    .sect-bg { padding-left: 5px; padding-right: 5px; }
    .ap-title, .ap-artist { max-width: 100%; }
    .ap-desc { position: absolute; left: 0; right: 0; bottom: 100%; z-index: 5; min-width: 100%; padding: 10px; background-color: #9dcc54; box-shadow: 0 0 30px rgba(0,0,0,0.1); visibility: hidden; }
    .ap-mob-btn { display: block; cursor: pointer; font-size: 28px; color: #f6e58d; }
    .ap-time { flex-basis: 0; flex-grow: 1; max-width: 100%; min-width: 50px; justify-content: flex-end; }
    .ap-desc.is-active { visibility: visible; }
    .audioplayer-volume { display: none; }
    .ap-btns { left: 70px; transform: translate(0,0%); }
    .fctrl { width: 100%; margin: 15px 0 0 0; display: block; justify-content: space-between; }
    .fplay { width: 100%; margin: 5px 5px 5px 0px; }
    .dcont button { font-size: 12px; padding: 0 15px !important; }
    .comments-tree-list { padding-left: 0px !important; }
    .comments-tree-list .comments-tree-list:before { display: none; }
    .mass_comments_action { display: none; }
    
    .fcols { flex-direction: column !important; }
    .fimg-wrap { width: 100% !important; margin-right: 0 !important; margin-bottom: 25px; display: flex; flex-direction: column; align-items: center; }
    .fimg-wrap .img-fit { width: 220px; max-width: 100%; }
    .btns-row-mini { max-width: 220px; width: 100%; }
}

@media (max-width: 600px) {
    .news-container { justify-content: flex-start; text-align: left; padding-right: 50px; }
    .fimg-podb { height: 200px; }
    .fimg-podb .fheader { padding: 15px 20px; }
    .fimg-podb h1 { font-size: 18px; }
    .cat-item-wrap { width: 100%; }
    .cat-item-link { padding: 12px; }
}

@media screen and (max-width: 590px) {
    .wrap-center { max-width: 480px; }
    .header-btn { margin-left: 15px; font-size: 12px; padding: 0 10px; border-radius: 15px; height: 30px; line-height: 30px; }
    .sect-title { font-size: 20px; }
    .sect-items { margin: 0 -5px -10px -5px; }
    .album-item, .collection-item { width: 50%; padding: 0 5px; margin-bottom: 10px; }
    .col-right { display: block; width: 100%; margin: 10px 0 0 0; }
    .ac-inputs input { width: 100%; }
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame { height: 300px; }
    .ui-dialog { width: 100% !important; }
    .upop-left, .upop-right { float: none !important; width: 100% !important; margin: 0; padding: 0 20px; }
    .upop-left { margin-bottom: 10px; text-align: center; }
    .ui-dialog-buttonset button { display: block; margin: 0 0 5px 0; width: 100%; }
    #dofullsearch, #searchsuggestions span.seperator { display: none !important; }
    .attach .download-link { margin: 0 -15px 0 0; float: none; display: block; padding: 0 10px; }
    .attach-info { float: none; }
}

@media screen and (max-width: 480px) {
    .track-row-modern { gap: 2px; }
    .btn-modern { height: 55px; padding: 0 10px; border-radius: 10px; }
    .btn-modern .text { font-size: 15px; }
    .btn-modern .icon { font-size: 20px; margin-right: 8px; }
    .btn-compact .text { font-size: 11px !important; }
}

@media screen and (max-width: 470px) {
    .wrap-center { max-width: 360px; }
    .track-time { font-size: 10px; margin-left: 10px; }
    .track-dl { margin-left: 10px; }
    .logo { font-size: 20px; }
    .fmain { margin: -15px; margin-bottom: 15px; border-radius: 0; padding: 15px; }
    .frate { font-size: 12px; }
    .frate a .fal { width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-right: 5px; }
    .fheader h1 { font-size: 20px; }
    .fimg { width: 100px; height: 100px; margin-right: 10px; }
    .finfo li { line-height: 1.5; }
    .ffav { display: none !important; }
    .fcols .fcaption { margin-bottom: 0; }
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame { height: 250px; }
}

@media (max-width: 440px) {
    .rad-modal_content { padding: 30px 20px; }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ====================================================================
   СОВРЕМЕННЫЙ ПЕРЕКЛЮЧАТЕЛЬ ТЕМЫ (СЛАЙДЕР В СТИЛЕ DLE 19)
   ==================================================================== */
.theme-switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
    flex-shrink: 0;
}

/* Прячем дефолтный системный чекбокс */
.theme-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* Основной фон (дорожка слайдера) */
.theme-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1; /* Серый цвет для светлой темы */
    transition: .4s;
    border-radius: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 7px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

/* Иконки внутри слайдера */
.theme-switch .slider i {
    font-size: 13px;
    z-index: 1;
    transition: 0.3s;
}
.theme-switch .slider .fa-moon { color: #f8fafc; }
.theme-switch .slider .fa-sun { color: #f59e0b; /* Желтый цвет солнцу */ }

/* Кружок-бегунок */
.theme-switch .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    /* Красивый эффект пружинящей анимации */
    transition: .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 2;
}

/* Состояние: Включена тёмная тема */
.theme-switch input:checked + .slider {
    background-color: #334155;
}

/* Смещение бегунка вправо */
.theme-switch input:checked + .slider:before {
    transform: translateX(26px);
}

/* ====================================================================
   ТЁМНАЯ ТЕМА (ГЛОБАЛЬНЫЕ ЦВЕТА И ФОНЫ)
   ==================================================================== */

/* ====================================================================
   1. КНОПКА ПЕРЕКЛЮЧЕНИЯ ТЕМЫ
   ==================================================================== */
.theme-toggle-btn { 
    width: 40px; height: 40px; border-radius: 50%; background: #42a5fa; color: #fff; 
    border: none; cursor: pointer; font-size: 18px; display: flex; align-items: center; 
    justify-content: center; transition: all .3s; box-shadow: 0 4px 10px rgba(66,165,250,.3); 
}
.theme-toggle-btn:hover { transform: scale(1.1); background: #2980b9; }

/* ====================================================================
   2. ГЛОБАЛЬНЫЕ ФОНЫ И БЛОКИ
   ==================================================================== */
/* Уровень 0 (Самый глубокий тёмный фон) */
body.dark-theme,
body.dark-theme input[type="text"], body.dark-theme input[type="password"], 
body.dark-theme textarea, body.dark-theme select, body.dark-theme .submenuItems, 
body.dark-theme .login-avatar, body.dark-theme .rad-modal_content input, 
body.dark-theme .minus-delay-icon, body.dark-theme .author-contact-button, 
body.dark-theme .notice-delay {
    background: #0f172a !important; 
    color: #cbd5e1 !important;
}

/* Уровень 1 (Карточки, панели, выпадающие окна) */
body.dark-theme .sect-bg, body.dark-theme .sect-bgg, body.dark-theme .sect2-bg, 
body.dark-theme .sect3-bg, body.dark-theme .sect4-bg, body.dark-theme .side-box, 
body.dark-theme .side-subscribe, body.dark-theme .side-r, body.dark-theme .side-ra, 
body.dark-theme .payment-box-modern, body.dark-theme .hidden-menu, 
body.dark-theme .rad-modal_content, body.dark-theme .accordion-menu, 
body.dark-theme .finfo li > span:first-child, body.dark-theme .finfo li > span:last-child,
body.dark-theme .lastcomment .lcol .avatar div, body.dark-theme .modal-content, 
body.dark-theme .ui-dialog, body.dark-theme .ui-widget-content, body.dark-theme .minus-delay-card, 
body.dark-theme .vote_box, body.dark-theme .bvote, body.dark-theme .vote-block, 
body.dark-theme form[name="vote"] > div, body.dark-theme .login-box, 
body.dark-theme .rad-modal_sums > span, body.dark-theme blockquote, 
body.dark-theme .quote, body.dark-theme div[class*="quote"], body.dark-theme .high2span, 
body.dark-theme .header, body.dark-theme .cat-item-link, body.dark-theme .cat-item-link::after,
body.dark-theme .fm, body.dark-theme .nm, body.dark-theme .bvote > div:first-child, 
body.dark-theme .vote_box > div:first-child, body.dark-theme .is-active,
body.dark-theme .col-left div[style*="background"], body.dark-theme a[style*="linear-gradient"],
body.dark-theme #dropmenudiv, body.dark-theme #searchsuggestions, body.dark-theme #countdown-btn,
body.dark-theme .side-panel, body.dark-theme .vote-title {
    background: #1e293b !important; 
    border-color: #334155 !important; 
    background-image: none !important;
}

/* Уровень 2 (Кнопки и элементы управления) */
body.dark-theme .button, body.dark-theme .btn, body.dark-theme html input[type="button"], 
body.dark-theme input[type="submit"], body.dark-theme .modal-close, 
body.dark-theme .rad-modal_close, body.dark-theme .bvote button, 
body.dark-theme .vote_box button, body.dark-theme .lastcomment .comment_text,
body.dark-theme .col-left .button, body.dark-theme .col-left .btn,
body.dark-theme .vote-buts button, body.dark-theme .vote-buts .vvote,
body.dark-theme .vote-buts .vres, body.dark-theme .vote-buts .vall,
body.dark-theme .side-panel .btn-close {
    background: #334155 !important; 
    color: #f1f5f9 !important; 
    border: 1px solid #475569 !important; 
    box-shadow: none !important;
}

/* ====================================================================
   3. ТИПОГРАФИКА И ЦВЕТА ТЕКСТА
   ==================================================================== */
/* Чисто белый текст (Заголовки, акценты) */
body.dark-theme h1, body.dark-theme h2, body.dark-theme h3, body.dark-theme h4, 
body.dark-theme h5, body.dark-theme a, body.dark-theme .cat-item-name, 
body.dark-theme .finfo li > span:last-child, body.dark-theme .modal-content h3, 
body.dark-theme .ui-dialog-titlebar, body.dark-theme .login-title, 
body.dark-theme .rad-modal_title, body.dark-theme .minus-delay-caption > div:first-child, 
body.dark-theme .vote_box .title, body.dark-theme .bvote .title, body.dark-theme .vote-block b,
body.dark-theme .fm div, body.dark-theme .nm div, body.dark-theme .fm span, body.dark-theme .nm span,
body.dark-theme .high2span *, body.dark-theme blockquote *, body.dark-theme div[class*="quote"] *,
body.dark-theme .vote-buts button span, body.dark-theme .comm-one > span.comm-author, 
body.dark-theme .comm-one > span.comm-author a {
    color: #f1f5f9 !important; 
    background-color: transparent !important;
}

/* Синие ссылки и акцентные элементы */
body.dark-theme .lastcomment .ul_inf a, body.dark-theme .lastcomment .ul_inf em,
body.dark-theme .modal-content a:not(.author-contact-button), body.dark-theme .login-btm a,
body.dark-theme .is-active, body.dark-theme a[style*="linear-gradient"],
body.dark-theme .author-contact-button, body.dark-theme #countdown-btn {
    color: #60a5fa !important; 
    -webkit-text-fill-color: #60a5fa !important; 
    border-color: #60a5fa !important;
}

/* Приглушённый серый текст */
body.dark-theme .modern-desc, body.dark-theme .finfo li > span:first-child, 
body.dark-theme .submenuItems a, body.dark-theme .lastcomment .ul_inf, 
body.dark-theme .minus-delay-sub, body.dark-theme .login-check span,
body.dark-theme #dropmenudiv a, body.dark-theme .comm-one > span,
body.dark-theme .rad-modal_sums > span {
    color: #94a3b8 !important;
}

/* Плейсхолдеры в формах */
body.dark-theme input::placeholder, body.dark-theme textarea::placeholder { color: #94a3b8 !important; opacity: 1 !important; }
body.dark-theme input::-webkit-input-placeholder, body.dark-theme textarea::-webkit-input-placeholder { color: #94a3b8 !important; opacity: 1 !important; }
body.dark-theme input::-moz-placeholder, body.dark-theme textarea::-moz-placeholder { color: #94a3b8 !important; opacity: 1 !important; }

/* ====================================================================
   4. ЭФФЕКТЫ ПРИ НАВЕДЕНИИ (HOVER)
   ==================================================================== */
/* Синяя подсветка кнопок */
body.dark-theme .button:hover, body.dark-theme .btn:hover, body.dark-theme html input[type="button"]:hover, 
body.dark-theme input[type="submit"]:hover, body.dark-theme .bvote button:hover, 
body.dark-theme .vote_box button:hover, body.dark-theme .col-left .button:hover,
body.dark-theme .rad-modal_sums > span:hover, body.dark-theme .rad-modal_sums > span.selected,
body.dark-theme .vote-buts button:hover, body.dark-theme .vote-buts .vvote:hover,
body.dark-theme .vote-buts .vres:hover, body.dark-theme .vote-buts .vall:hover {
    background: #42a5fa !important; color: #fff !important; border-color: #42a5fa !important;
}
body.dark-theme .vote-buts button:hover span { color: #fff !important; }

/* Тёмная подсветка блоков */
body.dark-theme .lastcomment:hover .comment_text, body.dark-theme .fm:hover, 
body.dark-theme .nm:hover, body.dark-theme .is-active:hover, body.dark-theme #countdown-btn:hover {
    background: #475569 !important;
}
body.dark-theme .login-menu a:hover, body.dark-theme #dropmenudiv a:hover { 
    color: #42a5fa !important; background: #0f172a !important; 
}

/* Красные кнопки закрытия */
body.dark-theme .modal-close:hover, body.dark-theme .rad-modal_close:hover, body.dark-theme .side-panel .btn-close:hover { 
    background: #ef4444 !important; color: #fff !important; border-color: #ef4444 !important; 
}

/* Подсветка текста и ссылок */
body.dark-theme a:hover, body.dark-theme .dropdownlink:hover { color: #42a5fa !important; }
body.dark-theme .modal-content a:not(.author-contact-button):hover, body.dark-theme .is-active:hover, 
body.dark-theme .login-btm a:hover, body.dark-theme #countdown-btn:hover { color: #93c5fd !important; }

/* ====================================================================
   5. УНИКАЛЬНЫЕ КОМПОНЕНТЫ (Плеер, Донат, Треки)
   ==================================================================== */
/* Стеклянные кнопки скачивания */
body.dark-theme .donate, body.dark-theme .donate2, body.dark-theme .btn-modern { background: rgba(15, 23, 42, 0.7) !important; border-color: #334155 !important; }
body.dark-theme .donate:hover, body.dark-theme .donate2:hover, body.dark-theme .btn-modern:hover { background: rgba(30, 41, 59, 0.9) !important; }

/* Аудиоплеер */
body.dark-theme .audioplayer { background: rgba(15, 23, 42, 0.95) !important; border: 1px solid #334155 !important; box-shadow: 0 -10px 30px rgba(0,0,0,0.8) !important; }
body.dark-theme .audioplayer-title, body.dark-theme .ap-artist, body.dark-theme .ap-title, body.dark-theme .ap-time { color: #cbd5e1 !important; }

/* Состояния треков в списке */
body.dark-theme .track-item.js-item-current.js-item-stopped::before { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important; border-color: #334155 !important; border-left-color: #64748b !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important; }
body.dark-theme .track-item.js-item-current.js-item-stopped .js-play { background: rgba(15, 23, 42, 0.7) !important; }
body.dark-theme .track-item.js-item-played::before { background: linear-gradient(to right, #1e293b, #0f172a) !important; border-color: #334155 !important; border-left-color: #42a5fa !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important; }

/* Модалка доната */
body.dark-theme .rad-donate-link { background: #6b46c1 !important; color: #fff !important; box-shadow: 0 4px 15px rgba(107,70,193,.4) !important; }
body.dark-theme .rad-donate-link:hover { background: #553c9a !important; }

/* Бейджи и уведомления */
body.dark-theme .status-badge.success { background: rgba(22, 163, 74, 0.2); color: #4ade80; }
body.dark-theme .status-badge.danger { background: rgba(220, 38, 38, 0.2); color: #f87171; }
body.dark-theme .status-badge.pending { background: rgba(217, 119, 6, 0.2); color: #fbbf24; }
body.dark-theme .soobshenie, body.dark-theme .rad-modal_content .soobshenie { background: rgba(220, 38, 38, 0.15) !important; border-color: rgba(220, 38, 38, 0.3) !important; color: #fca5a5 !important; }
body.dark-theme .notice-delay strong { color: #f87171 !important; }
body.dark-theme .berrors {background: rgba(220, 38, 38, 0.15) !important; color: #fca5a5 !important; border: 1px solid rgba(220, 38, 38, 0.3) !important; 
}

/* Границы и мелкие элементы */
body.dark-theme .dropdownlink, body.dark-theme .submenuItems li, body.dark-theme .login-menu, 
body.dark-theme .login-menu li, body.dark-theme #dropmenudiv a, body.dark-theme .side-panel { border-color: #334155 !important; }
body.dark-theme #dropmenudiv a:last-child { border-bottom: none !important; }
body.dark-theme .finfo li::before { color: #334155 !important; }
body.dark-theme .minus-delay-wave { opacity: 0.1 !important; }
body.dark-theme .minus-delay-icon { color: #a855f7 !important; }
body.dark-theme .fm .track-play, body.dark-theme .nm .track-play { background: #0f172a !important; color: #42a5fa !important; }
body.dark-theme .login-check input:checked + span:before { background: #42a5fa !important; }

/* Дополнительные тени */
body.dark-theme #dropmenudiv, body.dark-theme #searchsuggestions { box-shadow: 0 10px 30px rgba(0,0,0,0.6) !important; }
body.dark-theme #countdown-btn { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important; }
body.dark-theme .side-panel { box-shadow: 2px 0 15px rgba(0, 0, 0, 0.5) !important; border-right: 1px solid #334155 !important;}

/* ====================================================================
   6. ЗАТЕМНЕНИЕ КАРТИНОК И БАННЕРОВ (FILTER)
   ==================================================================== */
/* Основные обложки и аватарки */
body.dark-theme .fimg, body.dark-theme .frate, body.dark-theme .logo-img, 
body.dark-theme .badge-cell, body.dark-theme .youtube, body.dark-theme .cat-count,
body.dark-theme .comm-item, body.dark-theme .fimg2, body.dark-theme .img-fit,
body.dark-theme .avatar, body.dark-theme .cat-item-img img, body.dark-theme .track-img, 
body.dark-theme .album-img, body.dark-theme .full-text img {
    filter: brightness(0.70) contrast(1.1) !important;
    transition: filter 0.3s ease, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
}

/* Подсветка картинки при наведении */
body.dark-theme .fimg:hover, body.dark-theme .cat-item-img img:hover,
body.dark-theme .track-item:hover .track-img, body.dark-theme .album-item:hover .album-img,
body.dark-theme .full-text img:hover, body.dark-theme .img-fit:hover img {
    filter: brightness(1) contrast(1) !important;
}

/* Счётчики (LiveInternet и др.) */
body.dark-theme img[src*="counter.yadro.ru"], body.dark-theme img[title="LiveInternet"] {
    filter: brightness(0.6) grayscale(0.3) contrast(1.1) !important; opacity: 0.7 !important; transition: all 0.3s ease !important;
}
body.dark-theme img[src*="counter.yadro.ru"]:hover, body.dark-theme img[title="LiveInternet"]:hover {
    filter: brightness(1) grayscale(0) contrast(1) !important; opacity: 1 !important;
}

/* ====================================================================
   ФИКС: ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ (.us-prof)
   ==================================================================== */

/* Главный контейнер карточки профиля */
body.dark-theme .us-prof {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}

/* Левая колонка (Аватарка и ссылки) */
body.dark-theme .usp-left {
    background-color: #0f172a !important; /* Делаем левую часть чуть темнее */
    color: #cbd5e1 !important;
}

/* Правая колонка (Информация пользователя) */
body.dark-theme .usp-right {
    background-color: transparent !important;
}

/* Шапка правой колонки (Пользователь: Музыка, Группа: Посетители) */
body.dark-theme .usp-name {
    background-color: transparent !important;
    border-bottom-color: #334155 !important;
    color: #94a3b8 !important; /* Серая подпись группы */
}
body.dark-theme .usp-name h1,
body.dark-theme .usp-name div {
    color: #f1f5f9 !important; /* Белое имя */
}

/* Полосатые строчки (Регистрация, Заходил, Последние комментарии) */
body.dark-theme .usp-meta li {
    color: #cbd5e1 !important;
}
body.dark-theme .usp-meta li:nth-child(2n+1) {
    background-color: #0f172a !important; /* Тёмно-синяя полоска для чередования */
}