:root {
            --blur: saturate(180%) blur(20px);
            --page-width: 1150px;
            --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            --accent_color1: #78aaff;

            --background1: rgba(0,0,0,.03);
            --background2: #fff;
            --background3: #f5f5f6;
            --border1:rgba(0, 122, 255, 0.08);
            --color1: #1e1e1e;
            --header-bg: rgba(255, 255, 255, 0.5);
            --border-color: rgba(0, 122, 255, 0.1);
            --secondary-bg: rgba(0, 0, 0, 0.04);
            --close-bg: #f5f5f7;
            --close-hover-bg: #e5e5ea;
            --close-color: #666;
            --overlay-bg: rgba(0, 0, 0, 0.5);
            --border-colors: #d2d2d7;
}

@media (prefers-color-scheme: dark) { :root {
            --background1: rgba(255, 255, 255, 0.1);
            --background2: #000;
            --background3: #242528;
            --border1:  rgba(0, 122, 255, 0.08);
            --color1: #f7f7f7;
            --header-bg: rgba(0,0,0,.5);
            --border-color: rgba(255, 255, 255, 0.12);
            --secondary-bg: #2c2c2e;
            --close-bg: #2c2c2e;
            --close-hover-bg: #3a3a3c;
            --close-color: #98989d;
            --overlay-bg: rgba(0, 0, 0, 0.7);
            --border-colors: #48484a;
}
}







/* Системные */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font: inherit;
            font-size: 100%;
            vertical-align: baseline;
}

::-webkit-scrollbar {
            display:none;
} 

::-webkit-scrollbar-track-piece {
            display:none;
}

::-webkit-scrollbar-thumb:vertical {
            display:none;
}

::-webkit-scrollbar-thumb:horizontal { 
            display:none;
}

html {
            line-height: 1;
}

ol, ul {
            list-style: none;
}

table {
            border-collapse: collapse;
            border-spacing: 0;
}

caption, th, td {
            text-align: left;
            font-weight: normal;
            vertical-align: middle;
}

q, blockquote {
            quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
            content: "";
            content: none;
}

a img {
            border: none;
}

a {
            text-decoration:none;
            color: var(--color1);
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
            display: block;
}

* {
            box-sizing: border-box;
}


body {
            background: var(--background2)!important;
            font-family: var(--font);
            font-size: 16px;
            padding-top: 70px;
            transition: padding-top 0.5s ease;
}
/* /Системные */







/* Системные2 */
h2 {
            font-size: 1.8em;
            font-weight: 600;
            line-height: 1.5em;
            color: var(--color1);
            display: block;
            text-decoration:none;
}
/* /Системные2 */







/* Хедер */
.heady {
            position: fixed;
            top: 0;
            width: 100%;
            height: 60px;
            background: var(--header-bg);
            backdrop-filter: var(--blur);
            border-bottom: 1px solid var(--background3); 
            z-index: 1000;
}

.heady h1 {
            font-size: 1.5em;
            color: var(--color1);
            opacity: 1;
            line-height: 3.2em;
            transition: all 0.3s ease;
            font-weight: bold;
}

.zcontainer {
            max-width: var(--page-width);
            height: 100%;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
}

@media (max-width: 768px) {
.zcontainer {
            padding: 0 15px;
}

.icon-link {
            width: 35px;
            height: 35px;
}
}

.nav-icons {
            display: flex;
            gap: 15px;
}

.icon-link {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--background3);
            border: 0px solid var(--border1);
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: var(--color1); 
            transition: all 0.3s ease;
}

.icon-link:hover {
             transform: scale(0.9);
}
/* /Хедер */







/* Горизонтальное меню */
.bmenu-container {
            max-width: var(--page-width);
            margin: 0 auto;
            position: relative;
}

.bscroll-container {
            overflow-x: auto;
            height: 60px;
            scroll-behavior: touch;
            scrollbar-width: none; /* Firefox */
            cursor: grab;
            user-select: none;
}

.bscroll-container:active {
            cursor: grabbing;
}

.bscroll-container::-webkit-scrollbar {
            display: none;
}

.bmenu-items {
            display: inline-flex;
            gap: 12px;
            padding: 5px 5px;
            height: 100%;
            align-items: center;
            white-space: nowrap;
}

.bmenu-item {
            display: inline-flex;
            align-items: center;
            padding: 0 24px;
            height: 40px;
            border-radius: 20px;
            background: var(--background3);
            border: 0px solid var(--border1);
            text-decoration: none;
            font-family: var(--font);
            font-size: 16px;
            font-weight: 500;
            transition: all 0.2s ease;
            color: var(--color1);
}

