@font-face{font-family:Manrope;src:url(/fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:400 800;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2212;font-weight:400 800;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-weight:400 700;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2212;font-weight:400 700;font-display:swap}
@font-face{font-family:'JB Mono';src:url(/fonts/jetbrains-mono-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F;font-weight:400 700;font-display:swap}
@font-face{font-family:'JB Mono';src:url(/fonts/jetbrains-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F;font-weight:400 700;font-display:swap}

:root[data-tema="noch"]{
  --korpus:#0C1016; --korpus2:#070A0E;
  --plita-1:#161C25; --plita-2:#111721; --plita-sv:#1D2531;
  --gran:#080B10; --kant:rgba(255,255,255,.075);
  --blik:rgba(255,255,255,.10); --blik-s:rgba(255,255,255,.05);
  --ten1:rgba(0,0,0,.45); --ten2:rgba(0,0,0,.62); --ten3:rgba(0,0,0,.78);
  --tekst:#E8ECF1; --tusk:#9AA6B4; --slabo:#6E7C8C;
  --latun:#D8B24A; --latun-t:#A8842A; --latun-fon:rgba(216,178,74,.13);
  --plyus:#3FD69A; --minus:#E2564A; --sinij:#5AA7E8;
  --linia:rgba(255,255,255,.07);
}
:root[data-tema="den"]{
  --korpus:#EDEAE4; --korpus2:#E1DDD5;
  --plita-1:#FBFAF7; --plita-2:#EFECE6; --plita-sv:#FFFFFF;
  --gran:#C6C0B4; --kant:rgba(20,24,30,.09);
  --blik:rgba(255,255,255,.95); --blik-s:rgba(255,255,255,.6);
  --ten1:rgba(48,42,30,.10); --ten2:rgba(48,42,30,.20); --ten3:rgba(48,42,30,.30);
  --tekst:#15191F; --tusk:#59616C; --slabo:#8A8478;
  --latun:#8A6A12; --latun-t:#6A5008; --latun-fon:rgba(138,106,18,.10);
  --plyus:#17805A; --minus:#B03A2E; --sinij:#2B6CA8;
  --linia:rgba(20,24,30,.09);
}
*{box-sizing:border-box}
body{margin:0;color:var(--tekst);
  font:15.5px/1.62 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(900px 420px at 78% -120px, var(--latun-fon), transparent 68%),
    radial-gradient(700px 380px at 6% 8%, color-mix(in srgb, var(--sinij) 9%, transparent), transparent 70%),
    linear-gradient(180deg, var(--korpus) 0%, var(--korpus2) 100%);
  background-attachment:fixed;min-height:100vh}
h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.017em;margin:0;text-wrap:balance}
a{color:inherit;text-decoration:none}
.ramka{max-width:1280px;margin:0 auto;padding:0 22px}

.vypuk{
  background:linear-gradient(177deg,var(--plita-1) 0%,var(--plita-2) 100%);
  border-radius:14px;border:1px solid var(--kant);
  box-shadow:inset 0 1px 0 var(--blik), inset 0 -18px 30px -26px rgba(0,0,0,.5),
    0 2px 3px var(--ten1), 0 14px 26px -14px var(--ten2), 0 30px 52px -30px var(--ten3);
}
.vdav{
  background:linear-gradient(177deg,var(--plita-2),var(--plita-1));
  border-radius:11px;border:1px solid var(--gran);
  box-shadow:inset 0 3px 7px var(--ten2), inset 0 -1px 0 var(--blik-s);
}

.verh{position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,color-mix(in srgb,var(--plita-1) 94%,transparent),color-mix(in srgb,var(--plita-2) 94%,transparent));
  backdrop-filter:blur(14px);border-bottom:1px solid var(--gran);
  box-shadow:inset 0 1px 0 var(--blik), 0 10px 24px -18px var(--ten3)}
.verh-v{display:flex;align-items:center;gap:16px;height:64px}
.marka{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.pechat{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(155deg,#F0D585,var(--latun) 42%,var(--latun-t) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 6px rgba(80,55,0,.45),
    0 3px 0 color-mix(in srgb,var(--latun-t) 70%,#000), 0 10px 18px -9px var(--ten3)}
.pechat svg{width:20px;height:20px;display:block}
.marka .txt b{display:block;font:800 19px/1 Manrope,sans-serif;letter-spacing:-.02em}
.marka .txt i{display:block;font:600 10px/1 Inter,sans-serif;font-style:normal;color:var(--slabo);letter-spacing:.14em;text-transform:uppercase;margin-top:5px}
.vklad{display:flex;gap:2px;margin-left:14px}
.vklad a{padding:8px 12px;border-radius:9px;font-size:14px;color:var(--tusk);transition:.14s}
.vklad a:hover{color:var(--tekst);background:linear-gradient(180deg,var(--plita-sv),var(--plita-1));box-shadow:inset 0 1px 0 var(--blik),0 2px 0 var(--gran)}
.vklad a.tek{color:var(--tekst);background:linear-gradient(180deg,var(--plita-sv),var(--plita-1));box-shadow:inset 0 1px 0 var(--blik),0 2px 0 var(--gran)}
.sprava{margin-left:auto;display:flex;align-items:center;gap:9px}
.stroka-poiska{display:flex;align-items:center;gap:8px;padding:0 12px;height:38px;width:230px}
.stroka-poiska svg{width:15px;height:15px;color:var(--slabo);flex:0 0 auto}
.stroka-poiska input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tekst);font:14px Inter,sans-serif}
.stroka-poiska input::placeholder{color:var(--slabo)}

.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border:0;border-radius:11px;cursor:pointer;
  font:700 13.5px/1 Manrope,sans-serif;color:var(--tekst);
  background:linear-gradient(177deg,var(--plita-sv),var(--plita-1));
  box-shadow:inset 0 1px 0 var(--blik), 0 3px 0 var(--gran), 0 9px 16px -10px var(--ten3);
  transition:transform .08s ease, box-shadow .08s ease}
.knop:active{transform:translateY(2px);box-shadow:inset 0 2px 5px var(--ten2), 0 1px 0 var(--gran)}
.knop.zoloto{color:#241B02;background:linear-gradient(177deg,#F3DC96,var(--latun) 55%,var(--latun-t));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65), inset 0 -3px 7px rgba(70,48,0,.4), 0 3px 0 color-mix(in srgb,var(--latun-t) 72%,#000), 0 12px 20px -10px var(--ten3)}
.knop.zoloto:active{transform:translateY(2px);box-shadow:inset 0 3px 7px rgba(60,40,0,.5), 0 1px 0 color-mix(in srgb,var(--latun-t) 72%,#000)}
.knop.kvadrat{width:38px;padding:0}

.polotno{display:grid;grid-template-columns:236px minmax(0,1fr) 268px;gap:20px;padding:22px 0 10px;align-items:start}
.rel{position:sticky;top:84px}

.rel-menu{padding:9px}
.rel-menu .glava{padding:9px 11px 7px;font:700 10.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--slabo)}
.rel-menu a{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:9px;font-size:14px;color:var(--tusk);transition:.14s}
.rel-menu a:hover,.rel-menu a.tek{color:var(--tekst);background:linear-gradient(180deg,var(--plita-sv),var(--plita-1));box-shadow:inset 0 1px 0 var(--blik),0 2px 0 var(--gran)}
.tochka{width:7px;height:7px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 8px currentColor}
.rel-menu a .kol{margin-left:auto;font:600 11.5px/1 'JB Mono',monospace;color:var(--slabo)}
.rel-menu hr{border:0;border-top:1px solid var(--linia);margin:8px 11px}

.tablo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.tablo .kl{padding:13px 14px}
.tablo .kl b{display:block;font:700 22px/1.05 'JB Mono',monospace;letter-spacing:-.02em}
.tablo .kl span{display:block;font-size:11.5px;color:var(--slabo);margin-top:6px}
.tablo .kl.zhiv b{color:var(--plyus)}
.tablo .kl.zol b{color:var(--latun)}

.banner{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 24px;margin-bottom:18px}
.banner::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(360px 130px at 84% 6%, var(--latun-fon), transparent 70%),
    repeating-linear-gradient(115deg, transparent 0 22px, color-mix(in srgb,var(--latun) 4%,transparent) 22px 23px)}
.banner .l{position:relative;z-index:1}
.banner .brend{display:inline-flex;align-items:center;gap:7px;font:700 10.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--latun)}
.banner .brend i{width:7px;height:7px;border-radius:50%;background:var(--plyus);box-shadow:0 0 0 3px color-mix(in srgb,var(--plyus) 20%,transparent),0 0 12px var(--plyus)}
.banner h3{margin:10px 0 0;font-size:clamp(18px,2vw,23px);line-height:1.2}
.banner p{margin:8px 0 0;color:var(--tusk);font-size:14px}
.banner p b{color:var(--tekst)}
.banner .r{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;align-items:center}
.banner .r small{font-size:10.5px;color:var(--slabo);letter-spacing:.06em;text-transform:uppercase}

.blok{margin-bottom:18px;overflow:hidden}
.shapka-bloka{display:flex;align-items:center;gap:11px;padding:12px 18px;
  background:linear-gradient(180deg,var(--plita-sv),var(--plita-1));
  border-bottom:1px solid var(--gran);box-shadow:inset 0 1px 0 var(--blik)}
.shapka-bloka h2{font-size:14.5px}
.shapka-bloka .polosa{flex:1;height:1px;background:linear-gradient(90deg,var(--linia),transparent)}
.shapka-bloka .pod{font:600 11px/1 'JB Mono',monospace;color:var(--slabo)}

.uzel{display:grid;grid-template-columns:46px minmax(0,1fr) 108px minmax(0,220px);gap:15px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--linia);transition:background .14s}
.uzel:last-child{border-bottom:0}
.uzel:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--latun) 5%,transparent),transparent 60%)}
.pyatak{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(160deg,var(--plita-sv),var(--plita-2));
  box-shadow:inset 0 1px 0 var(--blik), inset 0 -3px 6px var(--ten1), 0 3px 0 var(--gran), 0 8px 14px -8px var(--ten2)}
