/* ==============================
   00. Шрифты
============================== */
@import url(style_cs.1783594386.css);

@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Bad+Script&family=Caveat:wght@400..700&family=Comfortaa:wght@300..700&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lobster&family=Pacifico&family=Playpen+Sans:wght@100..800&family=Ponomar&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik+Dirt&family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face{font-family:Petit;src:url('https://forumstatic.ru/files/001c/bd/a1/60069.ttf') format('truetype')}
@font-face{font-family:Budmo;src:url('https://forumstatic.ru/files/001c/bd/a1/52338.otf') format('opentype')}
@font-face{font-family:Gropled;src:url('https://forumstatic.ru/files/001c/bd/a1/26774.otf') format('opentype');font-weight:700;}


/*доп.шрифты*/
@font-face {
  font-family: 'Schiffbauer';
  src: local('Schiffbauer'),
  url('https://forumstatic.ru/files/001c/85/52/56926.otf') format('opentype');}

@font-face {
  font-family: 'Kom-post';
  src: local('Kom-post'),
 url('https://forumstatic.ru/files/001c/85/52/98419.ttf') format('truetype');}

@font-face {
  font-family: 'Franks Rus';
  src: local('Franks Rus'),
  url('https://forumstatic.ru/files/001c/85/52/81828.otf') format('opentype');}

@font-face {
  font-family: 'Kontrabanda';
  src: local('Kontrabanda'),
  url('https://forumstatic.ru/files/001c/85/52/59979.ttf') format('truetype');}

@font-face {
  font-family: 'Fasol SP Demo';
  src: local('Fasol SP Demo'),
  url('https://forumstatic.ru/files/001c/85/52/75617.otf') format('opentype');}

@font-face {
  font-family: 'Kosolapa Script';
  src: local('Kosolapa Script'),
  url('https://forumstatic.ru/files/001c/85/52/31465.ttf') format('truetype');}

@font-face {
  font-family: 'Skramp Cyr';
  src: local('Skramp Cyr'),
  url('https://forumstatic.ru/files/001c/85/52/86825.ttf') format('truetype');}

@font-face {
  font-family: 'Pecita';
  src: local('Pecita'),
   url('https://forumstatic.ru/files/001c/85/52/21045.otf') format('opentype');}

@font-face {
  font-family: 'Sacramento';
  src: local('Sacramento'),
  url('https://forumstatic.ru/files/001c/85/52/44411.ttf') format('truetype');}

@font-face {
  font-family: 'Gogol';
  src: local('Gogol'),
  url('https://forumstatic.ru/files/001c/85/52/42249.otf') format('opentype');}

@font-face {
  font-family: 'Comforter Brush';
  src: local('Comforter Brush'),
  url('https://forumstatic.ru/files/001c/85/52/29364.otf') format('opentype');}

@font-face {
  font-family: 'DXS Roco pixel';
  src: local('DXS Roco pixel RUS'),
  url('https://forumstatic.ru/files/001c/85/52/93863.ttf') format('truetype');}

@font-face {
  font-family: 'Monocraft';
  src: local('Monocraft'),
  url('https://forumstatic.ru/files/001c/85/52/57017.otf') format('opentype');}

@font-face {
  font-family: 'Digital';
  src: local('Digital Upscaled Pixel'),
  url('https://forumstatic.ru/files/001c/85/52/77427.otf') format('opentype');}

@font-face {
  font-family: 'Bebas Neue';
  src: local('Bebas Neue Cyrillic'),
  url('https://forumstatic.ru/files/001c/85/52/29503.ttf') format('truetype');}

@font-face {
  font-family: 'PressStart';
  src: local('Press Start 2P Regular'),
   url('https://forumstatic.ru/files/001c/85/52/37550.ttf') format('truetype');}

@font-face {
  font-family: 'Moyenage';
  src: local('Moyenage'),
  url('https://forumstatic.ru/files/001c/85/52/80921.ttf') format('truetype');}



/* ==============================
   01. Root — 10 цветов
============================== */
:root {
  --c-white:#FFFFFF; --c-snow:#F1F1F1; --c-cloud:#E3E3E3;
  --c-grey:#9C9C9C; --c-slate:#5F6B78;
  --c-blue-bright:#95B0D8; --c-blue-pale:#A7BBCD;
  --c-pink-deep:#D589A6; --c-rose:#C78499; --c-rose-dusty:#D9B6C6;

  --c-silver:var(--c-grey); --c-grey-dark:var(--c-grey); --c-grey-blue:var(--c-grey); --c-blue-grey:var(--c-grey);
  --c-blue:var(--c-blue-bright); --c-blue-deep:var(--c-blue-bright);
  --c-blue-light:var(--c-blue-pale); --c-blue-steel-light:var(--c-blue-pale); --c-blue-steel:var(--c-blue-pale); --c-blue-mist:var(--c-blue-pale);
  --c-blue-frost:var(--c-cloud); --c-blue-ice:var(--c-cloud); --c-blue-ice2:var(--c-cloud); --c-blue-ice3:var(--c-cloud);
  --c-pink:var(--c-rose); --c-pink-light:var(--c-rose-dusty); --c-rose-dusty2:var(--c-rose-dusty); --c-mauve:var(--c-rose);

  --forum-width:1060px; --header-height:399px; --footer-height:186px;
  --nav-font-size:19px; --nav-letter-spacing:1px; --radius:10px;
  --font-main:Inter; --font-gropled:Gropled,serif; --font-petit:Petit,cursive; --font-budmo:Budmo,fantasy;
  --forum-bg-image:url("https://forumstatic.ru/files/001c/bd/a1/27210.png");
  --header-image:url("https://forumstatic.ru/files/001c/bd/a1/76004.png");
  --footer-image:url("https://forumstatic.ru/files/001c/bd/a1/71887.png");

  --forum-bg:transparent;
  --blue:var(--c-blue); --blue-soft:var(--c-blue-pale); --blue-deep:var(--c-blue-deep);
  --pink:var(--c-pink); --pink-soft:var(--c-rose-dusty); --pink-deep:var(--c-pink-deep);
  --panel:var(--c-snow); --panel-alt:var(--c-blue-ice); --panel-line:var(--c-cloud);
  --text:var(--c-slate); --text-soft:var(--c-grey-blue);
  --link-color:var(--c-white); --link-hover:var(--c-pink-deep); --link-pink:var(--c-pink); --link-blue:var(--c-blue-deep);
  --card-bg:var(--c-cloud); --card-border:var(--c-blue-light); --card-panel:var(--c-snow);
  --nick:var(--c-pink); --status:var(--c-grey); --stat-line:var(--c-blue-grey); --stat-icon:var(--c-blue-grey);
  --plate-bg:var(--c-blue-deep); --icon-base:var(--c-cloud); --icon-read:var(--c-blue-ice3);
  --editor-icon:var(--c-blue-steel-light); --quote-bg:var(--c-snow);
}

/* ==============================
   01b. База
============================== */
html,body{margin:0;padding:0}
body{background-color:var(--blue);background-image:var(--forum-bg-image);background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed;font-size:16px}
.punbb{width:100%;min-height:1px;font:normal 11px Verdana,Arial,Helvetica,sans-serif}
.punbb *,.punbb *::before,.punbb *::after{box-sizing:border-box;margin:0}
.punbb ul,.punbb dl,.punbb li,.punbb dd,.punbb dt{padding:0;list-style:none}
.punbb img{max-width:100%;vertical-align:middle}
.punbb a,.punbb a:link,.punbb a:visited{color:var(--blue-deep);text-decoration:none}
.punbb a:hover,.punbb a:focus,.punbb a:active{color:var(--pink-deep)}
.punbb textarea,.punbb input,.punbb select,.punbb optgroup{font:11px Verdana,Arial,Helvetica,sans-serif}
.punbb h1,.punbb h2,.punbb h3,.punbb table,.punbb th{font-size:11px;font-weight:normal}
.punbb h1 span,.punbb h2 span,.punbb legend span{font-size:12px}
.punbb pre{font:12px/140% Monaco,"Courier New",monospace}
.punbb address,.punbb em{font-style:normal}
.punbb .post-content em{font-style:italic}
.punbb .post-content em.bbuline{font-style:normal;text-decoration:underline}
.punbb optgroup{font-weight:bold}
.punbb .container::after,.punbb .post-links ul::after,.punbb .main div.inline::after,.punbb .post-box::after,.punbb .linksb::after,#pun::after{content:"";display:block;clear:both}
.acchide,#pun-title h1 span,#pun-title .title-logo-tdl,#pun-announcement h2,#pun-announcement h2 span,#pun-index #pun-main h1,#pun-navlinks h2,#pun-pagelinks h2,#pun-status h2,#pun-ulinks h2,.punbb .forum h2,.punbb .multipage .topic h2,.punbb dl.post-sig dt span,.punbb p.crumbs strong,.punbb .divider hr,.punbb .required label em,.punbb .formsubmit label,.punbb .submitfield label,.punbb .modmenu label,#pun-userlist .main h2{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
*:focus{outline:none !important}