.bmenu-item:hover {
            transform: scale(0.98);
}

.bmenu-item:active {
            transform: scale(0.90);
}

@media (max-width: 1150px) {
.bmenu-container {
            padding: 4px 10px;
}
}

@media (max-width: 480px) {
.bmenu-items {
            padding: 5px 0px;
}

.bmenu-item {
            font-size: 14px;
            padding: 0 18px;
}
}
/* /Горизонтальное меню */







/* Каркас */
.wrapper {
            width:100%;
            max-width: var(--page-width);
            margin: 0 auto;
            padding: 0 0px;
}

@media (max-width: 768px) { .wrapper {
            padding: 0 0px; 
}
}

@media (max-width: 768px) { section {
            padding: 5px;
}
}

@media (min-width: 768px) { section {
            background-color: var(--background1); 
            border-radius: 16px;
            margin-right:10px;
            margin-left:10px;
            padding: 20px;
}
}

section {
            margin-bottom: 40px;
            line-height: 1.8;
            font-size:18px;
            color: var(--color1);
}

.mini_icons {
            color: var(--color1);
            background: var(--background1); 
            padding:8px 17px;
            font-size:14px;
            border-radius:25px;
            margin:20px 10px 0 0;
            display:inline-block;
}

.poster img, section img {
            height:auto;
            max-width: 600px;
            width:100%;
            margin:0px auto 10px auto;
            border-radius:16px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
}

.bbQuoteName, .bbCodeName { 
            font-size:12px!important;
            font-weight: bold!important;
}

.codeMessage, .quoteMessage {
            color:#555; 
            background: url(/2025/code.gif) repeat;
            font-size:13px; 
            font-family:Courier new; 
            border: 1px dashed #999!important; 
            padding:5px; 
            margin-top:1px; 
            border-radius:7px;
}
/* /Каркас */







/* Контейнер */
.container {
            max-width: var(--page-width);
            padding: 10px;
            margin-left: auto;
            margin-right: auto;
}

#allEntries {
            display: grid;
            grid-gap: 25px;
            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
/* /Контейнер */







/* Вид материалов */
.cards__card {
            border-radius: 24px;
            border: 0px solid var(--border-color);
            background: var(--background3);
            overflow: hidden;
}

.cards__card > img {
            object-fit: cover;
            width: 100%;
            height: 160px;
            border-radius: 24px 24px 0 0;
}

.cards__description {
            padding: 0 20px 10px 20px;
}

.cards__description h2 {
            font-size: 1.2rem;
            font-weight: 600;
            line-height: 2.4;
            margin-top: 0.4rem;

}

.cards__description p {
            color: var(--color1);
            font-size: 0.95rem;
            line-height: 1.6;
}

.mini_iconss {
            color: gray;
            font-size:14px;
            margin:12px 18px 8px 18px;
            display:inline-block;
}
/* /Вид материалов */







/* Футер */
.footer {
            background: var(--background1);
            padding: 15px;
            margin-top:15px;
}

.footer_text {
            width: 100%;
            max-width: var(--page-width);
            margin: 0px auto;
            line-height: 1.5;
            color: gray;
            text-align: justify;
            font-size: 0.84em;
}
/* /Футер */







/* Контейнер переключателей След-Пред */
.pagesBlockuz2, .pagesBlockuz1 {
            display: block;
            margin: 40px 0 15px 0;
            text-align: center;
}

.pageselector {
            text-align:center;
            margin: 40px 0 15px 0;
}

#pagenext:hover, #pageprev:hover {
            color:#fff; 
            background: var(--accent_color1);
}

#pageprev, #pagenext {
            margin: 0 8px;
            padding: 10px 16px; 
            border-radius: 12px; 
            color: var(--color1);
            background: var(--background3);
            border: 0px solid var(--border1);
            font-family: var(--font);
            font-size: 13px;
            font-weight: 500;
}

.nopage {
            cursor: default;
            opacity:0.4;
}
/* /Контейнер переключателей След-Пред */


 




/* Уведомление о копии текста */
.notification {
            overflow: hidden;
            display:block;
            position: fixed;
            bottom: 1rem;
            padding: 14px 25px;
            width:90%;
            max-width:500px;
            margin:0 5%;
            background: var(--accent_color1);
            color: #fff;
            text-align: center;
            border-radius: 16px;
            position-area: bottom;
            opacity: 0;
            font-weight: bold;
            transition: opacity 0.3s ease;
 }

