@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");

/* FA icons */
@import url(https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v7.2.0/css/fontawesome.css);
@import url(https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v7.2.0/css/brands.css);
@import url(https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v7.2.0/css/regular.css);
/* solid */
@import url(https://forumstatic.ru/files/001a/e1/ae/88289.css);
@import url(https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v7.2.0/css/thin.css);
@import url(https://cdn.jsdelivr.net/gh/rizmyabdulla/fontawesome-pro@main/releases/v7.2.0/css/light.css);

@import url(style_cs.1783982191.css);

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

/* 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;

    /* ======================== ÈÍÏÓÒÛ ======================== */
    --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;

    /* ======================== ÈÍÏÓÒÛ ======================== */
    --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;

    /* ======================== ÈÍÏÓÒÛ ======================== */
    --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;
}

@media screen and (max-width: 540px) {

    /* iphone zoom fix */
    input[type="text"] {
        font-size: 16px;
    }
}

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

@media screen and (max-width: 768px) {
    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/73949.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) {

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

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

        #pun {
            margin: 0 auto 40px;
            padding: 0;
            border-radius: 15px;
            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 {
            width: 35px;
            opacity: 0.3;
        }

        #ToTop::before,
        #OnBottom::before {
            font-size: 16px;
        }

        /* ==================== 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;
        }

        /* Ñêðûâàåì àáñîëþòíûå gemtable áëîêè */
        .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: 11px;
            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: 8px;
            align-self: end;
        }

        .gemtable_news_desc {
            grid-row: 2;
            grid-column: 2;
            font-size: 7px;
            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 15px 10px;
            width: 100%;
            box-sizing: border-box;
        }

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

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

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

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

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

        #pun-navlinks .container>li>a {
            width: 16px;
            height: 16px;
            padding: 8px;
            font-size: 15px;
        }

        #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 {
            right: 5px;
            left: unset;
        }

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

        #pun-status .container {
            width: 100%;
            height: auto;
            padding: 10px 15px;
            font-size: 10px;
            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: 30px;
            height: 30px;
            border-radius: 8px;
        }

        #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;
            /* padding: 5px 15px;
            font-size: 9px; */
            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: 45px;
            top: -32px;
        }

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

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

        #pun-index .category .hasicon tr {
            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;
        }

        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 + serachtopics */

        #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";
        }


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

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

        #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 thead {
            display: none;
        }

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

        .usertable tr {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3px 0;
            padding: 12px;
            background: var(--topic-main-bg);
            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: 50px;
            height: 50px;
        }

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

        .usertable .tc2.user_title {
            font-size: 10px;
            color: var(--profile-status-color);
            grid-column: 1 / 3;
        }

        .usertable .tc3.registered,
        .usertable .tc3.last_visit,
        .usertable .tc3.relation,
        .usertable .tc3.num_posts {
            font-size: 11px;
            color: var(--plain-text-color);
        }

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

        .usertable .tc3.relation::before {
            content: "\f004";
        }

        .usertable .tc3.num_posts::before {
            content: "\f075";
        }

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

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

        /* ==================== SEARCH POSTS ==================== */
        #pun-searchposts .post>.container {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: auto auto;
            gap: 5px 12px;
            padding: 10px;
            align-items: center;
        }

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

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

        #pun-searchposts .pa-author {
            font-size: 13px;
            font-weight: 600;
            color: var(--links-color);
        }

        #pun-searchposts .pa-replies {
            display: inline-block !important;
            visibility: visible !important;
            font-size: 10px;
            color: var(--plain-text-color);
        }

        #pun-searchposts .post-body {
            grid-column: 2;
            grid-row: 1;
            /* padding: 0; */
        }

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

        #pun-searchposts .post-links {
            grid-column: 1 / 3;
            grid-row: 2;
            margin-top: 5px;
        }

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

        #pun-searchposts .post {
            background: var(--topic-main-bg);
            border-radius: 12px;
            padding: 12px !important;
            margin-bottom: 10px;
        }

        #pun-searchposts .post.altstyle {
            background: var(--topic-block2-bg);
        }

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

        #pun-searchposts blockquote {
            padding: 8px 12px;
            font-size: 11px;
        }

        /* ==================== ÖÈÒÀÒÛ, ÊÎÄÛ ==================== */
        .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;
        }

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

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

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

        /* ==================== 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 ==================== */
        .gemini_character {
            width: 95% !important;
            height: auto !important;
            margin: 30px auto 0;
        }

        .gemini_character_title {
            font-size: 40px;
            top: -30px;
            right: 20px;
        }

        .gemini_character_header {
            height: 100px;
        }

        .gemini_character_header::before {
            width: 150px;
            height: 100px;
        }

        .gemini_character_header::after {
            content: none;
        }

        .gemini_character_pic {
            width: 100px;
            height: 80px;
            top: -5px;
            left: 10px;
        }

        .gemini_character_twinks {
            width: auto;
            left: 120px;
            right: 10px;
            top: 10px;
            height: 80px;
            gap: 8px;
        }

        .gemini_character_twink {
            width: 60px;
        }

        .gemini_twink_pic {
            height: 50px;
        }

        .gemini_twink_name {
            font-size: 8px;
            height: 20px;
        }

        .gemini_character_name_wrp {
            top: 90px;
            left: 5px;
            width: 110px;
        }

        .gemini_character_name {
            font-size: 10px;
            padding: 1px 8px;
        }

        .gemini_character .menu {
            top: 90px;
            left: 125px;
            right: 5px;
            width: auto;
        }

        .gemini_character .menu-links {
            gap: 5px;
            flex-wrap: wrap;
        }

        .gemini_character .menu span {
            font-size: 9px;
            padding: 4px 7px;
        }

        .gemini_character #submenu {
            height: auto;
            min-height: 200px;
            padding: 15px 10px;
        }

        .gemini_character_decor {
            grid-template-columns: 1fr 1fr;
            height: auto;
        }

        #gemini_character_bg {
            grid-row: 1;
            grid-column: 1 / 3;
        }

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

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

        #gemini_character_lines_text {
            grid-row: 2 / 4;
            grid-column: 2;
        }

        .gc_content {
            max-height: 150px;
        }

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

        .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_stats {
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .weekly_insta,
        .weekly_news,
        .weekly_quotes,
        .weekly_graphic {
            grid-column: 1 !important;
            grid-row: auto !important;
        }

        .weekly_insta {
            grid-template-columns: repeat(3, 1fr);
        }

        .weekly_insta::before {
            grid-column: 1 / 4;
        }

        .weekly_insta img {
            width: 40px;
            height: 40px;
        }

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

        #pun_wrap:has(#pun-viewtopic[data-forum-id="8"])::before,
        #pun_wrap:has(#pun-post[data-forum-id="8"])::before,
        #pun_wrap:has(#pun-viewforum[data-forum-id="8"])::before {
            font-size: 65px;
            right: 20px;
            left: unset;
            transform: none;
            top: -84px;
        }

        #pun_wrap:has(#pun-viewtopic[data-forum-id="8"]) #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;
        }

        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-viewforum[data-forum-id="8"] {
            grid-template-columns: 200px 1fr;
            overflow: hidden;
            border-radius: 15px;
        }

        .gtalk-profile-interface {
            overflow-y: auto;
            height: 100%;
            border: 5px solid transparent;
            outline: 1px solid var(--plain-border);
            border-radius: 15px;
        }

        .gtalk-profile-settings input {
            width: 100%;
        }

        #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;
        }

        #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-viewforum .linkst {
            margin: 0;
        }

        #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="8"] .crumbs {
            justify-self: end;
            margin: 0 15px 0 150px;
        }

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

        #pun-viewforum[data-forum-id="8"] .pagelink {
            transform-origin: left;
            transform: scale(.7);
        }

        #pun-viewforum[data-forum-id="8"] .postlink.long .new-topic a {
            transform-origin: right;
            transform: scale(.5);
        }



        /* ==================== ÀÍÊÅÒÛ ==================== */

        .gemini_accepted {
            width: 90%;
            box-sizing: border-box;
            margin-top: 0;
        }

        .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 {
            max-width: 95%;
        }

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

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

        .gemini_user {
            /* grid-template-columns: 80px 1fr auto;
            padding: 30px 15px 10px;
            gap: 8px;
            grid-template-rows: 10px 30px 50px auto auto auto; */
            max-height: unset;
            grid-template-rows: 10px 55px 45px auto auto auto;
            grid-template-columns: 130px 1fr 4fr;
        }

        /* .gemini_user_pic {
            width: 80px;
            height: 80px;
        } */

        .gemini_user_sur {
            transform: scale(.7);
            transform-origin: right;

        }

        .gemini_user_info {
            gap: 5px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .gemini_user_info_main {
            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 {
            margin-bottom: 0;
        }

        /* .gemini_user_quote {
            margin: 0;
        } */

        /* .gemini_user_header {
            height: 80px;
        } */

        /* ==================== ÍÓÆÍÛÅ ==================== */

        .gemini_needed_form .gemini_needed {
            margin-inline: 100px;
        }

        .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_pic {
            grid-column: 2;
            grid-row: 2 / 5;
        }

        .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;
        }

        /* ==================== GEMGRAM ==================== */


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

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

        .gemgram_info {
            grid-template-columns: 50px 1fr;
            gap: 5px 10px;
        }

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

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

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

        .gemgram_location {
            grid-column: 2;
            grid-row: 2;
        }

        .gemgram_music {
            grid-column: 1 / 3;
            grid-row: 3;
            justify-self: center;
        }

        /* ==================== ÌÎÄÀËÊÈ ==================== */
        .reveal-modal {
            width: 95% !important;
            max-height: 85vh;
            overflow-y: auto;
        }

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

        /* ==================== ÔÎÐÌÛ ÀÍÊÅÒ ==================== */
        /* .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;
        }

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

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

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

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

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

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

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

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

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

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

        #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 {
            width: fit-content;
            margin-inline: auto;
        }

        .gemini_wanted_pics {
            flex-wrap: wrap;
        }

        .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;
        }
    }
}

/* ==================== EXTRA SMALL (äî 540px) ==================== */
@media screen and (max-width: 540px) {
    html:not(.force-desktop) {
        #pun {
            width: 100%;
            border-radius: 0;
        }

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

        #pun-status .container {
            font-size: 8px;
            padding: 8px 10px;
        }

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

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

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

        .gemini_gb::before {
            display: none;
        }

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

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

        .gemini_gb_controls {
            flex-wrap: wrap;
            z-index: 1;
        }

        .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_store_main {
            grid-template-columns: 1fr;
            gap: 15px;
        }

        .gemini_store_left .tab-list {
            display: flex;
            flex-wrap: wrap;
            margin: 0;
            gap: 3px;
        }

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

        .gemini_store_left .tab-item.active {
            border-right-color: var(--topic-block2-border);
        }

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

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

        .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_faceclaims_search {
            flex-wrap: wrap;
            grid-row: 1;
        }

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

        .gemini_needed_form .gemini_needed {
            margin-inline: 0;
        }

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

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

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

        /* ==================== 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 {
            width: 100%;
            box-sizing: border-box;
            grid-column: 1 / 3;
            grid-row: 1;
        }

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

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

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

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

        /* ==================== 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 {
            width: 100%;
            box-sizing: border-box;
            grid-column: 1 / 4;
            grid-row: 1;
        }

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

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

        #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;
        }

        /* ïîñò è ïðîôèëü */

        .post-body {
            padding-top: 0 !important;
        }

        #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;
        }

        .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;
            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;
        }

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

        .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;
            gap: 0 7px;
            padding: 0 7px;
        }

        .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;
        }

        .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) {
            margin-left: -1px;
        }

        .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: 0 auto 5px;
        }

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

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

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

        .preview-post-author .preview-pa-posts,
        .post-author .pa-posts {
            grid-row: 5;
            height: 30px;
            width: auto;
            grid-column: 2;
        }

        .preview-post-author .preview-pa-respect,
        .post-author .pa-respect {
            grid-row: 5;
            height: 30px;
            width: auto;
            grid-column: 3;
        }

        .preview-post-author .preview-pa-fld5,
        .post-author .pa-fld5 {
            grid-row: 5;
            height: 30px;
            width: auto;
            grid-column: 4;
        }

        .preview-post-author .preview-pa-fld2,
        .post-author .pa-fld2 {
            grid-row: 5;
            height: 30px;
            width: auto;
            grid-column: 5;
        }

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

        .preview-post-author .preview-pa-fld3 .line,
        .post-author .pa-fld3 .line {
            width: calc(100% + 7px);
            box-sizing: border-box;
            background-repeat: repeat !important;
        }

        .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;
        }

        #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[href*="?unsub"]::before,
        .subscribelink a[href*="?sub"]::before {
            font-size: 13px;
            font-family: var(--icon-font);
            font-weight: 300;
        }

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

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

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

        .subscribelink a[href*="?unsub"]::before {
            content: "\f1f6";
        }

        .subscribelink a[href*="?sub"]::before {
            content: "\e62c";
        }

        /* ôîðìà */


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


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

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

        .gemini_character {
            width: 100% !important;
        }

        .gemini_character_header {
            height: 70px;
        }

        .gemini_character_pic {
            width: 60px;
            height: 50px;
            top: -5px;
        }

        .gemini_character_twinks {
            top: 5px;
            height: 55px;
        }

        .gemini_character_name_wrp {
            top: 60px;
            width: 70px;
        }

        .gemini_character .menu {
            top: 60px;
            left: 85px;
        }

        .gemini_character .menu span {
            font-size: 8px;
            padding: 3px 5px;
        }

        /* ==================== ÀÍÊÅÒÛ ==================== */
        .gemini_user_wrp {
            width: 100%;
        }

        .post:not(:has(.gemini_user_form)) .gemini_user_wrp {
            margin-top: 25px;
        }

        .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;
        }

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

        .gemini_accepted {
            margin-top: 10px;
        }

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

        .gemini_user_header {
            height: 150px;
        }

        .gemini_user_sur {
            grid-column: 1;
            grid-row: 1;
            justify-self: center;
            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;
        }

        .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;
        }

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

        .store-item.voucher-item {
            width: 100%;
        }

        .usertable tbody {
            grid-template-columns: 1fr;
        }

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

        #pun-userlist .formal fieldset .fs-box.inline {
            grid-template-columns: 1fr;
        }

        #pun-searchposts .post>.container {
            grid-template-columns: 1fr;
            gap: 4px 0;
        }

        #pun-searchposts .post-author {
            grid-column: 1;
            grid-row: 2;
        }

        #pun-searchposts .post-body {
            grid-column: 1;
            grid-row: 1;
        }

        #pun-searchposts .post-links {
            grid-column: 1;
            grid-row: 3;
        }

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

        #pun-searchposts .post h3 {
            font-size: 9px;
        }

        #pun-searchposts .post h3 a {
            font-size: 9px;
        }

        .gemtable_news_date {
            font-size: 10px;
        }

        .gemtable_news_title {
            font-size: 7px;
        }

        .gemtable_news_desc {
            font-size: 6px;
        }

        #pun-index .category .hasicon tr {
            grid-template-columns: 1fr;
        }

        #pun-stats li.item1,
        #pun-stats li.item2,
        #pun-stats li.item3,
        #pun-stats li.item4 {
            font-size: 6px;
        }

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

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

        /* VIEWPROFILE */

        #viewprofile tr {
            display: grid;
        }

        #profile-left {
            width: 100%;
            border-radius: 30px 30px 0 0;
            padding: 50px 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;
        }

        #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;
            grid-column: 1;
            grid-row: 1;
            justify-self: center;
            margin-bottom: 15px;
        }

        /* ==================== ËÇ ÐÅÄÀÊÒÎÐ ==================== */
        #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;
        }

        div.grippie {
            display: none;
        }

        .gemgram {
            padding: 20px 20px 50px;
        }

        .gemgram_username {
            grid-column: 2 / 4;
        }

        .gemgram_location {
            font-size: 9px;
        }

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

        /* SNS */

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

        .gtalk-profile-interface {
            grid-column: 1;
            grid-row: 1;
            padding: 10px;
            gap: 10px;
        }

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

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

        #pun-viewtopic[data-forum-id="8"] .post:not(.topicpost)>.container {
            margin: 0 10px;
            gap: 15px 5px;
        }

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

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

        #pun-viewtopic[data-forum-id="8"] #pun-main {
            grid-template-rows: 1fr 140px;
        }

        #pun-viewtopic[data-forum-id="8"] #post-form {
            height: 140px;
        }


    }
}