/* ==============================
   02. Каркас
============================== */
#pun{width:var(--forum-width);margin:30px auto;position:relative;background:var(--panel);border-radius:20px;overflow:hidden}
#pun-redirect,#pun-maint{float:none;width:auto;margin:50px 20% 12px}
.punbb .section,.punbb .main{margin-bottom:16px}
.punbb .category,.punbb .post{margin-top:4px}
.punbb #pun-category1,.punbb .toppost,.punbb .topicpost{margin-top:0}
#pun-post .topic{margin-top:11px}
.punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb td.tc2,.punbb td.tc3,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend{background-color:var(--panel);color:var(--text)}
.punbb .main .container,.punbb .post .container,.punbb .post h3{background-color:var(--panel);color:var(--text)}
.punbb .main .container,.punbb .section .container{border-radius:0 0 var(--radius) var(--radius)}
.punbb .main h1{display:none}
.punbb .main h2,#pun-debug h2{padding:12px 16px;background-color:var(--blue-soft);background-position:center;background-size:cover;color:var(--c-white);font-weight:700;letter-spacing:.5px;border-radius:18px 18px 0 0}
.punbb legend span,#viewprofile h2 span,#profilenav h2 span{background-color:var(--panel);color:var(--pink-deep)}

/* ==============================
   03. Шапка / навигация / крошки
============================== */
#pun-title{width:100%;height:var(--header-height);margin:0;background-image:var(--header-image);background-repeat:no-repeat;background-position:center top;background-size:cover;color:transparent;overflow:hidden}
#pun-title .container{width:100%;height:100%;background:transparent}
#pun-title h1{width:100%;height:100%;padding:0;display:block}
#pun-title h1 span{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0}
#pun-navlinks{position:absolute;top:10px;left:0;z-index:20;width:100%;margin:0}
#pun-navlinks .container{padding:0 110px;background:transparent;text-align:center}
#pun-navlinks ul{display:flex;justify-content:center;align-items:center;gap:24px}
#pun-navlinks li{display:block;padding:0}
#pun-navlinks a{color:var(--link-color);font-size:var(--nav-font-size);line-height:22px;letter-spacing:var(--nav-letter-spacing);text-decoration:none;text-transform:lowercase;transition:color .25s;font-family:var(--font-gropled);font-weight:700}
#pun-navlinks a:hover,#pun-navlinks a:focus,#pun-navlinks a:active{color:var(--c-pink-light)}
#pun-ulinks{position:absolute;top:377px;left:0;z-index:20;width:100%;margin:0}
#pun-ulinks .container{padding:0 190px;background:transparent;text-align:center}
#pun-ulinks ul{display:flex;justify-content:center;align-items:center;gap:48px}
#pun-ulinks li{display:block;padding:0}
#pun-ulinks li a{padding:0;color:var(--link-color);line-height:18px;text-decoration:none;text-transform:lowercase;white-space:nowrap;transition:color .25s;font-family:var(--font-main);font-size:10px}
#pun-ulinks li a:hover{color:var(--pink-soft)}
#pun-status{display:none}
#pun-crumbs1,#pun-crumbs2{overflow:hidden;font-weight:400}
#pun-crumbs1{margin:14px 0 3px}
#pun-crumbs2{margin:-23px 0 13px}
#pun-crumbs1 p.container,#pun-crumbs2 .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;padding:4px 24px;background:transparent;font-family:var(--font-main);font-size:12px;text-transform:lowercase;color:var(--text-soft)}
#pun-crumbs1 .crumbs strong,#pun-crumbs2 .crumbs strong{display:none}
#pun-crumbs1 .crumbs em,#pun-crumbs2 .crumbs em{font-size:0}
#pun-crumbs1 .crumbs em::before,#pun-crumbs2 .crumbs em::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--blue-soft);vertical-align:middle}
#pun-crumbs1 .crumbs strong+em,#pun-crumbs2 .crumbs strong+em{display:none}
#pun-crumbs1 a,#pun-crumbs2 a{color:var(--blue-deep);text-decoration:none;transition:color .2s}
#pun-crumbs1 a:hover,#pun-crumbs2 a:hover{color:var(--pink-deep)}
#pun-crumbs1 .crumbs>span:last-child,#pun-crumbs2 .crumbs>span:last-child{color:var(--pink);font-weight:600;border-bottom:1px solid var(--pink);padding-bottom:1px}

/* ==============================
   04. Статистика / футер
============================== */
#pun-announcement .container{padding:11px}
#pun-stats{margin:0 20px 16px}
#pun-stats h2{display:none}
#pun-stats .container{padding:18px 24px;background:var(--panel);border:1px solid var(--card-border);border-radius:var(--radius)}
#pun-stats .container>ul:first-child{display:flex;gap:10px;margin-bottom:14px}
#pun-stats li.item1,#pun-stats li.item2,#pun-stats li.item3,#pun-stats li.item4{flex:1;float:none;clear:none;padding:10px 12px;background:var(--blue);border-radius:8px;text-align:center;font-size:10px;line-height:1.2;color:var(--link-color)}
#pun-stats li.item4{background:var(--pink-deep)}
#pun-stats li.item4 a{color:var(--link-color) !important}
li#onlinelist{float:left;width:100%;margin-top:0;padding-top:12px;border-top:1px dashed var(--panel-line);line-height:150%;color:var(--text)}
li#onlinelist div{padding:6px 0}
#pun-stats .coop-links{display:flex;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--panel-line)}
#pun-stats .coop-links a{color:var(--link-pink);font-family:var(--font-main);font-size:12px;text-decoration:none;text-transform:lowercase;transition:color .25s}
#pun-stats .coop-links a:hover{color:var(--pink-deep)}
#pun-qjump{position:relative;float:left;width:50%;margin:0}
#pun-qjump .container{padding:9px 11px;background:transparent}
#pun-about{width:100%;min-height:var(--footer-height);margin:0;background-image:var(--footer-image);background-repeat:no-repeat;background-position:center bottom;background-size:cover;overflow:hidden}
#pun-about .container{min-height:var(--footer-height);padding:0;background:transparent;color:transparent;line-height:0}
#pun-about p,#pun-about p span,#pun-about a{position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0}
#html-footer{display:none}

/* ==============================
   05. Таблицы + иконки статуса
============================== */
.punbb .main table{width:100%;table-layout:fixed}
.punbb .main .tcl{width:50%;overflow:hidden;text-align:left}
.punbb .main .tc2,.punbb .main .tc3,.punbb .main .tcmod{width:10%;text-align:center}
.punbb .main .tcr{width:30%;overflow:hidden;text-align:left}
#pun-userlist .main .tcl,#pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl{width:40%}
#pun-userlist .main .tc2,#pun-searchtopics .main .tc2{width:20%;text-align:left}
.punbb .main td{padding:9px 11px}
.punbb .main th{padding:4px 11px}
.punbb tbody.hasicon td.tcl{padding-left:35px}
.punbb td span.youposted{position:absolute;margin-left:-11px;font-weight:bold}
.punbb td .modlist{display:block;padding-top:3px}
.punbb div.icon{width:12px;height:12px;margin-top:1px;background-color:var(--icon-base);line-height:0}
.punbb table div.icon{position:absolute;width:51px;height:51px;margin-top:2px;margin-left:-65px}
.punbb div.inew{background-color:var(--pink)}
tr.iredirect div.icon{background-color:var(--blue-soft)}
#pun-main div.catleft,#pun-main div.catright{display:none}
@keyframes dot-blink{0%,100%{opacity:1}50%{opacity:.25}}