.notification.show {
            opacity: 1;
}
/* /Уведомление о копии текста */







/* Форма добавления комментария */
.comment-form {
            max-width: 600px;
            background: var(--background1);
            backdrop-filter: var(--blur);
            display: flex;
            gap: 8px;
            align-items: center;
}

#message {
            flex-grow: 1;
            background: transparent;
            border: 0px solid var(--border-color);
            border-radius: 0px;
            padding: 17px 20px;
            font-family: Arial;
            height: 52px;
            font-size: 16px;
            resize: none;
            overflow-y: hidden;
            color: var(--color1);
}

#message:focus {
            outline: none;
            border-color: #ccc;
}

.send-btn {
            background: transparent;
            margin-right: 12px;
            border: none;
            width: 45px;
            height: 45px;
            border-radius: 30px;
            cursor: pointer;
            flex-shrink: 0;
            transition: background-color 0.2s;
}

.headerq {
            padding: 0px 0;
            position: sticky;
            bottom: 0;
            z-index: 100;
            border-bottom: 0px solid var(--border-colors);
            margin: 0 -15px;
}
/* /Форма добавления комментария */







/* Вид комментариев */
.ccomment {
            display: flex;
            /* align-items: center; */
            margin-bottom: 15px;
}

.cavatar {
            width: 40px;
            height: 40px;
            background: var(--secondary-bg);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            color: var( --close-color);
            margin-right: 10px;
}

.ccontent {
           background: var(--secondary-bg);
           color:var(--color1);
           border-radius: 18px;
           padding: 10px;
           border: 0px solid var(--border-colors);
           max-width: 85%;
           line-height: 1.5;
}

.com-order-block {
           display:none;
}
/* /Вид комментариев */







/* Модальное окно */
.modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: var(--overlay-bg);
            backdrop-filter: saturate(180%) blur(2px);
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s;
            z-index: 10000;
}

.modal-overlay.active {
            opacity: 1;
            pointer-events: auto;
}

.modal-content {
            background: var(--background3);
            width: 100%;
            max-width: 600px;
            border-radius: 28px 28px 0 0;
            padding: 15px;
            transform: translateY(100%);
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            max-height: 70vh;
            overflow-y: auto;
            padding-bottom: env(safe-area-inset-bottom);
            z-index: 10001;
            position: relative;
}

.modal-overlay.active .modal-content {
            transform: translateY(0);
}

.modal-header {
            position: relative;
            margin-bottom: 20px;
}

.close-btn {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 40px;
            height: 40px;
            background: var(--close-bg);
            border-radius: 50%;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s ease;
}

.close-btn:hover {
         background: var(--close-hover-bg);
}

.close-btn::before, .close-btn::after {
            content: '';
            position: absolute;
            width: 16px;
            height: 2px;
            background: var(--close-color);
            border-radius: 1px;
}

.close-btn::before {
            transform: rotate(45deg);
}

.close-btn::after {
            transform: rotate(-45deg);
}

.modal-content h2 {
            font-size: 1.7em;
            margin: 0px 0 10px 10px;
            color: var(--color1);
            font-weight: 600;
}

@media (min-width: 600px) {
.modal-content {
            margin: 0 auto;
            border-radius: 28px;
            margin-bottom: 20px;
            max-height:95vh;
}
}
/* /Модальное окно */







/* Модаль-профиль */
.modal-box {
            width: 100%;
            max-width: 600px;
            background: var(--secondary-bg);
            border-radius: 20px;
            overflow: hidden;
            margin-bottom: 15px;
            padding:15px;
}

.modal-box .content {
            padding: 20px;
            text-align: left;
}

.profile {
            display: flex;
            align-items: center;
            width: 100%;
            gap: 12px;
            margin-bottom: -15px;
}

.avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            background: var(--background3);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: 600;
            color: var( --close-color);
}

.avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
}

.info {
            display: flex;
            flex-direction: column;
}

.info .name {
            font-weight: 600;
            font-size: 16px;
            color: var(--color1);
}

.info .status {
            font-size: 13px;
            color: #666;
            opacity: 0.6;
}

.action-button {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 16px;
            font-size: 17px;
            font-weight: 500;
            margin-bottom: 5px;
            border-top: 0px solid #d1d1d6;
            cursor: pointer;
            border-radius: 12px;
            text-align: left;
            background: var(--background3);
            color: #007aff;
            transition: background 0.2s;
}

.action-button:hover {
            background: #f2f2f7;
}

.action-button.delete {
            color: #ff3b30;
}
/* /Модаль-профиль */