.pyatak svg{width:19px;height:19px;display:block}
.uzel .nazv h3{font-size:15.5px;line-height:1.3}
.uzel .nazv h3 a:hover{color:var(--latun)}
.uzel .nazv p{margin:4px 0 0;font-size:13px;color:var(--tusk);line-height:1.45}
.uzel .schet{text-align:right}
.uzel .schet b{display:block;font:700 15px/1 'JB Mono',monospace}
.uzel .schet span{display:block;font-size:11px;color:var(--slabo);margin-top:4px}
.posl{display:flex;gap:10px;align-items:center;min-width:0}
.ava{width:32px;height:32px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;color:#fff;font:700 12px/1 Manrope,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 4px rgba(0,0,0,.3), 0 2px 0 rgba(0,0,0,.22)}
.posl .t{min-width:0}
.posl .t a{display:block;font-size:12.8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.posl .t a:hover{color:var(--latun)}
.posl .t span{display:block;font-size:11px;color:var(--slabo);margin-top:2px}

.vkladki{display:flex;gap:3px;padding:9px 12px 0}
.vkladki button{border:0;cursor:pointer;padding:9px 14px;border-radius:9px 9px 0 0;font:700 13px/1 Manrope,sans-serif;color:var(--slabo);background:none}
.vkladki button.tek{color:var(--tekst);background:linear-gradient(180deg,var(--plita-sv),var(--plita-1));box-shadow:inset 0 1px 0 var(--blik)}
.tema{display:grid;grid-template-columns:26px auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 18px;border-top:1px solid var(--linia)}
.tema:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--latun) 5%,transparent),transparent 60%)}
.tema .nomer{font:700 12px/1 'JB Mono',monospace;color:var(--slabo);text-align:right}
.prefiks{display:inline-block;padding:4px 8px;border-radius:7px;font:700 10.5px/1.2 Inter,sans-serif;color:#fff;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 2px 0 rgba(0,0,0,.25)}
.p-svyazka{background:linear-gradient(177deg,#4FB98A,#227A57)}
.p-razbor{background:linear-gradient(177deg,#5C9BD6,#2C6398)}
.p-otzyv{background:linear-gradient(177deg,#C08A3E,#8A5C18)}
.p-vopros{background:linear-gradient(177deg,#8E7ACB,#54418E)}
.p-skam{background:linear-gradient(177deg,#D9645A,#9C2F26)}
.tema .zag{min-width:0;font-size:14.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tema:hover .zag{color:var(--latun)}
.tema .kogda{font-size:12px;color:var(--slabo);white-space:nowrap}
.tema .kto{font-size:12.5px;color:var(--tusk);white-space:nowrap;text-align:right;min-width:92px}

.pravyj .karta{padding:14px 15px;margin-bottom:14px}
.pravyj h4{font:700 10.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--slabo);margin-bottom:11px}
.strochka{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--linia)}
.strochka:first-of-type{border-top:0}
.strochka .t{min-width:0;flex:1}
.strochka .t a{display:block;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strochka .t a:hover{color:var(--latun)}
.strochka .t span{font-size:11px;color:var(--slabo)}
.stolbik{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-top:1px solid var(--linia)}
.stolbik:first-of-type{border-top:0}
.stolbik span{color:var(--tusk)}
.stolbik b{font-family:'JB Mono',monospace;font-weight:700}

.podval{margin-top:34px;border-top:1px solid var(--gran);box-shadow:inset 0 1px 0 var(--blik);padding:30px 0 40px}
.podval-v{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}
.podval h4{font:700 10.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--slabo);margin:0 0 11px}
.podval a{display:block;padding:4px 0;font-size:13.5px;color:var(--tusk)}
.podval a:hover{color:var(--latun)}
.podval p{margin:0;font-size:13px;color:var(--slabo);line-height:1.6}

@media(max-width:1180px){
  .polotno{grid-template-columns:212px minmax(0,1fr)}
  .pravyj{display:none}
  .uzel{grid-template-columns:44px minmax(0,1fr) 96px}
  .uzel .posl{display:none}
}
@media(max-width:900px){
  .polotno{grid-template-columns:minmax(0,1fr)}
  .levyj{display:none}
  .vklad{display:none}
  .stroka-poiska{width:150px}
  .tablo{grid-template-columns:repeat(2,1fr)}
  .banner{grid-template-columns:1fr}
}
@media(max-width:620px){
  .stroka-poiska{display:none}
  .marka .txt i{display:none}
  .tema{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:11px 14px}
  .tema .nomer,.tema .kogda{display:none}
  .uzel{grid-template-columns:40px minmax(0,1fr);padding:13px 14px}
  .uzel .schet{display:none}
  .podval-v{grid-template-columns:1fr 1fr}
}
.onlajn-spisok{display:flex;flex-wrap:wrap;gap:6px}
.onlajn-spisok a{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:999px;background:var(--pole);border:1px solid var(--gran);box-shadow:inset 0 1px 0 var(--blik);font-size:11.5px;color:var(--tusk);line-height:1;transition:transform .18s ease,border-color .18s ease}
.onlajn-spisok a:hover{border-color:var(--latun);color:var(--tekst);transform:translateY(-1px)}
.onlajn-spisok a i{width:18px;height:18px;border-radius:6px;font:700 8.5px/18px Inter,sans-serif;text-align:center;color:#fff;font-style:normal;flex:none}
.onlajn-spisok a.voshel{animation:voshel .5s ease both}
@keyframes voshel{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
.onlajn-hvost{margin:11px 0 0;font-size:11.5px;color:var(--slabo);line-height:1.5}
.onlajn-hvost b{color:var(--plyus);font-family:'JB Mono',monospace}

.lyudi{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:9px;padding:15px 18px}
.uchastnik{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:13px;background:var(--pole);border:1px solid var(--gran);box-shadow:inset 0 1px 0 var(--blik)}
.uchastnik:target{border-color:var(--latun);box-shadow:0 0 0 2px rgba(216,178,74,.22),inset 0 1px 0 var(--blik)}
.uchastnik .ava{width:34px;height:34px;border-radius:11px;font-size:12px;flex:none}
.uchastnik .kto-imya{min-width:0;flex:1}
.uchastnik .kto-imya b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uchastnik .kto-imya span{display:block;font-size:11px;color:var(--slabo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uchastnik .chislo{font-family:'JB Mono',monospace;font-size:13px;text-align:right;line-height:1.25;flex:none}
.uchastnik .chislo em{display:block;font:400 9.5px/1 Inter,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--slabo)}
.uchastnik .chislo span{display:block;font:400 10px/1.4 Inter,sans-serif;color:var(--slabo);margin-top:2px}