/* ==============================
   06. Индекс форума
============================== */
#pun-index .category{margin:0 20px 16px}
#pun-index .category .container{padding:6px 24px;background:var(--panel);border:1px solid var(--card-border);border-radius:0 0 18px 18px}
#pun-index .main .container{padding:0}
#pun-index .main thead{display:none}
#pun-index .main .tc2,#pun-index .main .tc3{display:none}
#pun-index .main tbody.hasicon td.tcl{padding-left:58px}
#pun-index .main .tcl{position:relative;width:68%;padding:18px 18px 18px 58px;border-bottom:1px dashed var(--panel-line)}
#pun-index .main .tcr{position:relative;width:32%;padding:18px 60px 18px 18px;text-align:right;border-bottom:1px dashed var(--panel-line);font-family:var(--font-main);text-transform:lowercase}
#pun-index .main tbody tr:last-child .tcl,#pun-index .main tbody tr:last-child .tcr{border-bottom:none}
#pun-index .tcl h3{margin-bottom:6px;font-family:var(--font-gropled);font-size:24px;font-weight:700;line-height:1}
#pun-index .tcl h3 a{color:var(--pink);text-decoration:none}
#pun-index .tcl h3 a:hover{color:var(--pink-deep)}
#pun-index .tcl,#pun-index .tcl p{color:var(--text);font-size:10px;line-height:150%}
.tclcon p{margin:0;width:580px;font-family:var(--font-main);text-align:justify;text-transform:lowercase;color:var(--c-grey) !important}
#pun-index .tcr a{color:var(--pink-deep);text-decoration:none;font-size:13px}
#pun-index .tcr a:hover{color:var(--pink-deep)}
#pun-index .tcr span{color:var(--text-soft);font-size:10px}
#pun-index .main div.icon{position:absolute;top:18px;left:10px;margin:0;width:40px;height:40px;background-image:url(https://forumstatic.ru/files/001c/bd/a1/24427.png);background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;clip-path:none}
#pun-index .main div.inew{background-image:url(https://forumstatic.ru/files/001c/bd/a1/84341.png);background-color:transparent}
#pun-index .tcr .user-avatar{position:absolute;top:50%;right:18px;width:30px;height:30px;margin:0;float:none;transform:translateY(-50%);overflow:visible}
#pun-index .tcr .user-avatar a{display:block;width:100%;height:100%}
#pun-index .tcr .avatar-image{display:block;width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--c-cloud)}
#pun-index .tcl .coop-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.coop-badge{display:inline-block;margin:6px 6px 0 0;padding:4px 16px;background:var(--blue-soft);border-radius:6px;color:var(--c-white);font-family:var(--font-main);font-size:10px;letter-spacing:.3px;text-transform:lowercase}
.coop-badge.pink{background:var(--pink)}
/* онлайн-эквалайзер на аватаре индекса */
#pun-index .tcr .user-avatar:has(.isonline)::after{content:"";position:absolute;top:-3px;right:-3px;width:16px;height:14px;border-radius:5px;background:var(--c-pink-light);z-index:99}
#pun-index .tcr .user-avatar .isonline{display:block;position:absolute;bottom:20px;right:4px;width:2px;height:3px;border-radius:1px;background:var(--pink-deep);animation:iso-eq .8s ease-in-out .2s infinite;z-index:100}
#pun-index .tcr .user-avatar .isonline::before,#pun-index .tcr .user-avatar .isonline::after{content:"";position:absolute;bottom:0;width:2px;height:3px;border-radius:1px;background:var(--pink-deep)}
#pun-index .tcr .user-avatar .isonline::before{left:-3px;animation:iso-eq .8s ease-in-out 0s infinite}
#pun-index .tcr .user-avatar .isonline::after{left:3px;animation:iso-eq .8s ease-in-out .4s infinite}
@keyframes iso-eq{0%,100%{height:3px}50%{height:8px}}

