@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=block");

/* FA icons */
@import url(https://forumstatic.ru/files/001a/e1/ae/88289.css);

@import url(style_cs.1785707123.css);

/* øðèôò çàãîëîâêîâ, ïîýòîìó îí çäåñü */
@font-face {
  font-family: "Simple Serenity";
  src: url("https://forumstatic.ru/files/001a/e1/ae/77279.ttf");
  font-display: block;
}

/* øðèôò íèêîâ */

/* cyrillic */
@font-face {
  font-family: "Alegreya Sans SC";
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/alegreyasanssc/v26/mtGm4-RGJqfMvt7P8FUr0Q1j-Hf1DrpG4idhMLJ_.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: "Alegreya Sans SC";
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/alegreyasanssc/v26/mtGm4-RGJqfMvt7P8FUr0Q1j-Hf1DrpG4i1hMLJ_.woff2)
    format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Alegreya Sans SC";
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/alegreyasanssc/v26/mtGm4-RGJqfMvt7P8FUr0Q1j-Hf1DrpG4iNhMA.woff2)
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* øðèôò ïëàøåê */

/* cyrillic-ext */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: block;
  src: url(https://forumstatic.ru/files/001a/e1/ae/29566.woff2) format("woff2");
  unicode-range:
    U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: block;
  src: url(https://forumstatic.ru/files/001a/e1/ae/94618.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: block;
  src: url(https://forumstatic.ru/files/001a/e1/ae/62870.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: block;
  src: url(https://forumstatic.ru/files/001a/e1/ae/13991.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* çàãîëîâêè âàó÷åðîâ */

@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://fonts.gstatic.com/s/bebasneue/v16/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2)
    format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* variables */

:root {
  --pun-width: 1050px;
  --padding: 30px;
  --top-margin: 172px;
  --header-height: 586px;

  --eng-title-font: "Simple Serenity";
  --regular-font: "Montserrat";
  --icon-font: "Font Awesome 7 Pro";

  /* äàëåå ïî óìîë÷àíèþ áàçîâàÿ òåìà */
  color-scheme: light;

  /* ======================== ÎÑÍÎÂÍÎÅ ======================== */
  --body-img: url(https://forumstatic.ru/files/001a/e1/ae/17647.png);
  --header: url(https://forumstatic.ru/files/001a/e1/ae/57378.png);
  --footer: url(https://forumstatic.ru/files/001a/e1/ae/57195.png);
  --body-color: #1f2f2d;
  --pun-bg-color: #c3d5cf;
  --scrollbar-color: #354d4a;

  --accent-color: #e16b50;
  --accent-color-contrast: #b0402f;
  --text-on-accent: #fff;

  --plain-border: #b6cec5;

  --selection-bg: #5d807d;
  --selection-color: #d3f1ef;

  /* ======================== ÒÅÊÑÒ ======================== */
  --text-color: #333f3f;
  --plain-text-color: #68897e;
  --highlight-text: #000;

  --links-color: #4d8583;
  --links-hover: #ac3723;

  --error-bg: #d7787820;
  --error-border: #d5b3b3;
  --error-color: #dd6b6b;

  /* ======================== ÈÍÏÓÒÛ ======================== */
  --input-bg: #d2e1dc;
  --input-border: #9ec0be;
  --input-border-focus: #67a09c;

  --btn-bg: #617876;
  --btn-color: #fff;
  --btn-border: #9ec0be;

  /* ======================== ÍÀÂÈÃÀÖÈß ======================== */
  --ulinks-a: #5a8883;
  --ulinks-a-hover: #9f3a24;
  --ulinks-bg: #1d1d1b;

  --navlinks-bg: #4466627d;
  --navlinks-bg-hover: #456f69;
  --navlinks-bg-active: #8a2715;
  --navlinks-a-active: #d29487;
  --navlinks-a: #70b1b1;
  --navlinks-a-hover: #70b1b1;
  --nav-accounts-bg: #2b4442;

  --navprofile-bg: #d2e1dc;

  --welcome-strong: #e16b50;

  /* ======================== ÁËÎÊÈ ======================== */
  --blocks-bg: #1d1d1b;
  --blocks-color: #548681;

  /* ======================== ÊÀÒÅÃÎÐÈÈ È ÏÎÄÔÎÐÓÌÛ ======================== */
  --cat-bg: #e3efeb;
  --cat-border: #d6e6e0;
  --cat-title: #85b7a7;
  --cat-bg-img: url(https://forumstatic.ru/files/001a/e1/ae/64431.png);

  --hasicon-border: #d6e6e0;

  --tclcon-link: #fff;
  --tclcon-link-bg: #93c1b1;

  --tclcon-special-bg: #d6e6e0;
  --tclcon-lastpost: #95b8ab;

  --icon-new: url(https://forumstatic.ru/files/001a/e1/ae/94739.png);

  /* ======================== ÍÓÆÍÛÅ ======================== */
  --need-descr-bg: #84ada9;
  --need-descr-color: #fff;
  --need-img-overlday: #8acac4;

  --need-info-bg: #4a6b67;
  --need-info-color: #a4d9d3;

  --need-link-bg: #567c77;
  --need-link-color: #c8efea;

  /* ======================== ÑÒÀÒÈÑÒÈÊÀ ======================== */
  --stats-item-new-bg: #862514;
  --stats-item-new-color: #fff;
  --stats-item-new-hover: #000;

  --stats-pic: url(https://forumstatic.ru/files/001a/e1/ae/83776.png);

  /* ======================== ÂÍÓÒÐÈ ÒÅÌÛ ======================== */
  --pagelink-bg: #d3e4de;
  --pagelink-bg-hover: #ebfbf9;
  --pagelink-strong-bg: #8cb1ae;
  --pagelink-strong-color: #fff;

  --permalink-bg: #8cb1ae;
  --permalink-color: #d9efe8;
  --permalink-link: #d9efe8;

  --crumbs-bg: #d5e6e0;
  --crumbs-link: #7aad9b;

  --quote-bg: #b7cbc9;
  --quote-border: #abc0be;

  /* ======================== ÏÐÎÔÈËÜ ======================== */
  --profile-bg: #d5dfdb;
  --profile-border: #8cb1ae;
  --profile-color: #375a5a;
  --profile-inside-border: #c3d5cf50;
  --profile-status-bg: #a1c2be;
  --profile-status-color: #5daba2;
  --profile-ank-bg: #fff;
  --profile-no-bg: #96b5b1;
  --profile-counters: #8cb9b2;

  --profile-btn-bg: #deece7;
  --profile-btn-border: #b0cbc8;
  --profile-btn-color: #8cb1ae;
  --profile-btn-hover-bg: #cee8df;

  --profile-offline-dot: #bbb;
  --profile-offline-dot-hover: #ccc;

  /* ======================== ÀÂÀÒÀÐÛ ======================== */
  --avatar-border: #233d3bad;

  /* ======================== ÒÎÏÈÊÈ ======================== */
  --topic-border: #9ec0be;

  --humanized-bg: #922c19;
  --humanized-color: #fff;

  --directive-bg: #203635;
  --directive-color: #81a9a4;

  --topic-main-bg: #d7e6e1;

  --topic-mini-title-bg: #fff;
  --topic-mini-title-color: #4f928b;

  --topic-block1-bg: #c3d5cf;
  --topic-block2-bg: #e5efec;
  --topic-block1-border: #abccc8;
  --topic-block2-border: #c3d5cf;
  --topic-block3-bg: #daebe5;
  --topic-block3-border: #bfd7cf;

  /* ======================== ÂÀÓ×ÅÐÛ ======================== */
  --voucher-label-text: #fff;

  --voucher-bg: #edf4f2;
  --voucher-border: #c0ddd3;
  --voucher-watermark: #c6e2d9;
  --voucher-value-bg: #2a2a2a;
  --voucher-postit: #24a69c;
  --voucher-adrush: #72c778;
  --voucher-boostup: #ddc317;
  --voucher-faceid: #959595;
  --voucher-backup: #ee553e;
  --voucher-redesign: #3f96c3;
  --voucher-inmatch: #b98ad4;
  --voucher-plusvibe: #ee158b;
  --voucher-priceoff: #ff9b28;
  --voucher-chaton: #ff876f;

  /* ======================== ÁÀÍÊ ======================== */
  --bank-earned-bg: #ffffff8c;

  /* ======================== ËÀÉÊÈ ======================== */
  --like-hover: #f7eeec;

  /* ======================== GEMINI ÑÊÐÎËËÛ ======================== */
  --gemini-scroll-thumb: #88aea2;
  --gemini-scroll-track: #b4d1c8;

  /* ======================== ËÈ×ÍÛÅ ÑÒÐÀÍÈÖÛ ======================== */
  --char-title-color: #b6e1d2;
  --char-main-border: #ffffff70;
  --char-pic-border: #d7e6e16b;
  --char-twink-name: #fff;
  --char-tab-bg: #708a88;
  --char-tab-text: #fff;
  --char-tab-active-bg: #24a69c;
  --char-content-bg: #d7e6e1;
  --char-block-bg: #ccddd7;
  --char-block-border: #c2d4d3;
  --char-decor-label-text: #fff;
  --char-decor-label-bg: #83b9b1;
  --char-decor-img-border: #ffffff47;
  --char-line-text-bg: #d7e6e1;
  --char-line-text-color: #4f7a76;
  --char-dropdown-hover: #84a2a0;
  --char-dropdown-color: #fff;
  --char-app-block-bg: #bfd4cd;
  --char-app-task-bg: #d7e5e0;
  --char-app-task-color: #699a8a;
  --char-app-game-item-bg: #aac1bb;
  --char-app-game-item-color: #fff;
  --char-app-game-tab-bg: #9fb9b0;
  --char-app-game-counter: #fff;

  /* ======================== ÈÒÎÃÈ ÍÅÄÅËÈ ======================== */
  --weekly-label-bg: #7bb6b3;
  --weekly-label-text: #f6f9f8;
  --weekly-players: #5ba49a;
  --weekly-scroll-thumb: #88aea2;
  --weekly-scroll-track: #383836;
  --weekly-couple-hash: #546e6d;
  --weekly-header-bg: #79aaa6;
  --weekly-header-text: #dcf4f2;
  --weekly-popup-border: #5a9c91;
  --weekly-news-link-bg: #658b85;
  --weekly-news-link: #ceece8;
  --weekly-quote-mark: #d0442e;
  --weekly-blocks-bg: #b6cac8;
  --weekly-blocks-color: #3d6f69;
  --weekly-post-bg: #62807c;
  --weekly-post-color: #d0e5e2;

  /* ======================== ÔÎÐÌÀ ÎÒÂÅÒÀ ======================== */
  --main-form-controls-bg: #cedfd9;
  --main-form-controls-border: #b7cdcb;
  --main-form-border: #b7cdcb;
  --main-form-counter: #7a958b;
  --main-form-btn-hover: #dcebe6;

  /* ======================== ÑÑÛËÊÈ-ÊÍÎÏÊÈ ======================== */
  --post-links-icon: #9dbcb2;

  /* ======================== ÒÅÌÀ (êòî â òåìå) ======================== */
  --topic-users-icon: #9dbcb2;

  /* ======================== BLOCKLIST ======================== */
  --panel-shadow: #000;

  /* ======================== NOTIFICATION (jGrowl) ======================== */
  --jgrowl-bg: #000;
  --jgrowl-text: #fff;

  /* ======================== ÀÍÊÅÒÀ ======================== */
  --anketa-bg: #9db7b5;
  --anketa-border: #9cc0bd;
  --anketa-header-border: #c3d5cf90;
  --anketa-info-bg: #a6c4c2;
  --anketa-info-icon-bg: #b8cfcd;
  --anketa-icon-color: #81afab;
  --anketa-ocupation-bg: #7ea6a3;
  --anketa-runame-bg: #4c8f8a;
  --anketa-bio-bg: #afc7c5;
  --anketa-bio-text: #496462;
  --anketa-pic-overlay: #63ada47a;
  --anketa-name-color: #7cb1a9;
  --anketa-sur-color: #fff;
  --anketa-quote-color: #fff;
  --anketa-info-text: #fff;
  --anketa-proto-color: #fff;
  --anketa-sur-decoration: #ffffff60;

  /* ÃÎÑÒÅÂÀß */

  --gb-title: #000;
  --gb-welcome: #fff;
  --gb-info: #a0d1ca;
  --gb-list-title-bg: #5f847e;
  --gb-list-title: #fff;
  --gb-list-bg: #91ada9;
  --gb-list-a: #fff;

  /* SNS */
  --msg-bg: #f7fffc;
  --msg-mine-bg: #def5ed;
  --msg-reply-bg: #dcedec;
  --msg-mine-reply-bg: #cae8de;

  /* òàáëèöà */
  --gemtable-titles: #46928c;
  --gemtable-names: #d2efeb;
  --gemtable-names-hover: #fff;
  --gemtable-block-title-bg: #203635;
  --gemtable-post-author-hover: #69bdb6;
  --gemtable-post-link-bg: #822212;
  --gemtable-post-link-color: #f59b8a;
  --gemtable-couple-amp: #d14525;
  --gemtable-underline: #6eb6b370;
  --gemtable-ams: #4d8583;
  --gemtable-ams-hover: #ac3723;

  --gemtable-links-bg: #8fbeb83b;
  --gemtable-link-bg: #1f3736;
  --gemtable-link-color: #5ca19d;
  --gemtable-link-hover: #18524e;

  --gemtable-news-bg: #203635;
  --gemtable-news-bg-hover: #551911;
  --gemtable-news-title: #9fcec5;
  --gemtable-news-date-bg: #1d1d1b;
  --gemtable-news-date-bg-hover: #1d1d1b;

  --gemtable-news-text: #56918c;
  --gemtable-news-text-hover: #b9382e;
  --gemtable-news-title-hover: #e38376;

  /* ÌÀÃÀÇÈÍ */
  --store-item-bg: #fff;
  --store-item-border: #d4e8e1;

  --store-btn-bg: #88a99e;
  --store-btn-border: #ffffff3d;

  --store-item-cart-bg: #c4dbd3;
  --store-item-cart-border: #9bb9af;
  --store-item-cart-outline: #88a99e;
  --store-item-cart-shadow: #84c8b491;

  /* gemgram */

  --gemgram-bg: #fff;
  --gemgram-borer: #00000020;
  --gemgram-av-border: #afc9c7;
  --gemgram-username: #779c99;
  --gemgram-location: #89b4a6;
  --gemgram-music-bg: #d9e7e2;
  --gemgram-music: #749996;
  --gemgram-pic-border: #c3d5cf;
}

html[data-theme="dark"] {
  color-scheme: dark;

  /* ======================== ÎÑÍÎÂÍÎÅ ======================== */
  --body-img: url(https://forumstatic.ru/files/001a/e1/ae/17647.png);
  --header: url(https://forumstatic.ru/files/001a/e1/ae/65178.png);
  --footer: url(https://forumstatic.ru/files/001a/e1/ae/80694.png);
  --body-color: #0a0c0c;
  --pun-bg-color: #212828;
  --scrollbar-color: #354d4a;

  --accent-color: #6f2317;
  --accent-color-contrast: #b0402f;
  --text-on-accent: #f3c5ba;

  --plain-border: #1f3332;

  --selection-bg: #000;
  --selection-color: #69a19d;

  /* ======================== ÒÅÊÑÒ ======================== */
  --text-color: #92b4b4;
  --plain-text-color: #739b8d;
  --highlight-text: #f3c5ba;

  --links-color: #4d8583;
  --links-hover: #ac3723;

  --error-bg: #d7787820;
  --error-border: #654848;
  --error-color: #b05353;

  /* ======================== ÈÍÏÓÒÛ ======================== */
  --input-bg: #1b1e1e;
  --input-border: #283736;
  --input-border-focus: #375d59;

  --btn-bg: #2f4b49;
  --btn-color: #9fc1bd;
  --btn-border: #426664;

  /* ======================== ÍÀÂÈÃÀÖÈß ======================== */
  --ulinks-a: #5a8883;
  --ulinks-a-hover: #9f3a24;
  --ulinks-bg: #1d1d1b;

  --navlinks-bg: #4466627d;
  --navlinks-bg-hover: #456f69;
  --navlinks-bg-active: #8a2715;
  --navlinks-a-active: #d29487;
  --navlinks-a: #70b1b1;
  --navlinks-a-hover: #70b1b1;
  --nav-accounts-bg: #2b4442;

  --navprofile-bg: #121615;

  --welcome-strong: #b0402f;

  /* ======================== ÁËÎÊÈ ======================== */
  --blocks-bg: #1d1d1b;
  --blocks-color: #548681;

  /* ======================== ÊÀÒÅÃÎÐÈÈ È ÏÎÄÔÎÐÓÌÛ ======================== */
  --cat-bg: #2e4141;
  --cat-border: #314847;
  --cat-title: #85b7a7;
  --cat-bg-img: url(https://forumstatic.ru/files/001a/e1/ae/23312.png);

  --hasicon-border: #364d44;

  --tclcon-link: #217a6d;
  --tclcon-link-bg: #17201f;

  --tclcon-special-bg: #263331;
  --tclcon-lastpost: #95b8ab;

  --icon-new: url(https://forumstatic.ru/files/001a/e1/ae/94739.png);

  /* ======================== ÍÓÆÍÛÅ ======================== */
  --need-descr-bg: #244340;
  --need-descr-color: #64a09a;
  --need-img-overlday: #08403b;

  --need-info-bg: #172422;
  --need-info-color: #43726d;

  --need-link-bg: #17201f;
  --need-link-color: #1d897b;

  /* ======================== ÑÒÀÒÈÑÒÈÊÀ ======================== */
  --stats-item-new-bg: #862514;
  --stats-item-new-color: #efd2d2;
  --stats-item-new-hover: #000;

  --stats-pic: url(https://forumstatic.ru/files/001a/e1/ae/83776.png);

  /* ======================== ÂÍÓÒÐÈ ÒÅÌÛ ======================== */
  --pagelink-bg: #151a18;
  --pagelink-bg-hover: #283f3d;
  --pagelink-strong-bg: #2d4f4d;
  --pagelink-strong-color: #a2cdc8;

  --permalink-bg: #314f4d;
  --permalink-color: #bfe9dc;
  --permalink-link: #bfe9dc;

  --crumbs-bg: #151a18;
  --crumbs-link: #2f4b4b;

  --quote-bg: #191f1f;
  --quote-border: #263131;

  /* ======================== ÏÐÎÔÈËÜ ======================== */
  --profile-bg: #1c1f1f;
  --profile-border: #334241;
  --profile-color: #566d6d;
  --profile-inside-border: #8da69e50;
  --profile-status-bg: #324240;
  --profile-status-color: #4e7573;
  --profile-ank-bg: #0d0f0f;
  --profile-no-bg: #3d5955;
  --profile-counters: #34514c;

  --profile-btn-bg: #151a1a;
  --profile-btn-border: #283130;
  --profile-btn-color: #587875;
  --profile-btn-hover-bg: #1a2120;

  --profile-offline-dot: #3a3a3a;
  --profile-offline-dot-hover: #474747;

  /* ======================== ÀÂÀÒÀÐÛ ======================== */
  --avatar-border: #233d3bad;

  /* ======================== ÒÎÏÈÊÈ ======================== */
  --topic-border: #507470;

  --humanized-bg: #6b2114;
  --humanized-color: #ebb8af;

  --directive-bg: #141b1b;
  --directive-color: #3e6762;

  --topic-main-bg: #1a1f1f;

  --topic-mini-title-bg: #0e0f0f;
  --topic-mini-title-color: #3f8980;

  --topic-block1-bg: #19312e;
  --topic-block2-bg: #171b1b;
  --topic-block1-border: #25514c;
  --topic-block2-border: #202b28;
  --topic-block3-bg: #1b2b29;
  --topic-block3-border: #385d50;

  /* ======================== ÂÀÓ×ÅÐÛ ======================== */
  --voucher-label-text: #000;

  --voucher-bg: #212121;
  --voucher-border: #2d3734;
  --voucher-watermark: #3e5850;
  --voucher-value-bg: #000000;
  --voucher-postit: #187870;
  --voucher-adrush: #2a5f2e;
  --voucher-boostup: #817400;
  --voucher-faceid: #5f5f5f;
  --voucher-backup: #731b0e;
  --voucher-redesign: #145171;
  --voucher-inmatch: #664778;
  --voucher-plusvibe: #80124e;
  --voucher-priceoff: #a85b00;
  --voucher-chaton: #a04a38;

  /* ======================== ÁÀÍÊ ======================== */
  --bank-earned-bg: #000;

  /* ======================== ËÀÉÊÈ ======================== */
  --like-hover: #432923;

  /* ======================== GEMINI ÑÊÐÎËËÛ ======================== */
  --gemini-scroll-thumb: #558777;
  --gemini-scroll-track: #434f4b;

  /* ======================== ËÈ×ÍÛÅ ÑÒÐÀÍÈÖÛ ======================== */
  --char-title-color: #5b9682;
  --char-main-border: #1dada161;
  --char-pic-border: #d7e6e144;
  --char-twink-name: #9cd5d1;
  --char-tab-bg: #3e615f;
  --char-tab-text: #a1e3de;
  --char-tab-active-bg: #156861;
  --char-content-bg: #192e2b;
  --char-block-bg: #233e3c;
  --char-block-border: #2e524f;
  --char-decor-label-text: #b0e2dd;
  --char-decor-label-bg: #34655e;
  --char-decor-img-border: #ffffff47;
  --char-line-text-bg: #131716;
  --char-line-text-color: #4f7a76;
  --char-dropdown-hover: #385351;
  --char-dropdown-color: #82a9a7;
  --char-app-block-bg: #25403c;
  --char-app-task-bg: #3b5452;
  --char-app-task-color: #b1d6ca;
  --char-app-game-item-bg: #506c65;
  --char-app-game-item-color: #ffffffc4;
  --char-app-game-tab-bg: #151a18;
  --char-app-game-counter: #ffffff42;

  /* ======================== ÈÒÎÃÈ ÍÅÄÅËÈ ======================== */
  --weekly-label-bg: #203635;
  --weekly-label-text: #46928c;
  --weekly-players: #158374;
  --weekly-scroll-thumb: #88aea2;
  --weekly-scroll-track: #383836;
  --weekly-couple-hash: #546e6d;
  --weekly-header-bg: #151919;
  --weekly-header-text: #1d7973;
  --weekly-popup-border: #5a9c91;
  --weekly-news-link-bg: #325550;
  --weekly-news-link: #64c5ba;
  --weekly-quote-mark: #d0442e;
  --weekly-blocks-bg: #27302f;
  --weekly-blocks-color: #3d6f69;
  --weekly-post-bg: #121616;
  --weekly-post-color: #315f5a;

  /* ======================== ÔÎÐÌÀ ÎÒÂÅÒÀ ======================== */
  --main-form-controls-bg: #161a1a;
  --main-form-controls-border: #2a3332;
  --main-form-border: #2a3332;
  --main-form-counter: #7a958b;
  --main-form-btn-hover: #121313;

  /* ======================== ÑÑÛËÊÈ-ÊÍÎÏÊÈ ======================== */
  --post-links-icon: #2c423b;

  /* ======================== ÒÅÌÀ (êòî â òåìå) ======================== */
  --topic-users-icon: #9dbcb2;

  /* ======================== BLOCKLIST ======================== */
  --panel-shadow: #000;

  /* ======================== NOTIFICATION (jGrowl) ======================== */
  --jgrowl-bg: #000;
  --jgrowl-text: #fff;

  /* ======================== ÀÍÊÅÒÀ ======================== */
  --anketa-bg: #435f5d;
  --anketa-border: #4c7370;
  --anketa-header-border: #6c978990;
  --anketa-info-bg: #51817e;
  --anketa-info-icon-bg: #62928f;
  --anketa-icon-color: #1e514c;
  --anketa-ocupation-bg: #51817e;
  --anketa-runame-bg: #1e3534;
  --anketa-bio-bg: #314745;
  --anketa-bio-text: #9dc3c0;
  --anketa-pic-overlay: #3e716b7a;
  --anketa-name-color: #327369;
  --anketa-sur-color: #9dded9;
  --anketa-quote-color: #b8cfcd;
  --anketa-info-text: #a7e0dc;
  --anketa-proto-color: #e7e7e7;
  --anketa-sur-decoration: #5f8e8ba8;

  /* ÃÎÑÒÅÂÀß */

  --gb-title: #7fc3bc;
  --gb-welcome: #7eb9b3;
  --gb-info: #a0d1ca;
  --gb-list-title-bg: #253d39;
  --gb-list-title: #71a39e;
  --gb-list-bg: #1d1d1b;
  --gb-list-a: #7b807f;

  /* SNS */
  --msg-bg: #111313;
  --msg-mine-bg: #223d3b;
  --msg-reply-bg: #1d2d2c;
  --msg-mine-reply-bg: #3b5e5c;

  /* òàáëèöà */
  --gemtable-titles: #46928c;
  --gemtable-names: #d2efeb;
  --gemtable-names-hover: #fff;
  --gemtable-block-title-bg: #203635;
  --gemtable-post-author-hover: #69bdb6;
  --gemtable-post-link-bg: #822212;
  --gemtable-post-link-color: #f59b8a;
  --gemtable-couple-amp: #d14525;
  --gemtable-underline: #6eb6b370;
  --gemtable-ams: #4d8583;
  --gemtable-ams-hover: #ac3723;

  --gemtable-links-bg: #8fbeb83b;
  --gemtable-link-bg: #1f3736;
  --gemtable-link-color: #5ca19d;
  --gemtable-link-hover: #18524e;

  --gemtable-news-bg: #203635;
  --gemtable-news-bg-hover: #551911;
  --gemtable-news-title: #9fcec5;
  --gemtable-news-date-bg: #1d1d1b;
  --gemtable-news-date-bg-hover: #1d1d1b;

  --gemtable-news-text: #56918c;
  --gemtable-news-text-hover: #b9382e;
  --gemtable-news-title-hover: #e38376;

  /* ÌÀÃÀÇÈÍ */
  --store-item-bg: #191f1f;
  --store-item-border: #2c3531;

  --store-btn-bg: #284a46;
  --store-btn-border: #ffffff1f;

  --store-item-cart-bg: #173a36;
  --store-item-cart-border: #ffffff21;
  --store-item-cart-outline: #366354;
  --store-item-cart-shadow: #0b1616d9;

  /* gemgram */

  --gemgram-bg: #070a0a;
  --gemgram-borer: #00000020;
  --gemgram-av-border: #365b56;
  --gemgram-username: #2d6a65;
  --gemgram-location: #667e76;
  --gemgram-music-bg: #1e312e;
  --gemgram-music: #749996;
  --gemgram-pic-border: #2e3939;
}

html[data-theme="light"] {
  color-scheme: light;

  /* ======================== ÎÑÍÎÂÍÎÅ ======================== */
  --body-img: url(https://forumstatic.ru/files/001a/e1/ae/43862.png);
  --header: url(https://forumstatic.ru/files/001a/e1/ae/71425.png);
  --footer: url(https://forumstatic.ru/files/001a/e1/ae/28976.png);
  --body-color: #637e7d;
  --pun-bg-color: #e6ecec;
  --scrollbar-color: #a5cbc7;

  --accent-color: #e37353;
  --accent-color-contrast: #bc3c28;
  --text-on-accent: #fff;

  --plain-border: #d4e1dc;

  --selection-bg: #87c8c1;
  --selection-color: #fff;

  /* ======================== ÒÅÊÑÒ ======================== */
  --text-color: #333f3f;
  --plain-text-color: #68897e;
  --highlight-text: #000;

  --links-color: #4d8583;
  --links-hover: #ac3723;

  --error-bg: #d7787820;
  --error-border: #d5b3b3;
  --error-color: #dd6b6b;

  /* ======================== ÈÍÏÓÒÛ ======================== */
  --input-bg: #eff5f3;
  --input-border: #c0d4d3;
  --input-border-focus: #95c5c2;

  --btn-bg: #f1fbfa;
  --btn-color: #416766;
  --btn-border: #d0e5e4;

  /* ======================== ÍÀÂÈÃÀÖÈß ======================== */
  --ulinks-a: #d4fef0;
  --ulinks-a-hover: #9f3a24;
  --ulinks-bg: #7a9f9e;

  --navlinks-bg: #c3eae591;
  --navlinks-bg-hover: #c6f1efde;
  --navlinks-bg-active: #b43a1b;
  --navlinks-a-active: #efcbcb;
  --navlinks-a: #1a4949;
  --navlinks-a-hover: #22a695;
  --nav-accounts-bg: #b5deda;

  --navprofile-bg: #d2e1dc;

  --welcome-strong: #fff;

  /* ======================== ÁËÎÊÈ ======================== */
  --blocks-bg: #7a9f9e;
  --blocks-color: #ebfff8;

  /* ======================== ÊÀÒÅÃÎÐÈÈ È ÏÎÄÔÎÐÓÌÛ ======================== */
  --cat-bg: #f2f9f7;
  --cat-border: #ffffff;
  --cat-title: #85b7a7;
  --cat-bg-img: url(https://forumstatic.ru/files/001a/e1/ae/72440.png);

  --hasicon-border: #d6e6e0;

  --tclcon-link: #fff;
  --tclcon-link-bg: #93c1b1;

  --tclcon-special-bg: #c6d8d433;
  --tclcon-lastpost: #95b8ab;

  --icon-new: url(https://forumstatic.ru/files/001a/e1/ae/94739.png);

  /* ======================== ÍÓÆÍÛÅ ======================== */
  --need-descr-bg: #84ada9;
  --need-descr-color: #fff;
  --need-img-overlday: #8acac4;

  --need-info-bg: #4a6b67;
  --need-info-color: #a4d9d3;

  --need-link-bg: #567c77;
  --need-link-color: #c8efea;

  /* ======================== ÑÒÀÒÈÑÒÈÊÀ ======================== */
  --stats-item-new-bg: #c74b35;
  --stats-item-new-color: #fff;
  --stats-item-new-hover: #000;

  --stats-pic: url(https://forumstatic.ru/files/001a/e1/ae/84598.png);

  /* ======================== ÂÍÓÒÐÈ ÒÅÌÛ ======================== */
  --pagelink-bg: #f6f9f8;
  --pagelink-bg-hover: #ffffff;
  --pagelink-strong-bg: #c5e0de;
  --pagelink-strong-color: #617876;

  --permalink-bg: #ffffff;
  --permalink-color: #7fb4a4;
  --permalink-link: #50907c;

  --crumbs-bg: #f6f9f8;
  --crumbs-link: #7aad9b;

  --quote-bg: #ecf5f4;
  --quote-border: #e0e8e7;

  /* ======================== ÏÐÎÔÈËÜ ======================== */
  --profile-bg: #f4f5f5;
  --profile-border: #d0e7e5;
  --profile-color: #375a5a;
  --profile-inside-border: #c3d5cf26;
  --profile-status-bg: #a1c2be;
  --profile-status-color: #76bbb4;
  --profile-ank-bg: #fff;
  --profile-no-bg: #cedcda;
  --profile-counters: #8cb9b2;

  --profile-btn-bg: #ecf7f3;
  --profile-btn-border: #d8e4e3;
  --profile-btn-color: #8cb1ae;
  --profile-btn-hover-bg: #dcece7;

  --profile-offline-dot: #dbdbdb;
  --profile-offline-dot-hover: #d2d2d2;

  /* ======================== ÀÂÀÒÀÐÛ ======================== */
  --avatar-border: #233d3bad;

  /* ======================== ÒÎÏÈÊÈ ======================== */
  --topic-border: #9ec0be;

  --humanized-bg: #b7432e;
  --humanized-color: #fff;

  --directive-bg: #3d5f5e;
  --directive-color: #a9d7d1;

  --topic-main-bg: #ecf3f0;

  --topic-mini-title-bg: #fff;
  --topic-mini-title-color: #4f928b;

  --topic-block1-bg: #d5e7e1;
  --topic-block2-bg: #dee7e4;
  --topic-block1-border: #c5d8d6;
  --topic-block2-border: #c3d5cf;
  --topic-block3-bg: #daebe5;
  --topic-block3-border: #bfd7cf;

  /* ======================== ÂÀÓ×ÅÐÛ ======================== */
  --voucher-label-text: #fff;

  --voucher-bg: #fff;
  --voucher-border: #c0ddd3;
  --voucher-watermark: #ddede8;
  --voucher-value-bg: #2e2e2e;
  --voucher-postit: #4ad8cd;
  --voucher-adrush: #6eec76;
  --voucher-boostup: #e9ce1c;
  --voucher-faceid: #b2b0b0;
  --voucher-backup: #ff5a41;
  --voucher-redesign: #56b9ec;
  --voucher-inmatch: #d59ef5;
  --voucher-plusvibe: #ff72be;
  --voucher-priceoff: #ffbc33;
  --voucher-chaton: #ff8e78;

  /* ======================== ÁÀÍÊ ======================== */
  --bank-earned-bg: #fff;

  /* ======================== ËÀÉÊÈ ======================== */
  --like-hover: #f7eeec;

  /* ======================== GEMINI ÑÊÐÎËËÛ ======================== */
  --gemini-scroll-thumb: #88aea2;
  --gemini-scroll-track: #b4d1c8;

  /* ======================== ËÈ×ÍÛÅ ÑÒÐÀÍÈÖÛ ======================== */
  --char-title-color: #b6e1d2;
  --char-main-border: #ffffff70;
  --char-pic-border: #d7e6e16b;
  --char-twink-name: #fff;
  --char-tab-bg: #708a88;
  --char-tab-text: #fff;
  --char-tab-active-bg: #24a69c;
  --char-content-bg: #d7e6e1;
  --char-block-bg: #eaf9f4;
  --char-block-border: #e2f5f3;
  --char-decor-label-text: #fff;
  --char-decor-label-bg: #a2dcd3;
  --char-decor-label-bg: #83b9b1;
  --char-decor-img-border: #ffffff47;
  --char-line-text-bg: #fff;
  --char-line-text-color: #4f7a76;
  --char-dropdown-hover: #84a2a0;
  --char-dropdown-color: #fff;
  --char-app-block-bg: #bfd4cd;
  --char-app-task-bg: #d7e5e0;
  --char-app-task-color: #699a8a;
  --char-app-game-item-bg: #aac1bb;
  --char-app-game-item-color: #fff;
  --char-app-game-tab-bg: #9fb9b0;
  --char-app-game-counter: #fff;

  /* ======================== ÈÒÎÃÈ ÍÅÄÅËÈ ======================== */
  --weekly-label-bg: #a2ccc9;
  --weekly-label-text: #ffffff;
  --weekly-players: #4cb7a9;
  --weekly-scroll-thumb: #88aea2;
  --weekly-scroll-track: #383836;
  --weekly-couple-hash: #546e6d;
  --weekly-header-bg: #fff;
  --weekly-header-text: #328b85;
  --weekly-popup-border: #5a9c91;
  --weekly-news-link-bg: #639d94;
  --weekly-news-link: #ffffff;
  --weekly-quote-mark: #e95840;
  --weekly-blocks-bg: #c8dddb;
  --weekly-blocks-color: #2d5b55;
  --weekly-post-bg: #ffffff;
  --weekly-post-color: #40635f;

  /* ======================== ÔÎÐÌÀ ÎÒÂÅÒÀ ======================== */
  --main-form-controls-bg: #ecf5f2;
  --main-form-controls-border: #dae3e2;
  --main-form-border: #dae3e2;
  --main-form-counter: #7a958b;
  --main-form-btn-hover: #dae4e0;

  /* ======================== ÑÑÛËÊÈ-ÊÍÎÏÊÈ ======================== */
  --post-links-icon: #c0d5ce;

  /* ======================== BLOCKLIST ======================== */
  --panel-shadow: #000;

  /* ======================== NOTIFICATION (jGrowl) ======================== */
  --jgrowl-bg: #000;
  --jgrowl-text: #fff;

  /* ======================== ÀÍÊÅÒÀ ======================== */
  --anketa-bg: #d2e4e3;
  --anketa-border: #cddfdd;
  --anketa-header-border: #c3d5cf90;
  --anketa-info-bg: #a6c4c2;
  --anketa-info-icon-bg: #b8cfcd;
  --anketa-icon-color: #81afab;
  --anketa-ocupation-bg: #a1ccc9;
  --anketa-runame-bg: #8dadab;
  --anketa-bio-bg: #e5f4f3;
  --anketa-bio-text: #496462;
  --anketa-pic-overlay: #baf0e97a;
  --anketa-name-color: #a6cdc7;
  --anketa-sur-color: #fff;
  --anketa-quote-color: #4c8f8a;
  --anketa-info-text: #fff;
  --anketa-proto-color: #fff;
  --anketa-sur-decoration: #ffffff60;

  /* ÃÎÑÒÅÂÀß */

  --gb-title: #d4fef0;
  --gb-welcome: #fff;
  --gb-info: #fff;
  --gb-list-title-bg: #7a9f9e;
  --gb-list-title: #fff;
  --gb-list-bg: #b1ccc8;
  --gb-list-a: #5a8f89;

  /* SNS */
  --msg-bg: #fff;
  --msg-mine-bg: #d2ddd9;
  --msg-reply-bg: #edf5f2;
  --msg-mine-reply-bg: #deebe7;

  /* òàáëèöà */
  --gemtable-titles: #b9d9d7;
  --gemtable-names: #fff;
  --gemtable-names-hover: #d2efeb;
  --gemtable-block-title-bg: #54807e;
  --gemtable-post-author-hover: #fff;
  --gemtable-post-link-bg: #a2513f;
  --gemtable-post-link-color: #ffffff;
  --gemtable-couple-amp: #d14525;
  --gemtable-underline: #6eb6b370;
  --gemtable-ams: #ffffff;
  --gemtable-ams-hover: #2c4948;

  --gemtable-links-bg: #8fbeb83b;
  --gemtable-link-bg: #a2cccb;
  --gemtable-link-color: #387a76;
  --gemtable-link-hover: #c5e4e1;

  --gemtable-news-bg: #b9dfdd;
  --gemtable-news-bg-hover: #ff8d6c;
  --gemtable-news-title: #206f60;
  --gemtable-news-date-bg: #ffffff;
  --gemtable-news-date-bg-hover: #ffd9cd;
  --gemtable-news-text: #458984;
  --gemtable-news-text-hover: #b9382e;
  --gemtable-news-title-hover: #752218;

  /* ÌÀÃÀÇÈÍ */
  --store-item-bg: #fff;
  --store-item-border: #d4e8e1;

  --store-btn-bg: #c0d7cf;
  --store-btn-border: #ffffffa8;

  --store-item-cart-bg: #e2f5ef;
  --store-item-cart-border: #c0e0d57a;
  --store-item-cart-outline: #fff;
  --store-item-cart-shadow: #84c8b491;

  /* gemgram */

  --gemgram-bg: #fff;
  --gemgram-borer: #00000020;
  --gemgram-av-border: #afc9c7;
  --gemgram-username: #779c99;
  --gemgram-location: #89b4a6;
  --gemgram-music-bg: #d9e7e2;
  --gemgram-music: #749996;
  --gemgram-pic-border: #c3d5cf;
}

/* ======================== MOBILE ADAPTATION ======================== */

@media screen and (max-width: 540px) {
  /* iphone zoom fix */
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="week"],
  select {
    font-size: 16px;
    width: 100%;
  }

  html:not(.force-desktop) #pun-title table {
    background-image: url(https://forumstatic.ru/files/001a/e1/ae/22458.png);
  }

  html[data-theme="dark"]:not(.force-desktop) #pun-title table {
    background-image: url(https://forumstatic.ru/files/001a/e1/ae/57869.png);
  }

  html[data-theme="light"]:not(.force-desktop) #pun-title table {
    background-image: url(https://forumstatic.ru/files/001a/e1/ae/50722.png);
  }

  html:not(.force-desktop) {
    #pun-about .item1 {
      bottom: -35px;
    }

    #BookmCntToggle,
    #panel-sticker {
      display: none !important;
    }

    /* ==================== ÎÑÍÎÂÍÎÅ ==================== */
    body {
      background: var(--body-color);
    }

    #pun {
      margin: 0 auto 40px;
      padding: 0;
      border-radius: 0;
      width: 100%;
    }

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

    #pun-main {
      padding: 0 20px 0;
    }

    #pun-index #pun-main {
      padding: 0 8px 0;
    }

    /* Ïîðÿäîê ýëåìåíòîâ */
    #pun-ulinks {
      order: -4;
    }

    #pun-navlinks {
      order: -3;
    }

    #pun-status {
      order: -5;
    }

    #pun-title {
      order: -2;
    }

    #pun-announcement {
      order: -1;
    }

    /* Ñòðåëêè */
    #ToTop,
    #OnBottom,
    body:has(#pun-index) #ToTopMini,
    body:has(#pun-index) #OnBottomMini {
      display: none !important;
    }

    #ToTopMini,
    #OnBottomMini {
      width: 14px;
      height: 50px;
      background: var(--accent-color);
      border-radius: 10px 0 0 10px;
      opacity: 0.7;
    }

    #ToTopMini {
      top: 40%;
    }

    #OnBottomMini {
      top: calc(40% + 60px);
    }

    #OnBottomMini::before,
    #ToTopMini::before {
      font-size: 12px;
      color: #fff;
    }

    #ToTopMini::before {
      top: 15px;
    }

    #OnBottomMini::before {
      bottom: 15px;
    }

    /* ==================== HEADER ==================== */
    #pun-title {
      position: relative;
      top: auto;
      left: auto;
      background: var(--body-img);
      background-size: 130%;
      background-repeat: no-repeat;
      padding-top: 50px;
      height: 100%;
      margin-top: -70px;
    }

    #pun-title table {
      display: block;
      width: 100%;
      height: auto;
      background-size: cover;
      background-position: center top;
      position: relative;
      top: auto;
      aspect-ratio: 200 / 107;
    }

    #pun-announcement .player,
    .temp1,
    .temp2,
    .gemtable_players,
    .gemtable_flooders,
    .gemtable_post,
    .gemtable_ep,
    .gemtable_couple,
    .gemtable_link,
    .gemtable_admins {
      display: none !important;
    }

    /* ==================== GEMTABLE NEWS ==================== */
    #pun-announcement {
      position: relative;
      margin-top: -1px;
      background: var(--blocks-bg);
      width: 100%;
      box-sizing: border-box;
      padding: 0 10px 10px;
    }

    .gemtable_news {
      display: grid;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 40px;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
      padding: 0 5px;
      box-sizing: border-box;
    }

    .gemtable_news a {
      height: auto;
      min-height: 38px;
      padding: 5px 6px;
      grid-template-columns: 36px 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 1px 6px;
      align-items: center;
    }

    .gemtable_news_date {
      grid-row: 1 / 3;
      grid-column: 1;
      font-size: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      line-height: 1;
      width: 36px;
      height: 100%;
      box-sizing: border-box;
    }

    .gemtable_news_title {
      grid-row: 1;
      grid-column: 2;
      font-size: 7px;
      align-self: end;
    }

    .gemtable_news_desc {
      grid-row: 2;
      grid-column: 2;
      font-size: 6px;
      align-self: start;
    }

    /* ==================== ULINKS ==================== */
    #pun-ulinks {
      position: relative;
      top: auto;
      width: 100%;
      z-index: 1;
      margin-top: -1px;
    }

    #pun-ulinks .container {
      border-radius: 0 0 15px 15px;
      padding: 0 5px 5px;
      width: 100%;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 0 8px;
    }

    #pun-ulinks li {
      font-size: 8px;
      line-height: 2;
      margin: 0;
    }

    #h-blacklist,
    #h-bookmarks {
      color: var(--ulinks-a);
    }

    #h-blacklist:hover,
    #h-bookmarks:hover {
      color: var(--ulinks-a-hover);
    }

    /* ==================== NAVLINKS ==================== */
    #pun-navlinks {
      position: relative;
      top: auto;
      left: auto;
      width: 100%;
      z-index: 3;
      height: 50px;
      box-sizing: border-box;
    }

    #pun-navlinks .container {
      padding: 10px 0;
      box-sizing: border-box;
    }

    #pun-navlinks .container > li > a {
      width: 12px;
      height: 12px;
      padding: 5px;
      font-size: 12px;
    }

    #navlogin,
    #navlogout {
      position: static;
    }

    #pun-navlinks .container li ul {
      left: -10px;
      top: 35px;
      min-width: 180px;
      padding: 10px;
    }

    #pun-navlinks .container li ul ul {
      left: 80%;
      top: -5px;
    }

    #loginPopup,
    #settingsDropdown {
      top: 40px;
      left: 5px;
      right: 5px;
      width: -webkit-fill-available;
      box-sizing: border-box;
    }

    #pun-navlinks .container li#navprofile ul,
    #pun-navlinks .container li#navadmin ul {
      left: 50%;
      transform: translateX(-50%) scaleY(0);
      top: 30px;
    }

    #pun-navlinks .container li#navprofile.open ul,
    #pun-navlinks .container li#navadmin.open ul {
      transform: translateX(-50%) scaleY(1);
    }

    #pun-navlinks .container li:hover ul {
      transform: scaleY(0);
    }

    #pun-navlinks .container li.open ul {
      transform: scaleY(1);
    }

    #pun-navlinks .container li ul li.forms:hover ul {
      transform: scaleX(0) !important;
    }

    #pun-navlinks .container li ul li.forms.open ul {
      transform: scaleX(1) !important;
    }

    /* ==================== PUN-STATUS ==================== */
    #pun-status {
      position: relative;
      top: auto;
      right: auto;
      width: 100%;
    }

    #pun-status .container {
      width: 100%;
      height: auto;
      padding: 8px 10px;
      font-size: 8px;
      border-radius: 0;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }

    #pun-status .status_userava a img,
    #pun-status .status_userava::before {
      width: 25px;
      height: 25px;
    }

    #pun-status .item1,
    #pun-status .item2 {
      align-self: auto;
    }

    /* ==================== FOOTER ==================== */
    #pun-about p.container {
      width: 100%;
      height: 60px;
      margin-bottom: -35px;
      background-size: 100% auto;
    }

    .banners-content {
      padding: 0 20px;
      height: 25px;
      bottom: -5px;
    }

    .banners-content a img {
      max-height: 20px;
    }

    /* ==================== CRUMBS ==================== */
    .crumbs {
      margin: 10px 20px;
      width: auto;
    }

    /* ==================== ÃËÀÂÍÀß: ÊÀÒÅÃÎÐÈÈ ==================== */
    #pun-index .category,
    #pun-stats {
      margin: 40px 0 15px;
      box-shadow: 0 -10px 0 var(--cat-border);
      border-radius: 20px;
    }

    #pun-index .category h2,
    #pun-stats h2 {
      font-size: 34px;
      top: -25px;
    }

    #pun-index .category .container {
      grid-template-columns: 1fr;
      border-radius: 20px;
    }

    #pun-index .category .container::before {
      display: none;
    }

    #pun-index .category .hasicon tr {
      grid-template-columns: 1fr;
      padding: 15px;
      gap: 10px;
    }

    #pun-index .tcl .icon.inew::before {
      content: none;
    }

    .category td.tcr {
      grid-template-columns: auto 1fr;
      padding: 10px;
      gap: 3px 10px;
      border-radius: 8px;
    }

    .category td.tcr .lastpost {
      font-size: 8px;
    }

    .category td.tcr a.lastpost-link {
      font-size: 9px;
    }

    .punbb .user-avatar .avatar-image {
      width: 28px;
      height: 28px;
    }

    .punbb .user-avatar .isonline {
      width: 6px;
      height: 6px;
      top: 1px;
      left: 21px;
    }

    #pun-index .tclcon h3 {
      font-size: 11px;
    }

    #pun-index .tclcon {
      font-size: 7px;
    }

    #pun-index .tclcon .sub-links {
      gap: 3px;
    }

    #pun-index .tclcon .sub-links a.sub-link {
      padding: 3px 8px;
      font-size: 7px;
    }

    /* ==================== ÑÒÀÒÈÑÒÈÊÀ ==================== */
    #pun-stats {
      margin: 20px 8px 20px;
    }

    #pun-stats .statscon {
      grid-template-columns: 1fr;
      min-height: auto;
      border-radius: 20px;
    }

    #pun-stats .statscon::after {
      display: none;
    }

    #pun-stats .statscon::before {
      display: none;
    }

    #pun-stats .statscon .container {
      padding: 15px;
      text-align: left;
      display: grid;
      gap: 7px;
      grid-template-columns: 1fr 1fr;
    }

    #pun-stats li.item1,
    #pun-stats li.item2,
    #pun-stats li.item3,
    #pun-stats li.item4 {
      position: static;
      width: auto;
      margin: 0;
      display: block;
      font-size: 6px;
    }

    li#onlinelist {
      font-size: 9px;
      padding: 8px 10px;
      grid-column: 1 / 3;
    }

    li#onlinelist span {
      font-size: 10px;
    }

    li#onlinelist.users_24h {
      padding-block: 0;
    }

    #pun-stats li.item4::after {
      content: none;
    }

    /* ==================== VIEWFORUM + SEARCHTOPICS ==================== */
    #pun-searchtopics .tcl {
      width: 40%;
    }

    #pun-searchtopics .tc2 {
      width: 20%;
    }

    #pun-searchtopics thead,
    #pun-viewforum thead {
      display: none;
    }

    #pun-viewforum .category {
      border-radius: 12px;
      padding: 5px;
    }

    #pun-viewforum .category tbody tr {
      display: grid;
      align-items: center;
    }

    #pun-viewforum .category .tcl {
      grid-column: 1;
      grid-row: 1;
      width: unset;
    }

    #pun-viewforum .category .tcr {
      grid-column: 1 / 4;
      grid-row: 2;
      width: unset;
      justify-items: start;
    }

    #pun-viewforum .category .tc2 {
      grid-column: 2;
      grid-row: 1;
      width: unset;
    }

    #pun-viewforum .category .tc3 {
      grid-column: 3;
      grid-row: 1;
      width: unset;
    }

    #pun-searchtopics .forum .tc3::before,
    #pun-searchtopics .forum .tc2::before,
    #pun-viewforum .tc2::before,
    #pun-viewforum .tc3::before {
      font-family: var(--icon-font);
      font-weight: 300;
      font-size: 12px;
      margin-right: 4px;
    }

    #pun-searchtopics .forum .tc2::before {
      content: "\f3c5";
    }

    #pun-searchtopics .forum .tc3::before {
      content: "\f075";
    }

    #pun-viewforum .forum .tc2::before {
      content: "\f075";
    }

    #pun-viewforum .forum .tc3::before {
      content: "\f06e";
    }

    #pun-viewforum .category .tc2::before {
      content: "\f5db";
    }

    #pun-viewforum .category .tc3::before {
      content: "\f075";
    }

    /* SEARCHTOPICS ãðèä */
    #pun-searchtopics .forum tbody {
      display: grid;
      gap: 8px;
      font-family: var(--regular-font);
    }

    #pun-searchtopics .forum tbody tr {
      display: grid;
      grid-template-columns: 3fr 4fr 1fr;
      background: var(--topic-main-bg);
      border-radius: 12px;
    }

    #pun-searchtopics .forum .tcl {
      grid-column: 1 / 3;
      grid-row: 1;
      width: 100%;
      box-sizing: border-box;
    }

    #pun-searchtopics .forum .tc2 {
      grid-column: 1;
      grid-row: 2;
      width: auto;
      text-align: left;
    }

    #pun-searchtopics .forum .tc3 {
      grid-column: 3;
      grid-row: 1;
      width: 100%;
      box-sizing: border-box;
      text-align: right;
    }

    #pun-searchtopics .forum .tcr {
      grid-column: 2 / 4;
      grid-row: 2;
    }

    #pun-searchtopics .forum .tc2,
    #pun-searchtopics .forum .tcr {
      padding-top: 0;
    }

    /* VIEWFORUM ãðèä */
    #pun-viewforum tr.tr-divider.st {
      display: none;
    }

    #pun-viewforum .forum tbody {
      display: grid;
      gap: 8px;
      font-family: var(--regular-font);
    }

    #pun-viewforum .forum tbody tr {
      display: grid;
      grid-template-columns: 1fr 1fr 10fr;
      background: var(--topic-main-bg);
      border-radius: 12px;
    }

    #pun-viewforum .forum tbody tr.isticky {
      background: var(--topic-block2-bg);
    }

    #pun-viewforum .forum .tcl {
      grid-column: 1 / 4;
      grid-row: 1;
      width: 100%;
      box-sizing: border-box;
    }

    #pun-viewforum .forum .tc2 {
      grid-column: 1;
      grid-row: 2;
      width: auto;
      padding-top: 0;
      align-self: end;
    }

    #pun-viewforum .forum .tc3 {
      grid-column: 2;
      grid-row: 2;
      width: auto;
      padding-top: 0;
      align-self: end;
    }

    #pun-viewforum .forum .tcr {
      grid-column: 3;
      grid-row: 2;
      padding-top: 0;
    }

    #pun-viewforum .linksb {
      grid-template-columns: 1fr 1fr;
      justify-content: space-between;
    }

    #pun-viewforum .linksb noindex {
      grid-column: 2;
      place-self: end;
    }

    #pun-viewforum .linksb .subscribelink {
      grid-row: 2;
      grid-column: 1 / 3;
      place-self: end;
    }

    /* ==================== USERLIST ==================== */
    #pun-userlist .formal fieldset .fs-box.inline {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }

    #pun-userlist .formal .infofield {
      grid-column: 1;
    }

    #pun-userlist .formal select,
    #pun-userlist .formal input[type="text"] {
      width: 100%;
      box-sizing: border-box;
    }

    .usertable .container {
      padding: 0 5px;
    }

    .usertable table {
      display: grid;
      gap: 8px;
    }

    .usertable tbody {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
    }

    .usertable tr {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3px 0;
      padding: 12px;
      border-radius: 12px;
      justify-items: center;
      text-align: center;
    }

    .usertable td {
      padding: 3px 5px !important;
    }

    .usertable .tcl.username {
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
      width: 100%;
      grid-column: 1 / 3;
    }

    .usertable .user-avatar .avatar-image {
      width: 40px;
      height: 40px;
    }

    .usertable .user-avatar .isonline {
      width: 8px;
      height: 8px;
      top: 2px;
      left: 38px;
    }

    .usertable .tc2.user_title {
      grid-column: 1 / 3;
    }

    .usertable .tc3.registered,
    .usertable .tc3.last_visit,
    .usertable .tc3.relation,
    .usertable .tc3.num_posts {
      font-size: 11px;
    }

    .usertable .tc3.last_visit::before,
    .usertable .tc3.registered::before,
    .usertable .tc3.num_posts::before,
    .usertable .tc3.relation::before {
      font-family: var(--icon-font);
      font-weight: 300;
      font-size: 12px;
      margin-right: 4px;
      display: unset;
    }

    .usertable .tc3.registered::before {
      content: "\f133";
    }

    .usertable .tc3.last_visit::before {
      content: "\f017";
    }

    /* ==================== SEARCH POSTS ==================== */
    #pun-searchposts .post > .container {
      display: grid;
      gap: 4px 0;
      padding: 10px;
    }

    #pun-searchposts .post-author {
      width: auto;
      padding: 0;
      background: none;
      outline: none;
    }

    #pun-searchposts .pa-author {
      margin: 0 auto;
    }

    #pun-searchposts .post-links {
      margin-top: 5px;
    }

    #pun-searchposts .post-author ul {
      display: flex;
      gap: 5px;
      align-items: center;
      padding: 0;
      background: none;
      box-shadow: none;
    }

    #pun-searchposts .post-content {
      font-size: 12px;
      line-height: 1.4;
    }

    #pun-searchposts .post-links a {
      font-size: 10px;
      padding: 4px 12px;
    }

    #pun-searchposts .post h3 {
      margin-bottom: 8px;
    }

    /* ==================== ÖÈÒÀÒÛ, ÊÎÄÛ ==================== */
    .quote-box cite,
    .code-box .legend a,
    .spoiler-box div[onclick] {
      font-size: 10px;
      padding: 8px 15px;
    }

    blockquote,
    .blockcode {
      padding: 12px;
    }

    /* ==================== ÔÎÐÌÀ ÎÒÂÅÒÀ ==================== */
    #post-form .fs-box {
      padding: 12px 0;
    }

    #symbol-counter {
      font-size: 9px;
      padding: 8px;
    }

    #symbol-counter::before {
      content: "";
    }

    #button-keyboard,
    #button-table,
    #button-addition {
      display: none !important;
    }

    #button-indent,
    #button-left,
    #button-center,
    #button-right {
      display: none !important;
    }

    #form-buttons tr {
      gap: 10px;
      flex-wrap: wrap;
    }

    #form-buttons td {
      background: var(--topic-block3-bg);
    }

    .formsubmit {
      text-align: center;
      margin: 10px auto 0;
    }

    #post-form .formsubmit {
      margin-top: 0;
    }

    .longinput input {
      width: 100%;
      box-sizing: border-box;
    }

    div.grippie {
      display: none;
    }

    #tags .container {
      width: 96% !important;
      margin: 0 auto !important;
      box-sizing: border-box !important;
      right: 2% !important;
      left: 2% !important;
      top: 100px;
      z-index: 20;
    }

    .hvStickerPackModalInput {
      width: 100%;
      margin-bottom: 7px;
    }

    .hvStickerPackModalTab {
      padding: 3px 10px;
      margin: 3px 3px 0;
    }

    .hvStickerPackFavoriteBtn {
      display: none;
    }

    .post .bookmark {
      right: -20px !important;
      border-radius: 0;
    }

    /* ==================== ÌÎÄÀËÊÈ ==================== */
    .pun-modal .modal-inner {
      width: 95%;
      margin: 10% auto 0;
      padding: 15px;
      border-radius: 20px;
      max-height: 85vh;
      overflow-y: auto;
    }

    .gemini_user_form_modal-content {
      width: 95%;
      max-height: 85vh;
    }

    /* ==================== ÁÓÊÌÀÐÊÈ ==================== */
    #MyBookmarks {
      width: 250px !important;
    }

    /* ==================== PAGELINK ==================== */

    .pagelink strong,
    .pagelink a {
      width: 18px;
      height: 18px;
    }

    /* ==================== ÊÍÎÏÊÈ ==================== */
    .button,
    input[type="submit"],
    input[type="button"] {
      font-size: 8px;
      padding: 4px 10px;
      height: 25px;
    }

    /* ==================== ÏÎÑÒ È ÏÐÎÔÈËÜ ==================== */
    .hideprofile.topicpost {
      padding-top: 20px !important;
      margin-top: 0;
    }

    #pun-viewtopic .post-body {
      padding-top: 25px;
    }

    #pun-viewtopic .post h3 {
      position: relative;
      left: 0;
      margin-bottom: 15px;
      width: 100%;
    }

    #pun-viewtopic .post h3 span:not(.copy-post-msg) {
      width: 100%;
      display: block;
      box-sizing: border-box;
    }

    .copy-post-msg {
      left: unset;
      right: 2px;
      top: 2px;
    }

    .punbb .post:not(#pun-searchposts .post:first-of-type) {
      padding-top: 20px;
    }

    .post > .container {
      grid-template-columns: 1fr;
      margin-left: 0;
      gap: 0;
    }

    .post > .container .post-body {
      grid-column: 1;
      grid-row: 2;
    }

    .post > .container .post-content {
      margin: 15px 0;
    }

    .punbb .fs-box,
    .fs-box.inline {
      padding-top: 15px;
    }

    .hideprofile.post > .container .post-body {
      grid-row: 1;
      margin-top: 0;
      padding-top: 0 !important;
    }

    .post > .container .post-links {
      grid-column: 1;
      grid-row: 3;
      justify-self: start;
      width: auto;
      padding: 0;
      background: var(--input-bg);
      border-radius: 10px;
      font-family: var(--regular-font);
      margin-top: -23px;
      z-index: 1;
    }

    .post-links ul {
      gap: 0;
    }

    .punbb .post-links li.pl-delete a,
    .punbb .post-links li.pl-edit a,
    .punbb .post-links li.pl-quote a,
    .punbb .post-links li.pl-quiet a,
    .punbb .post-links li.pl-mutualPR a {
      font-size: 0;
      padding: 4px 15px;
      height: 15px;
    }

    .punbb .post-links li:not(:last-of-type) {
      border-right: 1px solid var(--pun-bg-color);
    }

    .post-links li.pl-quiet a::before,
    .post-links li.pl-mutualPR a::before,
    .post-links li.pl-delete a::before,
    .post-links li.pl-edit a::before,
    .post-links li.pl-quote a::before {
      color: var(--links-color);
      font-family: var(--icon-font);
      font-weight: 300;
      font-size: 15px;
      margin: 0;
    }

    .post-author {
      width: auto;
      margin: 0 15px;
    }

    .preview-post-author {
      width: auto;
      margin: 0 auto;
    }

    .blockButton:before,
    .post-links .pl-email {
      left: -14px;
    }

    .preview-post-author ul,
    .post-author ul {
      display: grid;
      grid-template-columns: 110px 1fr 1fr 1fr 1fr;
      grid-template-rows: auto auto 1fr 15px auto auto;
      gap: 0 10px;
      padding: 0 7px;
      align-items: center;
    }

    .preview-post-author ul .preview-pa-fld1 .bg,
    .post-author ul .pa-fld1 .bg {
      width: calc(100% + var(--profile-bg-padding) * 2);
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
    }

    .preview-post-author .preview-pa-fld1 .bg img,
    .post-author ul .pa-fld1 .bg img {
      object-position: top center;
      width: auto;
      object-fit: contain;
      flex-shrink: 0;
      pointer-events: none;
    }

    .preview-post-author .preview-pa-fld1 .bg img:nth-child(even),
    .post-author ul .pa-fld1 .bg img:nth-child(even) {
      transform: scaleX(-1);
    }

    .preview-post-author .preview-pa-fld1 .bg img:nth-child(2),
    .post-author ul .pa-fld1 .bg img:nth-child(2),
    .preview-post-author .preview-pa-fld1 .bg img:nth-child(3),
    .post-author ul .pa-fld1 .bg img:nth-child(3),
    .preview-post-author .preview-pa-fld1 .bg img:nth-child(4),
    .post-author ul .pa-fld1 .bg img:nth-child(4) {
      margin-left: -1px;
    }

    .preview-post-author .line .line-content,
    .post-author .line .line-content {
      position: relative;
      z-index: 2;
    }

    .preview-post-author .line .added-reflection,
    .post-author .line .added-reflection {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 0;
      pointer-events: none;
      display: block;
    }

    .line .added-reflection:nth-child(2),
    .line .added-reflection:nth-child(3) {
      margin-left: -1px;
    }

    .line .added-reflection:nth-child(1) {
      margin-left: -2px;
    }

    .preview-post-author .preview-pa-avatar,
    .post-author .pa-avatar {
      grid-row: 2 / 6;
      grid-column: 1;
      height: 110px;
      width: 110px;
    }

    .preview-post-author .preview-pa-avatar img,
    .post-author .pa-avatar img {
      height: 110px;
      width: 110px;
      object-fit: cover;
    }

    .preview-post-author .preview-pa-author,
    .post-author .pa-author {
      grid-row: 2;
      grid-column: 2 / 6;
      /* white-space: nowrap; */
      font-size: 13px;
      margin: 5px auto;
      line-height: 0.9;
    }

    .preview-post-author .preview-pa-title,
    .post-author .pa-title {
      grid-row: 3;
      grid-column: 2 / 6;
      margin: 0 10px;
      width: unset;
      box-sizing: border-box;
      font-size: 6px;
    }

    .preview-post-author .preview-pa-fld4,
    .post-author .pa-fld4 {
      grid-row: 6;
      grid-column: 1 / 6;
      position: relative;
      margin: 10px auto 0;
    }

    .preview-pa-fld4 a.anketa,
    .pa-fld4 a.anketa {
      position: absolute;
      right: -5px;
      top: -68px;
      width: calc(100% - 110px);
      font-size: 7px;
      white-space: nowrap;
      overflow: hidden;
      padding: 1px;
    }

    .preview-post-author .preview-pa-fld2,
    .post-author .pa-fld2,
    .preview-post-author .preview-pa-fld5,
    .post-author .pa-fld5,
    .preview-post-author .preview-pa-respect,
    .post-author .pa-respect,
    .preview-post-author .preview-pa-posts,
    .post-author .pa-posts {
      height: 30px;
      width: auto;
      grid-row: 5;
      font-size: 8px;
      padding: 0;
    }

    .preview-post-author .preview-pa-posts,
    .post-author .pa-posts {
      grid-column: 2;
    }

    .preview-post-author .preview-pa-respect,
    .post-author .pa-respect {
      grid-column: 3;
    }

    .preview-post-author .preview-pa-fld5,
    .post-author .pa-fld5 {
      grid-column: 4;
    }

    .preview-post-author .preview-pa-fld2,
    .post-author .pa-fld2 {
      grid-column: 5;
    }

    .preview-post-author .preview-pa-fld3,
    .post-author .pa-fld3 {
      grid-row: 7;
      grid-column: 1 / 6;
      margin-left: -7px;
      margin-top: 10px;
    }

    .preview-post-author .preview-pa-fld3 .line,
    .post-author .pa-fld3 .line {
      width: calc(100% + 7px);
      box-sizing: border-box;
      border: 0;
      padding-inline: 10px;
    }

    .preview-pa-respect,
    .preview-pa-posts,
    .preview-pa-fld2,
    .preview-pa-fld5,
    li.pa-respect,
    li.pa-posts,
    li.pa-fld2,
    li.pa-fld5 {
      font-size: 9px;
      line-height: 1.4;
      margin: 0 0 10px;
    }

    .preview-pa-respect .fld-name a::before,
    .preview-pa-posts a::before,
    .preview-pa-fld2 .fld-name::before,
    .preview-pa-fld5 a::before,
    li.pa-respect .fld-name a::before,
    li.pa-posts a::before,
    li.pa-fld2 .fld-name::before,
    li.pa-fld5 a::before {
      font-size: 13px;
    }

    /* ïóñòûøêè */

    .post-author:not(:has(.pa-fld1)) ul {
      grid-template-columns: 110px 1fr 1fr;
      grid-template-rows: unset;
    }

    .post-author:not(:has(.pa-fld1)) .pa-posts,
    .post-author:not(:has(.pa-fld1)) .pa-respect {
      grid-row: 3;
    }

    .post-author:not(:has(.pa-fld1)) .pa-author {
      grid-row: 1;
      grid-column: 2 / 4;
    }

    .post-author:not(:has(.pa-fld1)) .pa-title {
      grid-row: 2;
      grid-column: 2 / 4;
    }

    .post-author:not(:has(.pa-fld1)) .pa-avatar {
      grid-row: 1 / 4;
    }

    /* ñìåíùèêè áåç ëç */

    .post-author:has(.pa-fld1):not(:has(.pa-fld4)) {
      grid-template-rows: unset;
    }

    .post-author:has(.pa-fld1):not(:has(.pa-fld4)) .pa-posts,
    .post-author:has(.pa-fld1):not(:has(.pa-fld4)) .pa-respect,
    .post-author:has(.pa-fld1):not(:has(.pa-fld4)) .pa-fld5,
    .post-author:has(.pa-fld1):not(:has(.pa-fld4)) .pa-fld2 {
      grid-row: 4;
    }

    .post-author:has(.pa-fld1):not(:has(.pa-fld4)) .pa-avatar {
      grid-row: 2 / 5;
    }

    .post-author:not(:has(.pa-fld4)) .pa-author {
      align-self: end;
    }

    /* ãîñòè */

    .post[data-group-id="2"] .post-author ul {
      grid-template-columns: 110px 1fr;
      grid-template-rows: auto auto;
    }

    .post[data-group-id="2"] .pa-author {
      grid-row: 1;
      grid-column: 2;
      align-self: end;
    }

    .post[data-group-id="2"] .pa-title {
      grid-row: 2;
      grid-column: 2;
      align-self: start;
    }

    .post[data-group-id="2"] .pa-avatar {
      grid-row: 1 / 3;
      grid-column: 1;
    }

    .post-author:has(.pa-fld1) .pa-avatar {
      margin: 0;
    }

    /* gpt */

    .post[data-user-id="2"] .pa-posts {
      grid-column: 3 !important;
    }

    .post[data-user-id="2"] .pa-respect {
      grid-column: 4 !important;
    }

    .post[data-user-id="2"] .post-author .pa-avatar,
    .post[data-user-id="2"] .post-author .pa-avatar img {
      height: 80px !important;
      width: 80px !important;
    }

    .post[data-user-id="2"] .post-author ul {
      grid-template-columns: 80px 1fr 1fr 1fr 1fr !important;
    }

    /*  */
    #like-all-btn,
    .subscribelink,
    .subscribelink a {
      font-size: 0;
      width: 45px;
      margin: 0;
      height: 25px;
    }

    #like-all-btn,
    .subscribelink a {
      padding: 0 15px;
    }

    #like-all-btn::before,
    .subscribelink a[data-subscribe="1"]::before,
    .subscribelink a[data-subscribe="0"]::before,
    .subscribelink a[href*="?unsub"]::before,
    .subscribelink a[href*="?sub"]::before {
      font-size: 13px;
      font-family: var(--icon-font);
      font-weight: 300;
    }

    .subscribelink a[data-subscribe="1"]::before,
    .subscribelink a[href*="?unsub"]::before {
      content: "\f1f6";
    }

    .subscribelink a[data-subscribe="0"]::before,
    .subscribelink a[href*="?sub"]::before {
      content: "\e62c";
    }

    #like-all-btn::before {
      content: "\f164";
    }

    #like-all-btn:has(#like-counter) {
      width: fit-content;
    }

    #like-all-btn span#like-counter {
      font-size: 10px;
    }

    .postlink .new-topic {
      padding: 0;
    }

    /* ==================== GEMINI TOPICS ==================== */
    .gemini_topic {
      max-width: 100%;
    }

    .gemini_topic_main {
      padding: 15px;
    }

    .gemini_topic_title {
      font-size: 1em;
    }

    .gemini_topic_humanized {
      font-size: 0.9em;
    }

    .gemini_topic_directive {
      font-size: 0.7em;
      padding: 3px 12px;
    }

    .gemini_topic_block1,
    .gemini_topic_block2 {
      padding: 10px;
    }

    /* ==================== GEMINI CHARACTER ==================== */

    #character.reveal-modal {
      display: none;
    }

    .gemini_character {
      width: 100% !important;
      height: 98%;
      margin: 0 !important;
      border-radius: 0 !important;
      transform: none !important;
      left: 0 !important;
      top: 0 !important;
      position: fixed !important;
    }

    .gemini_character_main {
      flex: 1;
      display: flex;
      flex-direction: column;
      min-height: 0;
      border-radius: 0 !important;
      border: none !important;
      height: auto !important;
      position: relative !important;
    }

    .gemini_character_title {
      display: none;
    }

    .gemini_character_header {
      height: 110px;
      flex-shrink: 0;
      position: relative;
      background-size: cover;
      background-position: top center;
      border-radius: 0;
      display: grid;
      padding: 10px;
      box-sizing: border-box;
      gap: 10px;
      grid-template-columns: auto 1fr;
      align-items: center;
    }

    .gemini_character_header::before,
    .gemini_character_header::after {
      content: none;
    }

    .gemini_character_header:not(:has(.gemini_character_twink))
      .gemini_character_name_wrp {
      grid-row: 1 / 3;
    }

    .gemini_character_pic {
      width: 120px;
      height: 85px;
      top: 0;
      left: 0;
      position: relative;
      grid-column: 1;
      grid-row: 1 / 3;
    }

    .gemini_character_twinks {
      top: 0;
      left: 0;
      right: 0;
      height: 55px;
      gap: 5px;
      width: 100%;
      position: relative;
      grid-column: 2;
      grid-row: 2;
      justify-content: center;
    }

    .gemini_character_twink {
      width: 45px;
    }

    .gemini_twink_pic {
      height: 35px;
    }

    .gemini_twink_name {
      font-size: 7px;
      height: auto;
      margin-top: 2px;
    }

    .gemini_character_name_wrp {
      width: auto;
      position: relative;
      grid-row: 1;
      grid-column: 2;
      top: 0;
      left: 0;
    }

    .gemini_character_name {
      font-size: 11px;
    }

    .gemini_character .menu {
      top: 96px;
      z-index: 111;
      left: 0;
      right: 0;
      width: 100%;
      display: flex;
      gap: 4px;
      flex-wrap: wrap;
      justify-content: center;
      flex-shrink: 0;
      padding-left: 140px;
      box-sizing: border-box;
    }

    .gemini_character .menu-links {
      display: flex;
      gap: 4px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .gemini_character .menu span {
      padding: 6px 10px;
      font-size: 0;
      border-radius: 12px;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .gemini_character .menu span::before {
      font-size: 12px;
      margin-right: 0;
      font-weight: 300;
    }

    .gemini_character .menu .tabactive {
      background: var(--char-tab-active-bg);
    }

    .gemini_character .menu span[alt="#sm4"] {
      right: unset;
      top: unset;
      position: relative;
      background: var(--char-tab-bg);
      color: var(--char-tab-text);
    }

    .gemini_character #submenu {
      flex: 1;
      min-height: 0;
      background: var(--char-content-bg);
      padding: 20px 10px 10px;
      position: relative;
      height: auto !important;
      border-radius: 0;
      display: flex;
      flex-direction: column;
    }

    .gemini_character .submenutext {
      display: none;
      flex: 1;
      min-height: 0;
    }

    .gemini_character .submenutext.active {
      display: flex;
      flex-direction: column;
      min-height: 0;
    }

    .gemini_character_decor {
      display: grid !important;
      grid-template-columns: 1fr;
      gap: 8px;
      flex: 1;
      min-height: 0;
      overflow-y: auto;
      height: 100%;
      grid-template-rows: auto auto auto auto;
    }

    #gemini_character_bg {
      grid-column: 1;
      grid-row: unset;
    }

    #gemini_character_icons {
      grid-column: 1;
      grid-row: unset;
    }

    #gemini_character_lines_bg {
      grid-column: 1;
      grid-row: unset;
    }

    #gemini_character_lines_text {
      grid-column: 1;
      grid-row: unset;
    }

    .gemini_character_block {
      background: var(--char-block-bg);
      border: 1px solid var(--char-block-border);
      border-radius: 10px;
      padding: 6px 4px;
      display: flex;
      flex-direction: column;
    }

    .gc_content {
      flex: 1;
      min-height: 0;
      overflow-y: auto;
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      justify-content: center;
      align-content: flex-start;
      margin-top: 10px;
    }

    #gemini_character_bg .gc_content {
      min-height: 100px;
    }

    #gemini_character_icons .gc_content {
      min-height: 16px;
    }

    #gemini_character_lines_bg .gc_content {
      min-height: 40px;
    }

    .gc_line_bg {
      height: 40px;
      width: 55px;
    }

    .gc_line_text {
      font-size: 9px;
      padding: 3px 5px;
      white-space: normal;
    }

    .gemini_vouchers {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      justify-items: center;
      flex: 1;
      overflow-y: auto;
      align-content: start;
      height: 99%;
      padding-bottom: 15px;
      box-sizing: border-box;
    }

    .gemini_headers {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      justify-items: center;
      flex: 1;
      min-height: 0;
      overflow-y: auto;
      align-content: start;
      height: auto;
    }

    .gemini_headers img {
      width: 100%;
      height: 85px;
      object-fit: cover;
      border-radius: 15px;
    }

    .gemini_apps,
    .gemini_apps_content {
      height: 100%;
    }

    .gemini_apps_activity_wrp {
      margin-top: 10px;
    }

    .gemini_apps_game_wrp {
      margin: 10px !important;
      width: calc(100% - 15px);
      flex: 1;
      min-height: 0;
      height: 100%;
      border-radius: 25px;
      height: calc(100% - 120px);
    }

    .gemini_apps_game {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      padding: 5px;
      height: auto;
      overflow-y: auto;
      justify-content: center;
    }

    /* .gemini_apps_game_wrp:has(.has-open) {
            height: 271px;
        } */

    .gemini_apps_game.has-open .gemini_app_game {
      width: calc(50% - 8px);
    }

    .gemini_apps_game.has-open {
      margin-top: 168px;
    }

    .gemini_app_game_fullitem {
      /* top: 93px; */
      top: 0;
      width: 100%;
      left: 0;
      /* background: #ffffff40; */
    }

    .gemini_app_game_item {
      background: var(--char-app-game-item-bg);
      color: var(--char-app-game-item-color);
      padding: 5px 10px;
      border-radius: 8px;
      font-size: 9px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .gemini_character .close-reveal-modal {
      top: 10px;
      right: 10px;
      z-index: 102;
      color: #fff !important;
    }

    .gemini_apps_dropdown {
      right: 10px;
      left: unset;
    }

    .gemini_character .submenutext.active {
      display: flex !important;
      flex-direction: column;
      min-height: 0;
    }

    /* ==================== ÁÀÍÊ ==================== */
    .gemini_bank_prices {
      grid-template-columns: 1fr;
    }

    .gemini_bank_price {
      font-size: 10px;
    }

    .gemini_bank_result {
      column-count: 1;
    }

    .gemini_bank_total {
      flex-wrap: wrap;
      gap: 10px;
    }

    .gemini_bank_total_item {
      font-size: 11px;
      padding: 4px 12px;
    }

    /* ==================== WEEKLY ÈÒÎÃÈ ÍÅÄÅËÈ ==================== */
    .weekly_stats,
    .weekly_intro {
      grid-template-columns: 1fr;
      justify-items: center;
    }

    .weekly_players,
    .weekly_post,
    .weekly_episode,
    .weekly_flooders,
    .weekly_couple,
    .weekly_insta,
    .weekly_news,
    .weekly_quotes,
    .weekly_graphic {
      grid-column: 1;
      grid-row: auto;
      width: 100%;
      box-sizing: border-box;
    }

    .weekly_intro .gemini_topic_block1 {
      border-width: 10px;
      padding: 0 5px;
    }

    .weekly_admin_emoji {
      transform: translateX(50%);
      left: 55%;
      bottom: 50%;
    }

    .weekly_quotes {
      height: auto;
      margin: -1px 0;
    }

    .weekly_quote {
      width: 80%;
      margin: 0 auto;
    }

    .weekly_quotes::before {
      content: "ñïèçäàíóëè";
      margin: 0 auto 10px;
      background: var(--weekly-header-bg);
      color: var(--weekly-header-text);
      padding: 4px 20px;
      line-height: 1;
      box-sizing: border-box;
      font-size: 10px;
      border-radius: 10px;
      text-align: center;
      width: fit-content;
      font-weight: 500;
      display: block;
    }

    .weekly_news {
      grid-row: 9;
      border-radius: 0 0 10px 10px;
    }

    .weekly_graphic {
      border-radius: 0;
    }

    .weekly_graphic > div {
      justify-content: center;
    }

    .weekly_graphic img {
      width: 75px;
    }

    .weekly_flooders,
    .weekly_couple {
      display: grid;
      justify-content: center;
      margin: 5px 0;
      margin: 0 0 15px;
    }

    .weekly_flooders::before {
      grid-column: 1 / 5;
    }

    .weekly_post {
      margin: 0 auto 15px;
      height: auto;
    }

    .couple_names,
    .couple_hash {
      text-align: center;
    }

    .weekly_insta::before {
      margin: 0 auto 5px;
    }

    /* ==================== ÃÎÑÒÅÂÀß ==================== */
    .gb-form-wrapper {
      grid-template-columns: 1fr;
    }

    .gb-form-left,
    #gbPicsContainer {
      justify-content: start;
    }

    #gemboardPreview {
      margin: 0 -15px 0;
      width: calc(100% + 30px);
      padding: 10px;
    }

    .gemini_gb {
      grid-template-columns: 1fr;
    }

    .gemini_gb_wrp {
      font-size: 11px;
    }

    .gemini_gb_welcome span {
      font-size: 14px;
    }

    .gemini_gb::before {
      display: none;
    }

    .gemini_gb_welcome,
    .gemini_gb_info,
    .gemini_gb_text,
    .gemini_gb_faces,
    .gemini_gb_controls {
      grid-column: 1;
      z-index: 1;
    }

    .gemini_gb_faces {
      grid-template-columns: 1fr;
    }

    .gemini_gb_info div:last-of-type {
      left: unset;
      right: 10px;
    }

    .gemini_gb_wrp::after {
      bottom: 0;
      top: unset;
    }

    .gemini_gb_info div:first-of-type {
      top: -22px;
      left: 65%;
    }

    .gemini_payment_type {
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
    }

    .gemini_gb_faces_date {
      word-break: break-word;
    }

    .gemini_gb_controls input[type="text"] {
      width: 100%;
    }

    .gemini_gb_controls .toggle {
      width: 114px;
    }

    .gemini_gb_controls .toggle-slider::before {
      width: 47px;
    }
    .gemini_gb_controls .toggle input:checked + .toggle-slider::before {
      transform: translateX(51px);
      width: 58px;
    }

    /* ==================== ÌÀÃÀÇÈÍ ==================== */
    .gemini_store_main {
      grid-template-columns: 1fr;
      gap: 15px;
    }

    .header-preview-full {
      display: none;
    }

    .gemini_store_left .tab-list {
      display: flex;
      flex-wrap: wrap;
      margin: 0;
      gap: 6px;
      justify-content: center;
    }

    .gemini_store_content {
      border-radius: 15px;
    }

    .gemini_store_left .tab-item {
      padding: 8px 12px;
      font-size: 10px;
      border-radius: 15px !important;
    }

    .gemini_store_left .tab-item.active {
      border: none;
      background: var(--accent-color);
      color: var(--text-on-accent);
    }

    .gemini_store_content .items-grid.vouchers-grid {
      grid-template-columns: 1fr;
    }

    .store-item.voucher-item {
      margin: 0 auto;
    }

    .gemini_store_content .items-grid {
      gap: 10px;
    }

    .icons-section .items-grid {
      height: 164px;
    }

    .backgrounds-section .items-grid {
      height: 346px;
    }

    .lines-sections .img-section .items-grid,
    .lines-sections .color-section .items-grid,
    .lines-sections .text-section .items-grid {
      height: 175px;
    }

    .img-section .store-item,
    .img-section .line-preview {
      width: 100%;
    }

    .cart-item-info {
      grid-template-columns: auto 1fr;
    }

    .cart-item-name {
      grid-row: 1;
    }

    .cart-item-preview {
      grid-row: 1;
    }

    .gemini-store-recipients,
    .gemini-store-contest-block {
      grid-row: unset;
      grid-column: 1 / 3;
    }

    .gemini-store-contest-block {
      display: block;
    }

    .cart-actions,
    .cart-total-row {
      flex-wrap: wrap;
      text-align: center;
    }

    .gemini-store-modal .voucher-columns {
      grid-template-columns: repeat(2, 1fr);
    }

    .gemini_store_main:has(.services-sections) .gemini_store_preview,
    .gemini_store_main:has(.vouchers-grid) .gemini_store_preview {
      opacity: 0;
      height: 0;
      margin-bottom: -30px;
    }

    .gemboard {
      max-height: 550px;
    }

    /* ==================== ÀÍÊÅÒÛ ==================== */
    .gemini_accepted {
      width: 90%;
      box-sizing: border-box;
      margin-top: 10px;
    }

    .gemini_accepted::before {
      top: -16px;
      font-size: 30px;
      white-space: nowrap;
    }

    .gemini_accepted::after {
      bottom: -40px;
      font-size: 60px;
    }

    .gemini_accepted_links a {
      display: block;
    }

    .gemini_user_wrp {
      width: 100%;
      max-width: 95%;
    }

    .post:not(:has(.gemini_user_form)) .gemini_user_wrp {
      margin: 25px auto 0;
    }

    .gemini_user_name_out {
      font-size: 55px;
      top: -35px;
    }

    .gemini_user {
      grid-template-columns: 1fr;
      justify-items: center;
      grid-template-rows: 50px 10px 90px auto auto auto;
      padding: 15px;
      gap: 15px;
      max-height: unset;
    }

    .gemini_user_header {
      height: 150px;
    }

    .gemini_user_sur {
      grid-column: 1;
      grid-row: 1;
      justify-self: center;
      transform: scale(0.7);
      transform-origin: bottom center;
    }

    .gemini_user_proto {
      grid-row: 2;
      grid-column: 1;
    }

    .gemini_user_pic {
      grid-column: 1;
      grid-row: 3;
      width: 100px;
      height: 100px;
    }

    .gemini_user_quote {
      grid-column: 1;
      grid-row: 4;
    }

    .gemini_user_info {
      grid-column: 1;
      grid-row: 5;
      margin: 0;
      flex-wrap: wrap;
      justify-content: center;
    }

    .gemini_user_info_main {
      grid-column: 1;
      grid-row: 6;
      flex-wrap: wrap;
      gap: 5px;
      justify-content: center;
    }

    .gemini_user_info_main > div {
      height: auto;
      text-align: center;
      width: 90%;
      max-width: unset;
      margin: 0;
    }

    .gemini_user_bio {
      grid-column: 1;
      grid-row: 7;
      margin-top: 0;
      margin-bottom: 0;
    }

    .gemini_user_bio_input,
    .gemini_user_btn,
    .gemini_user_toggle {
      grid-column: 1;
    }

    .gemini_user_toggle {
      flex-wrap: wrap;
      justify-content: center;
    }

    .gemini_user_form .toggle {
      margin-bottom: 0;
      width: 180px;
    }

    .toggle-option-left,
    .toggle-option-right {
      font-size: 9px;
      line-height: 1;
    }

    .toggle {
      height: 24px;
    }

    .toggle-slider {
      padding: 0 8px;
    }

    .toggle-slider::before {
      height: 20px;
    }

    .gemini_user_form .toggle-slider::before {
      width: 84px;
    }

    .gemini_user_form .toggle input:checked + .toggle-slider::before {
      transform: translateX(79px);
      width: 97px;
    }

    .custom-line-item .toggle,
    .custom-background-item .toggle,
    .custom-icon-item .toggle {
      width: 195px;
      text-align: center;
    }

    .custom-icon-item .toggle-slider::before {
      width: 87px;
    }

    .custom-icon-item .toggle input:checked + .toggle-slider::before {
      transform: translateX(75px);
      width: 116px;
    }

    .custom-background-item .toggle-slider::before {
      width: 87px;
    }

    .custom-background-item .toggle input:checked + .toggle-slider::before {
      transform: translateX(79px);
      width: 112px;
    }

    .custom-line-item .toggle-slider::before {
      width: 83px;
    }

    .custom-line-item .toggle input:checked + .toggle-slider::before {
      transform: translateX(82px);
      width: 109px;
    }

    .profile-settings-wrapper {
      justify-content: center;
    }

    .bio-toolbar {
      flex-wrap: wrap;
    }

    .gemini_needed_form .form-fields,
    .gemini_user_form .form-fields {
      grid-template-columns: 1fr;
    }

    .gemini_needed_form .gemini_user_bio_input,
    .gemini_needed_form .gemini_user_btn,
    .gemini_needed_form .gemini_user_toggle {
      grid-column: 1;
    }

    .field-group.gemini_needed_descr {
      grid-column: 1;
    }

    .custom-header-upload,
    .custom-line-color-inputs,
    .custom-line-image-upload,
    .custom-line-inputs,
    .custom-line-upload,
    .custom-background-upload,
    .custom-icon-upload {
      margin-inline: 7px;
    }

    .cart-item-type-line_text .cart-item-info {
      grid-template-columns: 1fr;
    }

    .cart-item-type-line_text .cart-item-name {
      grid-row: 2;
    }

    .gemini-store-text-preview {
      width: 100%;
    }

    /* ==================== ÍÓÆÍÛÅ ==================== */
    .gemini_needed_form .gemini_needed {
      margin-inline: 0;
    }

    .gemini_needed {
      grid-template-columns: 1fr 1fr;
      padding: 15px;
      gap: 8px;
    }

    .gemini_needed_who {
      grid-column: 1 / 3;
      grid-row: 1;
      max-width: unset;
    }

    .gemini_needed_who::before {
      white-space: nowrap;
    }

    .gemini_needed_pic {
      grid-column: 2;
      grid-row: 2 / 5;
    }

    .gemini_needed_pic img {
      height: auto;
      max-height: 100px;
    }

    .gemini_needed_name {
      grid-row: 2;
      grid-column: 1;
      max-width: unset;
    }

    .gemini_needed_age {
      grid-row: 3;
      grid-column: 1;
      max-width: unset;
    }

    .gemini_needed_proto {
      grid-row: 4;
      grid-column: 1;
      max-width: unset;
    }

    .gemini_needed_desc {
      grid-column: 1 / 3;
      grid-row: 5;
    }

    /* çàíÿòûå âíåõè */

    .gemini_faceclaims .form {
      flex-wrap: wrap;
    }

    .gemini_faceclaims .form input[type="button"] {
      margin: 0;
    }

    .gemini_faceclaims_names {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto 1fr auto auto 1fr;
    }

    .gemini_faceclaims_search {
      grid-column: 1 / 4;
      flex-wrap: wrap;
      grid-row: 1;
    }

    #gemini_names,
    #gemini_surnames {
      grid-template-columns: 1fr;
      grid-column: 1;
    }

    .gemini_faceclaims_search .gemini_topic_minititle,
    .gemini_faceclaims_names input,
    .gemini_faceclaims_names .gemini_topic_minititle {
      margin-inline: auto;
    }

    .gemini_wanted_pics {
      flex-wrap: wrap;
      gap: 10px;
    }

    .gemini_wanted_pics img {
      width: 45%;
      height: 100px;
    }

    .ping-grid-container {
      grid-template-columns: 1fr;
    }

    #ping_name,
    #ping_profile,
    #ping_post_date,
    #ping_post_link,
    #ping_until,
    #ping_comment {
      grid-column: 1 !important;
    }

    .gemini_faceclaims_list {
      grid-template-columns: 1fr;
      margin-top: 20px;
    }

    .gemini_faceclaims_search,
    .gemini_faceclaims_girls,
    .gemini_faceclaims_boys,
    .gemini_faceclaims_names {
      grid-row: unset;
      grid-column: unset;
      margin: 0;
    }

    .gemini_wanted {
      width: 100%;
      padding: 15px;
      border-radius: 15px;
    }

    /* ==================== GEMGRAM ==================== */
    .gemgram-form-container {
      grid-template-columns: 1fr;
    }

    .gemgram {
      width: 100%;
      padding: 20px 20px 50px;
      gap: 10px;
    }

    .gemgram_info {
      grid-template-columns: 50px auto;
      gap: 2px 15px;
    }

    .gemgram_ava {
      width: 45px;
      height: 45px;
      grid-row: 1 / 3;
    }

    .gemgram:has(.gemgram_music) .gemgram_ava {
      grid-row: 1 / 4;
    }

    .gemgram_ava img {
      width: 45px;
      height: 45px;
    }

    .gemgram_username {
      font-size: 14px;
      grid-column: 2;
    }

    .gemgram_location {
      grid-column: 2;
      grid-row: 2;
      font-size: 9px;
    }

    .gemgram_music {
      font-size: 9px;
      grid-column: 2;
      grid-row: 3;
      justify-self: unset;
      padding: 3px 10px;
    }

    /* ==================== SNS ==================== */

    #pun-viewtopic[data-forum-id="8"] #pun-ulinks,
    #pun-viewtopic[data-forum-id="23"] #pun-ulinks,
    #pun-viewforum[data-forum-id="8"] #pun-ulinks,
    #pun-post[data-forum-id="8"] #pun-ulinks {
      display: none;
    }

    #pun_wrap:has(#pun-viewtopic[data-forum-id="8"])::before,
    #pun_wrap:has(#pun-viewtopic[data-forum-id="23"])::before,
    #pun_wrap:has(#pun-post[data-forum-id="8"])::before,
    #pun_wrap:has(#pun-viewforum[data-forum-id="8"])::before {
      font-size: 50px;
      left: unset;
      right: -48px;
      top: -68px;
    }

    #pun_wrap:has(#pun-viewtopic[data-forum-id="8"]) #pun,
    #pun_wrap:has(#pun-viewtopic[data-forum-id="23"]) #pun,
    #pun_wrap:has(#pun-post[data-forum-id="8"]) #pun,
    #pun_wrap:has(#pun-viewforum[data-forum-id="8"]) #pun {
      border-radius: 15px !important;
      margin-top: 60px;
      padding: 5px;
    }

    body:has(#pun-viewtopic[data-forum-id="23"]),
    body:has(#pun-viewtopic[data-forum-id="8"]),
    body:has(#pun-post[data-forum-id="8"]),
    body:has(#pun-viewforum[data-forum-id="8"]) {
      background: var(--body-img);
    }

    #pun-post[data-forum-id="8"],
    #pun-viewtopic[data-forum-id="23"],
    #pun-viewtopic[data-forum-id="8"],
    #pun-viewforum[data-forum-id="8"] {
      height: calc(90dvh - 60px);
    }

    #pun-viewtopic[data-forum-id="23"],
    #pun-viewtopic[data-forum-id="8"],
    #pun-viewforum[data-forum-id="8"] {
      overflow-y: auto;
      border-radius: 15px;
    }

    #pun-viewforum[data-forum-id="8"] {
      grid-template-columns: 1fr;
      gap: 10px 0;
    }

    #pun-viewtopic[data-forum-id="23"],
    #pun-viewtopic[data-forum-id="8"] {
      display: block;
      padding: 5px;
    }

    #pun-viewtopic[data-forum-id="23"] .post-content,
    #pun-viewtopic[data-forum-id="8"] .post-content {
      margin: 0 !important;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post:not(.topicpost)
      > .container
      .post-body:before,
    #pun-viewtopic[data-forum-id="23"]
      .post:not(.topicpost)
      > .container
      .post-body:before {
      left: -8px;
      border-right-width: 4px;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post.gtalk-mine:not(.topicpost)
      > .container
      .post-body:before,
    #pun-viewtopic[data-forum-id="23"]
      .post.gtalk-mine:not(.topicpost)
      > .container
      .post-body:before {
      left: unset;
      right: -8px;
      border-left-width: 4px;
    }

    #pun-post[data-forum-id="8"] #main-reply {
      height: 30dvh;
    }

    .gtalk-profile-interface {
      grid-column: 1;
      grid-row: 1;
      padding: 10px;
      gap: 10px;
      overflow-y: visible;
      height: auto;
      border-radius: 15px;
      grid-template-columns: 120px 1fr;
      margin-right: 10px;
    }

    .gtalk-profile-settings input,
    .gtalk-profile-settings button {
      grid-column: 1 / 3;
    }

    .gtalk-profile-settings #avatar-url {
      grid-row: 1;
      width: calc(100% - 50px);
    }

    .gtalk-profile-settings #upload-file-btn {
      grid-column: 2;
      grid-row: 1;
      font-size: 0;
      width: 45px;
    }

    .gtalk-profile-settings .gtalk-hint {
      display: none;
    }

    .gtalk_voice::before {
      width: calc(100% - 65px);
    }

    #upload-file-btn::before {
      font-family: var(--icon-font);
      content: "\f093";
      font-size: 15px;
      font-weight: 300;
    }

    #upload-file-btn.uploading::before {
      content: "\e1d4";
      animation: spin 1.2s linear infinite;
    }

    #pun-viewforum[data-forum-id="8"] #pun-main {
      grid-column: 1;
      grid-row: 3;
      overflow: unset;
    }

    #pun-viewforum[data-forum-id="8"] #pun-crumbs1 {
      grid-column: 1;
      grid-row: auto;
    }

    #pun-viewforum[data-forum-id="8"] tr:not(.isub) td {
      padding: 10px !important;
    }

    #pun-viewforum[data-forum-id="8"] .linkst {
      margin: 0 0 10px;
    }

    #pun-viewtopic[data-forum-id="8"] .linksb,
    #pun-viewtopic[data-forum-id="23"] .linksb,
    #pun-viewtopic[data-forum-id="8"] .modmenu,
    #pun-viewtopic[data-forum-id="23"] .modmenu,
    #pun-viewtopic[data-forum-id="8"] .linkst,
    #pun-viewtopic[data-forum-id="23"] .linkst,
    #pun-viewforum[data-forum-id="8"] .postlink.long .new-topic a,
    #pun-viewforum[data-forum-id="8"] .pagelink {
      position: relative;
      top: unset;
      right: unset;
      left: unset;
      bottom: unset;
    }

    #pun-viewtopic[data-forum-id="8"] .linkst,
    #pun-viewtopic[data-forum-id="23"] .linkst {
      margin-bottom: 15px;
    }

    #pun-viewtopic[data-forum-id="8"] .topic,
    #pun-viewtopic[data-forum-id="23"] .topic {
      overflow: unset;
    }

    #pun-viewforum[data-forum-id="8"] .category .tcr {
      padding-top: 0;
    }

    #pun-viewforum[data-forum-id="8"] .forum tbody tr {
      grid-template-columns: 1fr auto;
      align-items: center;
    }

    #pun-viewforum[data-forum-id="8"] .forum .tcr {
      grid-column: 2;
      grid-row: 1;
    }

    #pun-viewforum[data-forum-id="8"] .forum .tcl {
      grid-column: 1;
    }

    #pun-post[data-forum-id="8"] #pun-title,
    #pun-post[data-forum-id="8"] #pun-navlinks,
    #pun-post[data-forum-id="8"] #pun-ulinks,
    #pun-post[data-forum-id="8"] #pun-status,
    #pun-viewtopic[data-forum-id="8"] #pun-title,
    #pun-viewtopic[data-forum-id="8"] #pun-navlinks,
    #pun-viewtopic[data-forum-id="8"] #pun-ulinks,
    #pun-viewtopic[data-forum-id="8"] #pun-status,
    #pun-viewforum[data-forum-id="8"] #pun-title,
    #pun-viewforum[data-forum-id="8"] #pun-navlinks,
    #pun-viewforum[data-forum-id="8"] #pun-ulinks,
    #pun-viewforum[data-forum-id="8"] #pun-status {
      order: unset;
      position: absolute;
    }

    #pun-post[data-forum-id="8"] #pun-ulinks .container,
    #pun-viewtopic[data-forum-id="8"] #pun-ulinks .container,
    #pun-viewforum[data-forum-id="8"] #pun-ulinks .container {
      padding-top: 10px;
    }

    #pun-post[data-forum-id="8"] #pun-navlinks,
    #pun-viewtopic[data-forum-id="8"] #pun-navlinks,
    #pun-viewforum[data-forum-id="8"] #pun-navlinks {
      transform-origin: left;
      left: 20px;
      top: -64px;
    }

    #pun-post[data-forum-id="8"] #pun-navlinks .container,
    #pun-viewtopic[data-forum-id="8"] #pun-navlinks .container,
    #pun-viewforum[data-forum-id="8"] #pun-navlinks .container {
      justify-content: flex-start;
      gap: 5px;
      margin-top: 12px;
    }

    #pun-viewtopic[data-forum-id="8"] #pun-status,
    #pun-viewtopic[data-forum-id="8"] #pun-title,
    #pun-post[data-forum-id="8"] #pun-status,
    #pun-post[data-forum-id="8"] #pun-title,
    #pun-viewforum[data-forum-id="8"] #pun-status,
    #pun-viewforum[data-forum-id="8"] #pun-title {
      display: none;
    }

    #pun-viewtopic[data-forum-id="8"] .crumbs,
    #pun-post[data-forum-id="8"] .crumbs,
    #pun-viewforum[data-forum-id="8"] .crumbs {
      width: fit-content;
    }

    #pun-viewtopic[data-forum-id="23"] .crumbs,
    #pun-viewtopic[data-forum-id="8"] .crumbs {
      margin: 0 auto;
    }

    #pun-viewtopic[data-forum-id="8"] .post:not(.topicpost) > .container,
    #pun-viewtopic[data-forum-id="23"] .post:not(.topicpost) > .container {
      grid-template-columns: auto minmax(0, 1fr);
      margin: 0;
      gap: 10px;
    }

    #pun-viewtopic[data-forum-id="23"] .post.topicpost .post-body,
    #pun-viewtopic[data-forum-id="8"] .post.topicpost .post-body {
      padding-top: 0;
    }

    #pun-viewtopic[data-forum-id="8"] .post.topicpost h3,
    #pun-viewtopic[data-forum-id="23"] .post.topicpost h3 {
      width: fit-content;
    }

    #pun-viewtopic[data-forum-id="8"] .post:not(.topicpost) h3,
    #pun-viewtopic[data-forum-id="23"] .post:not(.topicpost) h3 {
      position: absolute;
      width: auto;
      bottom: -17px;
      top: unset;
      right: unset;
      left: 121px;
    }

    #pun-viewtopic[data-forum-id="8"] .post.gtalk-mine:not(.topicpost) h3,
    #pun-viewtopic[data-forum-id="23"] .post.gtalk-mine:not(.topicpost) h3 {
      right: 121px;
      left: unset;
    }

    #pun-viewtopic[data-forum-id="8"] .post:not(.topicpost) .post-rating,
    #pun-viewtopic[data-forum-id="23"] .post:not(.topicpost) .post-rating {
      bottom: -28px;
    }

    .reaction-picker {
      bottom: -29px;
      left: 33px;
    }

    .gtalk-mine .reaction-picker {
      right: 33px;
      left: unset;
    }

    .reaction-picker-panel {
      left: -100px !important;
      right: unset !important;
    }

    .gtalk-mine .reaction-picker-panel {
      right: -100px !important;
      left: unset !important;
    }

    #pun-viewtopic[data-forum-id="23"] .post:not(.topicpost) .post-links li,
    #pun-viewtopic[data-forum-id="8"] .post:not(.topicpost) .post-links li {
      margin-top: 4px;
    }

    #pun-viewtopic[data-forum-id="23"] .post:not(.topicpost) .post-links li a,
    #pun-viewtopic[data-forum-id="8"] .post:not(.topicpost) .post-links li a {
      padding: 0 !important;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post.gtalk-mine:not(.topicpost)
      .post-links
      li.pl-quote,
    #pun-viewtopic[data-forum-id="23"]
      .post.gtalk-mine:not(.topicpost)
      .post-links
      li.pl-quote {
      right: 142px;
      left: unset;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post:not(.topicpost)
      .post-links
      li.pl-quote,
    #pun-viewtopic[data-forum-id="23"]
      .post:not(.topicpost)
      .post-links
      li.pl-quote {
      left: 142px;
      right: unset;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post:not(.topicpost)
      .post-links
      li.pl-edit,
    #pun-viewtopic[data-forum-id="23"]
      .post:not(.topicpost)
      .post-links
      li.pl-edit {
      right: unset;
      left: 158px;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post.gtalk-mine:not(.topicpost)
      .post-links
      li.pl-edit,
    #pun-viewtopic[data-forum-id="23"]
      .post.gtalk-mine:not(.topicpost)
      .post-links
      li.pl-edit {
      right: 158px;
      left: unset;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post:not(.topicpost)
      .post-links
      li.pl-delete,
    #pun-viewtopic[data-forum-id="23"]
      .post:not(.topicpost)
      .post-links
      li.pl-delete {
      right: unset;
      left: 178px;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post.gtalk-mine:not(.topicpost)
      .post-links
      li.pl-delete,
    #pun-viewtopic[data-forum-id="23"]
      .post.gtalk-mine:not(.topicpost)
      .post-links
      li.pl-delete {
      right: 178px;
      left: unset;
    }

    #pun-viewtopic[data-forum-id="23"] .post.topicpost .post-box,
    #pun-viewtopic[data-forum-id="8"] .post.topicpost .post-box {
      gap: 3px;
    }

    #pun-viewtopic[data-forum-id="23"] .post.topicpost,
    #pun-viewtopic[data-forum-id="8"] .post.topicpost {
      padding: 10px !important;
      margin-bottom: 0;
    }

    #pun-viewtopic[data-forum-id="8"] .post.topicpost .post-links,
    #pun-viewtopic[data-forum-id="23"] .post.topicpost .post-links {
      margin-top: -23px;
      text-align: left;
      position: relative;
      width: fit-content;
    }

    .gtalk-profile-avatar-img {
      width: 45px;
      height: 45px;
    }

    #pun-viewtopic[data-forum-id="23"]
      .post:not(.topicpost)
      > .container
      .post-body,
    #pun-viewtopic[data-forum-id="8"]
      .post:not(.topicpost)
      > .container
      .post-body {
      max-width: 90%;
      padding: 8px 12px;
      grid-row: 1;
      grid-column: 2;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post.gtalk-mine:not(.topicpost)
      > .container
      .post-body,
    #pun-viewtopic[data-forum-id="23"]
      .post.gtalk-mine:not(.topicpost)
      > .container
      .post-body {
      grid-column: 1;
    }

    #pun-viewtopic[data-forum-id="8"]
      .post.gtalk-mine:not(.topicpost)
      > .container,
    #pun-viewtopic[data-forum-id="23"]
      .post.gtalk-mine:not(.topicpost)
      > .container {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    #pun-viewtopic[data-forum-id="23"] #post-form #main-reply,
    #pun-viewtopic[data-forum-id="8"] #post-form #main-reply {
      height: 60px;
    }

    #pun-viewtopic[data-forum-id="23"] #pun-main,
    #pun-viewtopic[data-forum-id="8"] #pun-main {
      display: block;
      padding: 0;
    }

    #pun-viewtopic[data-forum-id="8"]
      #post-form:has(form#post[action^="edit.php"]),
    #pun-viewtopic[data-forum-id="23"]
      #post-form:has(form#post[action^="edit.php"]) {
      grid-row: unset;
      position: unset;
      width: unset;
      height: auto;
    }

    #pun-viewtopic[data-forum-id="23"]
      form#post[action^="edit.php"]
      .areafield.required
      .resizable-textarea
      span,
    #pun-viewtopic[data-forum-id="8"]
      form#post[action^="edit.php"]
      .areafield.required
      .resizable-textarea
      span {
      display: grid;
    }

    #pun-viewtopic[data-forum-id="23"]
      form#post[action^="edit.php"]
      .inputfield.required.longinput,
    #pun-viewtopic[data-forum-id="8"]
      form#post[action^="edit.php"]
      .inputfield.required.longinput {
      grid-row: 2;
      margin-top: 10px;
      text-align: center;
      margin-bottom: 0;
    }

    #pun-viewforum[data-forum-id="8"] .forum tr.inew .tclcon::before {
      width: 10px !important;
      height: 10px;
      padding: 0;
      display: inline-block;
    }

    .notification-type-toggle {
      margin-left: 50px;
      float: unset !important;
    }

    .notify-link {
      top: unset !important;
      left: unset !important;
    }

    #notify-link .unreads,
    li.nav-item-notifications .bubble {
      top: unset !important;
      position: relative;
      left: unset !important;
      right: unset !important;
      margin-left: 3px;
      min-width: 10px;
      display: unset;
    }

    #navpm .notify-link .unreads,
    #navprofile .notify-link .unreads {
      top: 8px;
      left: 0;
      right: unset;
      transform: scale(0.7);
    }

    #notify-link .unreads::before,
    li.nav-item-notifications .bubble::before {
      content: none !important;
    }

    /* ==================== VIEWPROFILE ==================== */
    #viewprofile {
      width: 95%;
    }

    #viewprofile tr {
      display: grid;
    }

    #profile-left {
      width: 100%;
      border-radius: 30px 30px 0 0;
      padding: 90px 0 20px !important;
    }

    #viewprofile #pa-fld1 {
      width: 100%;
      border-radius: 30px 30px 0 0;
    }

    #viewprofile #pa-fld3 {
      position: relative;
      width: 100%;
      grid-row: 1;
      display: block;
    }

    #viewprofile #pa-fld3 .line {
      width: 100%;
      border-radius: 0;
      text-align: center;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      position: relative;
      z-index: 1;
    }

    #viewprofile #pa-fld3 .line::before {
      content: "";
      position: absolute;
      inset: 0;
      background: inherit;
      background-repeat: no-repeat !important;
      filter: blur(5px);
      z-index: -1;
      border-radius: inherit;
      top: -5px;
      left: -5px;
      width: 120%;
      height: 120%;
    }

    #profile-right {
      border-radius: 0 0 30px 30px;
      padding: 0 !important;
      display: grid;
    }

    #profile-right li:not(#pa-fld3):not(#pa-fld1) {
      padding: 15px;
    }

    #profile textarea,
    #profile
      input[type="text"]:not(input[name="num_posts"]):not(#lzEditor input) {
      width: 100%;
      box-sizing: border-box;
    }

    #profile1 .formsubmit,
    #profile1 #profilenav {
      grid-column: 1;
    }

    #profilenav ul {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 5px;
      padding: 10px;
    }

    #profile4 fieldset .fs-box {
      grid-template-columns: 1fr;
      padding: 20px 0 0;
    }

    #profile4 img.avatardemo {
      grid-column: 1;
      grid-row: 1;
      margin-left: 0;
      justify-self: center;
      margin-bottom: 15px;
    }

    #profile5 td#button-mask,
    #profile5 td#button-code,
    #profile5 td#button-hide,
    #profile5 td#button-video {
      display: none;
    }

    /* ==================== ËÇ ÐÅÄÀÊÒÎÐ ==================== */
    #lzCustomInterface {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    #lzPreview {
      order: 1;
      width: 100%;
      position: static;
    }

    #lzEditor {
      order: 2;
      width: 100%;
    }

    #lzCustomInterface #bgContainer,
    #lzCustomInterface #iconContainer,
    #lzCustomInterface #lineBgContainer,
    #lzCustomInterface #lineTextContainer {
      max-height: 150px;
    }

    /* ==================== ÒÀÁËÈÖÀ ÔÀÉËÎÂ ==================== */
    #filetable thead {
      display: none;
    }

    #filetable tbody tr {
      display: grid !important;
      padding: 15px;
      background: var(--topic-main-bg);
      border-radius: 15px;
      box-sizing: border-box;
      width: 100%;
      margin-bottom: 10px;
      gap: 5px;
    }

    #filetable td {
      width: unset !important;
      text-align: left;
    }

    .ft-uploaded,
    .ft-version {
      display: flex !important;
      gap: 5px;
    }

    #filetable .tcl {
      font-weight: 600;
      margin-bottom: 6px;
      padding: 0 !important;
    }

    #filetable .tc3,
    #filetable .tc2 {
      padding: 0 !important;
    }

    #filetable .ft-uploaded::before {
      content: "Çàãðóæåí: ";
    }

    #filetable .tc2:not(.ft-uploaded)::before {
      content: "Èçìåí¸í: ";
    }

    #filetable .tc3.checker::before {
      content: "óäàëèòü ";
    }

    #filetable .ft-version::before {
      content: "Âåðñèÿ: ";
    }

    #filetable .tc3:not(.ft-version):not(.checker)::before {
      content: "Ðàçìåð: ";
    }

    #filetable .tcr {
      margin: 4px 0;
      padding: 0 !important;
    }

    #filetable .tcr input {
      width: 100%;
      box-sizing: border-box;
    }

    #profile10 #filetable td.tc3.checker {
      text-align: right;
      padding: 0 !important;
      width: unset !important;
      display: flex;
      gap: 5px;
      justify-content: flex-end;
    }

    #profile .submitend {
      margin-top: 0;
    }

    /* ìàñêà */
    #mask_dialog .inner {
      margin-top: 2%;
      border: 10px solid transparent;
      padding: 10px;
    }

    .hv-control,
    .hv-mask-block {
      flex-wrap: wrap;
    }

    .hv-masks-storage,
    .hv-form-block,
    .hv-preview-block {
      flex: unset;
    }

    .hv-masks-storage {
      order: 2;
      width: 100%;
    }

    .hv-form-block {
      order: 3;
    }

    .hv-preview-block {
      order: 1;
      margin: 0 auto;
      width: 90%;
    }

    /* ==================== ËÈ×ÍÛÅ ÑÎÎÁÙÅÍÈß ==================== */

    #pun-messages #profile > .container {
      grid-template-columns: 1fr;
    }

    #pun-messages .fs-box {
      padding-top: 15px;
    }

    #pun-messages:has(#post) #messages,
    #pun-messages .container > fieldset,
    #pun-messages #profilenav,
    #pun-messages #messages {
      grid-column: unset;
      grid-row: unset;
      margin: 0;
    }

    #pun-messages #messages .container tr {
      grid-template-columns: 4fr auto;
      border-radius: 10px;
      margin: 0 0 10px;
      border: 1px solid var(--plain-border);
    }

    #pun-messages .tc2.pmtc22 {
      grid-row: 2;
      grid-column: 1;
      grid-template-columns: 40px auto;
      place-items: unset;
      align-items: center;
    }

    #pun-messages #messages td.tc3 {
      grid-row: 1;
      grid-column: 2;
      font-size: 9px !important;
    }

    #pun-messages #messages td.tc2 {
      padding-top: 0;
    }

    #pun-messages .post-author {
      margin-bottom: 15px;
    }

    #pun-messages .pa-posts {
      grid-column: 2 / 4 !important;
    }

    #pun-messages .post-links {
      margin: 10px 0 0;
    }

    #pun-messages fieldset {
      padding: 10px;
    }

    #pun-messages thead,
    #pun-messages td#button-hide,
    #pun-messages td#button-mask {
      display: none;
    }

    #pun-messages .post h3 {
      width: 100%;
      box-sizing: border-box;
      text-align: center;
    }

    .chrome-url {
      display: none;
    }

    .mediateka-control-panel-row,
    .mediateka-brand {
      flex-wrap: wrap;
    }

    .chrome-content {
      padding: 15px;
    }

    fieldset:not(fieldset fieldset):not(#post-form fieldset) {
      padding: 0 15px 15px;
    }

    /* ===================== ÀÄÌÈÍÊÀ ==================== */

    #pun-adnav {
      float: unset !important;
      margin: 0 !important;
    }

    #pun-admain {
      padding: 0 !important;
    }

    #adnav-standard > ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 7px;
    }

    #pun-admain1 form.adcontainer,
    #pun-admain2 form.adcontainer,
    #pun-admain-new form.adcontainer,
    #pun-admain1 div.adcontainer,
    #pun-admain2 div.adcontainer {
      padding: 10px !important;
    }

    #pun-admain fieldset .handle,
    #pun-admain fieldset p {
      border: none !important;
    }

    #pun-admain .adlabel {
      float: unset !important;
      margin-left: 0 !important;
    }

    .admin-advert-block {
      width: 100% !important;
      height: auto !important;
    }

    #pun-admain2 fieldset .subforums {
      margin-left: 0 !important;
    }

    #pun-admain .adcontainer td {
      word-break: break-word !important;
    }

    .gemini-bingo {
      border-radius: 15px;
    }

    .bingo-card {
      padding: 5px;
    }

    .gemini-bingo-title {
      font-size: 40px;
    }

    .bingo-card__item {
      min-width: 0;
      padding: 5px;
      font-size: 10px;
    }

    .bingo-card__item.active::before {
      font-size: 50px;
    }
  }
}