/* ==============================
   07. Темы и сообщения
============================== */
.punbb .post{margin:0 0 34px}
.punbb .topicpost,.punbb .toppost{margin-top:0}
.punbb .post .container{position:relative}
.punbb .post-body{margin-left:260px;padding:0 0 1px}
.punbb .post-box{padding:11px}
.punbb fieldset .post-box{margin-bottom:9px}
.punbb .post-content{width:100%;margin:0;padding:0;overflow:hidden}
.punbb .post-content p{margin:0;padding:0 0 11px;line-height:150%}
.punbb .post-content img{vertical-align:text-bottom}
.punbb .post-content img.postimg{vertical-align:middle}
.punbb .post-content .blockcode,.punbb .post-content blockquote,.punbb .post-content .scrollbox{width:100%;overflow:auto}
.punbb .post-sig dt{display:block;width:250px;margin:5px 0}
.punbb .clearer{clear:both;height:0;font-size:0}
.punbb .post h3 span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-left:260px;margin-right:13px;padding:9px 18px;background:var(--panel);border:1px solid var(--card-border);border-radius:20px;font-size:11px;color:var(--blue-deep)}
.punbb .post h3 .permalink{order:0;color:var(--blue-deep);font-weight:600;text-decoration:none}
.punbb .post h3 .permalink:hover{color:var(--pink-deep)}
.punbb .post h3 strong{order:1;font-weight:700;color:var(--blue-deep)}
.punbb .post h3 strong::before{content:"#"}
.punbb .post h3 .sharelink,.punbb .post-links .pl-share,.sharelink,.topic a.sharelink,.topic a.translatelink{display:none !important}
/* цитата / код / спойлер / выделение */
.punbb .quote-box{margin:12px 0;padding:12px 16px;background: #ededed;;border:1px solid var(--panel-line);border-left:3px solid var(--pink);border-radius:0 8px 8px 0;color:var(--text)}
.punbb .quote-box cite{display:block;margin:0 0 6px;font-size:11px;font-weight:600;color:var(--pink-deep)}
.punbb .code-box{margin:12px 0;padding:12px 16px;background: #ededed;border:1px solid var(--panel-line);border-left:3px solid var(--blue-soft);border-radius:0 8px 8px 0;color:var(--text)}
.punbb .code-box strong.legend{display:block;margin:0 0 6px;font-size:11px;font-weight:600;color:var(--blue-deep)}
.punbb .post-content .spoiler-box{margin:12px 0;padding:0;background: #ededed;border:1px solid var(--panel-line);border-radius:8px;overflow:hidden}
.punbb .post-content .spoiler-box>div{padding:9px 14px;color:var(--blue-deep);font-size:12px;cursor:pointer;user-select:none;background-image:none !important}
.punbb .post-content .spoiler-box>div::before{content:"\002B\00A0";color:var(--pink-deep);font-weight:600}
.punbb .post-content .spoiler-box>div.visible{color:var(--pink-deep);border-bottom:1px solid var(--panel-line)}
.punbb .post-content .spoiler-box>div.visible::before{content:"\2212\00A0"}
.punbb .post-content .spoiler-box>blockquote{display:none;padding:10px 14px}
.punbb .post-content .spoiler-box>blockquote.visible{display:block}
.punbb .post-content .highlight-text{background:var(--c-pink-light);color:var(--pink-deep);padding:0 2px}
/* действия под постом */
.punbb .post-links{margin-left:0;padding-left:24px}
.punbb .post-links ul{display:flex;align-items:center;gap:18px;padding-top:10px;border-top:1px dashed var(--panel-line);background:transparent}
.punbb .post-links li{display:inline-flex;padding:0;margin:0}
.punbb .post-links li a{display:inline-flex;align-items:center;font-size:11px;text-transform:lowercase;text-decoration:none;color:var(--blue-deep);transition:color .2s}
.punbb .post-links li a:hover{color:var(--pink-deep)}
.punbb .post-links .pl-delete{margin-left:auto}
/* лайк */
.punbb .post-rating p a{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:transparent;border:1px solid var(--card-border);border-radius:20px;color:var(--pink-deep);font-size:12px !important;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:all .2s}
.punbb .post-rating p a::before{content:"favorite";font-family:'Material Symbols Rounded';font-variation-settings:'wght' 400,'FILL' 0;font-size:14px}
.punbb .post-rating p a:hover{border-color:var(--pink);color:var(--pink-deep)}
.mylike .post-rating p a,.punbb .post-rating p a.mylike{border-color:var(--pink-deep);color:var(--pink-deep)}
.mylike .post-rating p a::before,.punbb .post-rating p a.mylike::before{font-variation-settings:'wght' 400,'FILL' 1}

/* ==============================
   08. Пагинация / панели
============================== */
.multipage{margin-top:0}
.punbb .linkst,.punbb .linksb{position:static;float:none;width:auto;height:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px}
.punbb .linkst{margin:0 0 12px}
.punbb .linksb{margin:12px 0 0;gap:10px}
.linkst .pagelink,.linksb .pagelink,.linkst .postlink,.linksb .postlink{position:static;float:none;width:auto;text-align:left}
.linkst .pagelink,.linksb .pagelink{order:0}
.linkst .postlink,.linksb .postlink{order:1}
.linkst noindex,.linksb noindex{display:contents}
.linksb #s-block{order:2;margin-left:auto}
.linksb .subscribelink{order:3}
.pagelink{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:none;font-size:0}
.pagelink strong,.pagelink a{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border-radius:14px;font-size:12px;line-height:1;text-decoration:none}
.pagelink strong{background:var(--pink-deep);color:var(--c-white);font-weight:700}
.pagelink a{background:var(--panel);color:var(--blue-deep);font-weight:400}
.pagelink a:hover{background:var(--c-blue-ice);color:var(--pink-deep)}
.pagelink .ellipsis{min-width:auto;padding:0 4px;color:var(--c-silver);background:none}
.postlink.long{display:flex;gap:16px;align-items:center;width:auto !important}
.postlink .new-topic a,.postlink .new-poll a{padding:0;background:none;font-size:12px;font-weight:600;text-transform:lowercase;text-decoration:none;transition:color .2s}
.postlink .new-topic a{color:var(--pink-deep)}
.postlink .new-topic a:hover{color:var(--pink)}
.postlink .new-poll a{color:var(--blue-deep)}
.postlink .new-poll a:hover{color:var(--pink-deep)}
.linksb #s-block{display:none;align-items:center;gap:8px;flex:0 0 auto;padding:0;background:none;border:none}
#s-block input#sTheme{width:240px;height:38px;padding:0 16px;background:var(--panel);border:none;border-radius:10px;font-family:var(--font-main);font-size:12px;color:var(--text);outline:none}
#s-block #isk{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--pink-deep);cursor:pointer;font-style:normal}
#s-block #isk::before{content:"search";font-family:'Material Symbols Rounded';font-size:18px;color:var(--c-white)}
.linksb .subscribelink{clear:none;padding:0}
.linksb .subscribelink a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--blue);color:var(--c-white);font-size:0;text-decoration:none}
.linksb .subscribelink a::before{content:"star";font-family:'Material Symbols Rounded';font-size:18px}
.linksb .subscribelink a:hover{background:var(--blue-deep)}
#pun-viewforum .modmenu .container,#pun-modviewforum .modmenu .container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:8px 24px;background:transparent}
#pun-viewforum .modmenu .container strong{float:none;font-weight:400}
#pun-viewforum .modmenu .container span{margin-left:auto}
#pun-viewforum .modmenu a{color:var(--blue-deep);text-decoration:none;font-size:11px;text-transform:lowercase}
#pun-viewforum .modmenu a:hover{color:var(--pink-deep)}

/* ==============================
   09. Формы (база) + кнопки
============================== */
.punbb .formsubmit{margin:11px 0 0;padding:0 0 0 19px}
.punbb .formsubmit input,.punbb .formsubmit a,.punbb .formsubmit span{margin:0 7px 0 0}
.punbb fieldset{margin:0 0 11px;padding:0 18px}
.punbb fieldset legend{margin:0 0 0 11px;padding:0;font-size:12px}
.punbb fieldset legend span{margin:0 0 0 -15px;padding:0 5px}
.punbb .fs-box{padding:11px 0 9px}
.punbb .fs-box p,.punbb .fs-box fieldset{padding:0 0 9px}
.punbb .datafield br{display:none}
.punbb .required label,.punbb .datafield span.input{font-weight:bold}
.punbb .datafield span.input a{font-weight:normal}
.punbb .areafield span.input,.punbb p.longinput span.input{display:block;height:100%;padding:0 132px 0 0}
.punbb textarea,.punbb .longinput input{width:64%;margin:0}
.punbb .hashelp{position:relative}
.punbb .helplinks{position:absolute;top:11px;right:0;display:block;width:36%;font-weight:normal}
.punbb #profile .helplinks{top:17px}
.checkfield input[type="checkbox"],.radiofield input[type="radio"]{margin:0 4px}
.punbb input.button,.punbb button.button,.punbb .formsubmit input{height:32px;padding:0 20px;border:none;border-radius:8px;background:var(--pink-deep);color:var(--c-white);font-family:var(--font-main);font-size:11px;font-weight:600;text-transform:lowercase;cursor:pointer;transition:background .2s}
.punbb input.button:hover,.punbb button.button:hover,.punbb .formsubmit input:hover{background:var(--pink)}
.punbb input.preview,.punbb input[name="preview"]{background:var(--blue)}
.punbb input.preview:hover{background:var(--blue-deep)}

/* ==============================
   10. Инфо / модератор
============================== */
.punbb .info-box{margin:0 0 12px;padding:12px 19px 11px;border-radius:8px}
.punbb .info-box *{padding:0 0 8px}
.punbb #pun-main .info-box .legend{font-size:12px;font-weight:bold}
.punbb .modmenu .container{padding:6px 11px;color:var(--text);text-align:right; margin-top: 16px;}
.punbb .modmenu strong,.punbb .modmenu a{height:20px;line-height:20px}
.punbb .modmenu .container strong{float:left}
.punbb .modmenu input{margin-left:11px}

/* ==============================
   11. Профиль / userlist (база)
============================== */
#profile .container{padding-left:205px;padding-top:6px;padding-bottom:22px}
#profilenav{display:inline;float:left;width:154px;margin-left:-179px}
#profilenav li{padding-bottom:9px;font-weight:bold}
#viewprofile ul,#profilenav ul{margin:0 0 11px;padding:17px 18px 9px}
#viewprofile h2,#profilenav h2{margin:0 14px -7px;padding:0;background:transparent}
#viewprofile h2 span,#profilenav h2 span{position:relative;padding:0 5px}
#viewprofile li,#setmods dl{margin-bottom:2px;padding:0 0 0 176px}
#viewprofile li span,#setmods dt{float:left;width:154px;margin-left:-176px;padding:6px 11px;font-weight:bold}
#setmods dt{display:inline;padding:9px 11px}
#viewprofile li strong,#viewprofile li div,#setmods dd{display:block;padding:6px 11px;font-weight:normal}
#pun-userlist .formal,#pun-userlist .formal .container{margin-bottom:0}
#pun-userlist .usertable .container{padding:0 0 18px}
#pun-userlist table{width:100%;border-collapse:collapse;table-layout:fixed}
#pun-userlist thead th{padding:10px 18px;background:transparent;border-bottom:1px solid var(--panel-line);color:var(--text-soft);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;text-align:center}
#pun-userlist thead th.username{text-align:left}
#pun-userlist thead th.username,#pun-userlist tbody td.username{width:38%}
#pun-userlist thead th.title,#pun-userlist tbody td.user_title{width:20%}
#pun-userlist thead th.relation,#pun-userlist tbody td.relation{width:9%}
#pun-userlist thead th.posts,#pun-userlist tbody td.num_posts{width:9%}
#pun-userlist thead th.registered,#pun-userlist tbody td.registered{width:12%}
#pun-userlist thead th.last_visit,#pun-userlist tbody td.last_visit{width:12%}
#pun-userlist tbody td{padding:12px 18px;vertical-align:middle;border-bottom:1px dashed var(--panel-line);font-size:10px;color:var(--text);text-align:center}
#pun-userlist tbody tr:last-child td{border-bottom:none}
#pun-userlist tbody tr.altstyle td{background:var(--c-snow)}
#pun-userlist tbody tr:hover td,#pun-userlist tbody tr.altstyle:hover td{background:var(--c-blue-ice2)}
#pun-userlist tbody td.username{display:flex;align-items:center;gap:12px;text-align:left}
#pun-userlist .user-avatar{margin-right:0;flex-shrink:0;position:relative;line-height:0}
#pun-userlist .user-avatar a{display:block}
#pun-userlist .avatar-image{display:block;width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--c-cloud);border:1px solid var(--card-border)}
#pun-userlist .user-avatar .isonline{display:none}
#pun-userlist .usersname a{font-family:var(--font-main);font-weight:700;font-size:12px;color:var(--pink);text-decoration:none}
#pun-userlist .usersname a:hover{color:var(--pink-deep)}
#pun-userlist td.user_title .badge{display:inline;padding:0;background:none;font-size:10px;font-weight:600;color:var(--text)}
#pun-userlist td.relation,#pun-userlist td.num_posts{font-weight:700;color:var(--blue-deep)}
#pun-userlist td.registered,#pun-userlist td.last_visit{color:var(--text-soft)}
/* профиль — разрядка полей редактирования */
#profile fieldset{margin:0 0 28px}
#profile fieldset legend{margin-bottom:12px}
#profile fieldset legend span{font-size:13px}
#profile .fs-box>p{margin:0 0 18px}
#profile .fs-box>p:last-child{margin-bottom:0}
#profile .inputfield label,#profile .selectfield label{display:block;margin:0 0 7px;font-weight:600;color:var(--text)}
#profile .inputfield em{font-weight:400;color:var(--text-soft)}
#profile input[type="text"],#profile select{height:34px;padding:0 12px;border:1px solid var(--c-silver);border-radius:8px;background:#fff;font-family:var(--font-main);font-size:12px;color:var(--text);vertical-align:middle}
#profile select{padding:0 8px}
#profile input[type="text"]:focus,#profile select:focus{outline:none;border-color:var(--pink)}
#profile .datafield{line-height:2}
#profile .datafield .label{font-weight:600;color:var(--text)}
#profile .infofield{margin-top:10px;color:var(--text-soft);line-height:1.6}
#profile .inputfield .input a{margin-left:8px}

/* ==============================
   13. Иконки редактора
============================== */
#form-buttons td{position:relative;width:30px;height:30px;background:none !important;border-radius:6px;text-align:center;vertical-align:middle;cursor:pointer}
#form-buttons td:hover{background:color-mix(in srgb,var(--blue) 14%,transparent) !important}
#form-buttons td::before{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Material Symbols Rounded';font-size:20px;font-variation-settings:'opsz' 24,'wght' 300,'FILL' 0;color:var(--editor-icon);pointer-events:none;transition:color .2s}
#form-buttons td:hover::before{color:var(--pink-deep)}
#form-buttons td img{position:relative;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer}
#button-font::before{content:"text_fields"}#button-size::before{content:"format_size"}#button-bold::before{content:"format_bold"}#button-italic::before{content:"format_italic"}#button-underline::before{content:"format_underlined"}#button-strike::before{content:"strikethrough_s"}#button-left::before{content:"format_align_left"}#button-center::before{content:"format_align_center"}#button-right::before{content:"format_align_right"}#button-link::before{content:"link"}#button-spoiler::before{content:"unfold_more"}#button-image::before{content:"image"}#button-video::before{content:"smart_display"}#button-hide::before{content:"lock"}#button-quote::before{content:"format_quote"}#button-code::before{content:"code"}#button-color::before{content:"palette"}#button-table::before{content:"table"}#button-smile::before{content:"mood"}#button-keyboard::before{content:"keyboard"}#button-addition::before{content:"more_horiz"}#button-files_rusff::before{content:"attach_file"}#button-graffiti_rusff::before{content:"draw"}

/* ==============================
   14. Минипрофиль (.post-author)
============================== */
.punbb .post .post-author{float:left;width:220px;margin:-32px 0 0 25px;padding:0;position:relative;z-index:0;overflow:visible;background:transparent}
.post-author .pa-fld1{position:absolute;z-index:-1;top:-17.5px;left:-17px;right:-1px;bottom:0;margin:0;padding:0}
.post-author .pa-fld1 .fld-name{display:none}
.post-author .pa-fld1 img{object-fit:cover;border-radius:13px 13px 0 13px;height:266px;width:236px}
.punbb .post .post-author ul{position:relative;padding:8px;line-height:1.4;background:var(--card-bg);border:1px solid var(--card-border);border-radius:0;display:flow-root;border-bottom-left-radius:13px;border-bottom-right-radius:13px}
.post-author .pa-author,.post-author .pa-title,.post-author .pa-avatar{background:var(--card-panel);border-left:1px solid var(--card-border);border-right:1px solid var(--card-border)}
.post-author .pa-author{margin:0;padding:11px 8px 4px;border-top:1px solid var(--card-border);text-align:center}
.post-author .pa-title{margin:0;padding:0 8px 8px;text-align:center;font-family:var(--font-main);font-weight:600;font-size:9px;line-height:1.5;color:var(--status)}
.post-author .pa-avatar{margin:0 0 10px;padding:0 8px 8px;border-top:none;border-bottom:none;border-radius:0 0 9px 0;text-align:center}
.post-author .pa-author a{font-family:var(--font-gropled);font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:lowercase;color:var(--nick);text-decoration:none}
.post-author .pa-author a:hover{color:var(--pink-deep)}
.post-author .pa-author .icons-search{display:none}
.post-author .flag-i{display:inline-block;width:16px;height:11px;margin-right:5px;background-size:cover;background-position:center;border-radius:2px;vertical-align:middle}
/* метрики: 3 или 4 колонки, иконки */
.post-author .pa-posts,.post-author .pa-respect,.post-author .pa-fld3,.post-author .pa-fld4{display:block;float:left;margin:0 0 16px;padding:14px 0 8px;text-align:center;font-family:var(--font-main);font-size:9px;font-weight:600;text-transform:lowercase;color:var(--nick)}
.post-author ul:not(:has(.pa-fld4)) .pa-posts,.post-author ul:not(:has(.pa-fld4)) .pa-respect,.post-author ul:not(:has(.pa-fld4)) .pa-fld3{width:33.333%}
.post-author ul:has(.pa-fld4) .pa-posts,.post-author ul:has(.pa-fld4) .pa-respect,.post-author ul:has(.pa-fld4) .pa-fld3,.post-author ul:has(.pa-fld4) .pa-fld4{width:25%}
.post-author .pa-posts .fld-name,.post-author .pa-respect .fld-name,.post-author .pa-fld3 .fld-name,.post-author .pa-fld4 .fld-name{display:block;font-size:0;margin-bottom:4px}
.post-author .pa-respect .fld-name a{font-size:0}
.post-author .pa-posts .fld-name::before,.post-author .pa-respect .fld-name::before,.post-author .pa-fld3 .fld-name::before,.post-author .pa-fld4 .fld-name::before{font-family:'Material Symbols Rounded';font-variation-settings:'wght' 300,'FILL' 0;font-size:15px;color:var(--stat-icon)}
.post-author .pa-posts .fld-name::before{content:"mode_comment"}
.post-author .pa-respect .fld-name::before{content:"favorite"}
.post-author .pa-fld3 .fld-name::before{content:"attach_money"}
.post-author .pa-fld4 .fld-name::before{content:"auto_stories"}
.post-author .pa-respect span{color:var(--nick)}
.post-author .pa-ip,.post-author .pa-ua,.post-author .pa-gifts,li.pa-positive{display:none}
/* закрытие низа без плашки */
.post-author ul:not(:has(.pa-fld5)) .pa-avatar{margin-bottom:0;border-radius:0}
.post-author ul:not(:has(.pa-fld5)) .pa-posts,.post-author ul:not(:has(.pa-fld5)) .pa-respect,.post-author ul:not(:has(.pa-fld5)) .pa-fld3{background:var(--card-panel);border-bottom:1px solid var(--card-border);padding-bottom:12px}
.post-author ul:not(:has(.pa-fld5)) .pa-posts{border-left:1px solid var(--card-border);border-bottom-left-radius:12px}
.post-author ul:not(:has(.pa-fld5)) .pa-fld3{border-right:1px solid var(--card-border);border-bottom-right-radius:12px}
/* плашка */
.post-author .pa-fld5{clear:both;margin:8px -9px -9px;padding:0}
.post-author .pa-fld5 .fld-name{display:none}
.post-author .pa-fld5 .pl{padding:6px 12px 7px;background:var(--plate-bg);color:var(--c-white);text-align:center;line-height:1.15;border-radius:0 0 13px 13px}
.post-author .pa-fld5 .pl up{display:block;font-family:var(--font-main);font-size:10px;line-height:1}
.post-author .pa-fld5 .pl down{display:block;margin-top:3px;font-family:var(--font-main);font-size:8px;line-height:1;opacity:.9}
.reactions-container{display:none !important}
/* статус "в эфире" */
@keyframes noc-eq { 0%,100% { height: 4px } 50% { height: 13px } }

.post-author .pa-online {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 24px;
  width: max-content;
  max-width: 100%;
  margin: 0 auto 12px;
  padding: 0 13px 5px;
  clear: both;
  background: var(--c-rose-dusty);
  border-radius: 20px;
  font-size: 0;
}
.post-author .pa-online strong {
  display: inline-flex;
  align-items: flex-end;
  margin-left: 4px;
  font-size: 0;
}
.post-author .pa-online::before,
.post-author .pa-online strong::before,
.post-author .pa-online strong::after {
  content: "";
  align-self: flex-end;
  width: 3px;
  height: 4px;
  border-radius: 2px;
  background: var(--c-pink);
}
.post-author .pa-online strong::after { margin-left: 4px; }
.post-author .pa-online::before        { animation: noc-eq .9s ease-in-out infinite; }
.post-author .pa-online strong::before { animation: noc-eq .9s ease-in-out .2s infinite; }
.post-author .pa-online strong::after  { animation: noc-eq .9s ease-in-out .4s infinite; }
.post-author .pa-online::after {
  content: "в эфире";
  align-self: flex-end;
  margin-left: 4px;
  font-family: var(--font-main);
  font-size: 11px;
  letter-spacing: .03em;
  text-transform: lowercase;
  color: var(--c-pink);
}

/* при наведении: полоски прячутся, сверху облачко со временем */
.post-author .pa-online:hover::before,
.post-author .pa-online:hover strong::before,
.post-author .pa-online:hover strong::after { display: none; }
.post-author .pa-online:hover strong {
  display: block;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  margin: 0;
  white-space: nowrap;
  font-family: var(--font-main);
  font-size: 10px;
  font-weight: 400;
  text-transform: lowercase;
  color: #fff;
  background: var(--blue-deep);
  padding: 4px 9px;
  border-radius: 8px;
  pointer-events: none;
}

/* ==============================
   15. Формы поиска / .formal
============================== */
.punbb .formal .container{padding:18px 22px}
.punbb .formal fieldset{margin:0 0 20px;padding:0;background:transparent;border:none}
.punbb .formal fieldset:last-of-type{margin-bottom:12px}
.punbb .formal fieldset legend{margin:0 0 8px;padding:0}
.punbb .formal fieldset legend span{display:none;}
.punbb .formal .fs-box{padding:0}
.punbb .formal .fs-box.inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.punbb .formal .fs-box .inputfield br,.punbb .formal .fs-box .selectfield br,.punbb .formal .fs-box .passfield br{display:none}
.punbb .formal .inline .inputfield,.punbb .formal .inline .selectfield,.punbb .formal .inline .passfield{float:none;margin:0}
.punbb .formal .inline label{display:block;margin:0 0 5px;font-size:12px;font-weight:700;color:var(--text)}
.punbb .formal .inline span.input{display:block;padding:0}
.punbb .formal .inline input[type="text"],.punbb .formal .inline input[type="password"],.punbb .formal .inline select{height:30px;padding:0 10px;background:var(--c-white);border:1px solid var(--c-silver);border-radius:6px;font-size:12px;color:var(--text)}
.punbb .formal .inline input:focus,.punbb .formal .inline select:focus{outline:none;border-color:var(--pink)}
.punbb .formal .infofield{flex-basis:100%;margin:0;padding:8px 0 0 !important;border:none;font-size:12px;line-height:145%;color:var(--text-soft)}
.punbb .formal .formsubmit{margin:0;padding:0;text-align:left}
#post-form h2{display:none}

/* ==============================
   17. Форма ответа
============================== */
#post-form #form-buttons{display:flex;align-items:center;gap:8px;margin:0;padding:6px 8px;background:var(--panel);border:1px solid var(--card-border);border-bottom:none;border-radius:10px 10px 0 0}
#post-form #form-buttons table{flex:1;width:100% !important;border:none !important;background:transparent !important;padding:0}
#post-form #form-buttons tr{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px}
#post-form #form-buttons td{flex:1;min-width:30px}
#post-form textarea#main-reply,#post-form .areafield textarea{width:100%;min-height:200px;margin:0;padding:12px 14px;background:var(--c-white);border:1px solid var(--card-border);border-top:none;border-radius:0 0 10px 10px;font-family:var(--font-main);font-size:13px;color:var(--text);line-height:1.5}
#post-form textarea#main-reply:focus{outline:none}
#post-form .areafield,#post-form .areafield .input{margin:0;padding:0}
#post-form .formsubmit{display:flex;gap:10px;padding:14px 0 0;margin:0}
#post-form .formsubmit input.button{height:32px;padding:0 20px;border:none;border-radius:8px;font-size:11px;font-weight:600;text-transform:lowercase;cursor:pointer;transition:background .2s}
#post-form .formsubmit input.submit{background:var(--pink-deep);color:var(--c-white)}
#post-form .formsubmit input.submit:hover{background:var(--pink)}
#post-form .formsubmit input.preview{background:var(--blue);color:var(--c-white)}
#post-form .formsubmit input.preview:hover{background:var(--blue-deep)}
#form-buttons #plng{order:-1;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 12px;border:1px solid var(--card-border);border-radius:8px;background:var(--c-white);color:var(--text-soft);font-family:var(--font-main);font-size:10px;text-transform:lowercase;white-space:nowrap}
#form-buttons #plng::after{content:"символов"}
#form-buttons #plng b{color:var(--pink-deep);font-weight:700;font-size:11px}
#post-form p.inputfield,#pun-edit p.inputfield,#pun-post p.inputfield,#post-form .areafield,#pun-edit .areafield,#pun-post .areafield{margin:0 0 14px}
#post-form p.inputfield label,#pun-edit p.inputfield label,#pun-post p.inputfield label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-soft);text-transform:lowercase}
#post-form p.inputfield input[type="text"],#pun-edit p.inputfield input[type="text"],#pun-post p.inputfield input[type="text"],#post-form .longinput input,#pun-edit .longinput input,#pun-post .longinput input{width:100%;height:34px;padding:0 12px;border:1px solid var(--c-silver);border-radius:8px;background:#fff;font-family:var(--font-main);font-size:12px;color:var(--text)}
#post-form p.checkfield,#pun-edit p.checkfield,#pun-post p.checkfield{margin:8px 0;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-soft)}
div#pun-live-rusff{display:none}

/* ==============================
   18. Список тем в форуме
============================== */
#pun-viewforum .main thead{display:none}
#pun-viewforum .main .container{padding:0 24px;background:transparent;border:none;margin:0 0 13px}
#pun-viewforum .main tbody{display:flex;flex-direction:column;gap:10px}
#pun-viewforum .main tbody tr{display:flex;align-items:center;gap:16px;padding:8px 18px;border:1px solid var(--card-border);border-radius:var(--radius)}
#pun-viewforum .main td{padding:0;border:none;background:transparent}
#pun-viewforum .main .tcl{flex:1;text-align:left}
#pun-viewforum .tcl .intd{display:flex;align-items:center;gap:12px}
#pun-viewforum .main div.icon{position:static;width:8px;height:8px;margin:0;flex-shrink:0;border-radius:50%;background-color:var(--blue-soft);background-image:none;clip-path:none}
#pun-viewforum .main tr.inew div.icon,#pun-viewforum .main div.icon.icon-new{background-color:var(--pink-deep);border:none;animation:dot-blink 1s ease-in-out infinite}
#pun-viewforum .main tr.isticky div.icon,#pun-viewforum .main div.icon.isticky{background-color:#e0b23a;border:none;animation:none}
#pun-viewforum .main tr.iclosed div.icon,#pun-viewforum .main div.icon.iclosed{background-color:transparent;border:1.5px solid var(--c-silver);animation:none}
#pun-viewforum .tcl .tclcon{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 8px}
#pun-viewforum .tclcon>a,#pun-viewforum .tclcon>strong>a{order:1;margin:0;font-family:var(--font-main);font-size:14px;font-weight:700;text-transform:lowercase;line-height:1.2;color:var(--pink);text-decoration:none}
#pun-viewforum .tclcon>a:hover,#pun-viewforum .tclcon>strong>a:hover{color:var(--pink-deep)}
#pun-viewforum .tclcon>strong{font-weight:700;background:transparent}
#pun-viewforum .tclcon .closedatafield{order:2;display:inline-block;padding:2px 9px;background:var(--c-blue-frost);border-radius:10px;font-family:var(--font-main);font-size:9px;font-weight:600;text-transform:lowercase;color:var(--blue-deep)}
#pun-viewforum .tclcon .newtext{order:2;font-size:9px;text-transform:lowercase}
#pun-viewforum .tclcon .newtext a{color:var(--pink-deep);text-decoration:none}
#pun-viewforum .tclcon .newtext .bracket{color:var(--c-silver)}
#pun-viewforum .tclcon .byuser{order:3;flex-basis:100%;margin:0;font-size:10px;color:var(--text-soft);text-transform:lowercase}
#pun-viewforum .tclcon .byuser-username{color:var(--text-soft)}
#pun-viewforum .main .tc2,#pun-viewforum .main .tc3{flex:0 0 auto;min-width:58px;padding:6px 12px;background:var(--panel);border-radius:8px;text-align:center;font-size:13px;font-weight:700;color:var(--blue-deep)}
#pun-viewforum .main .tc2::after{content:"ответов";display:block;font-size:8px;font-weight:400;color:var(--text-soft);text-transform:lowercase}
#pun-viewforum .main .tc3::after{content:"просмотров";display:block;font-size:8px;font-weight:400;color:var(--text-soft);text-transform:lowercase}
#pun-viewforum .main .tcr{flex:0 0 auto;overflow:visible;display:flex;align-items:center;gap:8px;text-align:left;font-size:10px;color:var(--text-soft)}
#pun-viewforum .tcr .user-avatar{position:static;width:30px;height:30px;margin:0;float:none;flex-shrink:0}
#pun-viewforum .tcr .avatar-image{display:block;width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--c-cloud)}
#pun-viewforum .tcr .user-avatar .isonline{display:none}
#pun-viewforum .tcr>a{color:var(--pink-deep);text-decoration:none;white-space:nowrap}
#pun-viewforum .tcr>a:hover{color:var(--pink)}
#pun-viewforum .tcr .byuser{white-space:nowrap;color:var(--text-soft)}

/* ==============================
   19. Просмотр профиля — карточка + список
============================== */
#viewprofile-next #profilenav{display:none}
#viewprofile .container{padding:0;background:transparent}
#viewprofile>.container>ul{max-width:720px;margin:17px auto 0;padding:8px 26px 22px;background:transparent;border:none}
#viewprofile table,#viewprofile tbody{display:block;width:100%}
#viewprofile tr{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start}
#viewprofile #profile-left,#viewprofile #profile-right{width:auto;padding:0}
#viewprofile li{margin:0;padding:0;float:none;list-style:none}
#viewprofile li span{float:none;width:auto;margin:0;padding:0;font-weight:400}
#viewprofile li strong{display:inline;padding:0;font-weight:400;background:transparent}
#viewprofile li div{background:transparent}
#viewprofile #profile-left{display:flex;flex-direction:column;align-items:stretch;text-align:center;border:1px solid var(--card-border);border-radius:14px;overflow:hidden}
#viewprofile #profile-name{order:1;padding:16px 12px 2px}
#viewprofile #profile-name strong{font-family:var(--font-gropled);font-size:17px;font-weight:700;color:var(--nick);text-transform:lowercase;letter-spacing:.02em}
#viewprofile #profile-title{order:2;padding:0 12px 10px}
#viewprofile #profile-title strong{font-size:10px;color:var(--status);text-transform:lowercase}
#viewprofile #pa-avatar{order:3;padding:0 12px}
#viewprofile #pa-avatar div{line-height:0}
#viewprofile #pa-avatar img{width:100%;height:auto;border-radius:8px}
#viewprofile #pa-edit{order:4;padding:12px}
#viewprofile #pa-edit a{font-size:11px;color:var(--pink-deep);text-transform:lowercase;text-decoration:none}
#viewprofile #pa-edit a:hover{color:var(--pink)}
#viewprofile #pa-ua{display:none}
#viewprofile #pa-online{order:5;display:flex;align-items:flex-end;justify-content:center;height:34px;padding:0 12px 9px;background:var(--c-pink-light)}
#viewprofile #pa-online::before,#viewprofile #pa-online::after,#viewprofile #pa-online strong::before{content:"";align-self:flex-end;width:3px;height:4px;border-radius:2px;background:var(--pink-deep)}
#viewprofile #pa-online::before{order:1;animation:noc-eq .9s ease-in-out infinite}
#viewprofile #pa-online::after{order:2;margin-left:3px;animation:noc-eq .9s ease-in-out .2s infinite}
#viewprofile #pa-online strong::before{animation:noc-eq .9s ease-in-out .4s infinite}
#viewprofile #pa-online strong{order:3;display:inline-flex;align-items:flex-end;gap:8px;margin-left:3px;font-family:var(--font-main);font-size:11px;font-weight:400;color:var(--pink-deep);text-transform:lowercase}
#viewprofile #profile-right{display:flex;flex-direction:column}
#viewprofile #profile-right li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--panel-line);font-size:12px}
#viewprofile #profile-right li span{color:var(--text-soft);text-transform:lowercase}
#viewprofile #profile-right li span a{color:var(--text-soft);text-decoration:none}
#viewprofile #profile-right li span a:hover{color:var(--pink-deep)}
#viewprofile #profile-right li strong{color:var(--text);text-align:right}
#viewprofile #profile-right li strong a{color:var(--pink-deep);text-decoration:none}
#viewprofile #profile-right li strong a:hover{color:var(--pink)}
#viewprofile #pa-posts{order:1}#viewprofile #pa-respect{order:2}#viewprofile #pa-positive{order:3}#viewprofile #pa-fld3{order:4}#viewprofile #pa-time-visit{order:5}#viewprofile #pa-register-date{order:6}#viewprofile #pa-invites{order:7}#viewprofile #pa-last-post{order:8}#viewprofile #pa-last-visit{order:9}
#viewprofile #pa-email{order:10;border-bottom:none}
#viewprofile #pa-posts strong,#viewprofile #pa-respect strong,#viewprofile #pa-positive strong,#viewprofile #pa-fld3 strong{color:var(--pink-deep);font-weight:500}
#viewprofile #profile-gifts{padding-top:18px;margin-top:12px;border-top:1px solid var(--panel-line);text-align:center}

/* ==============================
   20. Личные сообщения
============================== */
.messages-container table{width:100%;table-layout:fixed;border-collapse:collapse}
.messages-container thead th{padding:8px 12px;background:transparent;border-bottom:1px solid var(--panel-line);color:var(--text-soft);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;text-align:left}
.messages-container th.pmtcl1,.messages-container td.pmtcl1{width:48%}
.messages-container th.pmtc22,.messages-container td.pmtc22{width:34%}
.messages-container th.pmtc33,.messages-container td.pmtc33{width:12%}
.messages-container th.pmtc24,.messages-container td.pmtc24{width:6%;text-align:center}
.messages-container tbody td{padding:12px;vertical-align:middle;border-bottom:1px dashed var(--panel-line);background:transparent}
.messages-container tbody tr:last-child td{border-bottom:none}
.messages-container table div.icon{position:static;width:8px;height:8px;margin:0;border-radius:50%;background-color:var(--blue-soft);background-image:none;clip-path:none}
.messages-container table div.inew{background-color:var(--pink-deep);animation:dot-blink 1s ease-in-out infinite}
.messages-container .tcl .intd{display:flex;align-items:center;gap:10px}
.messages-container .tclcon a{font-family:var(--font-main);font-size:13px;font-weight:600;color:var(--pink);text-decoration:none;text-transform:lowercase}
.messages-container .tclcon a:hover{color:var(--pink-deep)}
.messages-container td.pmtc22{white-space:nowrap}
.messages-container .user-avatar{display:inline-block;position:relative;width:30px;height:30px;margin-right:9px;vertical-align:middle;line-height:0}
.messages-container .user-avatar a{display:block}
.messages-container .avatar-image{display:block;width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--c-cloud)}
.messages-container td.pmtc22>a{vertical-align:middle;font-family:var(--font-main);font-size:12px;font-weight:600;color:var(--pink);text-decoration:none}
.messages-container td.pmtc22>a:hover{color:var(--pink-deep)}
.messages-container .user-avatar .isonline{display:block;position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--pink-deep);border:2px solid var(--panel);animation:dot-blink 1.3s ease-in-out infinite;z-index:5}
.messages-container td.pmtc33{color:var(--text-soft);font-size:11px}

/* ==============================
   21. Поиск / показать сообщения (grid)
============================== */
#pun-main.show_user_posts .topic{padding:0}
#pun-main.show_user_posts .post{display:grid;grid-template-columns:230px minmax(0,1fr);gap:10px 20px;align-items:start;margin:0 20px 20px;padding:0;background:transparent;border:none;overflow:visible;position:static}
#pun-main.show_user_posts .post .container{display:contents}
#pun-main.show_user_posts .post .container::after{content:none}
#pun-main.show_user_posts .post .clearer{display:none}
#pun-main.show_user_posts .post .post-author{grid-column:1;grid-row:1/span 2;align-self:start;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66px;margin:0;padding:12px;width:auto;background:var(--panel);border:1px solid var(--card-border);border-radius:14px;float:none;position:static;overflow:visible}
#pun-main.show_user_posts .post .post-author ul{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;background:transparent;border:none}
#pun-main.show_user_posts .post .post-author li{width:auto;float:none;margin:0;padding:0;background:transparent;border:none;text-align:center}
#pun-main.show_user_posts .post-author .pa-author strong{font-family:var(--font-gropled);font-size:15px;font-weight:700;color:var(--nick);text-transform:lowercase}
#pun-main.show_user_posts .post-author .pa-replies{font-size:10px;color:var(--text-soft);text-transform:lowercase}
#pun-main.show_user_posts .post-author .pa-replies .fld-name{display:inline;font-size:10px;margin:0}
#pun-main.show_user_posts .post h3{grid-column:2;grid-row:1;margin:0}
#pun-main.show_user_posts .post h3 span{display:flex;align-items:center;gap:6px;margin:0;padding:13px 20px;background:var(--panel);border:1px solid var(--card-border);border-radius:14px;font-family:var(--font-main);font-size:12px;text-transform:lowercase;color:var(--text-soft)}
#pun-main.show_user_posts .post h3 span a{color:var(--blue-deep);font-weight:600;text-decoration:none}
#pun-main.show_user_posts .post h3 span a:hover{color:var(--pink-deep)}
#pun-main.show_user_posts .post h3 span em{color:var(--c-silver);font-style:normal}
#pun-main.show_user_posts .post h3 span strong{order:10;margin-left:auto;font-size:13px;font-weight:700;color:var(--blue-deep)}
#pun-main.show_user_posts .post h3 span strong::before{content:none}
#pun-main.show_user_posts .post-body{grid-column:2;grid-row:2;margin:0;padding:0}
#pun-main.show_user_posts .post-box{padding:14px 20px;background:var(--panel);border:1px solid var(--card-border);border-radius:14px}
#pun-main.show_user_posts .post-content p:empty{display:none;margin:0}
#pun-main.show_user_posts .post-links{display:none}