/* äëÿ óçêèõ îìåæåê */

@media screen and (max-width: 365px) {
  html:not(.force-desktop) {
    .store-item.voucher-item,
    .store-item .gemini_voucher,
    .mediateka-right-col .gemini_voucher {
      width: 100% !important;
    }

    .store-item .voucher_value,
    .mediateka-right-col .voucher_value {
      width: 35%;
    }

    .store-item .voucher_info,
    .mediateka-right-col .voucher_info {
      width: 65%;
    }

    #profilenav li a {
      padding-inline: 3px;
    }

    .gemini_store_left .tab-item {
      padding: 4px 7px;
      font-size: 8px;
    }

    .voucher-option {
      font-size: 11px;
    }

    #pun_wrap:has(#pun-viewtopic[data-forum-id="8"])::before,
    #pun_wrap:has(#pun-viewtopic[data-forum-id="23"])::before,
    #pun_wrap:has(#pun-post[data-forum-id="8"])::before,
    #pun_wrap:has(#pun-viewforum[data-forum-id="8"])::before {
      font-size: 39px;
      top: -59px;
    }

    #pun-post[data-forum-id="8"] #pun-navlinks,
    #pun-viewtopic[data-forum-id="8"] #pun-navlinks,
    #pun-viewforum[data-forum-id="8"] #pun-navlinks {
      left: 10px;
    }
  }
}