/* userlist: колонка имени — ровная ячейка, чтобы ховер не рвался */
#pun-userlist tbody td.username {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
#pun-userlist td.username .user-avatar {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
#pun-userlist td.username .usersname {
  display: inline-block;
  vertical-align: middle;
}

/* форма поиска / .formal — ровные поля */
.punbb .formal .fs-box.inline {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  align-items: flex-start;
}
.punbb .formal .inline .inputfield,
.punbb .formal .inline .selectfield,
.punbb .formal .inline .passfield {
  flex: 1 1 240px;
  min-width: 0;
  max-width: 320px;
}
.punbb .formal .inline input[type="text"],
.punbb .formal .inline input[type="password"],
.punbb .formal .inline select {
  width: 100%;
}

/* заголовки секций — ровно по левому краю полей */
.punbb .formal fieldset legend { margin: 0 0 8px; padding: 0; }
.punbb .formal fieldset legend span {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}

/* поля одинаковой ширины, ровными колонками */
.punbb .formal .fs-box.inline {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  align-items: flex-start;
}
.punbb .formal .inline .inputfield,
.punbb .formal .inline .selectfield,
.punbb .formal .inline .passfield {
  flex: 1 1 240px;
  min-width: 0;
  max-width: 320px;
}
.punbb .formal .inline input[type="text"],
.punbb .formal .inline input[type="password"],
.punbb .formal .inline select {
  width: 100%;
}

/* ==============================
   Скроллбары (весь форум)
============================== */
* { scrollbar-width: thin; scrollbar-color: var(--pink-soft) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--pink-soft);
  border-radius: 9px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--pink-deep);
  background-clip: padding-box;
}

/* скрытый профиль — контент во всю ширину, без пустой колонки */
.punbb .post.hideprofile .post-body { margin-left: 0; }
.punbb .post.hideprofile .post-links { margin-left: 0; padding-left: 0; }
.punbb .post.hideprofile h3 span {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

/* красивый селект модерирования */
#mod-options {
  appearance: none;
  -webkit-appearance: none;
  height: 34px;
  padding: 0 34px 0 14px;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  background-color: var(--panel);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' fill='none' stroke='%23D589A6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  font-family: var(--font-main);
  font-size: 11px;
  text-transform: lowercase;
  color: var(--blue-deep);
  cursor: pointer;
  transition: border-color .2s;
}
#mod-options:hover { border-color: var(--pink); }
#mod-options:focus { outline: none; border-color: var(--pink); }