/* YoBuy — дизайн-система v4 «Silk»: глубокий тёмно-зелёный, шёлковые ленты розового, шалфейного и сливочного из фирменной анимации. */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..800&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:var(--sans); --code:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --rose:#e8778d; --rose-d:#cf5a73; --rose-l:#f4a3b2; --rose-bg:rgba(232,119,141,.12);
  --sage:#9fd0a8; --sage-d:#6fa57b; --sage-l:#c4e6c9; --sage-bg:rgba(159,208,168,.1);
  --cream:#f3efe6;
  --accent:var(--rose); --accent-h:var(--rose-l); --accent-bg:var(--rose-bg); --on-accent:#1a0d11;
  --ok:#8fd19c; --ok-bg:rgba(143,209,156,.12); --warn:#f0c27a; --warn-bg:rgba(240,194,122,.12); --danger:#ff8a8a; --danger-bg:rgba(255,138,138,.12); --link:var(--sage);
  --bg:#090e0b; --bg-2:#0e1511; --card:#111915; --card-h:#16201b; --line:#222e27; --line-2:#1a241e; --glass:rgba(17,25,21,.62);
  --fg:#eef1ea; --fg-2:#a9b4ab; --fg-3:#6f7b72;
  --r:12px; --r-sm:9px; --r-lg:22px; --r-card:18px; --r-btn:12px; --r-nav:999px;
  --lime:var(--accent); --ink:#1a0d11; --lichen:var(--fg-2); --bone:var(--bg); --void:#090e0b;
  --sh:0 1px 0 rgba(255,255,255,.03) inset,0 20px 40px -24px rgba(0,0,0,.8);
  --silk:linear-gradient(100deg,var(--rose) 0%,var(--cream) 45%,var(--sage) 75%,var(--rose) 100%);
  --ease:cubic-bezier(.2,.7,.2,1); --spring:cubic-bezier(.34,1.56,.64,1);
  color-scheme:dark;
}
html[data-theme=light]{
  --rose:#c64d68; --rose-d:#a83a54; --rose-l:#e07790; --rose-bg:#fbe9ed;
  --sage:#3f7a52; --sage-d:#2f5f3f; --sage-l:#6fa57b; --sage-bg:#e6f1e8;
  --accent:#c64d68; --accent-h:#a83a54; --accent-bg:#fbe9ed; --on-accent:#fff; --link:#2f6a45;
  --ok:#2f7f45; --ok-bg:#e5f3e8; --warn:#9a6a12; --warn-bg:#fbf1dc; --danger:#c43c3c; --danger-bg:#fbe7e7;
  --bg:#f6f5f1; --bg-2:#efede7; --card:#fff; --card-h:#faf9f6; --line:#e6e2d9; --line-2:#efece5; --glass:rgba(255,255,255,.72);
  --fg:#111813; --fg-2:#4d5850; --fg-3:#89928b; --ink:#fff;
  --sh:0 1px 2px rgba(17,24,19,.04),0 16px 34px -22px rgba(17,24,19,.25);
  --silk:linear-gradient(100deg,#c64d68 0%,#d9a3ae 40%,#3f7a52 75%,#c64d68 100%);
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font:400 14px/1.45 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-feature-settings:"tnum" 1,"cv11" 1}
a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;background:none;border:0;cursor:pointer} img{display:block;max-width:100%}
input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.section{padding:28px 0}.section.tight{padding:20px 0}

/* типографика */
.t-hero,.t-display,.t-xl{font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.015em}
.t-h1{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.01em}
.t-h2{font-size:18px;line-height:1.3;font-weight:600}
.t-h3{font-size:15px;line-height:1.35;font-weight:600}
.t-lg{font-size:15px;line-height:1.45}
.t-body{font-size:14px}
.lead,.sub{color:var(--fg-2);font-size:14px;font-weight:400;max-width:720px;margin-top:6px}
.muted{color:var(--fg-2)} .dim{color:var(--fg-3)}
.mono{font-size:12.5px;color:var(--fg-2)} .mono.dim{color:var(--fg-3)}
code,kbd,pre{font-family:var(--code);font-size:12px}
.counter{font-size:12.5px;color:var(--fg-3);display:inline-block}
.help{font-size:12.5px;color:var(--fg-3)}
.lbl{font-size:12.5px;color:var(--fg-2);font-weight:500}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r-btn);font-size:14px;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}
.btn-fill{background:var(--accent);color:var(--on-accent)} .btn-fill:hover{background:var(--accent-h)}
.btn-ghost{background:var(--card);border-color:var(--line);color:var(--fg)} .btn-ghost:hover{border-color:var(--fg-3)}
.btn-danger{background:var(--card);border-color:var(--line);color:var(--danger)} .btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}
.btn-sm{height:30px;padding:0 10px;font-size:13px} .btn-lg{height:44px;padding:0 20px;font-size:15px} .btn-block{width:100%}
.btn[disabled]{opacity:.5;pointer-events:none}
.icon-btn{width:34px;height:34px;border-radius:var(--r-btn);display:inline-grid;place-items:center;color:var(--fg-2);position:relative;flex:0 0 auto}
.icon-btn:hover{background:var(--card-h);color:var(--fg)}
.icon-btn svg{width:18px;height:18px}
.fav-btn.on{color:var(--danger)} .fav-btn.on svg{fill:var(--danger);stroke:var(--danger)}
.arrow{display:none}
.badge-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:1.5px solid var(--card)}

/* метки */
.pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--line);border-radius:var(--r-nav);font-size:13px;color:var(--fg-2);background:var(--card);white-space:nowrap;transition:border-color .15s,color .15s}
.pill:hover{color:var(--fg);border-color:var(--fg-3)}
.pill .n{color:var(--fg-3);font-size:12px}
html .pill.on{background:var(--fg);border-color:var(--fg);color:var(--bg)} html .pill.on .n{color:inherit;opacity:.7}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-3)}
.tag.off{color:var(--fg-3)}
.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:4px;font-size:11.5px;font-weight:500;background:var(--bg-2);color:var(--fg-2);white-space:nowrap}
.badge svg{width:12px!important;height:12px!important}
.badge.lime{background:var(--ok-bg);color:var(--ok)}
.badge.warn{background:var(--warn-bg);color:var(--warn)}
.badge.solid{background:var(--fg);color:var(--bg)}
.level{font-size:11.5px;font-weight:500;padding:1px 6px;border-radius:4px;background:var(--bg-2);color:var(--fg-2);white-space:nowrap}
.level.pro{background:#e8efff;color:#2a55c5} .level.top{background:var(--accent-bg);color:var(--accent)}
html[data-theme=light] .level.pro{background:#1a2440;color:#8aa9ff}
.stars{display:inline-flex;gap:0;color:#f5a623} .stars svg{width:13px;height:13px;fill:currentColor;stroke:none}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.scroller{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none} .scroller::-webkit-scrollbar{display:none}

/* header */
.hdr{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr .row{display:flex;align-items:center;gap:16px;height:60px}
.logo{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:700;letter-spacing:-.03em;flex:0 0 auto}
.logo-mark{width:28px;height:28px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center}
.logo-mark svg{width:16px;height:16px}
.gsearch{flex:1;position:relative;max-width:560px}
.gsearch input{width:100%;height:38px;border-radius:var(--r-btn);border:1px solid var(--line);background:var(--bg);padding:0 40px 0 36px;font-size:14px;outline:none}
.gsearch input:focus{border-color:var(--accent);background:var(--card)}
.gsearch>svg{position:absolute;left:11px;top:11px;width:16px;height:16px;color:var(--fg-3)}
.gsearch kbd{position:absolute;right:9px;top:9px;border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--fg-3);font-size:11px}
.hdr-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.balance-chip{font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:var(--r-btn);height:34px;padding:0 10px;display:inline-flex;align-items:center}
.balance-chip:hover{border-color:var(--fg-3)}
.nav2{display:flex;gap:2px;align-items:center;height:42px;overflow-x:auto;scrollbar-width:none}
.nav2::-webkit-scrollbar{display:none}
.nav2 .pill{border:0;background:none;height:42px;border-radius:0;padding:0 10px;color:var(--fg-2);font-size:13.5px;border-bottom:2px solid transparent}
.nav2 .pill:hover{color:var(--fg)}
html .nav2 .pill.on{background:none;color:var(--fg);border-bottom-color:var(--accent);font-weight:500}
.nav2 select.pill{padding-right:8px;cursor:pointer}
.avatar{border-radius:50%;overflow:hidden;flex:0 0 auto;background:var(--bg-2);display:grid;place-items:center}
.avatar img,.avatar svg{width:100%;height:100%;object-fit:cover}
.av-wrap{position:relative;display:inline-block;line-height:0}
.av-wrap .online{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--ok);border:2px solid var(--card)}

/* autocomplete */
.ac{position:absolute;left:0;right:0;top:44px;z-index:60;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:6px;max-height:70vh;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.ac-group{padding:8px 8px 4px;font-size:11.5px;color:var(--fg-3);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.ac-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer}
.ac-item:hover,.ac-item.sel{background:var(--card-h)}
.ac-item .grow{flex:1;min-width:0} .ac-item .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac mark{background:none;color:var(--accent);font-weight:600}

/* секции */
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}
.sec-head .l{display:flex;flex-direction:column;gap:2px}
.sec-head .l .t-lg{font-size:13px;color:var(--fg-3)}
.sec-link{font-size:13.5px;color:var(--link)} .sec-link:hover{text-decoration:underline}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}
.panel-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2)}
.panel-b{padding:16px}

/* сетки */
.grid{display:grid;gap:12px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1000px){.g4,.g5,.g6{grid-template-columns:repeat(3,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.g2,.g3,.g4,.g5,.g6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.g3,.g4{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}
.card.pad{padding:16px}.card.pad-lg{padding:24px}
.card.hov:hover{border-color:var(--fg-3)}
.notice{border:1px solid var(--line);background:var(--card-h);border-radius:var(--r);padding:10px 12px;font-size:13px;color:var(--fg-2);display:flex;gap:10px;align-items:flex-start}
.notice .tag{flex:0 0 auto;font-weight:600;color:var(--fg)}
.hair{height:1px;background:var(--line-2)}

/* каталог сущностей */
.gcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .15s}
.gcard:hover{border-color:var(--fg-3)}
.gcard .cover{aspect-ratio:460/215;position:relative;overflow:hidden;background:var(--bg-2)}
.gcard .cover img{width:100%;height:100%;object-fit:cover}
.gcard .body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}
.gcard .nm{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcard .cats{font-size:12.5px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cover-art{position:absolute;inset:0;display:grid;place-items:center}
.cover-art .brand{width:22%;aspect-ratio:1;display:grid;place-items:center;background:#fff;border-radius:12px;padding:8%}
.cover-art .brand img{width:100%;height:100%;object-fit:contain}
.cover-art .brand.noimg{background:none;padding:0;width:auto;font-weight:600;color:#fff}
.cover-art .brand.noimg svg{width:36px;height:36px}
.ico-tile{border-radius:8px;overflow:hidden;background:#fff;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line-2)}
.ico-tile img{width:80%;height:80%;object-fit:contain}
.ico-tile.photo img{width:100%;height:100%;object-fit:cover}
.ico-tile.svc{background:var(--bg-2);border-color:transparent;color:var(--fg-2);font-weight:600}
.ico-tile.svc svg{width:55%;height:55%}

/* список-справочник (главная) */
.dir{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 24px}
.dir .it{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2);min-width:0}
.dir .it .grow{min-width:0}
.dir .nm{font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dir .nm:hover{color:var(--accent)}
.dir .sub-l{font-size:12.5px;color:var(--fg-3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dir .sub-l a:hover{color:var(--link);text-decoration:underline}
@media(max-width:1000px){.dir{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dir{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.dir{grid-template-columns:1fr}}
.utabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.utabs button,.utabs a{padding:10px 14px;font-size:14px;color:var(--fg-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.utabs .on{color:var(--fg);border-bottom-color:var(--accent);font-weight:500}
.utabs .n{color:var(--fg-3);font-size:12px;margin-left:4px}

/* список предложений (таблица) */
.olist{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.ohead,.orow{display:grid;grid-template-columns:minmax(0,1fr) 210px 110px 150px;gap:16px;align-items:center;padding:10px 16px}
.ohead{font-size:12px;color:var(--fg-3);border-bottom:1px solid var(--line);background:var(--card-h);font-weight:500}
.ohead span:last-child{text-align:right}
.orow{border-bottom:1px solid var(--line-2);transition:background .1s}
.orow:last-child{border-bottom:0}
.orow:hover{background:var(--card-h)}
.orow .o-main{display:flex;gap:12px;align-items:center;min-width:0}
.orow .o-ttl{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.orow .o-ttl:hover{color:var(--accent)}
.orow .o-meta{font-size:12.5px;color:var(--fg-3);margin-top:2px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.orow .o-meta a:hover{color:var(--link)}
.orow .o-seller{display:flex;gap:8px;align-items:center;min-width:0}
.orow .o-seller .nm{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.orow .o-seller .nm:hover{color:var(--accent)}
.orow .o-stock{font-size:13px;color:var(--fg-2)}
.orow .o-price{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.orow .price{font-size:15px;font-weight:600;white-space:nowrap}
.orow s{font-size:12px;color:var(--fg-3);display:block;text-align:right}
.orow .ok{color:var(--ok)}
@media(max-width:900px){.ohead{display:none}.orow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m m" "s s" "k p";gap:8px 12px;padding:12px}
.orow .o-main{grid-area:m}.orow .o-seller{grid-area:s}.orow .o-stock{grid-area:k}.orow .o-price{grid-area:p}}
.olist .empty{border:0}

/* старые карточки (превью мастера) */
.pcard{display:flex;flex-direction:column;border-radius:var(--r-card);border:1px solid var(--line);background:var(--card);overflow:hidden}
.pcard .img{aspect-ratio:16/8;position:relative;overflow:hidden;background:var(--bg-2)}
.pcard .img img{width:100%;height:100%;object-fit:cover}
.pcard .img .badges{position:absolute;left:8px;top:8px;display:flex;gap:4px}
.pcard .b{padding:12px;display:flex;flex-direction:column;gap:8px}
.pcard .ttl{font-weight:500}
.pcard .seller{display:flex;align-items:center;gap:8px}
.pcard .foot{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line-2)}
.pcard .price{font-size:16px;font-weight:600}
.pcard s{color:var(--fg-3);font-size:12px;margin-left:6px}

.scard{padding:14px;display:flex;flex-direction:column;gap:12px}
.stat-row{display:flex;gap:20px;flex-wrap:wrap}
.stat-row .s .v{font-size:16px;font-weight:600}
.catcard{padding:12px 14px;display:flex;align-items:center;gap:12px}
.catcard .ic{width:34px;height:34px;border-radius:8px;background:var(--bg-2);display:grid;place-items:center;color:var(--fg-2);flex:0 0 34px}

/* страница сущности */
.ehead{background:var(--card);border-bottom:1px solid var(--line)}
.ehead .in{display:flex;gap:16px;align-items:center;padding:18px 0 16px}
.ehead .crumbs{font-size:12.5px;color:var(--fg-3);padding-top:14px}
.ehead .crumbs a:hover{color:var(--link)}
.ehead h1{font-size:24px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.ehead .meta{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:13px;color:var(--fg-2);margin-top:4px}
.ehead .meta b{color:var(--fg);font-weight:600}
.ehead .ecover{width:230px;aspect-ratio:460/215;border-radius:6px;overflow:hidden;flex:0 0 auto;border:1px solid var(--line-2)}
.ehead .ecover img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.ehead .ecover{display:none}.ehead .in{flex-wrap:wrap}.ehead .acts{width:100%}}

/* фильтры, формы */
.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}
.filters{display:flex;flex-direction:column;gap:0;position:sticky;top:112px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:4px 14px 14px}
.fgroup{display:flex;flex-direction:column;gap:7px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.fgroup:last-of-type{border-bottom:0}
.fgroup .lbl{margin-bottom:2px}
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
@media(max-width:900px){.layout{grid-template-columns:1fr}.filters{position:static;display:none}.filters.open{display:flex}}
.check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;color:var(--fg)}
.check input{appearance:none;width:16px;height:16px;border:1px solid var(--fg-3);border-radius:4px;display:grid;place-items:center;flex:0 0 16px;background:var(--card)}
.check input:checked{background:var(--accent);border-color:var(--accent)}
.check input:checked::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.check input[type=radio]{border-radius:50%}
.check input[type=radio]:checked::after{width:6px;height:6px;border:0;border-radius:50%;background:#fff;transform:none}
.field{display:flex;flex-direction:column;gap:5px}
.field label,.lbl{font-size:12.5px;color:var(--fg-2);font-weight:500}
.input,.select,.textarea{width:100%;height:36px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--card);padding:0 10px;font-size:14px;outline:none}
.textarea{min-height:96px;padding:8px 10px;resize:vertical;line-height:1.45}
.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}
.input.err{border-color:var(--danger)}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23858b95' stroke-width='1.5'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}
.select option{background:var(--card);color:var(--fg)}
.range-row{display:flex;gap:8px;align-items:center}

/* табы, таблицы */
.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.tabs a,.tabs button{padding:10px 12px;font-size:14px;color:var(--fg-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a:hover,.tabs button:hover{color:var(--fg)}
.tabs .on{color:var(--fg);border-bottom-color:var(--accent);font-weight:500}
.table{width:100%;border-collapse:collapse;font-size:13.5px}
.table th{font-size:12px;font-weight:500;color:var(--fg-3);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--card-h)}
.table td{padding:9px 10px;border-bottom:1px solid var(--line-2);vertical-align:middle}
.table tr:hover td{background:var(--card-h)}
.tscroll{overflow-x:auto}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13.5px}
.kv dt{color:var(--fg-3)} .kv dd a{color:var(--link)}

/* модалки, тосты */
.modal-bg{position:fixed;inset:0;background:rgba(15,17,20,.45);z-index:100;display:grid;place-items:center;padding:16px;animation:fade .15s}
@keyframes fade{from{opacity:0}}
.modal{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);width:min(480px,100%);max-height:90vh;overflow:auto;padding:24px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.18);animation:pop .18s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(8px)}}
.modal.wide{width:min(820px,100%)}
.modal .x{position:absolute;right:12px;top:12px}
.modal .t-h1{font-size:20px}
.toasts{position:fixed;right:16px;bottom:16px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:360px}
.toast{background:var(--fg);color:var(--bg);border-radius:var(--r);padding:10px 14px;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;box-shadow:0 8px 24px rgba(0,0,0,.18);animation:tin .2s var(--ease)}
.toast .tag{color:inherit;opacity:.7}
.toast.out{opacity:0;transform:translateY(8px);transition:all .25s}
@keyframes tin{from{opacity:0;transform:translateY(8px)}}
@media(max-width:760px){.toasts{bottom:78px;left:12px;right:12px}}
.sk{background:linear-gradient(90deg,var(--bg-2) 0%,var(--card-h) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:var(--r)}
@keyframes sk{to{background-position:-200% 0}}

/* статусы заказа, чат */
.steps{display:flex;gap:4px;margin:8px 0 16px;overflow-x:auto}
.step{flex:1;min-width:100px;display:flex;flex-direction:column;gap:6px}
.step .bar{height:4px;background:var(--bg-2);border-radius:2px}
.step.done .bar,.step.cur .bar{background:var(--accent)}
.step.cur .bar{opacity:.5}
.step .l{font-size:12px;color:var(--fg-3)}
.step.done .l,.step.cur .l{color:var(--fg)}
.chat{display:flex;flex-direction:column;height:560px;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--card)}
.chat .top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-2)}
.chat .msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}
.msg{max-width:72%;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.4;background:var(--card);border:1px solid var(--line-2);align-self:flex-start}
.msg.me{align-self:flex-end;background:var(--accent-bg);border-color:transparent}
html[data-theme=dark] .msg.me{background:#3a2518}
.msg .meta{font-size:11px;color:var(--fg-3);margin-top:2px;text-align:right}
.msg img{border-radius:8px;max-width:240px;margin-top:4px}
.msg.sys{align-self:center;max-width:90%;background:none;border:0;font-size:12px;color:var(--fg-3);text-align:center;padding:2px 8px}
.chat .compose{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line-2);align-items:center}
.chat .compose input[type=text]{flex:1}
.typing{font-size:12px;color:var(--fg-3);padding:0 14px 6px;height:20px;background:var(--bg)}
.typing i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--fg-3);margin:0 1px;animation:tb 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tb{50%{opacity:.2}}
.conv-list{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--card)}
.conv{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-2);align-items:center;cursor:pointer}
.conv:hover,.conv.on{background:var(--card-h)}
.timeline{display:flex;flex-direction:column;border-left:2px solid var(--line-2);margin-left:4px}
.tl{padding:0 0 12px 16px;position:relative}
.tl::before{content:"";position:absolute;left:-5px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--line)}
.tl:first-child::before{background:var(--accent)}

/* кабинет, админка */
.kpi{padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.kpi .tag{font-size:12.5px}
.kpi .v{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.bars{display:flex;align-items:flex-end;gap:4px;height:110px}
.bars div{flex:1;background:var(--bg-2);border-radius:3px 3px 0 0;min-height:2px}
.bars div:last-child{background:var(--accent)}
.admin{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start}
.side{display:flex;flex-direction:column;gap:1px;position:sticky;top:112px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:6px}
.side a{padding:7px 10px;border-radius:6px;font-size:13.5px;color:var(--fg-2);display:flex;justify-content:space-between}
.side a span:last-child:not(:first-child){background:var(--accent);color:#fff;border-radius:9px;font-size:11px;padding:0 6px;line-height:18px}
.side a:hover{background:var(--card-h);color:var(--fg)}
.side a.on{background:var(--bg-2);color:var(--fg);font-weight:500}
.admin .table td,.admin .table th{white-space:nowrap}
@media(max-width:900px){.admin{grid-template-columns:1fr}.side{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}.side a{white-space:nowrap;flex:none}}
.wiz{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:20px;align-items:start}
.wsteps{display:flex;flex-direction:column;gap:1px;position:sticky;top:112px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:6px}
.wsteps button{text-align:left;padding:7px 10px;border-radius:6px;font-size:13.5px;color:var(--fg-3);display:flex;gap:8px}
.wsteps button .n{color:var(--fg-3);width:18px}
.wsteps button.on{color:var(--fg);background:var(--bg-2);font-weight:500}
.wsteps button.done{color:var(--fg-2)} .wsteps button.done .n{color:var(--ok)}
@media(max-width:1000px){.wiz{grid-template-columns:1fr}.wsteps{position:static;flex-direction:row;overflow-x:auto}.wsteps button{white-space:nowrap}}
.faq details{border-bottom:1px solid var(--line-2);padding:12px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-size:14.5px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{color:var(--fg-3);transition:transform .2s}
.faq details[open] .pm{transform:rotate(45deg)}
.faq details p{margin-top:8px;color:var(--fg-2);max-width:780px}
.progress{height:6px;background:var(--bg-2);border-radius:3px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--accent);border-radius:3px}
.empty{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}
.empty .glyph{width:44px;height:44px;border-radius:10px;background:var(--bg-2);display:grid;place-items:center;color:var(--fg-3);margin-bottom:4px}
.empty .glyph svg{width:20px;height:20px}
.empty .btn{margin-top:8px}
.compare-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:70;background:var(--fg);color:var(--bg);border-radius:var(--r);padding:8px 8px 8px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.compare-bar .btn{background:var(--accent);color:#fff}
@media(max-width:760px){.compare-bar{bottom:78px}}

/* footer */
.footer{background:var(--card);border-top:1px solid var(--line);padding:32px 0 24px;margin-top:40px;color:var(--fg-2);font-size:13px}
.footer a{color:var(--fg-2)} .footer a:hover{color:var(--fg)}
.footer .cols{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:24px}
.footer .cols div{display:flex;flex-direction:column;gap:7px}
.footer .cols b,.footer h4{color:var(--fg);font-weight:600;font-size:13px;margin-bottom:2px}
.footer .logo{color:var(--fg)!important;font-size:18px!important}
.footer .logo-mark{background:var(--accent)!important;color:#fff!important}
.footer p{color:var(--fg-3)!important;font-size:12.5px!important}
.footer .mono{color:var(--fg-3)}
@media(max-width:800px){.footer .cols{grid-template-columns:1fr 1fr}}

/* мобильная навигация */
.bnav{display:none}
@media(max-width:760px){
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--card);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
  .bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--fg-3);padding:6px 0}
  .bnav a svg{width:21px;height:21px}
  .bnav a.on{color:var(--accent)}
  body{padding-bottom:64px}
  .hide-m{display:none!important}
  .hdr .row{height:54px;gap:8px}
  .wrap{padding:0 12px}
  .modal{padding:20px}
  .chat{height:calc(100vh - 220px)}
  .t-hero,.t-display,.t-xl{font-size:22px}
}
@media(min-width:761px){.show-m{display:none!important}}
.page-enter{animation:pe .2s ease-out}
@keyframes pe{from{opacity:.4}}

/* утилиты */
.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.wrapf{flex-wrap:wrap}
.gap4{gap:4px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}.gap40{gap:40px}
.mt8{margin-top:8px}.mt16{margin-top:14px}.mt24{margin-top:20px}.mt40{margin-top:28px}.mt60{margin-top:36px}
.mb8{margin-bottom:8px}.mb16{margin-bottom:14px}.mb24{margin-bottom:18px}.mb40{margin-bottom:28px}
.grow{flex:1;min-width:0}.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
@media(max-width:960px){.two{grid-template-columns:1fr}}
.sticky{position:sticky;top:112px}
.link{color:var(--link)} .link:hover{text-decoration:underline}
.sr-only{position:absolute;left:-9999px;top:0}.sr-only:focus{left:16px;top:16px;z-index:999;background:var(--accent);color:#fff;padding:8px 12px;border-radius:6px}
#ft:empty{display:none}
.sentinel{height:1px}
:where(svg[viewBox="0 0 24 24"]){width:17px;height:17px;flex-shrink:0;vertical-align:middle}
:where(.btn-sm,.pill,.tag,.badge) :where(svg[viewBox="0 0 24 24"]){width:15px;height:15px}
/* legacy-классы, оставшиеся в шаблонах */
.hero,.hero-strip,.hero-meta,.grid-dots{display:none}
.kbd{font-family:var(--code)}
.pthumb>*{height:100%!important;aspect-ratio:auto!important}.pthumb img{width:100%;height:100%;object-fit:cover}


/* ===================== v4 «Silk» layer ===================== */
body{font-size:14.5px;font-weight:500;letter-spacing:-.005em;background:var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 85% -5%,rgba(232,119,141,.07),transparent 60%),radial-gradient(800px 500px at 0% 30%,rgba(159,208,168,.05),transparent 60%)}
html[data-theme=light] body::before{opacity:.6}
::selection{background:var(--rose);color:#fff}
.t-hero,.t-display,.t-xl{font-size:36px;font-weight:800;letter-spacing:-.035em;line-height:1.08}
.t-h1{font-size:28px;font-weight:800;letter-spacing:-.03em}
.t-h2{font-size:22px;font-weight:800;letter-spacing:-.025em}
.t-h3{font-size:16px;font-weight:700;letter-spacing:-.01em}
.lead,.sub{font-size:15px;color:var(--fg-2)}
.silk{background:var(--silk);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:silk 8s linear infinite}
@keyframes silk{to{background-position:-220% 0}}

/* ---------- кнопки ---------- */
.btn{height:40px;padding:0 16px;border-radius:var(--r-btn);font-weight:700;letter-spacing:-.01em;transition:transform .2s var(--ease),background .2s,border-color .2s,box-shadow .2s,color .2s;position:relative}
.btn:active{transform:scale(.97)}
.btn-fill{background:linear-gradient(180deg,#f08ba0,#dd6680);color:#1a0d11;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 20px -10px rgba(232,119,141,.7)}
.btn-fill:hover{background:linear-gradient(180deg,#f59cae,#e57189);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 28px -10px rgba(232,119,141,.85)}
html[data-theme=light] .btn-fill{background:linear-gradient(180deg,#d05a74,#b8435d);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 18px -10px rgba(198,77,104,.7)}
.btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--fg)}
.btn-ghost:hover{background:rgba(255,255,255,.07);border-color:#33433a}
html[data-theme=light] .btn-ghost{background:var(--card)} html[data-theme=light] .btn-ghost:hover{border-color:#cfc9bc}
.btn-cream{background:var(--cream);color:#111813;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)} .btn-cream:hover{background:#fff}
.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:10px}
.btn-lg{height:50px;padding:0 24px;font-size:15.5px;border-radius:14px}
.icon-btn{border-radius:11px;width:38px;height:38px;transition:background .2s,color .2s}
.icon-btn:hover{background:rgba(255,255,255,.06)} html[data-theme=light] .icon-btn:hover{background:var(--bg-2)}
.pill{height:32px;border-radius:999px;padding:0 13px;font-weight:600;background:rgba(255,255,255,.03);border-color:var(--line)}
.pill:hover{border-color:#3a4a40;color:var(--fg)}
html .pill.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.tag{border-radius:7px;font-weight:700;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--fg-2)}
.badge{border-radius:7px;font-weight:700}
.badge.lime{background:var(--sage-bg);color:var(--sage);border:1px solid rgba(159,208,168,.18)}
html[data-theme=light] .badge.lime{border-color:transparent}
.disc{background:var(--rose-bg);color:var(--rose);border-radius:7px;font-weight:800}
.sec-link{font-weight:700;color:var(--fg-2);transition:color .2s}
.sec-link:hover{color:var(--rose)}
.link{color:var(--sage)}

/* ---------- уровни продавцов ---------- */
.level{border-radius:7px;font-weight:800;font-size:11.5px;letter-spacing:.01em;padding:2px 8px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--fg-2)}
.level.pro{background:var(--sage-bg);color:var(--sage);border-color:rgba(159,208,168,.25)}
.level.top{position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(232,119,141,.22),rgba(243,239,230,.12),rgba(159,208,168,.2));color:var(--fg);border-color:rgba(232,119,141,.35)}
.level.top::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:shine 3.6s ease-in-out infinite}
@keyframes shine{60%,100%{transform:translateX(120%)}}

/* ---------- шапка ---------- */
.hdr{background:rgba(9,14,11,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06);transition:background .35s,border-color .35s}
html[data-theme=light] .hdr{background:rgba(255,255,255,.78);border-bottom-color:var(--line)}
#hdr.over .hdr{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
#hdr.over .gsearch input{background:rgba(9,14,11,.35);border-color:rgba(255,255,255,.12)}
.hdr .row{height:64px}
.logo{gap:10px;font-size:21px;font-weight:800;letter-spacing:-.045em}
.logo-mark{width:34px;height:34px;border-radius:50%;background:none!important;padding:0;transition:transform .7s var(--spring)}
.logo:hover .logo-mark{transform:rotate(-200deg)}
.logo-mark img{width:100%;height:100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.logo .yo,.wm .yo{color:var(--fg)} .logo .by,.wm .by{background:var(--silk);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:silk 8s linear infinite}
.gsearch input{height:40px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);transition:border-color .2s,background .2s,box-shadow .2s}
html[data-theme=light] .gsearch input{background:var(--bg)}
.gsearch input:focus{border-color:rgba(232,119,141,.5);background:var(--card);box-shadow:0 0 0 4px rgba(232,119,141,.12)}
.gsearch kbd{border-radius:6px;background:rgba(255,255,255,.05);border-color:var(--line)}
.balance-chip{border-radius:11px;background:rgba(159,208,168,.1);color:var(--sage);font-weight:800;border:1px solid rgba(159,208,168,.2)}
html[data-theme=light] .balance-chip{border-color:transparent}
.nav2{height:44px;gap:2px}
.nav2 .pill{height:32px;border:0;border-radius:9px;padding:0 12px;font-weight:600;color:var(--fg-2);background:none}
.nav2 .pill:hover{color:var(--fg);background:rgba(255,255,255,.05)}
html[data-theme=light] .nav2 .pill:hover{background:var(--bg-2)}
html .nav2 .pill.on{background:rgba(255,255,255,.08);color:var(--fg);border:0}
html[data-theme=light] .nav2 .pill.on{background:var(--bg-2)}
.badge-dot{background:var(--rose);border-color:var(--bg);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(232,119,141,.6)}70%{box-shadow:0 0 0 7px rgba(232,119,141,0)}100%{box-shadow:0 0 0 0 rgba(232,119,141,0)}}
.ac{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.ac-item{border-radius:10px}

/* ---------- поверхности ---------- */
.panel,.card,.olist{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh)}
.panel-h{padding:16px 20px;border-bottom:1px solid var(--line-2)} .panel-b{padding:18px 20px}
.card.hov{transition:border-color .25s,transform .3s var(--ease),background .25s}
.card.hov:hover{border-color:#34453b;transform:translateY(-2px)}
html[data-theme=light] .card.hov:hover{border-color:#d4cdbf}
.notice{border-radius:14px;background:var(--sage-bg);border:1px solid rgba(159,208,168,.15);color:var(--fg)}
.notice .tag{background:var(--sage);color:#0b1a10;border:0}
.glow{position:relative;isolation:isolate}
.glow::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(232,119,141,.55),rgba(159,208,168,.25) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none;z-index:2}
.glow::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(232,119,141,.07),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1}
.glow:hover::before,.glow:hover::after{opacity:1}

/* ---------- карточки игр ---------- */
.gcard{position:relative;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.gcard:hover{transform:translateY(-4px);border-color:#3a4c41;box-shadow:0 26px 50px -26px rgba(0,0,0,.9)}
.gcard .cover{aspect-ratio:460/215;margin:0;border-radius:0}
.gcard .cover img,.gcard .cover .cover-art{transition:transform .8s var(--ease),filter .5s}
.gcard:hover .cover img,.gcard:hover .cover .cover-art{transform:scale(1.06)}
.gcard .cover::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,var(--card));pointer-events:none}
.gcard .body{padding:2px 16px 16px;margin-top:-18px;position:relative;z-index:1;gap:3px}
.gcard .nm{font-weight:800;font-size:15.5px;letter-spacing:-.02em}
.gcard .cats{color:var(--fg-3);font-weight:500}
.gcard .mono{font-weight:600}
.cover-art .brand{border-radius:16px}
.ico-tile{border-radius:10px!important;position:relative;overflow:hidden;background:linear-gradient(135deg,#1c2a22,#2a1c22);color:var(--fg);font-weight:800;letter-spacing:-.03em;display:grid;place-items:center;flex:0 0 auto}
html[data-theme=light] .ico-tile{background:linear-gradient(135deg,#e6f1e8,#fbe9ed)}
.ico-tile>b{font-size:max(10px,.36em);position:absolute;inset:0;display:grid;place-items:center;font-weight:800;opacity:.85}
.ico-tile img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;background:var(--card)}
.ico-tile.svc{background:linear-gradient(135deg,rgba(232,119,141,.2),rgba(159,208,168,.16));color:var(--fg)}
.ico-tile.svc svg{color:var(--rose-l)}

/* ---------- каталог: директория и вкладки ---------- */
.utabs{gap:4px;padding:8px!important;border-bottom:1px solid var(--line-2);margin:0!important}
.utabs button,.utabs a{border:0;margin:0;border-radius:10px;padding:8px 14px;font-weight:700;color:var(--fg-2);transition:background .2s,color .2s}
.utabs button:hover,.utabs a:hover{background:rgba(255,255,255,.05);color:var(--fg)}
html[data-theme=light] .utabs button:hover,html[data-theme=light] .utabs a:hover{background:var(--bg-2)}
.utabs .on{background:rgba(255,255,255,.09)!important;color:var(--fg)!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme=light] .utabs .on{background:var(--fg)!important;color:var(--bg)!important}
.utabs .n{color:var(--fg-3)}
.dir .it{border-radius:12px;padding:10px!important;border-bottom:0!important;transition:background .2s}
.dir .it:hover{background:rgba(255,255,255,.035)} html[data-theme=light] .dir .it:hover{background:var(--bg)}
.dir .nm{font-weight:700}.dir .nm:hover{color:var(--rose)}
.dir .sub-l{color:var(--fg-3)}.dir .sub-l a:hover{color:var(--sage)}
.tabs{border-bottom:1px solid var(--line)}
.tabs .on{border-bottom-color:var(--rose)!important;color:var(--fg)!important}

/* ---------- строки предложений ---------- */
.olist{overflow:hidden}
.ohead{background:transparent;padding:12px 18px;color:var(--fg-3);border-bottom:1px solid var(--line-2);font-weight:600;font-size:12px}
.orow{padding:13px 18px;border-bottom:1px solid var(--line-2);transition:background .2s}
.orow:hover{background:rgba(255,255,255,.025)} html[data-theme=light] .orow:hover{background:var(--card-h)}
.orow .o-ttl{font-weight:700;letter-spacing:-.01em;transition:color .2s}.orow .o-ttl:hover{color:var(--rose)}
.orow .o-meta{color:var(--fg-3)}
.orow .ok{color:var(--sage)}
.orow .price,.price{font-weight:800;letter-spacing:-.03em;color:var(--fg)}
.orow .price{font-size:16.5px}
.avatar{border-radius:50%}
.av-wrap .online{background:var(--sage);border-color:var(--card);box-shadow:0 0 0 0 rgba(159,208,168,.6);animation:pulseg 2.6s infinite}
@keyframes pulseg{70%{box-shadow:0 0 0 6px rgba(159,208,168,0)}}

/* ---------- формы ---------- */
.input,.select,.textarea{border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s,background .2s}
html[data-theme=light] .input,html[data-theme=light] .select,html[data-theme=light] .textarea{background:var(--card)}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(232,119,141,.55);box-shadow:0 0 0 4px rgba(232,119,141,.12)}
.select option{background:var(--card)}
.check input{border-radius:6px}
.check input:checked{background:var(--rose);border-color:var(--rose)}
.modal-bg{background:rgba(4,7,5,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal{border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:mIn .4s var(--spring)}
@keyframes mIn{from{opacity:0;transform:translateY(14px) scale(.97)}}
.toast{border-radius:14px;background:rgba(22,32,27,.92);backdrop-filter:blur(14px);border:1px solid var(--line);color:var(--fg);box-shadow:0 20px 40px -18px rgba(0,0,0,.8)}
html[data-theme=light] .toast{background:#111813;color:#f3efe6}
.toast .tag{background:var(--rose);color:#1a0d11;border:0}
.msg{border-radius:16px}
.msg.me,html[data-theme=dark] .msg.me{background:linear-gradient(180deg,#f08ba0,#dd6680);color:#1a0d11}
html[data-theme=light] .msg.me{background:#c64d68;color:#fff}
.msg.sys{background:var(--sage-bg);color:var(--fg-2)}
.side a{border-radius:10px;transition:background .2s,color .2s}
.side a.on{background:var(--rose-bg);color:var(--rose)}
.kpi{border-radius:16px}
.bars div{background:linear-gradient(180deg,var(--rose),rgba(232,119,141,.25));border-radius:6px 6px 2px 2px}
.bars div:last-child{background:linear-gradient(180deg,var(--sage),rgba(159,208,168,.25))}
.progress{background:rgba(255,255,255,.06)} .progress i{background:var(--silk);background-size:200% 100%;animation:silk 4s linear infinite}
.steps .step.done .bar,.steps .step.cur .bar{background:var(--rose)}
.wsteps button.on{background:var(--rose-bg);color:var(--rose);border-color:rgba(232,119,141,.3)}
.wsteps button.done .n{background:var(--sage);color:#0b1a10}
.empty .glyph{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,rgba(232,119,141,.18),rgba(159,208,168,.14));border:1px solid var(--line);color:var(--rose-l);animation:floaty 5s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(-6px) rotate(-4deg)}}
.faq details{border-radius:14px}
.table th{color:var(--fg-3);font-weight:600}
.compare-bar{border-radius:16px;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line)}
.sk{background:linear-gradient(90deg,var(--card) 0%,var(--card-h) 50%,var(--card) 100%);background-size:200% 100%}

/* ---------- шапка сущности ---------- */
.ehead{position:relative;overflow:hidden;background:var(--bg-2);border-bottom:1px solid var(--line);isolation:isolate}
.ehead .bgimg{position:absolute;inset:-40px;z-index:-1;filter:blur(40px) saturate(1.2);opacity:.35;transform:scale(1.1)}
.ehead .bgimg img,.ehead .bgimg .cover-art{width:100%;height:100%;object-fit:cover}
.ehead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,14,11,.2),var(--bg))}
html[data-theme=light] .ehead::after{background:linear-gradient(180deg,rgba(246,245,241,.4),var(--bg))}
.ehead h1{font-size:34px;font-weight:800;letter-spacing:-.04em}
.ehead .ecover{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}

/* ---------- подвал ---------- */
.footer{background:var(--bg-2);border-top:1px solid var(--line);border-radius:0;margin-top:72px;position:relative;overflow:hidden;color:var(--fg-3)}
.footer::after{content:"YoBuy";position:absolute;left:50%;bottom:-.28em;transform:translateX(-50%);font-size:min(22vw,300px);font-weight:800;letter-spacing:-.06em;line-height:1;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 80%);-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none;white-space:nowrap}
html[data-theme=light] .footer::after{background:linear-gradient(180deg,rgba(17,24,19,.06),transparent 80%);-webkit-background-clip:text;background-clip:text}
.footer .wrap{position:relative;z-index:1;padding-bottom:110px}
.footer a{color:var(--fg-2)!important;transition:color .2s}.footer a:hover{color:var(--fg)!important}
.footer .cols b,.footer h4{color:var(--fg);font-weight:700}
.footer .logo{color:var(--fg)!important}
.bnav{background:var(--glass)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line)!important}
.bnav a.on,.bnav .on{color:var(--rose)!important}

/* ---------- анимация появления ---------- */
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ===================== Анимированные значки ===================== */
svg.i{overflow:visible}
.badge svg.i-bolt{color:var(--warn)}
.stars svg{color:#f3c86b;fill:#f3c86b;stroke:#f3c86b}
@keyframes beat{0%,100%{transform:scale(1)}30%{transform:scale(1.25)}55%{transform:scale(.95)}75%{transform:scale(1.1)}}
@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes ring{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
@keyframes hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px) rotate(-6deg)}70%{transform:translateY(1px)}}
@keyframes wob{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}
@keyframes flash{50%{opacity:.25}}
@keyframes wave{0%,100%{transform:skewY(0)}50%{transform:skewY(-8deg)}}
@media (prefers-reduced-motion:reduce){svg.i,svg.i *{animation:none!important;transition:none!important}}

/* фирменные анимированные глифы разделов */
.glyph3{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px -16px rgba(0,0,0,.8);flex:0 0 auto}
html[data-theme=light] .glyph3{background:linear-gradient(145deg,#fff,#f3f0ea);border-color:var(--line);box-shadow:0 10px 22px -14px rgba(17,24,19,.35)}
.glyph3 svg{width:34px;height:34px;overflow:visible}
.glyph3 .s{fill:none;stroke:url(#gSilk);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.glyph3 .f{fill:url(#gSilk)}
.glyph3 .f2{fill:var(--sage)}.glyph3 .f3{fill:var(--rose)}
.g-pad .b1{animation:blink 2.2s infinite}.g-pad .b2{animation:blink 2.2s .55s infinite}.g-pad .b3{animation:blink 2.2s 1.1s infinite}
.g-pad svg{animation:tilt 5s ease-in-out infinite;transform-origin:50% 60%}
@keyframes blink{0%,60%,100%{opacity:1}30%{opacity:.2}}
@keyframes tilt{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
.g-crown .gem{animation:gem 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.g-crown .gem:nth-of-type(2){animation-delay:.4s}.g-crown .gem:nth-of-type(3){animation-delay:.8s}
.g-crown svg{animation:hover 4s ease-in-out infinite}
@keyframes gem{50%{transform:translateY(-2px) scale(1.35)}}
@keyframes hover{50%{transform:translateY(-3px)}}
.g-ai .core{animation:spin 9s linear infinite;transform-origin:center;transform-box:fill-box}
.g-ai .sp1,.g-ai .sp2{transform-origin:center;transform-box:fill-box;animation:twinkle 2s ease-in-out infinite}.g-ai .sp2{animation-delay:1s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes twinkle{0%,100%{transform:scale(.4);opacity:.4}50%{transform:scale(1.1);opacity:1}}
.g-card .shine{animation:sweep 3s ease-in-out infinite}
.g-card svg{animation:hover 4.5s ease-in-out infinite}
@keyframes sweep{0%{transform:translateX(-26px)}55%,100%{transform:translateX(30px)}}
.g-bolt .bolt{animation:zap 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.g-bolt .ring{animation:ripple 2.6s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes zap{0%,100%{transform:scale(1)}8%{transform:scale(1.18) rotate(-6deg)}16%{transform:scale(.96)}}
@keyframes ripple{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.g-shield .chk{stroke-dasharray:1;stroke-dashoffset:1;animation:chk 3s var(--ease) infinite}
@keyframes chk{20%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.g-shield svg{animation:hover 4s ease-in-out infinite}
.g-clock .hand{transform-origin:12px 12px;animation:spin 4s linear infinite}
.g-clock .hand2{transform-origin:12px 12px;animation:spin 24s linear infinite}
.g-users .u2{animation:hover 3s ease-in-out infinite}.g-users .u1{animation:hover 3s 1.5s ease-in-out infinite}
.g-star .st{transform-origin:center;transform-box:fill-box;animation:gem 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.glyph3 *{animation:none!important}}

/* ===================== Главная ===================== */
.hero4{position:relative;margin-top:calc(-1 * var(--hdr-h,108px));padding-top:var(--hdr-h,108px);min-height:min(820px,94vh);display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#0a0f0c}
.hero4 video,.hero4 .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hero4 .poster{background:#0a0f0c center/cover no-repeat}
.hero4 video{opacity:0;transition:opacity 1.2s}
.hero4 video.ready{opacity:1}
.hero4::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,14,11,.92) 0%,rgba(9,14,11,.72) 34%,rgba(9,14,11,.15) 70%,rgba(9,14,11,.35) 100%),linear-gradient(180deg,rgba(9,14,11,.55) 0%,transparent 22%,transparent 50%,rgba(9,14,11,.7) 80%,var(--bg) 99%)}
html[data-theme=light] .hero4::before{background:linear-gradient(90deg,rgba(9,14,11,.92) 0%,rgba(9,14,11,.72) 34%,rgba(9,14,11,.15) 70%,rgba(9,14,11,.35) 100%),linear-gradient(180deg,rgba(9,14,11,.55) 0%,transparent 22%,transparent 50%,rgba(9,14,11,.75) 82%,var(--bg) 99%)}
.hero4::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero4 .wrap{width:100%;color:#f3efe6;padding-top:48px;padding-bottom:88px}
.hero4 .eyebrow{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px 0 5px;border-radius:999px;background:rgba(243,239,230,.07);border:1px solid rgba(243,239,230,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:600;color:rgba(243,239,230,.85)}
.hero4 .eyebrow img{width:26px;height:26px;animation:spin 18s linear infinite}
.hero4 .eyebrow b{color:#fff;font-weight:800}
.hero4 h1{font-size:clamp(40px,6.2vw,84px);line-height:.98;font-weight:800;letter-spacing:-.055em;margin-top:22px;max-width:820px;color:#f6f3ec}
.hero4 h1 .silk{background:linear-gradient(100deg,#f08ba0 0%,#f3efe6 40%,#a9d8b1 70%,#f08ba0 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.04em}
.hero4 .lead{color:rgba(243,239,230,.72);font-size:18px;line-height:1.55;max-width:560px;margin-top:22px;font-weight:500}
.hsearch4{position:relative;margin-top:34px;max-width:660px;display:flex;align-items:center;height:64px;padding:0 8px 0 22px;border-radius:18px;background:rgba(243,239,230,.08);border:1px solid rgba(243,239,230,.16);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.9);transition:border-color .3s,background .3s,box-shadow .3s}
.hsearch4:focus-within{border-color:rgba(240,139,160,.6);background:rgba(243,239,230,.12);box-shadow:0 0 0 5px rgba(232,119,141,.14),0 30px 60px -30px rgba(0,0,0,.9)}
.hsearch4>svg{width:22px;height:22px;color:rgba(243,239,230,.7);flex:0 0 auto}
.hsearch4 input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;color:#f6f3ec;font-size:16.5px;font-weight:500;padding:0 14px}
.hsearch4 input::placeholder{color:rgba(243,239,230,.48)}
.hsearch4 .btn{height:48px;border-radius:13px;padding:0 22px}
.hsearch4 .ac{top:calc(100% + 8px);left:0;right:0;color:var(--fg)}
.hero4 .quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:700px}
.hero4 .quick span{font-size:13px;color:rgba(243,239,230,.5);font-weight:600;align-self:center;margin-right:4px}
.hero4 .quick a{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 12px 0 5px;border-radius:999px;background:rgba(243,239,230,.06);border:1px solid rgba(243,239,230,.12);font-size:13px;font-weight:600;color:rgba(243,239,230,.88);transition:background .2s,border-color .2s,transform .2s var(--ease)}
.hero4 .quick a:hover{background:rgba(243,239,230,.14);border-color:rgba(243,239,230,.28);transform:translateY(-1px)}
.hero4 .quick .ico-tile{width:22px!important;height:22px!important;border-radius:50%!important}
.hstats{display:flex;gap:44px;margin-top:52px;flex-wrap:wrap}
.hstats div b{display:block;font-size:30px;font-weight:800;letter-spacing:-.04em;color:#f6f3ec;font-variant-numeric:tabular-nums}
.hstats div span{font-size:13px;color:rgba(243,239,230,.55);font-weight:600}
.hstats div+div{padding-left:44px;border-left:1px solid rgba(243,239,230,.12)}
.scrollcue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:24px;height:38px;border-radius:14px;border:1.5px solid rgba(243,239,230,.3);z-index:1}
.scrollcue::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:#f3efe6;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:translateY(-2px)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.vtoggle{position:absolute;right:20px;bottom:22px;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(243,239,230,.08);border:1px solid rgba(243,239,230,.16);color:#f3efe6;backdrop-filter:blur(10px)}
.vtoggle svg{width:14px;height:14px}

.cats5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:-44px;position:relative;z-index:2}
.ctile{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:20px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s var(--ease),border-color .3s}
.ctile:hover{transform:translateY(-4px)}
.ctile .t{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.ctile b{font-size:16.5px;font-weight:800;letter-spacing:-.025em;display:block}
.ctile span{font-size:12.5px;color:var(--fg-3);font-weight:600}
.ctile .go{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--fg-2);transition:background .3s,color .3s,transform .4s var(--spring),border-color .3s}
.ctile .go svg{width:14px;height:14px}
.ctile:hover .go{background:var(--rose);border-color:var(--rose);color:#1a0d11;transform:rotate(-45deg)}

.trust4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden}
.trust4>div{display:flex;gap:14px;align-items:flex-start;padding:20px}
.trust4>div+div{border-left:1px solid var(--line-2)}
.trust4 b{font-weight:800;font-size:14.5px;letter-spacing:-.015em;display:block}
.trust4 p{font-size:13px;color:var(--fg-3);margin-top:3px;line-height:1.45}
.trust4 .glyph3{width:44px;height:44px;border-radius:13px}.trust4 .glyph3 svg{width:26px;height:26px}

.steps4 li .n{width:28px;height:28px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--rose);background:var(--rose-bg);border:1px solid rgba(232,119,141,.22)}
.sellband{position:relative;overflow:hidden;border-radius:24px;padding:44px;isolation:isolate;border:1px solid var(--line);color:#f3efe6;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#0a0f0c}
.sellband .bgv{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 60%;transform:scale(1.15);filter:saturate(1.1)}
.sellband::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,14,11,.95) 20%,rgba(9,14,11,.55) 60%,rgba(9,14,11,.2))}
.sellband h3{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.1;max-width:520px}
.sellband p{color:rgba(243,239,230,.7);margin-top:10px;max-width:520px;font-size:15px}
.sellband .row{gap:10px}
.sellband .btn-ghost{background:rgba(243,239,230,.08);border-color:rgba(243,239,230,.2);color:#f3efe6}

@media(max-width:1100px){.cats5{grid-template-columns:repeat(3,1fr)}.trust4{grid-template-columns:repeat(2,1fr)}.trust4>div:nth-child(3){border-left:0}.trust4>div:nth-child(n+3){border-top:1px solid var(--line-2)}}
@media(max-width:700px){
  .hero4{min-height:auto}.hero4 .wrap{padding-top:28px;padding-bottom:72px}
  .hero4::before{background:linear-gradient(180deg,rgba(9,14,11,.75) 0%,rgba(9,14,11,.55) 45%,rgba(9,14,11,.85) 85%,var(--bg) 100%)}
  .hero4 .lead{font-size:15.5px}
  .hsearch4{height:56px;padding:0 6px 0 16px;border-radius:16px}.hsearch4 .btn{display:none}
  .hstats{gap:18px;margin-top:32px}.hstats div+div{padding-left:18px}.hstats div b{font-size:22px}
  .scrollcue,.vtoggle{display:none}
  .cats5{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:-36px}.ctile{padding:14px;gap:12px;border-radius:18px}.ctile:last-child{grid-column:span 2}
  .glyph3{width:46px;height:46px;border-radius:14px}.glyph3 svg{width:28px;height:28px}
  .trust4{grid-template-columns:1fr}.trust4>div+div{border-left:0;border-top:1px solid var(--line-2)}
  .sellband{padding:26px}.sellband h3{font-size:24px}
  .ehead h1{font-size:26px}
}
#hdr{position:sticky;top:0;z-index:60}
#hdr .hdr{position:relative}

.scrollcue{display:none}
.hero4 .wrap{padding-bottom:110px}
/* обложки без арта: тёмное стекло с цветом бренда */
.cover-art{background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--c,#333) 55%,transparent),transparent 72%),linear-gradient(160deg,color-mix(in srgb,var(--c,#333) 30%,#0b100d),#0b100d 75%)!important;overflow:hidden}
html[data-theme=light] .cover-art{background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--c,#999) 45%,transparent),transparent 72%),linear-gradient(160deg,color-mix(in srgb,var(--c,#999) 22%,#fff),#f6f5f1 80%)!important}
.cover-art::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.08),transparent 60%);pointer-events:none}
.cover-art .brand{width:clamp(28px,22%,68px);height:auto;aspect-ratio:1;padding:0;border-radius:28%;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 40px -16px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(8px);display:grid;place-items:center;transition:transform .6s var(--spring)}
.cover-art .brand img{width:62%!important;height:62%!important;border-radius:18%;object-fit:contain}
.cover-art .brand.noimg{color:#f3efe6;font-weight:800;font-size:13px;text-align:center;padding:6px;line-height:1.1}
.cover-art .brand.noimg svg{width:30px;height:30px;color:#f3efe6}
.gcard:hover .cover-art .brand{transform:translateY(-4px) scale(1.06) rotate(-4deg)}
.cover-art .halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:var(--c,#333);filter:blur(50px);opacity:.35;left:15%;top:-20%;animation:halo 9s ease-in-out infinite}
@keyframes halo{50%{transform:translate(12%,10%) scale(1.15)}}
#app{position:relative;isolation:isolate}
.pagebg{position:absolute;left:0;right:0;top:0;height:520px;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 10%,transparent);mask-image:linear-gradient(#000 10%,transparent)}
.pagebg>*{width:100%;height:100%;object-fit:cover;filter:blur(60px) saturate(1.3);opacity:.28;transform:scale(1.2)}
html[data-theme=light] .pagebg>*{opacity:.2}
.pmain{overflow:hidden}
.pm-in{display:flex;gap:22px;padding:20px;align-items:flex-start}
.pcov{flex:0 0 300px;aspect-ratio:460/215;border-radius:14px;overflow:hidden;position:relative;border:1px solid var(--line);box-shadow:0 20px 40px -24px rgba(0,0,0,.9)}
.pcov img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pcov:hover img{transform:scale(1.05)}
.pm-gal{padding:0 20px 20px}.pm-gal img{width:84px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}
.specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:14px;overflow:hidden}
.specs>div{background:var(--card);padding:10px 14px}
.specs dt{font-size:12px;color:var(--fg-3);font-weight:600}
.specs dd{font-weight:700;margin-top:2px;font-size:14px}
.tag .ico-tile{display:inline-grid;vertical-align:-3px}
.trust4.t3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.pm-in{flex-direction:column}.pcov{flex:none;width:100%}.specs{grid-template-columns:repeat(2,1fr)}.trust4.t3{grid-template-columns:1fr}.trust4.t3>div+div{border-left:0;border-top:1px solid var(--line-2)}}
#hdr.over .hdr,#hdr.over .logo .yo{color:#f3efe6}
#hdr.over .nav2 .pill{color:rgba(243,239,230,.78)}
#hdr.over .nav2 .pill:hover,#hdr.over .nav2 .pill.on{background:rgba(243,239,230,.1);color:#fff}
#hdr.over .btn-ghost{background:rgba(243,239,230,.08);border-color:rgba(243,239,230,.18);color:#f3efe6}
#hdr.over .icon-btn{color:#f3efe6}
#hdr.over .gsearch input{color:#f3efe6}#hdr.over .gsearch input::placeholder{color:rgba(243,239,230,.5)}#hdr.over .gsearch>svg{color:rgba(243,239,230,.6)}
#hdr.over .balance-chip{color:#c4e6c9}
html[data-theme=light] .gs1{stop-color:#c64d68}html[data-theme=light] .gs2{stop-color:#b07a86}html[data-theme=light] .gs3{stop-color:#3f7a52}
@media(max-width:700px){.hstats{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.hstats div+div{padding-left:0;border-left:0}.hero4 .quick span{display:none}}
.two>*{min-width:0}
.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.ehead .row{flex-wrap:wrap}
.mbuy{display:none}
@media(max-width:900px){
  .mbuy{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:70;padding:10px 10px 10px 16px;border-radius:18px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 20px 40px -16px rgba(0,0,0,.8)}
  .mbuy .price{font-size:20px}.mbuy .btn{height:44px;padding:0 26px}
  body:has(.mbuy) .compare-bar{bottom:150px}
}

/* ===================== v5: без декоративного шума ===================== */
body::before{display:none}
.silk,.logo .by,.wm .by{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--rose)!important;animation:none!important}
.rv{opacity:1!important;transform:none!important;transition:none!important}
.glow::before,.glow::after{display:none!important}
.level.top{background:var(--rose-bg);border-color:rgba(232,119,141,.3);color:var(--rose)}
.level.top::after{display:none}
.badge-dot,.av-wrap .online{animation:none}
.footer::after{display:none}.footer .wrap{padding-bottom:28px}
.logo:hover .logo-mark{transform:none}
.logo-mark img{filter:none}
.btn-fill,html[data-theme=light] .btn-fill{background:var(--rose);box-shadow:none;color:#1a0d11}
.btn-fill:hover,html[data-theme=light] .btn-fill:hover{background:var(--rose-l);box-shadow:none}
html[data-theme=light] .btn-fill{color:#fff}html[data-theme=light] .btn-fill:hover{background:var(--rose-d)}
.btn:active{transform:none}
.panel,.card,.olist{box-shadow:none}
.empty .glyph{animation:none;background:var(--bg-2)}
.progress i{background:var(--rose);animation:none}
.modal{animation:none}
.t-hero,.t-display,.t-xl{font-size:30px;letter-spacing:-.02em}
.t-h1{font-size:24px;letter-spacing:-.02em}.t-h2{font-size:20px;letter-spacing:-.015em}
/* hero */
.hero4{min-height:540px}
.hero4::before{background:linear-gradient(90deg,rgba(9,14,11,.94) 0%,rgba(9,14,11,.8) 40%,rgba(9,14,11,.35) 75%,rgba(9,14,11,.45) 100%),linear-gradient(180deg,rgba(9,14,11,.5) 0%,transparent 25%,transparent 60%,var(--bg) 100%)!important}
.hero4::after{display:none}
.hero4 .wrap{padding-top:40px;padding-bottom:96px}
.hero4 h1{font-size:clamp(32px,4.2vw,54px);line-height:1.08;letter-spacing:-.03em;margin-top:0;max-width:720px}
.hero4 .lead{font-size:16px;max-width:600px;margin-top:16px;color:rgba(243,239,230,.75)}
.hsearch4{height:54px;margin-top:28px;border-radius:12px;background:#f3efe6;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:0 6px 0 16px;max-width:640px}
.hsearch4:focus-within{background:#fff;box-shadow:0 0 0 3px rgba(232,119,141,.45);border:0}
.hsearch4>svg{color:#6f7b72}
.hsearch4 input{color:#111813;font-size:15.5px}.hsearch4 input::placeholder{color:#89928b}
.hsearch4 .btn{height:42px;border-radius:9px}
.hero4 .quick{gap:4px 14px;margin-top:14px}
.hero4 .quick span{color:rgba(243,239,230,.5);font-weight:500;margin-right:0}
.hero4 .quick a{height:auto;padding:0;background:none;border:0;border-radius:0;color:rgba(243,239,230,.85);font-weight:600;text-decoration:underline;text-decoration-color:rgba(243,239,230,.3);text-underline-offset:3px}
.hero4 .quick a:hover{background:none;transform:none;color:#fff;text-decoration-color:#fff}
.vtoggle{backdrop-filter:none;background:rgba(9,14,11,.6)}
/* разделы */
.cats5{margin-top:-40px;gap:12px}
.ctile{flex-direction:row;align-items:center;gap:14px;padding:16px;border-radius:14px;background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:border-color .2s}
.ctile:hover{transform:none;border-color:#3a4c41}
html[data-theme=light] .ctile:hover{border-color:#cfc9bc}
.ctile b{font-size:15.5px;letter-spacing:-.01em}
.ctile span{display:block;margin-top:1px}
.glyph3{width:48px;height:48px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);box-shadow:none}
html[data-theme=light] .glyph3{background:var(--bg-2);box-shadow:none}
.glyph3 svg{width:30px;height:30px}
/* карточки игр */
.gcard{border-radius:14px}
.gcard:hover{transform:none;box-shadow:none;border-color:#3a4c41}
html[data-theme=light] .gcard:hover{border-color:#cfc9bc}
.gcard:hover .cover img,.gcard:hover .cover .cover-art{transform:scale(1.03)}
.gcard:hover .cover-art .brand{transform:none}
.cover-art .halo{animation:none}
.card.hov:hover{transform:none}
/* баннер продавца */
.sellband{background:var(--card);color:var(--fg);padding:28px 32px;border-radius:16px}
.sellband::before{display:none}
.sellband h3{font-size:22px;letter-spacing:-.02em}
.sellband p{color:var(--fg-2);font-size:14.5px;margin-top:6px}
.sellband .btn-ghost{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--fg)}
@media(max-width:700px){.hero4{min-height:auto}.hero4 .wrap{padding-top:24px;padding-bottom:70px}.cats5{grid-template-columns:1fr 1fr;margin-top:-30px}.ctile{padding:12px;gap:10px}.ctile:last-child{grid-column:span 2}.glyph3{width:40px;height:40px}.glyph3 svg{width:26px;height:26px}.sellband{padding:22px}}
.ctile span.glyph3{display:grid;margin:0}
.wsteps button .n{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:800;background:var(--bg-2);border:1px solid var(--line);flex:0 0 auto}
.wsteps button.on .n{background:var(--rose);border-color:var(--rose);color:#1a0d11}

/* ===== отдельная страница входа / регистрации ===== */
body.bare #hdr,body.bare #ft,body.bare #bnav,body.bare .bnav,body.bare .compare-bar{display:none!important}
body.bare #app{padding:0}
.authp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh}
.auth-main{display:flex;flex-direction:column;padding:24px 40px;min-height:100vh}
.auth-top{display:flex;align-items:center;justify-content:space-between}
.auth-box{width:100%;max-width:420px;margin:auto;padding:40px 0}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line)}
.auth-switch a{height:36px;display:grid;place-items:center;border-radius:9px;font-weight:700;color:var(--fg-2);transition:background .2s,color .2s}
.auth-switch a:hover{color:var(--fg)}
.auth-switch a.on{background:var(--card);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.auth-box .t-h1{font-size:28px}
.auth-oauth{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.auth-or{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:var(--fg-3);font-size:12.5px;font-weight:600}
.auth-or::before,.auth-or::after{content:"";flex:1;border-top:1px solid var(--line)}
.authp .field label{font-weight:600;font-size:13px;color:var(--fg-2)}
.authp .input{height:46px;font-size:15px}
.authp .input.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}
.pwwrap{position:relative}.pwwrap .input{padding-right:46px;width:100%}
.pweye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--fg-3)}
.pweye:hover{color:var(--fg);background:rgba(255,255,255,.05)}
.pweye svg{width:18px;height:18px}
.pwmeter{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.pwmeter i{height:4px;border-radius:2px;background:var(--line)}
.pwmeter i.w{background:var(--danger)}.pwmeter i.m{background:var(--warn)}.pwmeter i.s{background:var(--ok)}
.refd summary{cursor:pointer;color:var(--fg-2);font-size:13.5px;font-weight:600;list-style:none}
.refd summary::-webkit-details-marker{display:none}
.refd summary::before{content:"+ "}.refd[open] summary::before{content:"− "}
.authp .check{align-items:flex-start;line-height:1.4}
.auth-err{min-height:0;color:var(--danger);font-size:13.5px;font-weight:600}
.auth-err:empty{display:none}
.auth-foot{display:flex;gap:18px;color:var(--fg-3);font-size:13px}
.auth-foot a:hover{color:var(--fg)}
.auth-side{position:relative;overflow:hidden;background:#0a0f0c url(media/hero-poster.jpg) center/cover;margin:12px 12px 12px 0;border-radius:20px;display:flex;align-items:flex-end;isolation:isolate}
.auth-side video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.auth-side::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,14,11,.25),rgba(9,14,11,.35) 40%,rgba(9,14,11,.92))}
.auth-side-in{padding:44px;color:#f3efe6;max-width:560px}
.auth-side-in img{width:56px;height:56px}
.auth-side-in h2{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.12;margin-top:18px}
.auth-side-in ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.auth-side-in li{display:flex;gap:10px;align-items:flex-start;color:rgba(243,239,230,.8);font-size:15px}
.auth-side-in li svg{width:18px;height:18px;flex:0 0 auto;color:#9fd0a8;margin-top:2px}
@media(max-width:900px){.authp{grid-template-columns:1fr}.auth-side{display:none}.auth-main{padding:16px 18px}.auth-box{padding:28px 0}}
[hidden]{display:none!important}
.auth-side{position:sticky;top:12px;height:calc(100vh - 24px);align-self:start}
.auth-switch a.on{background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme=light] .auth-switch a.on{background:var(--card);box-shadow:0 1px 2px rgba(17,24,19,.12)}
.auth-oauth .btn{height:40px}
/* исправления вёрстки */
#app{min-height:calc(100vh - 220px)}
body.bare #app{min-height:100vh}
.kpi .tag{background:none!important;border:0!important;padding:0!important;height:auto!important;color:var(--fg-3);font-weight:600;font-size:12.5px;border-radius:0;display:block;width:auto}
.kpi .v{font-weight:800;font-size:24px;letter-spacing:-.02em}
.vtoggle{bottom:auto;top:calc(var(--hdr-h,108px) + 16px)}
.counter{color:var(--fg-3);font-weight:600}

/* v5.1 mobile fixes */
.msgwrap{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px}
@media(max-width:760px){.msgwrap{grid-template-columns:minmax(0,1fr)}.msgwrap:not(.has-id)>:not(.conv-list){display:none}}
@media(max-width:680px){.g2{grid-template-columns:minmax(0,1fr)}}
.wrap>.row.between.wrapf{gap:12px}.wrap>.row.between.wrapf>.row{flex-wrap:wrap}
@media(max-width:420px){.g4:has(>.kpi){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nrow{flex-wrap:wrap;align-items:flex-start}.nrow>.grow{flex-basis:calc(100% - 40px)}.nrow>.mono{margin-left:24px;font-size:12px}}

/* ===== v5.2 header ===== */
.hdr .hrow{height:64px;gap:20px}
.hdr .gsearch{max-width:none;flex:1 1 auto;margin:0 4px}
.hdr .gsearch input{height:42px;border-radius:12px;padding-left:40px;font-size:14.5px}
.hdr .gsearch>svg{left:14px;top:13px}
.hdr .gsearch kbd{top:11px;right:10px}
.hdr-actions{gap:6px}
.hbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--fg);background:none;border:0;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.hbtn svg{width:17px;height:17px;color:var(--fg-2)}
.hbtn:hover{background:rgba(255,255,255,.06)}
html[data-theme=light] .hbtn:hover{background:var(--bg-2)}
.hsep{width:1px;height:22px;background:var(--line);margin:0 4px}
.hreg{height:38px!important;padding:0 16px!important;border-radius:10px!important;font-size:14px!important}
.hav{margin-left:4px;display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px var(--line)}
.prefs-wrap{position:relative}
.prefbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 10px 0 11px;border-radius:10px;border:1px solid var(--line);background:none;color:var(--fg);font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:border-color .15s,background .15s}
.prefbtn:hover,.prefbtn[aria-expanded=true]{background:rgba(255,255,255,.05);border-color:var(--fg-3)}
html[data-theme=light] .prefbtn:hover,html[data-theme=light] .prefbtn[aria-expanded=true]{background:var(--bg-2)}
.prefbtn svg{width:16px;height:16px;color:var(--fg-2)}
.prefbtn .chev{width:14px;height:14px;transition:transform .2s}
.prefbtn[aria-expanded=true] .chev{transform:rotate(180deg)}
.prefbtn i{font-style:normal;color:var(--fg-3);margin:0 4px}
.prefs-pop{position:absolute;right:0;top:calc(100% + 8px);width:300px;z-index:120;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.45);animation:ddin .14s ease-out;color:var(--fg)}
html[data-theme=light] .prefs-pop{box-shadow:0 18px 50px rgba(30,25,20,.14)}
.pp-h{font-size:11.5px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;padding:10px 10px 6px}
.pp-list{display:flex;flex-direction:column}
.pp-list button{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:9px;border:0;background:none;color:var(--fg);font-size:14px;text-align:left;cursor:pointer}
.pp-list button:hover{background:rgba(255,255,255,.05)}
.pp-list button.on{background:rgba(232,119,141,.1)}
html[data-theme=light] .pp-list button:hover{background:var(--bg-2)}
.pp-code{width:26px;font-size:11.5px;font-weight:700;color:var(--fg-3)}
.pp-list .on .pp-code{color:var(--rose)}
.pp-ok{margin-left:auto;width:16px;height:16px;color:var(--rose)}
.pp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 2px}
.pp-grid button{height:44px;border-radius:9px;border:1px solid var(--line-2);background:none;color:var(--fg-2);font-size:12px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.pp-grid button b{font-size:14px;color:var(--fg);font-weight:600}
.pp-grid button:hover{border-color:var(--fg-3)}
.pp-grid button.on{border-color:var(--rose);background:rgba(232,119,141,.1);color:var(--rose)}
.pp-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 2px 2px}
.pp-seg button{height:38px;border-radius:9px;border:1px solid var(--line-2);background:none;color:var(--fg-2);font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.pp-seg button svg{width:16px;height:16px}
.pp-seg button.on{border-color:var(--rose);color:var(--fg);background:rgba(232,119,141,.1)}
/* nav row */
.nav2{display:block!important;height:auto!important;overflow:visible!important;border-top:1px solid var(--line-2)}
.nav2-in{display:flex;align-items:center;gap:2px;height:46px;overflow-x:auto;scrollbar-width:none}
.nav2-in::-webkit-scrollbar{display:none}
.nav2-in a{position:relative;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 12px;font-size:14px;font-weight:500;color:var(--fg-2);white-space:nowrap;transition:color .15s}
.nav2-in a svg{width:17px;height:17px;color:var(--fg-3);transition:color .15s}
.nav2-in a:first-child{margin-left:-12px}
.nav2-in a:hover{color:var(--fg)}.nav2-in a:hover svg{color:var(--fg-2)}
.nav2-in a.on{color:var(--fg)}.nav2-in a.on svg{color:var(--rose)}
.nav2-in a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:var(--rose)}
#hdr.over .nav2{border-top-color:rgba(243,239,230,.08)}
#hdr.over .nav2-in a{color:rgba(243,239,230,.75)}#hdr.over .nav2-in a svg{color:rgba(243,239,230,.5)}
#hdr.over .nav2-in a:hover,#hdr.over .nav2-in a.on{color:#fff;background:none}
#hdr.over .hbtn{color:#f3efe6}#hdr.over .hbtn:hover{background:rgba(243,239,230,.1)}#hdr.over .hbtn svg{color:rgba(243,239,230,.7)}
#hdr.over .prefbtn{color:#f3efe6;border-color:rgba(243,239,230,.18)}#hdr.over .prefbtn svg{color:rgba(243,239,230,.7)}#hdr.over .hsep{background:rgba(243,239,230,.16)}
@media(max-width:1100px){.hbtn span{display:none}.hdr .hrow{gap:12px}}
@media(max-width:760px){.prefbtn{width:38px;padding:0;justify-content:center;border-color:transparent}.prefbtn .chev{display:none}.prefs-pop{position:fixed;right:10px;left:10px;top:60px;width:auto}.hdr .hrow{height:56px}.hbtn{padding:0 10px}}

/* ===== custom select ===== */
select.dd-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
button.dd{display:inline-flex;align-items:center;text-align:left;font:inherit;cursor:pointer;color:var(--fg);min-width:0}
button.dd.select,button.dd.input{display:flex;width:100%}
button.dd .dd-v{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
button.dd.dd-open{border-color:var(--rose)}
button.dd:disabled{opacity:.55;cursor:not-allowed}
.dd-menu{position:fixed;z-index:2000;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:5px;box-shadow:0 18px 50px rgba(0,0,0,.5);overflow:auto;max-width:min(420px,calc(100vw - 16px));animation:ddin .12s ease-out;scrollbar-width:thin}
html[data-theme=light] .dd-menu{box-shadow:0 18px 50px rgba(30,25,20,.16)}
.dd-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:8px;background:none;color:var(--fg);font-size:14px;text-align:left;cursor:pointer;outline:none}
.dd-menu button span{flex:1}
.dd-menu button svg{width:16px;height:16px;color:var(--rose);flex:none}
.dd-menu button:hover,.dd-menu button:focus-visible,.dd-menu button:focus{background:rgba(255,255,255,.06)}
html[data-theme=light] .dd-menu button:hover,html[data-theme=light] .dd-menu button:focus{background:var(--bg-2)}
.dd-menu button.on{color:var(--rose);font-weight:600}
.dd-menu button:disabled{opacity:.4;cursor:default}
.dd-g{font-size:11.5px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;padding:10px 10px 4px}
@keyframes ddin{from{opacity:0;transform:translateY(-4px)}}
#hdr.over .prefbtn[aria-expanded=true],#hdr.over .prefbtn:hover{background:rgba(243,239,230,.1);border-color:rgba(243,239,230,.3)}
@media(max-width:760px){.nav2.hide-m{display:none!important}}

/* ===== v6 — de-slop pass 2 ===== */
:root{--r-card:12px;--av-bg:#262e29;--av-fg:#c6ccc4}
html[data-theme=light]{--av-bg:#e8e5de;--av-fg:#5b5f58}
.panel,.card,.olist,.pcard,.gcard{border-radius:12px!important}
/* game cards: flat, image then text */
.gcard .cover::after{display:none!important}
.gcard .body{margin-top:0!important;padding:12px 14px 14px!important}
.gcard .nm{font-weight:700!important;font-size:15px!important}
.gcard:hover .cover img,.gcard:hover .cover .cover-art{transform:none!important}
.cover-art{background:var(--bg-2)!important}
html[data-theme=light] .cover-art{background:#ebe8e1!important}
.cover-art::before,.cover-art .halo{display:none!important}
.cover-art .brand{background:none!important;border:0!important;box-shadow:none!important;width:clamp(40px,24%,72px)!important}
.cover-art .brand img{width:100%!important;height:100%!important;border-radius:14px}
/* icon tiles: flat */
.ico-tile{background:var(--bg-2)!important;border:1px solid var(--line-2)!important}
.ico-tile.svc{color:var(--fg-2)!important}.ico-tile.svc svg{color:var(--fg-2)!important}
.ico-tile>b{font-weight:600!important;color:var(--fg-3);opacity:1!important}
.ico-tile img{background:none!important}.ico-tile img.ok{background:var(--card)!important}
.ico-tile:has(img.ok)>b{display:none}
/* seller level: text, not pill */
.level{background:none!important;border:0!important;padding:0!important;font-weight:500!important;font-size:12.5px!important;color:var(--fg-3)!important;border-radius:0!important}
.level.pro{color:var(--fg-2)!important}.level.top{color:var(--rose)!important}
.level::after{display:none!important}
/* header nav: text only */
.nav2-in a{gap:0}.nav2-in a:first-child{margin-left:-12px}
/* no ambient blur backgrounds */
.pagebg,.ehead .bgimg{display:none!important}
.online{box-shadow:0 0 0 2px var(--card)}
/* seller page */
.sstrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.sstrip>div{padding:14px 16px 14px 0;display:flex;flex-direction:column;gap:2px}
.sstrip>div+div{padding-left:16px;border-left:1px solid var(--line-2)}
.sstrip b{font-size:18px;font-weight:700;letter-spacing:-.01em}
.sstrip span{font-size:12.5px;color:var(--fg-3)}
@media(max-width:800px){.sstrip{grid-template-columns:repeat(3,1fr)}.sstrip>div:nth-child(4){border-left:0;padding-left:0}.sstrip>div:nth-child(n+4){border-top:1px solid var(--line-2)}}
.smeta{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--fg-3)}
.smeta svg{width:14px;height:14px}
.smeta.on::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
/* sell band: plain row */
.sellband.flat{background:none!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:28px 0 0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sellband.flat::before,.sellband.flat::after{display:none!important}
.sellband.flat h3{font-size:20px}
/* notice */
.notice{border-radius:10px}
.nav2-in a svg{margin-right:6px}
.hero4{min-height:min(640px,82vh)!important}
.hero4 .wrap{padding-bottom:64px!important}
@media(max-width:700px){.hero4 .wrap{padding-bottom:40px!important}}
.hero4+.section,.hero4+*{margin-top:0}
@media(max-width:700px){.hero4{min-height:auto!important}}
@media(max-width:420px){.g4:has(>.gcard){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.gcard .body{padding:10px!important}.gcard .nm{font-size:14px!important}.gcard .cats{display:none}}
@media(max-width:700px){#hdir .dir>*:nth-child(n+13){display:none}}

/* ===== v6.1 entity header ===== */
.toolbar{scroll-margin-top:calc(var(--hdr-h,110px) + 16px)}
.eh2{background:var(--bg-2)!important;border-bottom:1px solid var(--line)}
html[data-theme=light] .eh2{background:#efece5!important}
.eh2::after{display:none!important}
.eh2 .in{display:grid!important;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:center;padding:22px 0 26px!important}
.eh-top{display:flex;align-items:center;gap:18px}
.eh-top .ico-tile{border-radius:16px!important}
.eh-type{font-size:13px;color:var(--fg-3);margin-bottom:2px}
.eh2 h1{font-size:38px!important;line-height:1.08;font-weight:800;letter-spacing:-.035em}
.eh-lead{margin-top:14px;max-width:620px;color:var(--fg-2);font-size:15px;line-height:1.55}
.eh-stats{display:flex;flex-wrap:wrap;margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eh-stats>div{display:flex;flex-direction:column;gap:1px;padding:11px 22px 11px 0;margin-right:22px;border-right:1px solid var(--line)}
.eh-stats>div:last-child{border-right:0}
.eh-stats b{font-size:16px;font-weight:700;white-space:nowrap}
.eh-stats span{font-size:12px;color:var(--fg-3)}
.eh2 .acts{margin-top:18px;flex-wrap:wrap}
.eh2 .ecover{width:100%!important;aspect-ratio:460/215;border-radius:14px!important;box-shadow:none!important;border:1px solid var(--line)!important;overflow:hidden;background:var(--card)}
.eh2 .ecover.nf img{display:none}
.ebrand{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;padding:22px 24px;background:color-mix(in srgb,var(--c) 72%,#0a0d0b)!important;border-color:transparent!important;color:#fff}
.ebrand .eb-logo{position:absolute;top:22px;left:24px;width:64px;height:64px;border-radius:16px;object-fit:cover;background:#fff}
.ebrand .eb-ic{position:absolute;top:22px;left:24px;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.ebrand .eb-ic svg{width:32px;height:32px;color:#fff}
.ebrand b{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.ebrand span{font-size:13px;opacity:.75}
.ebrand::after{content:"";position:absolute;right:-30px;bottom:-60px;width:220px;height:220px;border:28px solid rgba(255,255,255,.07);border-radius:50%}
@media(max-width:1000px){.eh2 .in{grid-template-columns:1fr}.eh2 .ecover{max-width:420px}}
@media(max-width:700px){.eh2 h1{font-size:28px!important}.eh-top{gap:12px}.eh-top .ico-tile{width:52px!important;height:52px!important}.eh2 .ecover{display:none}.eh-stats>div{padding-right:14px;margin-right:14px}.eh-stats>div:nth-child(n+4){display:none}}
.ebrand{align-items:center!important;justify-content:center!important;padding:0!important}
.eh2 .ebrand .eb-logo{position:static!important;width:96px!important;height:96px!important;border-radius:24px!important;object-fit:cover!important;box-shadow:0 10px 30px -10px rgba(0,0,0,.45)}
.ebrand .eb-ic{position:static!important;width:96px!important;height:96px!important;border-radius:24px!important}
.ebrand .eb-ic svg{width:44px!important;height:44px!important}
.ebrand .eb-dom{position:absolute;left:20px;bottom:16px;font-size:12.5px;opacity:.8;font-weight:500}

/* ===== v6.1 checkout ===== */
.modal.modal-co{width:min(940px,100%);padding:0;border-radius:16px!important;overflow:hidden auto}
.modal-co .x{top:14px;right:14px;z-index:2}
.co{display:grid;grid-template-columns:minmax(0,1fr) 340px}
.co-main{padding:28px 30px 30px}
.co-h{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.co-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}
.co-t{font-weight:600;font-size:15px;line-height:1.35}
.co-s{font-size:13px;color:var(--fg-3);margin-top:3px}.co-s a{color:var(--fg-2)}.co-s a:hover{color:var(--fg)}
.co-unit{text-align:right;font-weight:700;font-size:16px;white-space:nowrap}.co-unit span{display:block;font-size:12px;font-weight:400;color:var(--fg-3)}
.co-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.co-lbl{font-weight:600;font-size:14px}.co-lbl span{display:block;font-weight:400;font-size:12.5px;color:var(--fg-3);margin-top:2px}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;height:40px;overflow:hidden}
.stepper button{width:40px;height:100%;background:none;border:0;color:var(--fg);font-size:18px;cursor:pointer}
.stepper button:hover:not(:disabled){background:rgba(255,255,255,.05)}
html[data-theme=light] .stepper button:hover:not(:disabled){background:var(--bg-2)}
.stepper button:disabled{color:var(--fg-3);opacity:.5;cursor:default}
.stepper input{width:52px;height:100%;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:none;text-align:center;font:inherit;font-weight:600;color:var(--fg);outline:none}
.co-sec{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:10px}
.pmlist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pm{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;position:relative;transition:background .12s}
.pm+.pm{border-top:1px solid var(--line-2)}
.pm:hover{background:rgba(255,255,255,.03)}
html[data-theme=light] .pm:hover{background:var(--bg)}
.pm input{position:absolute;opacity:0;pointer-events:none}
.pm-b{flex:1;display:flex;flex-direction:column;gap:1px}.pm-b b{font-weight:600;font-size:14.5px}.pm-b span{font-size:12.5px;color:var(--fg-3)}
.pm-r{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--fg-3);flex:none;transition:border .12s}
.pm:has(input:checked){background:rgba(232,119,141,.07)}
.pm:has(input:checked) .pm-r{border:5px solid var(--rose)}
.pm:has(input:focus-visible){outline:2px solid var(--rose);outline-offset:-2px}
.co-promo{display:flex;gap:8px}.co-promo .input{flex:1}
.co-perr{font-size:12.5px;color:var(--danger);margin-top:6px;min-height:0}.co-perr.ok{color:var(--ok)}
.co-side{background:var(--bg-2);border-left:1px solid var(--line);padding:28px 26px 26px;display:flex;flex-direction:column}
html[data-theme=light] .co-side{background:#f3f1ec}
.co-side .co-sec{margin-top:4px}
.co-l{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--fg-2);padding:6px 0}
.co-l span:last-child{color:var(--fg);white-space:nowrap}.co-l.ok span:last-child{color:var(--ok)}
.co-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:10px;padding-top:14px}
.co-tot span{font-weight:600}.co-tot b{font-size:28px;font-weight:800;letter-spacing:-.02em}
.co-bal{font-size:12.5px;color:var(--fg-3);margin-top:4px;text-align:right}.co-bal.low{color:var(--warn,#e0b25b)}
.co-pay{width:100%;margin-top:18px;height:50px!important;font-size:15.5px!important;font-weight:700!important}
.co-g{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:11px}
.co-g li{display:flex;gap:10px;font-size:13px;color:var(--fg-2);line-height:1.4}
.co-g svg{width:16px;height:16px;flex:none;color:var(--fg-3);margin-top:1px}
.co-terms{font-size:12px;color:var(--fg-3);margin-top:auto;padding-top:16px}.co-terms a{color:var(--fg-2);text-decoration:underline}
@media(max-width:820px){.co{grid-template-columns:1fr}.co-side{border-left:0;border-top:1px solid var(--line)}.co-main{padding:22px 18px}.co-side{padding:20px 18px}.co-item{padding:12px}}
.gw-h{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.gw-test{font-size:11.5px;font-weight:500;color:var(--fg-3);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.gw-amt{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-top:14px}
.help svg{width:15px;height:15px;flex:none;margin-top:2px}
@media(max-width:820px){.modal-bg:has(.modal-co){padding:0!important;align-items:stretch!important}.modal.modal-co{width:100%!important;max-height:100dvh!important;height:100dvh;border-radius:0!important;border:0!important}.co-side{padding-bottom:28px}}

/* ===== Entity header v3 (banner) ===== */
.ex{position:relative;overflow:hidden;border-bottom:0;background:var(--bg)}
.ex-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.ex-img .ex-bg img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}
.ex-img .ex-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent) 0%,color-mix(in srgb,var(--bg) 55%,transparent) 40%,var(--bg) 100%),linear-gradient(90deg,color-mix(in srgb,var(--bg) 70%,transparent) 0%,transparent 70%)}
.ex-brand{background:color-mix(in srgb,var(--c) 16%,var(--bg))}
.ex-brand::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--line)}
.ex-mark{position:absolute;right:max(20px,calc(50% - 600px));top:50%;transform:translateY(-58%);width:200px;height:200px;border-radius:44px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 34%,var(--bg));border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.ex-mark img{width:120px;height:120px;object-fit:contain;border-radius:22px}
.ex-mark svg{width:96px;height:96px;color:color-mix(in srgb,var(--c) 40%,#fff)}
.ex-wrap{position:relative;z-index:1;padding-top:18px;padding-bottom:22px}
.ex-img .ex-wrap{padding-top:22px;min-height:400px;display:flex;flex-direction:column}
.ex-img .ex-in{margin-top:auto}
.ex .crumbs{margin:0 0 28px;color:var(--fg-2)} .ex .crumbs a{color:var(--fg-2)} .ex .crumbs a:hover{color:var(--fg)}
.ex-in{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ex-flat .ex-in{padding-right:240px;min-height:150px;align-items:flex-end}
.ex-flat .ex-in{flex-direction:column;align-items:flex-start;justify-content:flex-end}
.ex-id{display:flex;gap:20px;align-items:flex-end;min-width:0}
.ex-id>:first-child{flex:0 0 auto;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.ex-tt{min-width:0}
.ex .eh-type{font-size:13px;color:var(--fg-2);margin-bottom:6px}
.ex h1{font:700 clamp(30px,4vw,48px)/1.05 var(--sans);letter-spacing:-.02em;margin:0;color:var(--fg)}
.ex h1 span{color:var(--fg-2);font-weight:600}
.ex .eh-lead{margin:10px 0 0;color:var(--fg-2);font-size:15px;max-width:560px}
.ex-acts{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.ex-ib{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 80%,transparent)!important;width:42px!important;height:42px!important}
.ex-ib.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.ex-acts .btn-ghost{background:color-mix(in srgb,var(--card) 80%,transparent)}
.ex-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:22px;border-top:1px solid color-mix(in srgb,var(--fg) 12%,transparent);padding-top:14px}
.ex-stats>div{display:flex;flex-direction:column;padding-right:28px;margin-right:28px;border-right:1px solid color-mix(in srgb,var(--fg) 10%,transparent)}
.ex-stats>div:last-child{border-right:0}
.ex-stats b{font-size:17px;font-weight:600;color:var(--fg)} .ex-stats span{font-size:12px;color:var(--fg-3);margin-top:2px}
.ex-tabs{position:relative;z-index:2;background:var(--bg);border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hdr-h,110px) + 8px)}
.ex-tabs .utabs{border:0!important;padding:6px 0!important;margin:0!important}
.ex-tabs .utabs a{border-radius:10px;border-bottom:0!important;padding:8px 14px;margin:0}
.ex-tabs .utabs a.on{background:var(--card-h);color:var(--fg)}
.ex-tabs .utabs a:hover{color:var(--fg)}

/* ===== Offer toolbar ===== */
.otb{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.otb-l,.otb-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.osearch{position:relative;display:block}
.osearch svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--fg-3);pointer-events:none}
.osearch .input{padding-left:36px!important;height:40px;width:240px;border-radius:10px}
.ochip{height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg-2);display:inline-flex;align-items:center;gap:7px;font:500 14px var(--sans);cursor:pointer;white-space:nowrap}
.ochip svg{width:15px;height:15px}
.ochip:hover{color:var(--fg);border-color:var(--fg-3)}
.ochip.on{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-bg)}
.ochip.on svg{color:var(--accent)}
.odot{width:8px;height:8px;border-radius:50%;background:var(--fg-3)} .ochip.on .odot{background:var(--ok)}
.otb-r .dd,.otb-r .select{height:40px}

/* ===== Offer rows v3 ===== */
.olist{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.olist .ohead{display:grid!important;grid-template-columns:minmax(0,1fr) 210px 130px 210px;gap:20px;padding:11px 18px;font-size:12px;color:var(--fg-3);border-bottom:1px solid var(--line);background:var(--bg-2)}
.olist .ohead span:last-child{text-align:right}
.orow{display:grid!important;grid-template-columns:minmax(0,1fr) 210px 130px 210px!important;gap:20px!important;align-items:center!important;padding:14px 18px!important;border-bottom:1px solid var(--line-2)!important;background:transparent;transition:background .15s}
.orow:last-child{border-bottom:0!important}
.orow:hover{background:var(--card-h)}
.orow .o-main{display:flex;gap:12px;align-items:flex-start;min-width:0}
.o-ic{flex:0 0 auto;margin-top:2px}
.orow .o-ttl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 15px/1.35 var(--sans);color:var(--fg)}
.orow .o-ttl:hover{color:var(--accent)}
.o-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.oc{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;background:var(--bg-2);border:1px solid var(--line-2);font-size:12px;color:var(--fg-2);white-space:nowrap}
a.oc:hover{color:var(--fg);border-color:var(--line)}
.oc svg{width:12px;height:12px}
.oc-ok{color:var(--ok);background:var(--ok-bg);border-color:transparent}
.oc-sale{color:var(--warn);background:var(--warn-bg);border-color:transparent;font-weight:600}
.oc-e{color:var(--fg)}
.o-seller{display:flex!important;gap:10px;align-items:center;min-width:0;color:var(--fg)}
.o-av{position:relative;flex:0 0 auto;display:inline-flex}
.o-av.on::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--card)}
.o-sm{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.o-sm .nm{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.o-seller:hover .nm{color:var(--accent)}
.o-rt{font-size:12px;color:var(--fg-3);white-space:nowrap} .o-rt b{color:var(--fg-2);font-weight:600}
.o-lv{font-size:11px;color:var(--fg-3)}
.o-stock{display:flex;flex-direction:column;gap:2px;font-size:13px}
.o-dl{color:var(--fg);font-weight:500} .o-dl.ok{color:var(--ok)}
.o-st{color:var(--fg-3);font-size:12px}
.orow .o-price{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;text-align:right}
.o-pv{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.o-pv .price{font-size:18px;font-weight:700;white-space:nowrap}
.o-pv s{font-size:12px;color:var(--fg-3)}
.o-btns{display:flex;gap:4px;align-items:center}
.o-buy{height:36px!important;padding:0 16px!important}
.o-btns .fav-btn{width:36px!important;height:36px!important}
.orow.is-sale .o-pv .price{color:var(--warn)}

@media(max-width:1100px){
  .olist .ohead,.orow{grid-template-columns:minmax(0,1fr) 190px 190px!important}
  .olist .ohead span:nth-child(3),.orow .o-stock{display:none!important}
}
@media(max-width:960px){
  .ex-acts{flex-wrap:wrap}
  .ex-in{flex-direction:column;align-items:flex-start}
  .ex-flat .ex-in{padding-right:0}
  .ex-mark{width:130px;height:130px;border-radius:30px;transform:none;top:18px;right:16px;opacity:.9}
  .ex-mark img{width:76px;height:76px;border-radius:16px}
  .ex-mark svg{width:60px;height:60px}
}
@media(max-width:720px){
  .ex-wrap{padding-top:12px;padding-bottom:16px}
  .ex-img .ex-wrap{min-height:0;padding-top:12px}
  .ex-img .ex-bg{height:300px;bottom:auto}
  .ex-img .ex-in{margin-top:120px}
  .ex .crumbs{margin-bottom:18px;font-size:12px}
  .ex-flat .ex-in{min-height:0;padding-top:90px}
  .ex-mark{width:84px;height:84px;border-radius:22px;top:12px;right:12px}
  .ex-mark img{width:50px;height:50px;border-radius:12px}
  .ex-mark svg{width:40px;height:40px}
  .ex-id{gap:14px;align-items:center}
  .ex-id>:first-child{width:60px!important;height:60px!important;border-radius:14px!important}
  .ex h1{font-size:26px}
  .ex .eh-lead{font-size:14px;margin-top:8px}
  .ex-acts{width:100%;display:grid;grid-template-columns:1fr auto 42px 42px;gap:8px}
  .ex-acts .btn{height:42px;padding:0 12px}
  .ex-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 0;margin-top:16px}
  .ex-stats>div{padding:0 10px 0 0;margin:0;border:0}
  .ex-stats>div:nth-child(n+5){display:none}
  .ex-stats>div:nth-child(4){display:none}
  .ex-stats b{font-size:15px}
  .otb{gap:8px}
  .otb-l{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .osearch{grid-column:1/-1} .osearch .input{width:100%}
  .ochip{justify-content:center;padding:0 10px;font-size:13px}
  .otb-r{width:100%;justify-content:space-between}
  .olist{border-radius:12px;background:transparent;border:0;display:flex;flex-direction:column;gap:10px}
  .olist .ohead{display:none!important}
  .orow{grid-template-columns:1fr auto!important;grid-template-areas:"m m" "s p";gap:12px 10px!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:12px;background:var(--card)}
  .orow:last-child{border-bottom:1px solid var(--line)!important}
  .orow .o-main{grid-area:m}
  .orow .o-seller{grid-area:s;padding-top:12px;border-top:1px solid var(--line-2)}
  .orow .o-price{grid-area:p;padding-top:12px;border-top:1px solid var(--line-2);gap:8px!important}
  .orow .o-stock{display:none!important}
  .o-lv{display:none}
  .o-pv .price{font-size:17px}
  .o-btns .fav-btn{display:none!important}
  .o-buy{height:38px!important;padding:0 14px!important}
  .o-ic img,.o-ic>*{width:34px!important;height:34px!important}
}
.ex-sell svg{width:16px;height:16px}
.ex-flat .ex-in{padding-right:0;min-height:0}
.ex-flat .ex-wrap{padding-top:18px}
.ex-flat .crumbs{margin-bottom:24px}
.eplans{margin:0 0 18px}
.eplans-h{font-size:13px;color:var(--fg-3);margin-bottom:8px}
.eplans-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.eplan{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);transition:border-color .15s,background .15s}
.eplan:hover{border-color:var(--fg-3);background:var(--card-h)}
.eplan b{font-size:15px;font-weight:600} .eplan span{font-size:14px;color:var(--fg)} .eplan em{font-style:normal;font-size:12px;color:var(--fg-3)}
@media(max-width:720px){
  .ex-acts{grid-template-columns:minmax(0,1fr) 42px 42px 42px!important}
  .ex-sell{width:42px;padding:0!important;justify-content:center}
  .ex-sell span{display:none}
  .ex-flat .ex-in{padding-top:0}
  .ex-flat .crumbs{margin-bottom:16px}
  .eplans-l{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .toolbar:has(#hubq){display:grid!important;grid-template-columns:1fr auto;gap:8px;align-items:center}
  .toolbar:has(#hubq) .gsearch{grid-column:1/-1;max-width:none!important;width:100%}
}

/* ===================== v12: режимы Roblox ===================== */
.mpick{margin-top:18px}
.mp-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}
.mp-h b{display:block;font-size:17px;font-weight:700}.mp-h span{color:var(--fg-2);font-size:13.5px}
.mp-s{width:300px;max-width:100%}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:132px;overflow:hidden;transition:max-height .35s var(--ease)}
.mp-grid.open{max-height:4000px}
.mp{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);min-width:0;transition:border-color .15s,background .15s,transform .15s var(--spring)}
.mp:hover{border-color:var(--fg-3);background:var(--card-h)}.mp:active{transform:scale(.98)}
.mp.on{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-bg)}
.mp[hidden]{display:none}
.mp .ico-tile{flex:0 0 auto}
.mp-ai{background:var(--bg-2)!important;display:grid;place-items:center;color:var(--fg-2)}.mp-ai svg{width:20px;height:20px}
.mp-t{display:flex;flex-direction:column;min-width:0}
.mp-n{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-c{font-size:12px;color:var(--fg-3)}
.mp-more{margin-top:8px;display:inline-flex;align-items:center;gap:6px;color:var(--fg-2);font-weight:600;font-size:13.5px;padding:6px 2px}
.mp-more:hover{color:var(--fg)}.mp-more svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .2s}.mp-more.on svg{transform:rotate(-90deg)}

/* ===================== популярные предложения (лента) ===================== */
.rail-nav{display:flex;align-items:center;gap:6px}
.rail-b svg{width:18px;height:18px}.rail-b[data-rail="-1"] svg{transform:rotate(180deg)}
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;cursor:grab;overscroll-behavior-x:contain;outline:0}
.rail::-webkit-scrollbar{display:none}
.rail.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.rail.dragging .pc{pointer-events:none}
.rail-bar{height:3px;background:var(--line-2);border-radius:3px;margin-top:10px;overflow:hidden}
.rail-bar i{display:block;height:100%;background:var(--fg-3);border-radius:3px;transition:margin .1s linear}
.pc{flex:0 0 252px;scroll-snap-align:start;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .2s var(--ease)}
.pc:hover{border-color:var(--fg-3);transform:translateY(-2px)}
.pc-img{position:relative;aspect-ratio:16/8;background:var(--bg-2);overflow:hidden}
.pc-img>img,.pc-img>.cover,.pc-img>div:not(.pc-mode){width:100%;height:100%;object-fit:cover}
.pc-img img{transition:transform .4s var(--ease)}.pc:hover .pc-img img{transform:scale(1.04)}
.pc-mode{display:grid;place-items:center;height:100%;background:color-mix(in srgb,var(--c,#335) 30%,var(--bg-2))}
.pc-ad{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;background:rgba(9,14,11,.82);color:#f3efe6;font-size:11.5px;font-weight:700}
.pc-ad svg{width:12px;height:12px;color:var(--rose-l)}
.pc-d{position:absolute;right:8px;top:8px;height:22px;padding:0 7px;border-radius:6px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:800;display:grid;place-items:center}
.pc-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-e{display:flex;align-items:center;gap:6px;color:var(--fg-3);font-size:12px;min-width:0}
.pc-t{font-weight:600;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.pc-f{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.pc-f .price{font-size:17px;font-weight:800}.pc-f s{color:var(--fg-3);font-size:12px;margin-left:6px}
.pc-s{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--fg-2);min-width:0;max-width:55%}.pc-s b{color:var(--warn);font-weight:700;white-space:nowrap}
.ppl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ppl-i input{position:absolute;opacity:0;pointer-events:none}
.ppl-b{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
.ppl-b b{font-size:14px}.ppl-b span{font-size:18px;font-weight:800}.ppl-b em{font-style:normal;font-size:12px;color:var(--fg-3)}
.ppl-i input:checked+.ppl-b{border-color:var(--accent);background:var(--accent-bg)}
.home-pan{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.home-pan{grid-template-columns:1fr}.pc{flex-basis:76vw}.ppl{grid-template-columns:1fr}.rail-b{display:none}}

/* ===================== кабинет ===================== */
.wrap.cab{display:grid;grid-template-columns:232px minmax(0,1fr);gap:24px;align-items:start;padding-top:20px}
.cab-in{padding:0!important;max-width:none!important;margin:0!important;width:auto!important}
.cab-in>.section:first-child,.cab-in.section{padding-top:0!important}
.cab-nav{position:sticky;top:calc(var(--hdr-h,64px) + 16px);display:flex;flex-direction:column;gap:10px}
.cab-me{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.cab-me b{display:block;font-size:14px}.cab-me span span{font-size:12.5px;color:var(--fg-2)}
.cab-nav nav{display:flex;flex-direction:column;gap:2px}
.cab-nav nav a{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;color:var(--fg-2);font-weight:500;transition:background .15s,color .15s}
.cab-nav nav a svg{width:18px;height:18px;flex:0 0 auto}
.cab-nav nav a span{flex:1}
.cab-nav nav a:hover{background:var(--card);color:var(--fg)}
.cab-nav nav a.on{background:var(--card);color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}
.cab-nav nav a.on svg{color:var(--accent)}
.cab-nav em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-size:11.5px;font-weight:800;display:grid;place-items:center}
@media(max-width:1000px){.wrap.cab{grid-template-columns:1fr;gap:12px;padding-top:12px}.cab-nav{position:static}.cab-me{display:none}
  .cab-nav nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px}.cab-nav nav::-webkit-scrollbar{display:none}
  .cab-nav nav a{flex:0 0 auto;height:36px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:0 12px;font-size:13.5px}
  .cab-nav nav a.on{box-shadow:none;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-bg)}
  .cab-nav nav a svg{width:16px;height:16px}}
@media(max-width:760px){.cab-msg .cab-nav{display:none}}

/* ===================== мессенджер ===================== */
.mx{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100vh - var(--hdr-h,64px) - 48px);min-height:520px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}
.mx-side{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0;background:var(--card)}
.mx-sh{display:flex;align-items:baseline;gap:8px;padding:16px 16px 10px}.mx-sh h1{font-size:20px;font-weight:800}.mx-sh span{color:var(--fg-3);font-weight:600}
.mx-s{margin:0 12px 8px}
.mx-f{display:flex;gap:6px;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line-2)}.mx-f::-webkit-scrollbar{display:none}
.mx-f button{flex:0 0 auto;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--fg-2);display:inline-flex;align-items:center;gap:6px}
.mx-f button span{font-size:11px;color:var(--fg-3)}
.mx-f button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.mx-f button.on span{color:var(--bg);opacity:.7}
.mx-list{flex:1;overflow-y:auto;padding:6px}
.mx-it{display:flex;gap:10px;padding:10px;border-radius:12px;align-items:center;transition:background .12s;position:relative}
.mx-it:hover{background:var(--card-h)}
.mx-it.on{background:var(--accent-bg)}
.mx-it[hidden]{display:none}
.mx-av{position:relative;flex:0 0 auto;display:inline-flex}
.mx-av.on::after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid var(--card)}
.mx-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mx-r1,.mx-r2,.mx-r3{display:flex;align-items:center;gap:6px;min-width:0}
.mx-r1 b{font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-r1 time,.mx-r1 .mono{font-size:11.5px;color:var(--fg-3);flex:0 0 auto}
.mx-r2{font-size:13px;color:var(--fg-2)}.mx-r2>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-r2 em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:800;display:grid;place-items:center;flex:0 0 auto}
.mx-r3{font-size:11.5px;color:var(--fg-3)}
.mx-tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;background:var(--bg-2);color:var(--fg-2);font-size:11px;font-weight:700;flex:0 0 auto}
.mx-ver{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--sage);color:#0b1410;flex:0 0 auto}
.mx-ver svg{width:10px;height:10px;stroke-width:3}
.mx-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px;color:var(--fg-3)}.mx-empty[hidden]{display:none}
.mx-main{display:flex;min-width:0;min-height:0;background:var(--bg-2)}
.mx-main>.chat{flex:1}
.mx-ph{margin:auto;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--fg-2);text-align:center;max-width:300px}
.mx-ph svg{width:36px;height:36px;color:var(--fg-3);margin-bottom:6px}.mx-ph span{font-size:13px;color:var(--fg-3)}
.av-sup{background:var(--fg)!important}
.chat.cx{height:100%;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;min-height:0}
.wrap .chat.cx:not(.mx .chat){height:600px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2)}
.cx-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--card)}
.cx-back{display:none}.cx-back svg{transform:rotate(180deg)}
.cx-nm{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px;min-width:0}
.cx-st{font-size:12.5px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-st.on{color:var(--ok)}.cx-st.ty{color:var(--accent)}
.cx-st i{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;margin-left:2px;animation:tyd 1.2s infinite}
.cx-st i:nth-child(2){animation-delay:.15s}.cx-st i:nth-child(3){animation-delay:.3s}
.cx-ctx{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--card)}
.cx-ctx:hover{background:var(--card-h)}.cx-ctx>svg{width:16px;height:16px;color:var(--fg-3)}
.cx-os{font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--bg-2);color:var(--fg-2);white-space:nowrap}
.cx-msgs{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:2px;background:transparent!important}
.cm-day{display:flex;justify-content:center;margin:12px 0 8px;position:sticky;top:0;z-index:1}
.cm-day span{font-size:11.5px;font-weight:700;color:var(--fg-2);background:var(--card);border:1px solid var(--line);padding:3px 10px;border-radius:999px}
.cm-sys{align-self:center;display:flex;gap:8px;align-items:flex-start;max-width:min(520px,92%);margin:8px 0;padding:8px 12px;border-radius:10px;background:var(--warn-bg);color:var(--fg-2);font-size:12.5px;line-height:1.4}
.cm-sys svg{width:15px;height:15px;color:var(--warn);flex:0 0 auto;margin-top:1px}
.cm{display:flex;align-items:flex-end;gap:8px;max-width:76%;margin-top:8px;animation:cmIn .22s var(--ease) both}
.cm.cont{margin-top:2px}
.cm.me{align-self:flex-end;flex-direction:row-reverse}
.cm-av{width:28px;flex:0 0 28px}
.cm-b{position:relative;padding:8px 12px 6px;border-radius:16px 16px 16px 5px;background:var(--card);border:1px solid var(--line);font-size:14.5px;line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere;min-width:64px}
.cm.cont .cm-b{border-radius:16px 16px 16px 5px}
.cm.me .cm-b{background:var(--accent);color:var(--on-accent);border-color:transparent;border-radius:16px 16px 5px 16px}
.cm-t{white-space:pre-wrap}
.cm-b img{max-width:260px;border-radius:10px;margin:4px 0}
.cm-m{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:10.5px;color:var(--fg-3);margin-top:2px;line-height:1}
.cm.me .cm-m{color:color-mix(in srgb,var(--on-accent) 65%,transparent)}
.tick{display:inline-flex}.tick svg{width:14px;height:14px;stroke-width:2.2}
.cm-typing{display:flex;gap:4px;padding:12px 14px}
.cm-typing i{width:6px;height:6px;border-radius:50%;background:var(--fg-3);animation:tyd 1.2s infinite}
.cm-typing i:nth-child(2){animation-delay:.15s}.cm-typing i:nth-child(3){animation-delay:.3s}
@keyframes tyd{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes cmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cx-hello{margin:auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-width:320px;color:var(--fg-2)}
.cx-hello b{color:var(--fg);font-size:16px}.cx-hello span{font-size:13px}
.cx-blocked{padding:14px;text-align:center;color:var(--fg-3);border-top:1px solid var(--line);background:var(--card)}
.cx-comp{display:flex!important;flex-direction:column;gap:8px;padding:10px 12px 10px!important;border-top:1px solid var(--line);background:var(--card);align-items:stretch!important}
.cx-quick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.cx-quick::-webkit-scrollbar{display:none}
.cx-q{flex:0 0 auto;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;color:var(--fg-2);transition:border-color .15s,color .15s}
.cx-q:hover{color:var(--fg);border-color:var(--fg-3)}
.cx-row{display:flex;align-items:flex-end;gap:8px}
.cx-in{flex:1;resize:none;min-height:42px;max-height:160px;padding:10px 14px;border-radius:21px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:inherit;font-size:14.5px;line-height:1.4;outline:0;transition:border-color .15s}
.cx-in:focus{border-color:var(--fg-3)}
.cx-att{flex:0 0 42px;height:42px!important;width:42px!important;cursor:pointer}
.cx-send{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;transition:transform .15s var(--spring),opacity .15s}
.cx-send svg{width:19px;height:19px}.cx-send:active{transform:scale(.9)}
.cx-note{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fg-3)}.cx-note svg{width:13px;height:13px;flex:0 0 auto}
@media(max-width:760px){
  .cab-msg{padding:0!important}.cab-msg .cab-main{min-width:0}
  .mx{grid-template-columns:1fr;border:0;border-radius:0;height:calc(100dvh - var(--hdr-h,56px) - var(--bnav-h,64px));min-height:0;background:var(--bg)}
  .mx:not(.has-id) .mx-main{display:none}.mx.has-id .mx-side{display:none}
  .mx-side{border:0;background:var(--bg)}
  .cx-back{display:grid}.cm{max-width:86%}.cx-msgs{padding:12px}
  .cx-note{display:none}.cx-top .icon-btn[data-act=report]{display:none}
}

/* ===================== модерация ===================== */
.modp{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--card)}
.modp-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.modp-h svg{width:18px;height:18px}
.modp.ok .modp-h svg{color:var(--ok)}.modp.warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.modp.warn .modp-h svg{color:var(--warn)}
.modp.bad{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.modp.bad .modp-h svg{color:var(--danger)}
.modp-l{display:flex;flex-wrap:wrap;gap:6px 14px}
.modp-l span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--fg-2)}
.modp-l svg{width:14px;height:14px;stroke-width:2.2}.modp-l .ok svg{color:var(--ok)}.modp-l .no{color:var(--fg)}.modp-l .no svg{color:var(--danger)}
.modp ul{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:6px}
.modp li{font-size:13px;padding:7px 10px;border-radius:8px;background:var(--bg-2);border-left:3px solid var(--fg-3)}
.modp li.block{border-left-color:var(--danger);background:var(--danger-bg)}.modp li.review{border-left-color:var(--warn);background:var(--warn-bg)}
.mflag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:600;margin:0 4px 4px 0;background:var(--bg-2);color:var(--fg-2)}
.mflag.block{background:var(--danger-bg);color:var(--danger)}.mflag.review{background:var(--warn-bg);color:var(--warn)}
.mq .btn svg{width:15px;height:15px}

/* ===================== YoWork ===================== */
.nav-work b{color:var(--accent);font-weight:800}
.wk-hero{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin-top:20px}
.wk-brand{font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--fg-2)}.wk-brand b{color:var(--accent)}
.wk-hl{font-size:clamp(26px,3.4vw,38px);font-weight:800;line-height:1.1;margin:6px 0 8px;letter-spacing:-.02em}
.wk-hero p{color:var(--fg-2);max-width:620px}
.wk-cta{display:flex;gap:8px;flex-wrap:wrap}
.wk-st{display:flex;gap:22px;margin-top:16px;flex-wrap:wrap}.wk-st div{display:flex;flex-direction:column}.wk-st b{font-size:20px;font-weight:800}.wk-st span{font-size:12.5px;color:var(--fg-3)}
.seg{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--card);gap:2px}
.seg a,.seg button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:9px;font-weight:600;color:var(--fg-2);transition:background .15s,color .15s}
.seg a svg{width:16px;height:16px}.seg a span{font-size:12px;color:var(--fg-3);font-weight:600}
.seg .on{background:var(--fg);color:var(--bg)}.seg .on span{color:var(--bg);opacity:.7}
.wk-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 12px}
.wk-q{flex:1;min-width:240px;display:flex;gap:8px}.wk-q .osearch{flex:1}
.wk-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:16px}.wk-cats::-webkit-scrollbar{display:none}
.wk-cats .pill{flex:0 0 auto}.wk-cats .pill svg{width:15px;height:15px}.wk-cats .pill .n{font-size:11.5px;color:var(--fg-3);margin-left:2px}
.wk-lay{align-items:start}
.wk-sal{display:flex;flex-wrap:wrap;gap:6px}.wk-sal .ochip{height:32px;padding:0 10px;font-size:13px}
.wk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.wkc{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:16px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .2s var(--ease)}
.wkc:hover{border-color:var(--fg-3)}
.wkc-top{display:flex;gap:12px;align-items:flex-start}
.wkc-av{flex:0 0 auto;display:inline-flex}
.wkc-logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:hsl(var(--h) 38% 32%)}
.wkc-t{display:block;font-weight:700;font-size:15.5px;line-height:1.3;margin-bottom:3px}.wkc-t:hover{color:var(--accent)}
.wkc-co{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-2);min-width:0}.wkc-co>span{display:inline-flex;align-items:center;gap:3px;min-width:0}
.wkc-co svg{width:13px;height:13px}
.dot-s{width:3px;height:3px;border-radius:50%;background:var(--fg-3);flex:0 0 auto}
.wk-save{flex:0 0 auto}.wk-save.on svg{fill:var(--accent);color:var(--accent)}
.btn.wk-save.on{color:var(--fg)}
.wkc-sal{font-size:19px;font-weight:800;letter-spacing:-.01em}.wkc-sal small{font-size:13px;font-weight:500;color:var(--fg-3)}
.wkc-ch{display:flex;flex-wrap:wrap;gap:6px}
.wch{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;background:var(--bg-2);color:var(--fg-2);font-size:12px;font-weight:600;white-space:nowrap}
.wch svg{width:13px;height:13px}.wch .ico-tile{flex:0 0 auto}
.wch.k-vacancy{background:var(--sage-bg);color:var(--sage)}.wch.k-resume{background:var(--accent-bg);color:var(--accent)}
.wkc-d{color:var(--fg-2);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wkc-sk{display:flex;flex-wrap:wrap;gap:5px}.wkc-sk span{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--fg-2)}
.wkc-sk.big span{font-size:13px;padding:5px 11px}
.wkc-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line-2)}.wkc-f .mono{font-size:12px}
/* форма */
.wk-nh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:8px 0 20px}.wk-nh p{margin-top:6px}
.wk-form-lay{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.wk-form{display:flex;flex-direction:column;gap:14px}
.wk-sec{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:20px;display:flex;flex-direction:column;gap:16px}
.wk-sh{display:flex;gap:12px;align-items:center}
.wk-sh>b{width:30px;height:30px;border-radius:9px;background:var(--bg-2);display:grid;place-items:center;font-weight:800;font-size:14px;flex:0 0 auto}
.wk-sh h3{font-size:16px;font-weight:700}.wk-sh p{font-size:13px;color:var(--fg-3)}
.wk-form .field>span{font-size:12.5px;color:var(--fg-2);font-weight:600}.wk-form .field{position:relative}
.wk-form .field .cnt{position:absolute;right:0;top:0;font-style:normal;font-size:11.5px;color:var(--fg-3)}
.wk-form textarea.input{height:auto;padding:10px 12px;resize:vertical;line-height:1.45}
.wk-seg{display:flex;flex-wrap:wrap;gap:6px}
.wk-seg input,.wk-catpick input{position:absolute;opacity:0;pointer-events:none}
.wk-seg span{display:inline-flex;align-items:center;height:36px;padding:0 13px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:500;color:var(--fg-2);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.wk-seg span:hover,.wk-catpick span:hover{border-color:var(--fg-3);color:var(--fg)}
.wk-seg input:checked+span,.wk-catpick input:checked+span{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-bg);color:var(--fg)}
.wk-seg input:focus-visible+span,.wk-catpick input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.wk-catpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.wk-catpick span{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:500;color:var(--fg-2);cursor:pointer;transition:border-color .15s,background .15s}
.wk-catpick span svg{width:17px;height:17px;flex:0 0 auto}.wk-catpick input:checked+span svg{color:var(--accent)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wk-city.hide{display:none}
.wk-salrow{display:grid;grid-template-columns:1fr 1fr 110px 140px;gap:8px;transition:opacity .15s}.wk-salrow.off{opacity:.4;pointer-events:none}
.wk-tags{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);min-height:48px;align-items:center;cursor:text}
.wk-tags:focus-within{border-color:var(--fg-3)}
.wk-tags input{flex:1;min-width:180px;border:0;background:none;outline:0;color:var(--fg);font:inherit;height:30px;padding:0 6px}
.tg{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 11px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13px;font-weight:600;animation:popIn .2s var(--spring)}
.tg button{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--fg-3)}.tg button:hover{background:var(--bg-2);color:var(--fg)}.tg button svg{width:12px;height:12px}
.wk-sugg{display:flex;flex-wrap:wrap;gap:6px}.wk-sugg .ochip{height:30px;padding:0 10px;font-size:12.5px}.wk-sugg .ochip svg{width:13px;height:13px}
.wk-note,.wk-safe{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--bg-2);font-size:13px;color:var(--fg-2)}
.wk-note svg,.wk-safe>svg{width:18px;height:18px;flex:0 0 auto;color:var(--sage)}
.wk-safe b{display:block;color:var(--fg);margin-bottom:2px}
.wk-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0 20px}
.wk-stick{position:sticky;top:calc(var(--hdr-h,64px) + 16px)}
.wk-stick .wkc{pointer-events:none}
/* мои */
.wk-mylist{display:flex;flex-direction:column;gap:8px}
.wk-my{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.wk-my-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.wk-my-t{font-weight:700;font-size:15px}.wk-my-t:hover{color:var(--accent)}
.wk-my-n{display:flex;flex-direction:column;align-items:center}.wk-my-n b{font-size:17px}.wk-my-n span{font-size:11.5px;color:var(--fg-3)}
.wk-my-a{display:flex;gap:4px}
.stt{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:700;background:var(--bg-2);color:var(--fg-2)}
.stt.ok{background:var(--ok-bg);color:var(--ok)}.stt.warn{background:var(--warn-bg);color:var(--warn)}.stt.bad{background:var(--danger-bg);color:var(--danger)}
.wk-rej{font-size:13px;color:var(--danger);display:flex;align-items:center;gap:6px}.wk-rej svg{width:14px;height:14px}
.tabs em{font-style:normal;font-size:11.5px;color:var(--fg-3);margin-left:6px}
.wk-resp{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.wk-ri{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.3fr) auto 16px;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line-2)}
.wk-ri:first-child{border-top:0}.wk-ri:hover{background:var(--card-h)}.wk-ri>svg{width:16px;height:16px;color:var(--fg-3)}
/* карточка */
.wk-ban{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;margin:8px 0 16px;background:var(--bg-2);color:var(--fg-2)}
.wk-ban span{flex:1}.wk-ban svg{width:18px;height:18px}
.wk-ban.pending{background:var(--warn-bg)}.wk-ban.pending svg{color:var(--warn)}.wk-ban.rejected{background:var(--danger-bg)}.wk-ban.rejected svg{color:var(--danger)}
.wk-dlay{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:8px}
.wk-dmain{display:flex;flex-direction:column;gap:14px}
.wk-dh,.wk-dsec{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:22px}
.wk-dh h1{margin:12px 0 6px}
.wk-dh a.wch:hover{color:var(--fg)}
.wk-dsal{font-size:24px;font-weight:800}.wk-dsal small{font-size:14px;color:var(--fg-3);font-weight:500}
.wk-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.wk-facts div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;padding:10px 12px;border-radius:12px;background:var(--bg-2)}
.wk-facts svg{grid-row:span 2;width:18px;height:18px;color:var(--fg-3);align-self:center}
.wk-facts span{font-size:11.5px;color:var(--fg-3)}.wk-facts b{font-size:13.5px}
.wk-dact{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px}
.wk-dsec h3{font-size:16px;font-weight:700;margin-bottom:10px}.wk-dsec p{color:var(--fg-2);line-height:1.55}
.wk-ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.wk-ul li{position:relative;padding-left:18px;color:var(--fg-2);line-height:1.45}
.wk-ul li::before{content:"";position:absolute;left:3px;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--accent)}
.wk-dside{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--hdr-h,64px) + 16px)}
.wk-au{padding:16px!important;display:flex;flex-direction:column;gap:14px}
.wk-au-s{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wk-au-s div{display:flex;flex-direction:column;padding:8px;border-radius:10px;background:var(--bg-2)}
.wk-au-s b{font-size:14.5px}.wk-au-s span{font-size:11px;color:var(--fg-3)}
.w100{width:100%;justify-content:center}.gap6{gap:6px}.mt4{margin-top:4px}.mt12{margin-top:12px}
.wk-sim{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px}
.wk-si{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-top:1px solid var(--line-2)}.wk-si:first-of-type{border-top:0}
.wk-si b{font-size:13.5px}.wk-si span{font-size:12.5px;color:var(--fg-2)}.wk-si small{color:var(--fg-3)}.wk-si:hover b{color:var(--accent)}
.wk-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.wk-quick .ochip{height:30px;font-size:12.5px;padding:0 10px}
.wk-rep{display:flex;flex-direction:column;gap:10px}
@media(max-width:1100px){.wk-form-lay,.wk-dlay{grid-template-columns:1fr}.wk-side{order:-1}.wk-stick,.wk-dside{position:static}.wk-side #wkprev{display:none}}
@media(max-width:760px){
  .wk-hero{grid-template-columns:1fr;padding:20px}.wk-list{grid-template-columns:1fr}
  .grid2,.grid3{grid-template-columns:1fr}.wk-salrow{grid-template-columns:1fr 1fr}
  .wk-facts{grid-template-columns:1fr 1fr}.wk-dh,.wk-dsec,.wk-sec{padding:16px}
  .wk-my{grid-template-columns:1fr 1fr;row-gap:10px}.wk-my-b{grid-column:1/-1}.wk-my-a{grid-column:1/-1}
  .wk-ri{grid-template-columns:auto minmax(0,1fr) auto}.wk-ri>span.dim:not(.mono),.wk-ri>svg{display:none}
  .wk-catpick{grid-template-columns:1fr 1fr}.wk-q{min-width:0;width:100%}
}

/* ===================== анимация значков ===================== */
@keyframes popIn{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes iPop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
@keyframes iBeat{0%,100%{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(.95)}60%{transform:scale(1.12)}}
@keyframes iRing{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
@keyframes iTilt{0%,100%{transform:rotate(0)}40%{transform:rotate(-14deg) scale(1.08)}70%{transform:rotate(6deg)}}
@keyframes iSpin{to{transform:rotate(90deg)}}
@keyframes iSpin360{to{transform:rotate(360deg)}}
@keyframes iFly{0%{transform:none}45%{transform:translate(4px,-4px);opacity:0}46%{transform:translate(-4px,4px);opacity:0}100%{transform:none;opacity:1}}
@keyframes iBob{0%,100%{transform:translateY(0)}35%{transform:translateY(-3px)}65%{transform:translateY(1px)}}
@keyframes iShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-2px) rotate(-6deg)}40%{transform:translateX(2px) rotate(6deg)}60%{transform:translateX(-1px) rotate(-3deg)}80%{transform:translateX(1px)}}
@keyframes iFlash{0%,100%{transform:none;opacity:1}30%{transform:scale(1.18) rotate(-8deg)}50%{opacity:.55}70%{opacity:1}}
@keyframes iWave{0%,100%{transform:skewY(0)}30%{transform:skewY(-10deg)}60%{transform:skewY(6deg)}}
@keyframes iNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes iFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes iRocket{0%{transform:none}40%{transform:translate(3px,-3px)}60%{transform:translate(-1px,1px)}100%{transform:none}}
@media(prefers-reduced-motion:no-preference){
  :is(.icon-btn,.btn,.pill,.ochip,.cx-q,.mp,.mx-f button,.cx-send):active{transform:scale(.94)}
  .empty .glyph svg,.mx-ph svg{animation:iFloat 3.2s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){.cm,.tg{animation:none}.mp-grid{transition:none}}
.pc-f>div{white-space:nowrap;min-width:0}.pc-f s{font-size:11.5px}
.mx-s{display:flex!important;width:auto!important;max-width:none!important}.mx-s input{width:100%}
.wk-det,.wk-new{padding-top:20px}
@media(max-width:1000px){.wrap.cab{grid-template-columns:minmax(0,1fr)}}.cab-main,.mx-side,.mx-main{min-width:0}@media(max-width:760px){.mx{grid-template-columns:minmax(0,1fr)}}
/* YoWork hero — плоский, без карточки */
.wk-hero{border:0;border-radius:0;background:none;padding:28px 0 22px;margin:0;display:block;border-bottom:1px solid var(--line)}
.wk-hero>.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.wk-hl{font-size:inherit;line-height:normal;margin:0;letter-spacing:0;font-weight:400}
.wk-hl h1{font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:6px 0 10px;max-width:760px}
.wk-hl p{color:var(--fg-2);max-width:620px;font-size:15px}
.wk-cta{margin-top:18px}
.wk-st{margin:0;gap:0;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.wk-st div{padding:12px 18px;border-left:1px solid var(--line-2)}.wk-st div:first-child{border-left:0}
@media(max-width:900px){.wk-hero>.wrap{grid-template-columns:minmax(0,1fr)}.wk-st{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.wk-st div{padding:10px}.wk-st b{font-size:17px}.wk-hl h1{font-size:26px}.wk-hl p{font-size:14px}}
@media(max-width:760px){.wk-cta .btn{flex:1 1 auto;justify-content:center}.wk-bar>.seg{width:100%}.wk-bar>.seg a{flex:1;justify-content:center}#wksort{width:100%!important}
  .cab-nav nav{margin:0;padding:0}
  .mp-grid{grid-template-columns:1fr 1fr;max-height:172px;gap:6px}.mp{padding:7px;gap:8px}.mp .ico-tile{width:34px!important;height:34px!important}.mp-n{font-size:12.5px}.mp-s{width:100%}}
.wk-bar{position:relative}.wk-bar select.dd-native{left:0;top:0}
@media(max-width:760px){.wk-bar .dd{width:100%}.wk-q{flex:1 1 100%;width:100%}}
.wk-q .osearch{flex:1;width:auto!important;max-width:none!important}.wk-q .osearch input{width:100%}
.hero5{position:relative;margin-top:calc(-1 * var(--hdr-h,108px));padding-top:var(--hdr-h,108px);min-height:min(820px,94vh);display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#0a0f0c}
.hero5 video,.hero5 .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hero5 .poster{background:#0a0f0c center/cover no-repeat}
.hero5 video{opacity:0;transition:opacity 1.2s}
.hero5 video.ready{opacity:1}
.hero5::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,14,11,.92) 0%,rgba(9,14,11,.72) 34%,rgba(9,14,11,.15) 70%,rgba(9,14,11,.35) 100%),linear-gradient(180deg,rgba(9,14,11,.55) 0%,transparent 22%,transparent 50%,rgba(9,14,11,.7) 80%,var(--bg) 99%)}
html[data-theme=light] .hero5::before{background:linear-gradient(90deg,rgba(9,14,11,.92) 0%,rgba(9,14,11,.72) 34%,rgba(9,14,11,.15) 70%,rgba(9,14,11,.35) 100%),linear-gradient(180deg,rgba(9,14,11,.55) 0%,transparent 22%,transparent 50%,rgba(9,14,11,.75) 82%,var(--bg) 99%)}
.hero5::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero5 .wrap{width:100%;color:#f3efe6;padding-top:48px;padding-bottom:88px}
.hero5 .eyebrow{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px 0 5px;border-radius:999px;background:rgba(243,239,230,.07);border:1px solid rgba(243,239,230,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:600;color:rgba(243,239,230,.85)}
.hero5 .eyebrow img{width:26px;height:26px;animation:spin 18s linear infinite}
.hero5 .eyebrow b{color:#fff;font-weight:800}
.hero5 h1{font-size:clamp(40px,6.2vw,84px);line-height:.98;font-weight:800;letter-spacing:-.055em;margin-top:22px;max-width:820px;color:#f6f3ec}
.hero5 h1 .silk{background:linear-gradient(100deg,#f08ba0 0%,#f3efe6 40%,#a9d8b1 70%,#f08ba0 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.04em}
.hero5 .lead{color:rgba(243,239,230,.72);font-size:18px;line-height:1.55;max-width:560px;margin-top:22px;font-weight:500}
.hero5 .quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:700px}
.hero5 .quick span{font-size:13px;color:rgba(243,239,230,.5);font-weight:600;align-self:center;margin-right:4px}
.hero5 .quick a{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 12px 0 5px;border-radius:999px;background:rgba(243,239,230,.06);border:1px solid rgba(243,239,230,.12);font-size:13px;font-weight:600;color:rgba(243,239,230,.88);transition:background .2s,border-color .2s,transform .2s var(--ease)}
.hero5 .quick a:hover{background:rgba(243,239,230,.14);border-color:rgba(243,239,230,.28);transform:translateY(-1px)}
.hero5 .quick .ico-tile{width:22px!important;height:22px!important;border-radius:50%!important}

/* =====================================================================
   v5 — новые разделы (главная, правила, документы, чат, Premium, поддержка,
   кабинет, маркет, продажа, кошелёк, заказы, YoWork, админка)
   ===================================================================== */
:root{--wk:#7c9cff;--wk-bg:rgba(124,156,255,.12)}
html[data-theme=light]{--wk:#3d5fd9;--wk-bg:#e8edff}

/* --- баг: лупа «уезжала» при наведении (анимация перебивала translateY) --- */
.osearch>svg,.gsearch>svg,.gs-ic svg,.hsearch4>svg,.mx-s svg,.sl-es svg,.wk5-s svg,.rules-search>svg,.sup-search>svg{animation:none!important;transition:none!important;transform:none!important}
.osearch>svg{top:calc(50% - 8px)}
.gs-ic{position:absolute;left:12px;top:0;bottom:0;display:flex;align-items:center;pointer-events:none;color:var(--fg-3)}
.gs-ic svg{width:16px;height:16px}
.hs5 input{padding-left:38px}

/* --- липкие фильтры: собственная прокрутка, не «залипают» за экраном --- */
.filters{top:calc(var(--hdr-h,112px) + 12px);max-height:calc(100vh - var(--hdr-h,112px) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sticky{top:calc(var(--hdr-h,112px) + 12px)}
.f-head{display:none;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line-2)}
@media(max-width:900px){.filters{max-height:none;overflow:visible}.f-head{display:flex}.sticky{position:static}}
.fl-it{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;margin:0 -10px;border-radius:9px;font-size:13.5px;color:var(--fg-2)}
.fl-it svg{width:16px;height:16px;color:var(--fg-3);flex:0 0 auto}
.fl-it>span:last-child{margin-left:auto;font-size:12px;color:var(--fg-3)}
.fl-it:hover{background:var(--card-h);color:var(--fg)}
.fl-it.on{background:var(--accent-bg);color:var(--fg);font-weight:600}.fl-it.on svg{color:var(--accent)}

/* --- мелкие утилиты --- */
.center{justify-content:center;text-align:center}.wrap-r{flex-wrap:wrap}.mt32{margin-top:26px}.mb24{margin-bottom:20px}
.sm{font-size:12.5px}.lnk{color:var(--link);font-weight:600;font-size:inherit}.lnk:hover{text-decoration:underline}
.opt{font-weight:500;color:var(--fg-3);font-size:12px;margin-left:4px}
a.opt.lock{display:inline-flex;align-items:center;gap:4px;color:var(--warn)}a.opt.lock svg{width:12px;height:12px}
.cnt{font-style:normal;float:right;font-weight:500;font-size:12px;color:var(--fg-3)}.cnt.lim{color:var(--warn)}
.t-d2{font-size:clamp(28px,4vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.035em}
.notice.warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 35%,transparent);color:var(--fg)}
.notice svg{width:16px;height:16px;flex:0 0 auto;margin-top:1px}
.notice.warn svg{color:var(--warn)}
.help.ok{color:var(--ok)}.help.bad,small.bad{color:var(--danger)}small.warn{color:var(--warn)}
.btn.loading{pointer-events:none;opacity:.7;position:relative;color:transparent!important}
.btn.loading::after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-color:var(--fg) transparent var(--fg) transparent;border-radius:50%;animation:iSpin360 .7s linear infinite}
.btn-fill.loading::after{border-color:var(--on-accent) transparent var(--on-accent) transparent}
.badge-n{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:var(--on-accent);font:700 10.5px/17px var(--sans);font-style:normal;text-align:center;border:2px solid var(--bg);box-sizing:content-box}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600;color:var(--fg-2)}
.chip:hover{color:var(--fg);border-color:var(--fg-3)}.chip.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.srv-down{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:90;display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--danger);color:var(--fg);box-shadow:var(--sh);font-size:13.5px}
.tot{font-weight:800}
.nav-prem svg{color:#f0c27a!important}.nav-prem span{background:linear-gradient(90deg,#f0c27a,#e8778d);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
html[data-theme=light] .nav-prem span{background:linear-gradient(90deg,#a8700f,#c64d68);-webkit-background-clip:text;background-clip:text}
.nav-work .wk-logo{margin-right:6px}
.wk-logo{flex:0 0 auto;display:inline-block;vertical-align:middle}

/* --- пустые состояния: своя иллюстрация на каждый случай --- */
.empty{padding:44px 24px;gap:6px}
.empty-art{width:88px;height:88px;margin-bottom:10px;fill:none;stroke:var(--fg-3);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.empty-art .e2{stroke:var(--accent)}
.empty .t-h3{font-size:16px;font-weight:700}
.e-orders .e2,.e-wallet .e2{stroke:var(--sage)}
.e-favorites .e2,.e-notifications .e2{stroke:var(--rose)}
.e-work .e2,.e-tickets .e2{stroke:var(--wk)}
.e-disputes .e2,.e-reviews .empty-art{stroke:var(--warn)}
.e-search .e2{stroke:var(--danger)}
.e-reviews .empty-art{stroke:var(--warn)}
.empty .row{margin-top:10px}

/* --- главная --- */
.h5-kicker{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(243,239,230,.07);border:1px solid rgba(243,239,230,.14);font-size:13px;font-weight:600;color:rgba(243,239,230,.85)}
.h5-kicker svg{width:15px;height:15px;color:#a9d8b1}
.hero5 h1{max-width:760px;font-size:clamp(34px,5.2vw,68px);line-height:1.02;margin-top:20px}
.hero5 .hsearch4{margin-top:30px}
.h5-stats{display:flex;gap:36px;margin-top:40px;flex-wrap:wrap}
.hs-i b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;color:#f6f3ec}
.hs-i span{font-size:13px;color:rgba(243,239,230,.55);font-weight:600}
.hs-i+.hs-i{padding-left:36px;border-left:1px solid rgba(243,239,230,.12)}
@media(max-width:700px){.hero5{min-height:auto}.hero5 .wrap{padding-top:28px;padding-bottom:56px}.hero5 .lead{font-size:15.5px}.hsearch4 .btn{display:none}.h5-stats{gap:16px;margin-top:28px}.hs-i+.hs-i{padding-left:16px}.hs-i b{font-size:20px}}
.h5-tiles-sec{padding-top:20px}
.h5-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.h5-tile{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:border-color .15s,transform .2s var(--ease)}
.h5-tile:hover{border-color:var(--fg-3);transform:translateY(-2px)}
.h5-tile b{display:block;font-size:14.5px;font-weight:700}.h5-tile small{display:block;font-size:12px;color:var(--fg-3);margin-top:2px;line-height:1.35}
.h5-ti{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:var(--accent-bg);color:var(--accent)}
.h5-ti svg{width:20px;height:20px}
.h5-ar{width:16px;height:16px;color:var(--fg-3);flex:0 0 auto}
.t-rbx .h5-ti{background:rgba(255,95,95,.12);color:#ff7a7a}.t-rp .h5-ti{background:rgba(240,194,122,.13);color:var(--warn)}
.t-ai .h5-ti{background:var(--sage-bg);color:var(--sage)}.t-dg .h5-ti{background:rgba(201,162,255,.13);color:#b993ff}.t-wk .h5-ti{background:var(--wk-bg);color:var(--wk)}
html[data-theme=light] .t-rbx .h5-ti{color:#c43c3c}html[data-theme=light] .t-dg .h5-ti{color:#7445c9}
@media(max-width:1100px){.h5-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.h5-tiles{grid-template-columns:1fr 1fr;gap:8px}.h5-tile{padding:12px;gap:10px}.h5-ar{display:none}.h5-tile small{display:none}}

/* вертикальные постеры «Популярные игры» (2:3) */
.vposters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.vposter{display:flex;flex-direction:column;gap:9px;min-width:0}
.vp-art{position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:var(--c,#334);border:1px solid var(--line)}
.vp-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.vposter:hover .vp-art img{transform:scale(1.04)}
.vposter:hover .vp-art{border-color:var(--fg-3)}
.vp-fallback{position:absolute;inset:0;display:none;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--c,#556) 70%,#000) 0%,color-mix(in srgb,var(--c,#556) 35%,#050806) 100%)}
.vposter.noart .vp-fallback{display:grid}
.vp-ico{width:56%;max-width:96px;aspect-ratio:1;border-radius:22%;object-fit:cover;box-shadow:0 8px 24px -8px rgba(0,0,0,.6)}
.vp-ini{font-size:42px;font-weight:800;letter-spacing:-.04em;color:rgba(255,255,255,.92)}
.vp-fallback .ico-tile{width:64px!important;height:64px!important;border-radius:16px!important}
.vp-b{min-width:0;padding:0 2px}
.vp-nm{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vposter:hover .vp-nm{color:var(--accent)}
.vp-sub{font-size:12px;color:var(--fg-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.vposters{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.vposters{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:0 12px 4px;scroll-padding:0 12px;gap:10px;scrollbar-width:none}.vposters::-webkit-scrollbar{display:none}.vposter{flex:0 0 38%;scroll-snap-align:start}}

.h5-how{display:grid;grid-template-columns:1.2fr repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.h5-how-h{padding:6px 12px 6px 0}
.h5-step{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.h5-step .n{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--accent);background:var(--accent-bg);margin-bottom:14px}
.h5-step b{display:block;font-size:15px;font-weight:700}.h5-step p{font-size:13px;color:var(--fg-2);margin-top:6px;line-height:1.5}
@media(max-width:1100px){.h5-how{grid-template-columns:1fr 1fr}.h5-how-h{grid-column:1/-1}}
@media(max-width:520px){.h5-how{grid-template-columns:1fr}}
.h5-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.h5-prem{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;padding:32px;border-radius:24px;border:1px solid color-mix(in srgb,#f0c27a 30%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#f0c27a 10%,var(--card)) 0%,var(--card) 60%)}
.h5-prem h3{font-size:24px;font-weight:800;letter-spacing:-.03em;margin-top:12px}.h5-prem p{color:var(--fg-2);margin-top:8px;max-width:460px}
.sellband.flat{background:var(--card);color:var(--fg);padding:32px;flex-direction:column;align-items:flex-start;justify-content:space-between}
.sellband.flat::before{display:none}.sellband.flat h3{font-size:24px}.sellband.flat p{color:var(--fg-2)}
.sellband.flat .btn-ghost{background:var(--card);border-color:var(--line);color:var(--fg)}
@media(max-width:860px){.h5-duo{grid-template-columns:1fr}.h5-prem,.sellband.flat{padding:22px}}

/* --- подвал --- */
.f5{margin-top:48px;border-top:1px solid var(--line);background:var(--bg-2);padding:40px 0 24px}
.f5-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,3fr);gap:40px}
.f5-brand p{color:var(--fg-2);font-size:13.5px;margin-top:12px;max-width:340px;line-height:1.55}
.f5-trust{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.f5-trust span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-2);font-weight:600}
.f5-trust svg{width:15px;height:15px;color:var(--sage)}
.f5-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.f5-cols div{display:flex;flex-direction:column;gap:9px}
.f5-cols b{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:4px}
.f5-cols a{font-size:13.5px;color:var(--fg-2)}.f5-cols a:hover{color:var(--fg)}
.f5-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--fg-3)}
.f5-disc{max-width:620px}
@media(max-width:900px){.f5-top{grid-template-columns:1fr}.f5-cols{grid-template-columns:1fr 1fr}}
.ck-bar{position:fixed;left:16px;bottom:16px;z-index:80;max-width:440px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);font-size:13px;color:var(--fg-2)}
.ck-bar>span{display:flex;gap:8px;align-items:flex-start}.ck-bar svg{width:16px;height:16px;flex:0 0 auto;margin-top:1px}
@media(max-width:560px){.ck-bar{left:10px;right:10px;bottom:10px;max-width:none}}

/* --- общий чат внизу страницы --- */
.gchat{margin-top:32px}
.gc-card{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}
.gc-head{width:100%;display:flex;align-items:center;gap:10px;padding:14px 18px;text-align:left}
.gc-head:hover{background:var(--card-h)}
.gc-head b{font-size:15px}.gc-head .muted{font-size:13px}
.gc-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}
.gc-chev{width:16px;height:16px;color:var(--fg-3);transition:transform .2s}
.gchat.open .gc-chev{transform:rotate(180deg)}
.gc-body{display:none;border-top:1px solid var(--line-2)}.gchat.open .gc-body{display:block}
.gc-list{height:340px;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.gc-m{display:flex;gap:10px;padding:7px 8px;border-radius:10px;position:relative}
.gc-m:hover{background:var(--card-h)}
.gc-m.del .gc-x{color:var(--fg-3);font-style:italic}
.gc-av{flex:0 0 auto}
.gc-b{min-width:0;flex:1}
.gc-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.gc-n{font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:4px}
.gc-staff{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:5px;background:var(--sage-bg);color:var(--sage)}
.gc-t{font-size:11.5px;color:var(--fg-3)}
.gc-x{font-size:14px;line-height:1.45;word-break:break-word;margin-top:1px}
.gc-rep{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-3);margin-top:2px;border-left:2px solid var(--line);padding-left:8px}
.gc-rep svg{width:12px;height:12px}
.gc-acts{position:absolute;right:8px;top:4px;display:none;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:2px}
.gc-m:hover .gc-acts,.gc-m:focus-within .gc-acts{display:flex}
.gc-acts button{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--fg-3)}
.gc-acts button:hover{background:var(--card-h);color:var(--fg)}.gc-acts svg{width:14px;height:14px}
.gc-m.mine .gc-n{color:var(--accent)}
.gc-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--fg-3);font-size:13px}
.gc-empty .empty-art{width:64px;height:64px}.gc-empty b{color:var(--fg);font-size:14px}
.gc-form{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line-2);position:relative;flex-wrap:wrap}
.gc-form .input{flex:1;min-width:0;height:40px}
.gc-cnt{font-size:11.5px;color:var(--fg-3);min-width:46px;text-align:right}.gc-cnt.lim{color:var(--warn)}
.gc-form .btn{height:40px;width:44px;padding:0}
.gc-reply{flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--fg-2);padding:4px 8px;border-left:2px solid var(--accent);background:var(--accent-bg);border-radius:6px}
.gc-reply[hidden]{display:none}
.gc-reply button svg{width:14px;height:14px}
.gc-lock{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line-2);font-size:13.5px;color:var(--fg-2)}
.gc-lock svg{width:16px;height:16px;flex:0 0 auto}.gc-lock .btn{margin-left:auto}
.gc-lock.warn{background:var(--warn-bg);color:var(--fg)}.gc-lock.warn svg{color:var(--warn)}
.gc-note{display:flex;align-items:center;gap:8px;padding:0 16px 12px;font-size:12px;color:var(--fg-3)}
.gc-note svg{width:13px;height:13px;flex:0 0 auto}.gc-note b{color:var(--warn);margin-left:auto}
@media(max-width:600px){.gc-list{height:300px}.gc-head .muted{display:none}.gc-acts{display:flex;position:static;margin-left:auto;align-self:flex-start;border:0;background:none}}

/* --- вход и регистрация --- */
.otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:340px}
.otp input{height:54px;text-align:center;font-size:22px;font-weight:700;border:1px solid var(--line);border-radius:12px;background:var(--card);outline:none;caret-color:var(--accent)}
.otp input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
.btn-tg{height:44px;background:#2aabee;color:#fff;font-weight:700;border:0}.btn-tg:hover{background:#229ed9}
.btn-tg svg{width:18px;height:18px}
.btn-tg[disabled]{background:var(--card-h);color:var(--fg-3);opacity:1}
.pwmeter{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.pwmeter i{height:4px;border-radius:2px;background:var(--line)}
.pwmeter i.on.s1{background:var(--danger)}.pwmeter i.on.s2{background:#f09a6b}.pwmeter i.on.s3{background:var(--warn)}.pwmeter i.on.s4{background:#b8d27a}.pwmeter i.on.s5{background:var(--ok)}

/* --- правила и документы --- */
.doc-hero{max-width:900px}
.doc-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.doc-toc{position:sticky;top:calc(var(--hdr-h,112px) + 12px);max-height:calc(100vh - var(--hdr-h,112px) - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.doc-toc a{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 10px;border-radius:9px;font-size:13.5px;color:var(--fg-2);line-height:1.3}
.doc-toc a:hover{background:var(--card-h);color:var(--fg)}
.doc-toc a.on{background:var(--accent-bg);color:var(--fg);font-weight:600}
.doc-toc a svg{width:15px;height:15px;flex:0 0 auto;color:var(--fg-3)}
.doc-toc .n{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11.5px;font-weight:700;background:var(--bg-2);color:var(--fg-3);flex:0 0 auto}
.doc-toc a.on .n{background:var(--accent);color:var(--on-accent)}
.doc-toc .ext{margin-top:6px;border-top:1px solid var(--line-2);border-radius:0 0 9px 9px;padding-top:10px}
.doc-body{min-width:0;max-width:820px}
.rule-sec{padding:4px 0 26px;scroll-margin-top:calc(var(--hdr-h,112px) + 16px)}
.rule-sec+.rule-sec{border-top:1px solid var(--line-2);padding-top:24px}
.rule-sec h2{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.02em}
.rule-sec h2 .n{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:14px;background:var(--accent-bg);color:var(--accent);flex:0 0 auto}
.rule-sec ol{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:2px}
.rule-sec li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:8px 10px;border-radius:9px;font-size:14.5px;line-height:1.6;color:var(--fg)}
.rule-sec li.hit{background:var(--warn-bg)}
.rule-sec li[hidden]{display:none}
.pn{font-size:12.5px;font-weight:700;color:var(--fg-3);padding-top:2px;font-variant-numeric:tabular-nums}
.ptable{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ptable>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:10px 14px;font-size:13.5px}
.ptable>div+div{border-top:1px solid var(--line-2)}
.ptable>div:nth-child(odd){background:var(--card)}
.ptable span{color:var(--fg-2)}.ptable b{font-weight:600}
.rules-search{position:relative;max-width:560px}
.rules-search>svg{position:absolute;left:14px;top:calc(50% - 8px);width:16px;height:16px;color:var(--fg-3);pointer-events:none}
.rules-search .input{height:46px;padding-left:40px;border-radius:12px;font-size:15px}
@media(max-width:900px){.doc-grid{grid-template-columns:1fr;gap:16px}.doc-toc{position:static;max-height:none;flex-direction:row;overflow-x:auto;padding:6px;scrollbar-width:none}.doc-toc a{white-space:nowrap;flex:0 0 auto}.doc-toc .ext{margin:0;border:0;padding-top:6px}.rule-sec li{grid-template-columns:36px minmax(0,1fr);padding:6px 4px}}

/* --- Premium: значки, ники, рамки --- */
.pbadge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:800;letter-spacing:.02em;vertical-align:middle;margin-left:6px;white-space:nowrap}
.pbadge svg{width:11px;height:11px}
.pbadge.mini{height:16px;width:16px;padding:0;justify-content:center;border-radius:5px;margin-left:4px}
.pbadge.mini svg{width:10px;height:10px}
.pb-plus{background:rgba(143,184,255,.14);color:#8fb8ff}
.pb-pro{background:rgba(240,194,122,.15);color:#f0c27a}
.pb-legend{background:linear-gradient(90deg,rgba(232,119,141,.2),rgba(201,162,255,.2));color:#f4a3b2}
html[data-theme=light] .pb-plus{color:#2c5bc7;background:#e7eeff}html[data-theme=light] .pb-pro{color:#8a5a0a;background:#fbf1dc}html[data-theme=light] .pb-legend{color:#a83a54;background:#fbe9ed}
.nm-grad{-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:700}
.nm-sunset{background-image:linear-gradient(90deg,#ff8a5b,#ef6f86)}
.nm-aurora{background-image:linear-gradient(90deg,#7fe0d6,#9b8cff)}
.nm-gold{background-image:linear-gradient(90deg,#f3d36b,#d9963a)}
.nm-ocean{background-image:linear-gradient(90deg,#6aa8ff,#5cc8c0)}
.nm-legend{background-image:linear-gradient(90deg,#f4a3b2,#f3efe6,#9fd0a8,#f4a3b2);background-size:200% 100%;animation:nmShift 6s linear infinite}
@keyframes nmShift{to{background-position:200% 0}}
.av-wrap{position:relative;display:inline-flex;flex:0 0 auto;border-radius:50%}
.avf{padding:2px}
.avf::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:0}
.avf .avatar{position:relative;z-index:1;border:2px solid var(--bg)}
.avf-static::before{background:linear-gradient(135deg,#f0c27a,#d9963a)}
.avf-animated::before{background:conic-gradient(from 0deg,#e8778d,#f0c27a,#9fd0a8,#8fb8ff,#e8778d);animation:iSpin360 6s linear infinite}
.avf-legend::before{background:conic-gradient(from 0deg,#f4a3b2,#f3efe6,#9fd0a8,#c9a2ff,#f4a3b2);animation:iSpin360 4s linear infinite}
@media(prefers-reduced-motion:reduce){.avf::before,.nm-legend{animation:none}}
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;flex:0 0 auto}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch i{width:36px;height:20px;border-radius:999px;background:var(--line);position:relative;transition:background .2s;flex:0 0 auto}
.switch i::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}
.switch input:checked+i{background:var(--ok)}.switch input:checked+i::after{transform:translateX(16px)}
.switch input:disabled+i{opacity:.45}
.switch input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.prem-hero{padding:44px 0 26px}
.prem-cur{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:14px}
.prem-cur .pbadge{margin:0}
.seg-off{margin-left:6px;font-size:11px;font-weight:800;padding:1px 6px;border-radius:5px;background:var(--ok-bg);color:var(--ok)}
.seg .on .seg-off{background:rgba(0,0,0,.15);color:inherit}
.seg button{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:9px;font-weight:600;color:var(--fg-2)}
.pt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pt{position:relative;display:flex;flex-direction:column;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.pt.hot{border-color:color-mix(in srgb,#f0c27a 55%,var(--line))}
.pt-top{display:flex;align-items:center;gap:12px}
.pt-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}
.pt-ic svg{width:22px;height:22px}
.pt-plus .pt-ic{background:rgba(143,184,255,.14);color:#8fb8ff}
.pt-pro .pt-ic{background:rgba(240,194,122,.15);color:#f0c27a}
.pt-legend .pt-ic{background:rgba(232,119,141,.15);color:var(--rose-l)}
.pt-nm{font-size:20px;font-weight:800;letter-spacing:-.02em}
.pt-tag{font-size:12.5px;color:var(--fg-3)}
.pt-pop{margin-left:auto;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:#f0c27a;color:#2a1e0b}
.pt-price{display:flex;align-items:baseline;gap:6px;margin-top:20px}
.pt-price b{font-size:34px;font-weight:800;letter-spacing:-.04em}.pt-price span{color:var(--fg-3)}
.pt-sub{font-size:12.5px;color:var(--fg-3);margin-top:2px;min-height:18px}
.pt-f{list-style:none;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:12px}
.pt-f li{display:flex;gap:10px;align-items:flex-start}
.pt-f li>svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px;color:var(--ok)}
.pt-f b{display:block;font-size:13.5px;font-weight:700}.pt-f small{display:block;font-size:12.5px;color:var(--fg-3);margin-top:1px}
@media(max-width:960px){.pt-grid{grid-template-columns:1fr}}
.pcmp{border:1px solid var(--line);border-radius:16px;overflow-x:auto;background:var(--card)}
.pcmp-h,.pcmp-r{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(110px,1fr));min-width:680px}
.pcmp-h{position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--line)}
.pcmp-h b{padding:14px 12px;font-size:14px;font-weight:800;text-align:center}.pcmp-h b small{display:block;font-size:11.5px;font-weight:500;color:var(--fg-3)}
.pcmp-h .c-plus{color:#8fb8ff}.pcmp-h .c-pro{color:#f0c27a}.pcmp-h .c-legend{color:var(--rose-l)}
.pcmp-g{padding:16px 14px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);min-width:680px}
.pcmp-r>span{padding:10px 12px;font-size:13.5px;text-align:center;border-top:1px solid var(--line-2)}
.pcmp-r>span:first-child{text-align:left;color:var(--fg-2);padding-left:14px}
.pc-yes svg{width:16px;height:16px;color:var(--ok)}.pc-no{color:var(--fg-3)}
.prem-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prem-faq details{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 16px}
.prem-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.prem-faq summary::after{content:"+";color:var(--fg-3);font-weight:500}.prem-faq details[open] summary::after{content:"−"}
.prem-faq summary::-webkit-details-marker{display:none}
.prem-faq p{color:var(--fg-2);margin-top:8px;font-size:13.5px}
@media(max-width:760px){.prem-faq{grid-template-columns:1fr}}
.pbuy{text-align:left}
.sumrows{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.sumrows>div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px}
.sumrows>div+div{border-top:1px solid var(--line-2)}
.sumrows span{color:var(--fg-2)}.sumrows .tot{background:var(--card-h)}.sumrows .tot b{font-size:16px}
.sumrows b.bad{color:var(--danger)}

/* --- поддержка --- */
.sup-hero{padding:40px 0 10px}
.sup-search{position:relative;max-width:680px}
.sup-search>svg{position:absolute;left:16px;top:20px;width:18px;height:18px;color:var(--fg-3);pointer-events:none;z-index:1}
.sup-search input{width:100%;height:58px;border-radius:16px;border:1px solid var(--line);background:var(--card);padding:0 18px 0 46px;font-size:16px;outline:none}
.sup-search input:focus{border-color:var(--accent)}
.sup-res{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:6px;max-height:380px;overflow-y:auto}
.sup-res[hidden]{display:none}
.sup-res a{display:block;padding:9px 12px;border-radius:9px}.sup-res a:hover{background:var(--card-h)}
.sup-res b{display:block;font-size:14px}.sup-res small{display:block;font-size:12.5px;color:var(--fg-3);margin-top:2px}
.sr-none{padding:12px;font-size:13.5px;color:var(--fg-2)}
.sup-sla{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:13px;color:var(--fg-2)}
.sup-sla svg{width:15px;height:15px;color:var(--sage)}
.sup-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sup-cat{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:border-color .15s}
.sup-cat:hover{border-color:var(--fg-3)}
.sc-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-bg);color:var(--accent);margin-bottom:8px;flex:0 0 auto}
.sc-ic svg{width:20px;height:20px}
.sup-cat b{font-size:15px}.sup-cat small{font-size:12.5px;color:var(--fg-3);line-height:1.45}
.sc-n{margin-top:auto;padding-top:10px;font-size:12px;color:var(--fg-3);font-weight:600}
@media(max-width:1000px){.sup-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.sup-cats{grid-template-columns:1fr}}
.sup-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
@media(max-width:900px){.sup-2{grid-template-columns:1fr}}
.sup-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.sup-list a{display:flex;align-items:center;gap:12px;padding:13px 16px;font-size:14px}
.sup-list a+a{border-top:1px solid var(--line-2)}
.sup-list a:hover{background:var(--card-h)}
.sup-list a span{flex:1;min-width:0}
.sup-list svg{width:16px;height:16px;color:var(--fg-3);flex:0 0 auto}
.sup-list.sm a{padding:10px 12px;font-size:13.5px}
.sup-contact{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--card)}
.sup-tips{display:flex;flex-direction:column;gap:8px}
.sup-tips div{display:flex;gap:8px;font-size:12.5px;color:var(--fg-2)}.sup-tips svg{width:14px;height:14px;flex:0 0 auto;margin-top:2px;color:var(--fg-3)}
.sup-cat-h{display:flex;align-items:center;gap:14px}.sup-cat-h .sc-ic{margin:0;width:52px;height:52px}
.sup-art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.sup-art article{max-width:760px}
.sup-art aside{position:sticky;top:calc(var(--hdr-h,112px) + 12px)}
@media(max-width:900px){.sup-art{grid-template-columns:1fr}.sup-art aside{position:static}}
.kb-body{font-size:15px;line-height:1.7;color:var(--fg)}
.kb-body p+p,.kb-body p+ul,.kb-body ul+p,.kb-body p+ol{margin-top:12px}
.kb-body ul,.kb-body ol{padding-left:22px}.kb-body li+li{margin-top:4px}
.kb-body h3{font-size:17px;margin-top:20px}.kb-body b{font-weight:700}
.kb-vote{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.kb-vote span{font-weight:600;margin-right:6px}
.kb-sug{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;border-radius:10px;background:var(--sage-bg);font-size:13px}
.kb-sug svg{width:15px;height:15px;color:var(--sage)}
.tk-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.tk-row{display:flex;align-items:center;gap:12px;padding:12px 16px}
.tk-row+.tk-row{border-top:1px solid var(--line-2)}.tk-row:hover{background:var(--card-h)}
.tk-row b{display:block;font-size:14px}.tk-row small{display:block;font-size:12.5px;color:var(--fg-3);margin-top:2px}
.tk-id{font-size:12px;color:var(--fg-3);font-weight:600;min-width:84px}
.tk-new{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--on-accent);white-space:nowrap}
.tst{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:700;background:var(--bg-2);color:var(--fg-2);white-space:nowrap}
.tst-ok{background:var(--ok-bg);color:var(--ok)}.tst-warn{background:var(--warn-bg);color:var(--warn)}.tst-info{background:var(--wk-bg);color:var(--wk)}
.tk-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.tk-sla{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--fg-2)}.tk-sla svg{width:15px;height:15px}
.tk-thread{display:flex;flex-direction:column;gap:10px}
.tk-m{max-width:min(720px,92%);padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.tk-m.usr{align-self:flex-end;background:var(--card-h)}
.tk-m.sup{border-color:color-mix(in srgb,var(--sage) 40%,var(--line))}
.tk-m.int{border-style:dashed;background:var(--warn-bg)}
.tk-mh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;margin-bottom:6px}
.tk-team{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--sage)}.tk-team svg{width:14px;height:14px}
.tk-mt{font-size:14px;line-height:1.55;word-break:break-word}
.tk-m img,.tk-img{margin-top:8px;max-width:280px;max-height:220px;border-radius:10px;border:1px solid var(--line)}
.tk-sys{align-self:center;font-size:12px;color:var(--fg-3);padding:4px 10px;border-radius:999px;background:var(--bg-2)}
.tk-reply{margin-top:16px}

/* --- кабинет --- */
.prof-card{position:relative;border:1px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden}
.prof-ban{height:120px;background:var(--bg-2) center/cover no-repeat}
.prof-in{display:flex;align-items:center;gap:18px;padding:20px;flex-wrap:wrap}
.prof-card.has-ban .prof-in{margin-top:-46px;align-items:flex-end}
.prof-card.has-ban .prof-in>.av-wrap .avatar{border:3px solid var(--card)}
.prof-in h1{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bp1{background:linear-gradient(120deg,#2a1218,#e8778d 60%,#f4a3b2)}
.bp2{background:linear-gradient(120deg,#0f2216,#6fa57b 55%,#c4e6c9)}
.bp3{background:linear-gradient(120deg,#0d1830,#3d5fd9 55%,#8fb8ff)}
.bp4{background:linear-gradient(120deg,#2a1e0b,#d9963a 55%,#f3d36b)}
.bp5{background:linear-gradient(120deg,#1c1030,#7445c9 50%,#e8778d)}
.bp6{background:repeating-linear-gradient(135deg,#111915 0 14px,#16201b 14px 28px),#111915}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi2{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
a.kpi2:hover{border-color:var(--fg-3)}
.kpi2 span{font-size:12.5px;color:var(--fg-3);font-weight:600}.kpi2 b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.mini-ord{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13.5px}
.mini-ord+.mini-ord{border-top:1px solid var(--line-2)}.mini-ord:hover .grow{color:var(--accent)}
.lst,.ost{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap;background:var(--bg-2);color:var(--fg-2)}
.lst-ok,.ost-ok{background:var(--ok-bg);color:var(--ok)}.lst-warn,.ost-warn{background:var(--warn-bg);color:var(--warn)}
.lst-bad,.ost-bad{background:var(--danger-bg);color:var(--danger)}.lst-promo{background:var(--accent-bg);color:var(--accent)}
.ost-info{background:var(--wk-bg);color:var(--wk)}.ost-off{color:var(--fg-3)}
.ost-PAID,.ost-IN_PROGRESS{background:var(--wk-bg);color:var(--wk)}.ost-DELIVERED,.ost-DISPUTED{background:var(--warn-bg);color:var(--warn)}.ost-COMPLETED{background:var(--ok-bg);color:var(--ok)}.ost-CANCELLED,.ost-REFUNDED{color:var(--fg-3)}
.lst-sum{display:flex;gap:8px;flex-wrap:wrap}
.lst-sum>div{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:10px;border:1px solid var(--line-2)}
.mylst{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.ml-row{display:grid;grid-template-columns:minmax(0,1fr) auto 120px 130px auto;gap:14px;align-items:center;padding:12px 14px}
.ml-row+.ml-row{border-top:1px solid var(--line-2)}
.ml-main{display:flex;align-items:center;gap:12px;min-width:0}
.ml-main b{display:block;font-size:14px}.ml-main small{display:block;font-size:12.5px;color:var(--fg-3);margin-top:2px}
.ml-main:hover b{color:var(--accent)}
.ml-num b{display:block;font-size:14px}.ml-num small{font-size:12px;color:var(--fg-3)}
.ml-acts{display:flex;gap:2px}
@media(max-width:900px){.ml-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.ml-main{grid-column:1/-1}.ml-num{display:none}.ml-acts{justify-self:end}}
.av-pick{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;min-width:0}
.av-cur{flex:0 0 auto}
.av-grid{display:grid;grid-template-columns:repeat(8,40px);gap:8px;min-width:0;max-width:100%}
.av-opt{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:transform .15s}
.av-opt:hover{transform:scale(1.08)}.av-opt.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg)}
@media(max-width:560px){.av-pick{flex-direction:column}.av-grid{width:100%;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px}.av-opt{width:100%;height:auto;aspect-ratio:1}}
.clr-grid{display:flex;flex-wrap:wrap;gap:8px}
.clr{width:36px;height:36px;border-radius:10px;border:2px solid var(--line);display:grid;place-items:center;padding:3px;color:var(--fg-3)}
.clr span{display:grid;place-items:center;width:100%;height:100%;border-radius:6px;font-weight:800;font-size:13px}
.clr span.nm-grad{color:transparent}
.clr.on{border-color:var(--fg)}.clr.lock{opacity:.35;cursor:not-allowed}.clr svg{width:14px;height:14px}
.frm-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--line);min-width:84px}
.frm-opt small{font-size:12px;color:var(--fg-2)}.frm-opt.on{border-color:var(--accent);background:var(--accent-bg)}
.frm-opt[disabled]{opacity:.4;cursor:not-allowed}
.ban-opt{width:88px;height:40px;border-radius:10px;border:2px solid transparent}
.ban-opt.on{border-color:var(--fg)}
.cosm.locked{opacity:.8}
.set-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:960px){.set-grid{grid-template-columns:1fr}}
.ntf-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ntf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;font-size:14px;cursor:pointer}
.ntf+.ntf{border-top:1px solid var(--line-2)}.ntf:hover{background:var(--card-h)}
.tgc{display:flex;gap:14px;align-items:flex-start}
.tgc-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(42,171,238,.14);color:#2aabee;flex:0 0 auto}.tgc-ic svg{width:22px;height:22px}
.sess{display:flex;align-items:center;gap:12px;padding:11px 0}
.sess+.sess{border-top:1px solid var(--line-2)}
.sess b{display:block;font-size:14px}.sess small{display:block;font-size:12.5px;color:var(--fg-3);margin-top:2px}
.promo-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.po{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:left}
.po:hover{border-color:var(--accent)}.po b{font-size:17px}.po span{font-size:12.5px;color:var(--fg-3)}

/* --- страница игры / сервиса --- */
.eh5{position:relative;overflow:hidden;isolation:isolate;padding:18px 0 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--c,#556) 14%,var(--bg)) 0%,var(--bg) 100%)}
.eh5-bg{position:absolute;inset:0;z-index:-1}
.eh5-bg img{width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(.9)}
.eh5-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 55%,transparent) 0%,var(--bg) 100%)}
.eh5-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic tt acts" "ic st st";gap:6px 20px;align-items:center;margin-top:16px}
.eh5-ic{grid-area:ic;align-self:start}
.eh5-ic>*{box-shadow:0 10px 28px -12px rgba(0,0,0,.6)}
.eh5-tt{grid-area:tt;min-width:0}
.eh5-type{font-size:12.5px;color:var(--fg-3);font-weight:600}.eh5-type a{color:var(--link)}
.eh5-tt h1{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin-top:4px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.eh5-tt h1 span{font-size:.62em;font-weight:700;color:var(--fg-2);letter-spacing:-.01em}
.eh5-tt p{color:var(--fg-2);font-size:14px;margin-top:6px;max-width:680px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eh5-acts{grid-area:acts;display:flex;gap:6px;align-items:center;align-self:start}
.eh5-ib{width:38px;height:38px;border:1px solid var(--line);background:var(--card)}
.eh5-ib.on{color:var(--accent);border-color:var(--accent)}.eh5-ib.on svg{fill:currentColor}
.eh5-st{grid-area:st;display:flex;gap:0;flex-wrap:wrap;margin-top:8px}
.eh5-st>div{padding-right:18px;margin-right:18px;border-right:1px solid var(--line)}
.eh5-st>div:last-child{border-right:0}
.eh5-st b{font-size:16px;font-weight:800;margin-right:5px}.eh5-st span{font-size:13px;color:var(--fg-3)}
@media(max-width:760px){.eh5-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic tt" "acts acts" "st st";gap:10px 14px}.eh5-ic>*{width:56px!important;height:56px!important}.eh5-st>div{padding-right:12px;margin-right:12px}.eh5-tt p{-webkit-line-clamp:3}}
.rbsec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.rbs{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);min-width:0}
.rbs:hover{border-color:var(--fg-3)}
.rbs.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--card))}
.rbs-i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--bg-2);color:var(--fg-2);flex:0 0 auto}
.rbs.on .rbs-i{background:var(--accent);color:var(--on-accent)}
.rbs-i svg{width:19px;height:19px}
.rbs b{display:block;font-size:14.5px}.rbs em{display:block;font-style:normal;font-size:12px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rbs>span:nth-child(2){min-width:0;flex:1}
.rbs-n{font-size:12.5px;font-weight:700;color:var(--fg-3)}
@media(max-width:700px){.rbsec{grid-template-columns:1fr;gap:6px}.rbs{padding:10px 12px}}
.eside .eside-s{padding:9px 0}.eside .eside-s+.eside-s{border-top:1px solid var(--line-2)}
.eside-r{padding:10px 0}.eside-r+.eside-r{border-top:1px solid var(--line-2)}.eside-r p{font-size:13.5px;color:var(--fg-2);margin-top:4px}

/* --- карточка товара --- */
.pd5-h{display:flex;gap:20px;align-items:flex-start}
.pd5-media{flex:0 0 220px;aspect-ratio:1;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.pd5-media img{width:100%;height:100%;object-fit:cover}
.pd5-ph{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 40%,var(--card)),var(--card))}
.pd5-t{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.025em;line-height:1.18;margin-top:10px;word-break:break-word}
.pd5-spec{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:16px}
.pd5-spec>div{padding:9px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line-2)}
.pd5-spec dt{font-size:11.5px;color:var(--fg-3);font-weight:600}.pd5-spec dd{font-size:13.5px;font-weight:600;margin-top:1px}
.pd5-gal{display:flex;gap:8px;margin-top:12px;overflow-x:auto}
.pd5-gal button{width:72px;height:72px;flex:0 0 auto;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.7}
.pd5-gal button.on{border-color:var(--accent);opacity:1}.pd5-gal img{width:100%;height:100%;object-fit:cover}
.pd5-sec{margin-top:26px;padding-top:22px;border-top:1px solid var(--line-2)}
.pd5-sec h2{font-size:18px;font-weight:800;letter-spacing:-.02em}
.pd5-d{margin-top:10px;font-size:15px;line-height:1.65;white-space:pre-line;word-break:break-word;color:var(--fg)}
.pd5-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.pd5-steps li{counter-increment:s;position:relative;padding:14px 14px 14px 52px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.pd5-steps li::before{content:counter(s);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--accent-bg);color:var(--accent)}
.pd5-steps b{display:block;font-size:14px}.pd5-steps span{display:block;font-size:13px;color:var(--fg-2);margin-top:3px}
@media(max-width:700px){.pd5-h{flex-direction:column}.pd5-media{flex:none;width:100%;aspect-ratio:16/10}.pd5-steps{grid-template-columns:1fr}}
.buy5{padding:18px}
.buy5 .price{font-size:28px}
.buy5 .disc{display:inline-block;margin-left:8px;padding:2px 7px;font-size:12.5px;vertical-align:middle}
.sale-t{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;border-radius:9px;background:var(--rose-bg);color:var(--rose);font-size:12.5px;font-weight:700}
.sale-t svg{width:14px;height:14px}
.buy5-l{list-style:none;margin:14px 0;display:flex;flex-direction:column;gap:9px}
.buy5-l li{display:flex;gap:9px;font-size:13.5px;color:var(--fg-2)}.buy5-l svg{width:16px;height:16px;flex:0 0 auto;margin-top:1px;color:var(--sage)}
.buy5-n{font-size:12px;color:var(--fg-3);margin-top:12px;line-height:1.45}
.sell5{display:block;padding:16px}
.sell5-st{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border-top:1px solid var(--line-2);padding-top:12px}
.sell5-st div{text-align:center}.sell5-st div+div{border-left:1px solid var(--line-2)}
.sell5-st b{display:block;font-size:15px;font-weight:800}.sell5-st span{font-size:11.5px;color:var(--fg-3)}
.lnk-rep{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-3);align-self:center}
.lnk-rep:hover{color:var(--danger)}.lnk-rep svg{width:13px;height:13px}

/* --- карточки продавцов и отзывов --- */
.sc5{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--card);overflow:hidden;transition:border-color .15s}
.sc5:hover{border-color:var(--fg-3)}
.sc5.has-ban{padding-top:0}
.sc5-ban{height:54px;margin:0 -16px -26px;background-size:cover;background-position:center}
.sc5.has-ban .sc5-top .avatar{border:3px solid var(--card)}
.sc5-top{display:flex;align-items:flex-end;gap:12px}
.sc5-n{font-weight:700;font-size:15px}
.sc5-m{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:12.5px;color:var(--fg-3)}
.sc5-m .on{color:var(--ok)}
.sc5-bio{font-size:13px;color:var(--fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc5-st{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2);padding-top:10px;margin-top:auto}
.sc5-st div+div{border-left:1px solid var(--line-2);padding-left:10px}
.sc5-st b{display:block;font-size:14.5px;font-weight:800}.sc5-st span{font-size:11.5px;color:var(--fg-3)}
.rv5{padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.rv5-h{display:flex;align-items:center;gap:10px}
.rv5-t{font-size:14px;line-height:1.55;margin-top:10px;word-break:break-word}
.rv5-img{margin-top:10px;max-height:160px;border-radius:10px;border:1px solid var(--line)}
.rv5-r{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--bg-2);font-size:13.5px;color:var(--fg-2);border-left:2px solid var(--sage)}
.rv5-r span{display:block;font-size:12px;font-weight:700;color:var(--fg);margin-bottom:3px}
.rv5-sum{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.rv5-big{text-align:center}.rv5-big b{display:block;font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1}.rv5-big span{display:block;font-size:12.5px;color:var(--fg-3);margin-top:4px}
.rv5-bars{display:flex;flex-direction:column;gap:6px}
.rv5-bars div{display:grid;grid-template-columns:16px minmax(0,1fr) 32px;gap:10px;align-items:center;font-size:12.5px;color:var(--fg-3)}
.rv5-bars i{height:7px;border-radius:4px;background:var(--bg-2);overflow:hidden;display:block}
.rv5-bars em{display:block;height:100%;background:#f3c86b;border-radius:4px}
@media(max-width:600px){.rv5-sum{grid-template-columns:1fr}}

/* --- продавцы --- */
.sl5-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.sl5-cta{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--card);max-width:420px}
.sl5-cta:hover{border-color:var(--accent)}
.sl5-ci{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);flex:0 0 auto}
.sl5-ci svg{width:20px;height:20px}
.sl5-cta b{display:block;font-size:14.5px}.sl5-cta em{display:block;font-style:normal;font-size:12.5px;color:var(--fg-3)}
.sl5-cta>svg{width:16px;height:16px;color:var(--fg-3);flex:0 0 auto}
.sl5-tb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px}
.sl5-lv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.sl5-lv>div{padding:12px 14px}.sl5-lv>div+div{border-left:1px solid var(--line-2)}
.sl5-lv b{display:block;font-size:13.5px}.sl5-lv span{font-size:12px;color:var(--fg-3)}
.sl5-g{margin-top:16px}
@media(max-width:760px){.sl5-lv{grid-template-columns:1fr 1fr}.sl5-lv>div:nth-child(3){border-left:0}.sl5-lv>div:nth-child(n+3){border-top:1px solid var(--line-2)}.sl5-tb .osearch{width:100%}.sl5-tb .osearch .input{width:100%}}

/* --- профиль продавца --- */
.sp5{position:relative;border-bottom:1px solid var(--line);padding:26px 0 20px;background:var(--bg-2)}
.sp5-ban{position:absolute;left:0;right:0;top:0;height:140px;background-size:cover;background-position:center}
.sp5-ban::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--bg-2) 100%)}
.sp5.has-ban{padding-top:96px}
.sp5 .wrap{position:relative}
.sp5-in{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}
.sp5-in>.av-wrap .avatar{border:3px solid var(--bg-2)}
.sp5-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sp5-badges .smeta.on{color:var(--ok)}
.sp5-n{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.03em;margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sp5-bio{color:var(--fg-2);margin-top:6px;max-width:640px}
.sp5-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sp5-st{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:20px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.sp5-st>div{padding:12px 16px}.sp5-st>div+div{border-left:1px solid var(--line-2)}
.sp5-st b{display:block;font-size:18px;font-weight:800}.sp5-st span{font-size:12px;color:var(--fg-3)}
@media(max-width:760px){.sp5-st{grid-template-columns:repeat(3,minmax(0,1fr))}.sp5-st>div:nth-child(4){border-left:0}.sp5-st>div:nth-child(n+4){border-top:1px solid var(--line-2)}.sp5-in{align-items:flex-start}}

/* --- продажа: форма из 5 шагов --- */
.sl-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.sl-lim{display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-size:12.5px;color:var(--fg-3)}
.sl-lim b{font-size:18px;color:var(--fg)}.sl-lim a{color:var(--link);font-weight:600}
.sl-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;margin-top:20px}
.sl-form{display:flex;flex-direction:column;gap:14px;min-width:0}
.sl-sec{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--card);scroll-margin-top:calc(var(--hdr-h,112px) + 12px)}
.sl-sh{display:flex;gap:12px;align-items:flex-start}
.sl-sh>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--accent-bg);color:var(--accent);flex:0 0 auto}
.sl-sh h2{font-size:17px;font-weight:800;letter-spacing:-.015em}.sl-sh p{font-size:13px;color:var(--fg-3);margin-top:1px}
.sl-es{position:relative}
.sl-es>span{position:absolute;left:12px;top:0;bottom:0;display:flex;align-items:center;color:var(--fg-3);pointer-events:none}
.sl-es svg{width:16px;height:16px}
.sl-es .input{padding-left:38px;height:44px}
.sl-ac{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding:4px;max-height:320px;overflow-y:auto}
.sl-ac[hidden]{display:none}
.sl-ac button,.sl-ac a{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;text-align:left;font-size:14px}
.sl-ac button:hover,.sl-ac a:hover,.sl-ac .on{background:var(--card-h)}
.sl-ac small{color:var(--fg-3);font-size:12px;margin-left:auto}
.sl-pop{display:flex;flex-wrap:wrap;gap:6px}
.sl-pe{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 6px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--fg-2)}
.sl-pe:hover{border-color:var(--fg-3);color:var(--fg)}
.sl-ent{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg-2)}
.sl-ent b{display:block;font-size:15px}.sl-ent span{font-size:12.5px;color:var(--fg-3)}
.seg2,.seg3{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg3{grid-template-columns:repeat(3,minmax(0,1fr))}
.seg2>button,.seg3>button{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:left;min-width:0;transition:border-color .15s,background .15s}
.seg3>button{flex-direction:column;align-items:flex-start;gap:2px}
.seg2>button:hover,.seg3>button:hover{border-color:var(--fg-3)}
.seg2>button.on,.seg3>button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--card))}
.seg2>button>svg,.seg3>button>svg{width:18px;height:18px;color:var(--fg-3);flex:0 0 auto}
.seg2>button.on>svg,.seg3>button.on>svg{color:var(--accent)}
.seg2 b,.seg3 b{display:block;font-size:14px;font-weight:700}
.seg2 em,.seg3 em{display:block;font-style:normal;font-size:12px;color:var(--fg-3);line-height:1.35}
.seg2>button[disabled],.seg3>button[disabled]{opacity:.5;cursor:not-allowed}
@media(max-width:560px){.seg3{grid-template-columns:1fr}.seg2{grid-template-columns:1fr}}
.sl-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.sl-cats button{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--fg-2);text-align:left}
.sl-cats button svg{width:16px;height:16px;flex:0 0 auto}
.sl-cats button:hover{border-color:var(--fg-3);color:var(--fg)}
.sl-cats button.on{border-color:var(--accent);color:var(--fg);background:var(--accent-bg)}.sl-cats button.on svg{color:var(--accent)}
.sl-imgs{display:flex;gap:8px;flex-wrap:wrap}
.sl-im,.sl-add{position:relative;width:96px;height:96px;border-radius:12px;overflow:hidden;flex:0 0 auto}
.sl-im{border:1px solid var(--line)}.sl-im img{width:100%;height:100%;object-fit:cover}
.sl-im button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff}
.sl-im button svg{width:12px;height:12px}
.sl-im em{position:absolute;left:4px;bottom:4px;font-style:normal;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:5px;background:rgba(0,0,0,.6);color:#fff}
.sl-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--line);color:var(--fg-3);font-size:12px;cursor:pointer}
.sl-add:hover{border-color:var(--accent);color:var(--accent)}.sl-add svg{width:20px;height:20px}
.sl-mod{display:flex;gap:10px;padding:10px 12px;border-radius:10px;background:var(--warn-bg);font-size:13px}
.sl-mod[hidden]{display:none}
.sl-mod svg{width:16px;height:16px;color:var(--warn);flex:0 0 auto;margin-top:2px}
.sl-mod b{display:block}.sl-mod span{color:var(--fg-2)}
.sl-mod.bad{background:var(--danger-bg)}.sl-mod.bad svg{color:var(--danger)}
.sl-fin .err{color:var(--danger);font-size:13px}.sl-fin .err:empty{display:none}
.sl-side{position:sticky;top:calc(var(--hdr-h,112px) + 12px);display:flex;flex-direction:column;gap:12px}
.sl-prev{padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--bg-2)}
.sl-pl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:10px}
.sl-pc{display:flex;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.sl-pci{width:64px;height:64px;border-radius:12px;overflow:hidden;flex:0 0 auto;display:grid;place-items:center;background:var(--bg-2)}
.sl-pci img{width:100%;height:100%;object-fit:cover}
.sl-pq svg{width:24px;height:24px;color:var(--fg-3)}
.sl-pcb{min-width:0;flex:1}
.sl-pct{font-weight:700;font-size:14.5px;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.sl-fee{margin-top:10px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-size:13.5px}
.sl-fee>div{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:var(--fg-2)}
.sl-fee>div+div{border-top:1px solid var(--line-2);margin-top:4px;padding-top:7px;color:var(--fg)}
.sl-fee p{font-size:12px;color:var(--fg-3);margin-top:6px}
.sl-tips h3{display:flex;align-items:center;gap:8px}.sl-tips h3 svg{width:16px;height:16px;color:var(--sage)}
.sl-tips ul{margin:10px 0 12px 18px;font-size:13px;color:var(--fg-2);display:flex;flex-direction:column;gap:5px}
@media(max-width:1000px){.sl-grid{grid-template-columns:1fr}.sl-side{position:static}}
@media(max-width:560px){.sl-sec{padding:16px}.sl-lim{align-items:flex-start;width:100%}}
.done5{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 0}
.done5 .empty-art{width:84px;height:84px;fill:none;stroke:var(--fg-3);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.done5 .row{margin-top:12px;justify-content:center;flex-wrap:wrap}

/* --- оформление заказа --- */
.co5{display:flex;flex-direction:column;gap:14px}
.co5-it{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--bg-2)}
.co5-t{font-weight:700;font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co5-u{text-align:right;font-weight:800;font-size:16px;white-space:nowrap}.co5-u span{display:block;font-size:11.5px;font-weight:500;color:var(--fg-3)}
.co5-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.co5-row b{display:block;font-size:14px}.co5-row>div>span{font-size:12.5px;color:var(--fg-3)}
.co5-row .co-promo{flex:1;max-width:300px}
.co5-perr{font-size:13px;min-height:0}.co5-perr:empty{display:none}.co5-perr.ok{color:var(--ok)}.co5-perr.bad{color:var(--danger)}
.co5-sum{padding:10px 14px;border-radius:12px;border:1px solid var(--line)}
.co-l.tot{border-top:1px solid var(--line-2);margin-top:4px;padding-top:10px;font-weight:800;color:var(--fg);font-size:16px}
.co-l.dim{font-size:12.5px;color:var(--fg-3)}.co-l.dim span:last-child{color:var(--fg-3)}
.co5-g{list-style:none;display:flex;flex-direction:column;gap:7px}
.co5-g li{display:flex;gap:8px;font-size:12.5px;color:var(--fg-2)}.co5-g svg{width:14px;height:14px;flex:0 0 auto;margin-top:2px;color:var(--sage)}
.co5-terms{font-size:12px;color:var(--fg-3)}.co5-terms a{color:var(--link)}

/* --- кошелёк --- */
.wl5{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.wl5-main,.wl5-k{display:flex;flex-direction:column;gap:3px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--card);min-width:0}
.wl5-main{background:linear-gradient(135deg,color-mix(in srgb,var(--sage) 14%,var(--card)),var(--card));border-color:color-mix(in srgb,var(--sage) 30%,var(--line))}
.wl5-main span,.wl5-k span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-3);font-weight:600}
.wl5-k span svg{width:14px;height:14px}
.wl5-main b{font-size:30px;font-weight:800;letter-spacing:-.035em}.wl5-k b{font-size:19px;font-weight:800}
.wl5-main em,.wl5-k em{font-style:normal;font-size:12px;color:var(--fg-3)}
@media(max-width:1100px){.wl5{grid-template-columns:repeat(2,minmax(0,1fr))}.wl5-main{grid-column:1/-1}}
.txl{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.txr{display:flex;align-items:center;gap:12px;padding:11px 14px}
.txr+.txr{border-top:1px solid var(--line-2)}
.txr b{display:block;font-size:14px}.txr .grow>span{display:block;font-size:12.5px;color:var(--fg-3)}
.txr .grow a{color:var(--link)}
.txr time{font-size:12px;color:var(--fg-3);white-space:nowrap}
.txr em{font-style:normal;font-weight:800;white-space:nowrap;min-width:90px;text-align:right}.txr em.in{color:var(--ok)}
.txi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bg-2);color:var(--fg-2);flex:0 0 auto}
.txi svg{width:16px;height:16px}.txi.in{background:var(--ok-bg);color:var(--ok)}.txi.out{background:var(--bg-2);color:var(--fg-2)}
@media(max-width:600px){.txr time{display:none}}

/* --- заказы --- */
.lay-orders,.lay-work{margin-top:16px}
.ol5{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.ol5-r{display:flex;align-items:center;gap:12px;padding:12px 14px}
.ol5-r+.ol5-r{border-top:1px solid var(--line-2)}.ol5-r:hover{background:var(--card-h)}
.ol5-r.urg{box-shadow:inset 3px 0 0 var(--warn)}
.ol5-t{font-weight:700;font-size:14px}
.ol5-dl{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--warn);white-space:nowrap}.ol5-dl svg{width:13px;height:13px}
.ol5-r .price{min-width:86px;text-align:right}
@media(max-width:640px){.ol5-r{flex-wrap:wrap}.ol5-r .grow{flex:1 1 60%}.ol5-r .price{margin-left:auto}}

/* --- заказ --- */
.od5-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.od5-h .ost{height:26px;font-size:12.5px;padding:0 10px}
.od5-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;gap:0}
.od5-steps>div{position:relative;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--fg-3);font-weight:600}
.od5-steps i{height:4px;border-radius:2px;background:var(--line);margin-right:6px}
.od5-steps .done i{background:var(--ok)}.od5-steps .cur i{background:var(--accent)}
.od5-steps .done,.od5-steps .cur{color:var(--fg)}
.od5-dlv{border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}
.od5-pl{margin:10px 0;padding:12px;border-radius:10px;background:var(--bg-2);font-family:var(--code);font-size:13px;white-space:pre-wrap;word-break:break-all;max-height:260px;overflow:auto}
.od5-dsp{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
.dm{padding:10px 12px;border-radius:12px;background:var(--bg-2);max-width:88%;font-size:14px}
.dm.me{align-self:flex-end;background:var(--card-h);border:1px solid var(--line)}
.dm-moderator{background:var(--sage-bg);border:1px solid color-mix(in srgb,var(--sage) 35%,transparent);align-self:stretch;max-width:none}
.dm-h{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:4px}.dm-h time{color:var(--fg-3)}
.dm-moderator .dm-h b{color:var(--sage)}
.dm p{line-height:1.5;word-break:break-word}.dm img{margin-top:6px;max-width:240px;border-radius:8px}

/* --- YoWork --- */
.wk5-hero{padding:34px 0 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--wk) 9%,var(--bg)) 0%,var(--bg) 100%)}
.wk5-brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.03em}
.wk5-brand b{color:var(--wk)}
.wk5-hero h1{font-size:clamp(26px,3.6vw,42px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin-top:16px;max-width:760px}
.wk5-hero p{color:var(--fg-2);margin-top:10px;max-width:700px;font-size:15px}
.wk5-s{position:relative;display:flex;align-items:center;gap:8px;max-width:720px;height:54px;margin-top:22px;padding:0 6px 0 14px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.wk5-s:focus-within{border-color:var(--wk)}
.wk5-s>span{display:flex;color:var(--fg-3)}.wk5-s svg{width:18px;height:18px}
.wk5-s input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:15px}
.wk5-s .btn{height:42px;background:var(--wk);color:#0b0c0a}.wk5-s .btn:hover{background:color-mix(in srgb,var(--wk) 85%,#fff)}
html[data-theme=light] .wk5-s .btn{color:#fff}
.wk5-kinds{display:flex;align-items:center;gap:6px;margin-top:18px;flex-wrap:wrap}
.wk5-kinds>a:not(.btn){display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:14px;font-weight:600;color:var(--fg-2)}
.wk5-kinds>a:not(.btn) svg{width:16px;height:16px}
.wk5-kinds>a:not(.btn) em{font-style:normal;font-size:12px;color:var(--fg-3)}
.wk5-kinds>a:not(.btn):hover{color:var(--fg);border-color:var(--fg-3)}
.wk5-kinds>a.on:not(.btn){background:var(--wk-bg);border-color:var(--wk);color:var(--fg)}.wk5-kinds>a.on svg{color:var(--wk)}
.wk5-new{background:var(--wk)!important;color:#0b0c0a!important}
html[data-theme=light] .wk5-new{color:#fff!important}
@media(max-width:700px){.wk5-kinds>span{display:none}.wk5-kinds .btn{flex:1}.wk5-s .btn{padding:0 14px}}
.wk5 .crumbs a{display:inline-flex;align-items:center;gap:6px}
.wc5-list{display:flex;flex-direction:column;gap:10px}
.wc5{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card);transition:border-color .15s}
.wc5:hover{border-color:var(--fg-3)}
.wc5.hl{border-color:color-mix(in srgb,var(--wk) 55%,var(--line));box-shadow:inset 3px 0 0 var(--wk)}
.wc5-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.wc5-top time{margin-left:auto;color:var(--fg-3)}
.wc5-k,.wc5-c,.wc5-hl{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;font-weight:700}
.wc5-k svg,.wc5-c svg,.wc5-hl svg{width:12px;height:12px}
.wc5-k{background:var(--wk-bg);color:var(--wk)}
.wc5-resume .wc5-k{background:var(--sage-bg);color:var(--sage)}.wc5-service .wc5-k{background:var(--accent-bg);color:var(--accent)}
.wc5-c{background:var(--bg-2);color:var(--fg-2)}
.wc5-hl{background:var(--warn-bg);color:var(--warn)}
.wc5-t{font-size:17px;font-weight:800;letter-spacing:-.015em;line-height:1.3;word-break:break-word}
.wc5:hover .wc5-t{color:var(--wk)}
.wc5-s{font-size:15px;font-weight:800;color:var(--fg)}
.wc5-m{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--fg-2)}
.wc5-m span{display:inline-flex;align-items:center;gap:5px}.wc5-m svg{width:14px;height:14px;color:var(--fg-3)}
.wc5-sk{display:flex;flex-wrap:wrap;gap:5px}
.wc5-sk span{font-size:12px;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--fg-2)}
.wc5-f{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid var(--line-2);font-size:13px}
.wc5-f b{font-size:12.5px;color:var(--fg-2)}
.wc5-go{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--wk);white-space:nowrap}.wc5-go svg{width:14px;height:14px}
.wd5-h{padding-bottom:4px}
.wd5-t{font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-top:12px;word-break:break-word}
.wd5-s{font-size:22px;font-weight:800;margin-top:8px}
.wd5-m{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:13.5px;color:var(--fg-2)}
.wd5-m span{display:inline-flex;align-items:center;gap:6px}.wd5-m svg{width:15px;height:15px;color:var(--fg-3)}
.wd5-h .wc5-sk{margin-top:14px}
.wd5-sec{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-2)}
.wd5-sec h2{font-size:17px;font-weight:800}
.wd5-p{margin-top:10px;font-size:15px;line-height:1.65;white-space:pre-line;word-break:break-word}
.wd5-ul{margin:10px 0 0 20px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.55}
.wd5-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}
.wd5-imgs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.wd5-r{display:flex;align-items:center;gap:10px;padding:10px 0}.wd5-r+.wd5-r{border-top:1px solid var(--line-2)}
.wd5-r p{font-size:13px;color:var(--fg-2)}.wd5-r time{font-size:12px;color:var(--fg-3)}
.wd5-act .btn-fill{background:var(--wk);color:#0b0c0a}html[data-theme=light] .wd5-act .btn-fill{color:#fff}
.wd5-pr{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}
.wd5-safe b{display:flex;align-items:center;gap:6px}.wd5-safe b svg{width:15px;height:15px;color:var(--sage)}
.wd5-safe ul{margin:8px 0 0 18px;font-size:13px;color:var(--fg-2);display:flex;flex-direction:column;gap:4px}
.wf5{display:flex;flex-direction:column;gap:14px;max-width:900px}
.wf5 .sl-sh>span{background:var(--wk-bg);color:var(--wk)}
.wf5 .seg3>button.on{border-color:var(--wk);background:var(--wk-bg)}.wf5 .seg3>button.on>svg{color:var(--wk)}
.wf5-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.wf5-cat{cursor:pointer}
.wf5-cat input{position:absolute;opacity:0;pointer-events:none}
.wf5-cat span{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--fg-2)}
.wf5-cat span svg{width:15px;height:15px;flex:0 0 auto}
.wf5-cat:hover span{border-color:var(--fg-3);color:var(--fg)}
.wf5-cat input:checked+span{border-color:var(--wk);background:var(--wk-bg);color:var(--fg)}.wf5-cat input:checked+span svg{color:var(--wk)}
.wf5-cat input:focus-visible+span{outline:2px solid var(--wk);outline-offset:1px}
.tagin{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:40px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--card)}
.tagin:focus-within{border-color:var(--accent)}
.tagin input{flex:1;min-width:120px;border:0;background:none;outline:none;height:28px;font-size:14px}
.tg{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 4px 0 9px;border-radius:7px;background:var(--wk-bg);color:var(--fg);font-size:12.5px;font-weight:600}
.tg button{width:18px;height:18px;display:grid;place-items:center;border-radius:4px;color:var(--fg-3)}.tg button:hover{color:var(--danger)}.tg svg{width:11px;height:11px}
.wm5{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.wm5-r{display:flex;align-items:center;gap:16px;padding:12px 14px}
.wm5-r+.wm5-r{border-top:1px solid var(--line-2)}a.wm5-r:hover{background:var(--card-h)}
.wm5-k{display:flex;flex-direction:column;align-items:flex-end;font-size:11.5px;color:var(--fg-3);min-width:76px}.wm5-k b{font-size:15px;color:var(--fg)}
.wm5-why{display:block;font-size:12.5px;color:var(--danger);margin-top:3px}
@media(max-width:700px){.wm5-r{flex-wrap:wrap}.wm5-r>.grow{flex:1 1 100%}.wm5-k{align-items:flex-start}}

/* --- админка --- */
.ad-l{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.ad-nav{position:sticky;top:calc(var(--hdr-h,112px) + 12px);display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.ad-nav a{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:9px;font-size:13.5px;color:var(--fg-2)}
.ad-nav a svg{width:16px;height:16px;flex:0 0 auto}
.ad-nav a:hover{background:var(--card-h);color:var(--fg)}
.ad-nav a.on{background:var(--accent-bg);color:var(--fg);font-weight:600}.ad-nav a.on svg{color:var(--accent)}
.ad-nav em{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}
@media(max-width:900px){.ad-l{grid-template-columns:1fr}.ad-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}.ad-nav a{flex:0 0 auto}}
.ad-ks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.ad-k{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
a.ad-k[href]:hover{border-color:var(--fg-3)}
.ad-k span{font-size:12.5px;color:var(--fg-3);font-weight:600}.ad-k b{font-size:24px;font-weight:800;letter-spacing:-.03em}.ad-k em{font-style:normal;font-size:12px;color:var(--fg-3)}
.ad-mod{display:flex;flex-direction:column;gap:10px}
.ad-txt{font-size:14px;line-height:1.55;white-space:pre-line;word-break:break-word;max-height:220px;overflow:auto}
.ad-txt.dim{font-size:13px}
.ad-img{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.ad-gc{display:flex;align-items:flex-start;gap:10px;padding:10px 12px}
.ad-gc p{font-size:14px;margin-top:2px;word-break:break-word}
.ad-gc.del{opacity:.55}
.ad-pf .grid{align-items:end}
@media(max-width:760px){.ad-pf .g4{grid-template-columns:1fr 1fr}}
.oc-promo{color:var(--accent);background:var(--accent-bg);border-color:transparent;font-weight:600}
.oc-mode{color:var(--fg);border-color:var(--line)}
.lst-n{color:var(--fg-3)}
.mx-sup{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:9px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--fg-2)}
.mx-sup:hover{color:var(--fg);border-color:var(--fg-3)}.mx-sup svg{width:15px;height:15px}.mx-sup em{font-style:normal}
.vp-art .vp-ico{position:relative;inset:auto;width:46%;height:auto;max-width:92px;aspect-ratio:1;border-radius:24%;transform:none!important}
.vposter.noart .vp-art::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}
.h5-duo .sellband.flat{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:24px!important;padding:32px!important;margin:0!important;color:var(--fg)}
@media(max-width:860px){.h5-duo .sellband.flat{padding:22px!important}}
.gc-list{height:auto;min-height:150px;max-height:360px}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;font-size:13px;color:var(--fg-3)}
.crumbs a{color:var(--fg-2)}.crumbs a:hover{color:var(--fg)}
.crumbs i{font-style:normal;margin:0 8px;color:var(--fg-3);opacity:.6}
.crumbs span{color:var(--fg-3)}
.filters .osearch,.filters .osearch .input{width:100%}
.tabs .n{margin-left:6px;color:var(--fg-3);font-size:12px;font-weight:600}
.wrap.section{padding-left:20px;padding-right:20px}
@media(max-width:760px){.wrap.section{padding-left:12px;padding-right:12px}}
@media(max-width:700px){.pd5-h>.grow{width:100%}.pd5-spec{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ck-bar{bottom:calc(74px + env(safe-area-inset-bottom))}}
@media(max-width:560px){#per.seg{display:flex;width:100%}#per.seg button{flex:1;flex-direction:column;justify-content:center;height:auto;min-height:44px;padding:6px 4px;font-size:13px;white-space:nowrap;gap:2px}#per .seg-off{margin:0}}
.ad-ks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media(max-width:480px){.sup-cats{grid-template-columns:1fr 1fr;gap:8px}.sup-cat{padding:14px}.sup-cat small{display:none}}
@media(max-width:560px){.frm-opt{min-width:0;flex:1 1 calc(25% - 8px);padding:8px 4px}}

/* =====================================================================
   v6 «Graphite» — спокойная продуктовая система: нейтральный графит,
   один акцент, тонкие линии, без свечений, градиентного текста и «стекла».
   ===================================================================== */
:root{
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --rose:#ee7a92; --rose-d:#d9627c; --rose-l:#f6a3b4; --rose-bg:rgba(238,122,146,.1);
  --sage:#93cf9f; --sage-bg:rgba(147,207,159,.1);
  --accent:var(--rose); --accent-h:var(--rose-l); --accent-bg:rgba(238,122,146,.1); --on-accent:#1b0b10;
  --pri:#f5f5f4; --pri-h:#ffffff; --on-pri:#0c0c0d;
  --ok:#86d19a; --ok-bg:rgba(134,209,154,.1); --warn:#e9bf73; --warn-bg:rgba(233,191,115,.1); --danger:#f28b8b; --danger-bg:rgba(242,139,139,.1); --link:#e7e7e5;
  --bg:#0b0b0c; --bg-2:#111112; --card:#141415; --card-h:#1a1a1c; --line:#242426; --line-2:#1c1c1e; --glass:rgba(11,11,12,.82);
  --fg:#f2f2f1; --fg-2:#a3a3a6; --fg-3:#6e6e73;
  --r:10px; --r-sm:8px; --r-lg:16px; --r-card:14px; --r-btn:10px;
  --sh:none; --av-bg:#222224; --av-fg:#c9c9cc;
}
html[data-theme=light]{
  --rose:#c94d69; --rose-d:#b03b56; --rose-l:#e07790; --rose-bg:#fcebef; --accent:#c94d69; --accent-h:#b03b56; --accent-bg:#fcebef; --on-accent:#fff;
  --pri:#111112; --pri-h:#2a2a2c; --on-pri:#fff; --link:#111112;
  --bg:#f7f7f6; --bg-2:#efefee; --card:#fff; --card-h:#fafafa; --line:#e4e4e2; --line-2:#efefed; --glass:rgba(255,255,255,.85);
  --fg:#111112; --fg-2:#55555a; --fg-3:#8b8b90; --av-bg:#ececeb; --av-fg:#55555a;
}
body{font-family:var(--sans);font-weight:400;font-size:14.5px;letter-spacing:-.006em;background:var(--bg);font-feature-settings:"cv11" 1,"ss03" 1,"tnum" 0}
body::before{display:none!important}
::selection{background:var(--rose);color:#fff}
:focus-visible{outline:2px solid var(--fg-2);outline-offset:2px}
b,strong{font-weight:600}

/* типографика */
.t-hero,.t-display,.t-xl{font-weight:700;letter-spacing:-.035em}
.t-h1{font-size:28px;font-weight:700;letter-spacing:-.03em}
.t-h2{font-size:21px;font-weight:700;letter-spacing:-.022em}
.t-h3{font-size:16px;font-weight:600;letter-spacing:-.012em}
.lead,.sub{color:var(--fg-2)}
.silk,.hero5 h1 .silk{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:inherit!important;animation:none!important}
.sec-head{margin-bottom:16px}
.sec-head .t-h2,.sec-head h2{font-size:20px}
.sec-link{font-weight:500;color:var(--fg-2);font-size:13.5px}.sec-link:hover{color:var(--fg)}
.link{color:var(--fg);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.link:hover{text-decoration-color:var(--fg-2)}

/* кнопки: одна основная — светлая, остальное — нейтральное */
.btn{height:40px;padding:0 16px;border-radius:var(--r-btn);font-weight:600;letter-spacing:-.01em;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s,opacity .15s}
.btn:active{transform:none;opacity:.85}
.btn-fill,html[data-theme=light] .btn-fill{background:var(--pri)!important;color:var(--on-pri)!important;border:0}
.btn-fill:hover,html[data-theme=light] .btn-fill:hover{background:var(--pri-h)!important}
.btn-fill svg{color:inherit!important}
.btn-ghost,html[data-theme=light] .btn-ghost{background:transparent;border:1px solid var(--line);color:var(--fg)}
.btn-ghost:hover,html[data-theme=light] .btn-ghost:hover{background:var(--card-h);border-color:color-mix(in srgb,var(--fg) 22%,transparent)}
.btn-cream{background:var(--pri);color:var(--on-pri)}
.btn-danger,.btn.danger{background:transparent;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}
.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:8px}
.btn-lg{height:48px;padding:0 22px;font-size:15px;border-radius:12px}
.icon-btn{border-radius:9px}
.icon-btn:hover{background:var(--card-h)}
.pill{border-radius:999px;font-weight:500;background:transparent;border-color:var(--line)}
.pill:hover{border-color:color-mix(in srgb,var(--fg) 25%,transparent)}
.tag{border-radius:6px;font-weight:500;background:var(--card-h);border:1px solid var(--line);color:var(--fg-2)}
.badge{border-radius:6px;font-weight:600}
.badge.lime{background:var(--ok-bg);color:var(--ok);border:0}
.disc{border-radius:6px;font-weight:700}
.level{border-radius:6px;font-weight:600;background:var(--card-h);border:1px solid var(--line)}
.level.top{background:var(--card-h);color:var(--fg);border-color:var(--line)}
.level.top::after{display:none}
.level.pro{background:var(--ok-bg);border-color:transparent}

/* поверхности */
.panel,.card,.olist,.pcard,.gcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)!important;box-shadow:none!important}
.panel-h{border-bottom:1px solid var(--line-2)}

/* поля */
.input,.select,.textarea,.field input,.field select,.field textarea{border-radius:10px;background:var(--bg-2);border:1px solid var(--line);box-shadow:none}
.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in srgb,var(--fg) 18%,transparent)}
.input:focus,.select:focus,.textarea:focus,.field input:focus,.field textarea:focus{border-color:color-mix(in srgb,var(--fg) 40%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--fg) 8%,transparent)!important;background:var(--bg-2)}
html[data-theme=light] .input,html[data-theme=light] .select,html[data-theme=light] .textarea{background:#fff}
.otp input:focus{border-color:var(--fg-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg) 8%,transparent)}

/* шапка */
.hdr,html[data-theme=light] .hdr{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line-2)}
.logo{font-weight:700;letter-spacing:-.04em;font-size:20px}
.logo .by,.wm .by{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--rose)!important;animation:none!important}
.logo-mark{width:32px;height:32px}
.logo-mark img{filter:none}
.logo:hover .logo-mark{transform:none}
.gsearch input{border-radius:10px;background:var(--bg-2);border:1px solid var(--line)}
.gsearch input:focus{border-color:color-mix(in srgb,var(--fg) 30%,transparent);box-shadow:none;background:var(--card)}
.gsearch kbd{border-radius:5px;background:var(--card-h)}
.balance-chip{background:transparent;color:var(--fg);border:1px solid var(--line);font-weight:600;border-radius:9px}
.balance-chip:hover{background:var(--card-h)}
.badge-n{background:var(--rose);color:#fff;font-weight:600}
.hav{box-shadow:none}
.nav2 a{font-weight:500}
.nav-prem svg{color:var(--warn)!important}.nav-prem span{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:inherit!important;font-weight:500}
.nav-work b{font-weight:600}

/* уведомления */
.toasts{right:20px;bottom:20px;gap:8px;width:340px;max-width:calc(100vw - 32px)}
.toast{display:flex;gap:10px;align-items:flex-start;padding:12px 10px 12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--fg);box-shadow:0 12px 32px -12px rgba(0,0,0,.55);backdrop-filter:none;animation:tin .22s ease-out}
.toast .tt{font-weight:600;font-size:13.5px}.toast .tb{font-size:13px;color:var(--fg-2);margin-top:2px}
.toast .tx{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--fg-3);flex:0 0 auto}
.toast .tx:hover{background:var(--card-h);color:var(--fg)}.toast .tx svg{width:14px;height:14px}
@keyframes tin{from{opacity:0;transform:translateY(6px)}}
.ck-bar{max-width:520px;padding:10px 10px 10px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 32px -12px rgba(0,0,0,.55);font-size:13px}
.ck-bar svg{color:var(--fg-3)}

/* нумерованные шаги и иконки-подложки — нейтрально */
.h5-step .n,.pd5-steps li::before,.sl-sh>span,.rule-sec h2 .n{background:transparent!important;border:1px solid var(--line);color:var(--fg-2)!important;font-weight:600!important;font-family:var(--code);font-size:12px!important;border-radius:7px!important}
.h5-ti,.sc-ic{background:var(--card-h)!important;color:var(--fg)!important;border:1px solid var(--line)}
.pd5-steps li{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:14px 0 4px 40px}
.pd5-steps li::before{left:0;top:14px}

/* главная */
.hero6{min-height:min(720px,88vh)}
.hero6::before{background:linear-gradient(90deg,rgba(11,11,12,.94) 0%,rgba(11,11,12,.8) 38%,rgba(11,11,12,.25) 75%,rgba(11,11,12,.15) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 28%)!important}
.hero6::after{display:none}
.hero6 h1{font-size:clamp(40px,5.6vw,76px);line-height:1;font-weight:700;letter-spacing:-.045em;margin-top:0;max-width:760px;color:#f5f5f4}
.hero6 .lead{font-size:17px;line-height:1.55;max-width:520px;margin-top:20px;color:rgba(245,245,244,.66);font-weight:400}
.hero6 .hsearch4{margin-top:32px;max-width:620px;height:56px;padding:0 6px 0 18px;border-radius:14px;background:rgba(20,20,21,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none}
.hero6 .hsearch4:focus-within{background:rgba(20,20,21,.9);border-color:rgba(255,255,255,.3);box-shadow:none}
.hero6 .hsearch4>svg{color:rgba(245,245,244,.55);width:19px;height:19px}
.hero6 .hsearch4 input{color:#f5f5f4;font-size:15.5px}.hero6 .hsearch4 input::placeholder{color:rgba(245,245,244,.42)}
.hero6 .hsearch4 .btn{height:44px;border-radius:10px;background:#f5f5f4!important;color:#0c0c0d!important}
.h6-quick{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:18px;max-width:620px;font-size:13.5px}
.h6-quick span{color:rgba(245,245,244,.4)}
.h6-quick a{color:rgba(245,245,244,.75);transition:color .15s}.h6-quick a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.h6-stats{display:flex;gap:40px;margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);max-width:620px}
.h6-stats b{display:block;font-size:24px;font-weight:700;letter-spacing:-.03em;color:#f5f5f4}.h6-stats span{font-size:13px;color:rgba(245,245,244,.5)}
html[data-theme=light] .hero6::before{background:linear-gradient(90deg,rgba(11,11,12,.92) 0%,rgba(11,11,12,.75) 40%,rgba(11,11,12,.2) 80%),linear-gradient(0deg,var(--bg) 0%,transparent 22%)!important}
.h6-cats-sec{padding-top:8px}
.h6-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.h6-cat{position:relative;display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:14px;background:var(--card);border:1px solid var(--line);transition:border-color .15s,background .15s;min-width:0}
.h6-cat:hover{background:var(--card-h);border-color:color-mix(in srgb,var(--fg) 20%,transparent)}
.c6-ics{display:flex;margin-bottom:22px;height:28px}
.c6-ics>*{box-shadow:0 0 0 2px var(--card)!important;border-radius:8px!important}
.c6-ics>*+*{margin-left:-6px}
.h6-cat:hover .c6-ics>*{box-shadow:0 0 0 2px var(--card-h)!important}
.c6-wk svg{width:28px;height:28px}
.h6-cat b{font-size:15px;font-weight:600;letter-spacing:-.01em}
.h6-cat small{font-size:12.5px;color:var(--fg-3);line-height:1.4}
.h6-ar{position:absolute;right:16px;top:20px;width:16px;height:16px;color:var(--fg-3);transition:transform .15s,color .15s}
.h6-cat:hover .h6-ar{color:var(--fg);transform:translateX(2px)}
.h6-how-sec{padding-top:40px}
.h6-how-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.h6-how{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.h6-how li{padding:20px 24px 4px 0}
.h6-how li+li{padding-left:24px;border-left:1px solid var(--line-2)}
.h6-how .n{font-family:var(--code);font-size:12px;color:var(--fg-3)}
.h6-how b{display:block;font-size:15.5px;font-weight:600;margin-top:12px;letter-spacing:-.01em}
.h6-how p{font-size:13.5px;color:var(--fg-2);margin-top:6px;line-height:1.55}
.h6-cta{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
.h6-cta-i{padding:32px}
.h6-cta-i+.h6-cta-i{border-left:1px solid var(--line)}
.h6-cta h3{font-size:22px;font-weight:700;letter-spacing:-.025em}
.h6-cta p{color:var(--fg-2);margin-top:8px;max-width:420px;line-height:1.55}
@media(max-width:1100px){.h6-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .hero6{min-height:auto}.hero6 h1{font-size:40px}.hero6 .lead{font-size:15px}
  .h6-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.h6-cat{padding:14px}.c6-ics{margin-bottom:14px}
  .h6-how{grid-template-columns:1fr 1fr}.h6-how li:nth-child(3){padding-left:0;border-left:0}.h6-how li:nth-child(n+3){border-top:1px solid var(--line-2)}
  .h6-cta{grid-template-columns:1fr}.h6-cta-i{padding:22px}.h6-cta-i+.h6-cta-i{border-left:0;border-top:1px solid var(--line)}
  .h6-stats{gap:24px}
}

/* постеры: спокойная заглушка без кислотных заливок */
.vp-art{border-radius:12px;border:1px solid var(--line);background:var(--card)}
.vp-fallback{background:linear-gradient(180deg,color-mix(in srgb,var(--c,#555) 22%,var(--card)) 0%,color-mix(in srgb,var(--c,#555) 8%,var(--bg-2)) 100%)!important}
.vposter.noart .vp-art::after{display:none}
.vp-art .vp-ico{width:38%;max-width:84px;border-radius:22%;box-shadow:0 10px 30px -10px rgba(0,0,0,.7)}
.vp-nm{font-weight:600}
.vposter:hover .vp-nm{color:var(--fg)}
.vposter:hover .vp-art{border-color:color-mix(in srgb,var(--fg) 25%,transparent)}

/* каталог-справочник */
.dir .it{border-radius:10px}
.dir .nm{font-weight:600}.dir .nm:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.dir .sub-l a:hover{color:var(--fg-2)}
.utabs .on{background:var(--card-h)!important;box-shadow:none!important}
.utabs button,.utabs a{font-weight:500}

/* шапка сущности */
.eh5{background:linear-gradient(180deg,color-mix(in srgb,var(--c,#555) 7%,var(--bg)) 0%,var(--bg) 100%)!important}
.eh5-tt h1{font-weight:700}
.eh5-st b{font-weight:600}
.eh5-ib.on{color:var(--rose);border-color:color-mix(in srgb,var(--rose) 45%,transparent)}

/* Premium */
.pt{border-radius:16px}
.pt-ic{background:var(--card-h)!important;border:1px solid var(--line);color:var(--fg)!important}
.pt-pro{border-color:color-mix(in srgb,var(--fg) 28%,transparent)!important;box-shadow:none!important}
.pt-pop{background:var(--pri);color:var(--on-pri);font-weight:600}
.pt-nm{font-weight:700}.pt-price b{font-weight:700}
.pt-f li>svg{color:var(--fg-2)}
.pt-f b{font-weight:600}
.pbadge{font-weight:600}
.h5-prem{border-color:var(--line)!important;background:var(--card)!important}

/* общее: убрать подсвеченные состояния */
.ochip.on,.mp.on,.ppl-i input:checked+.ppl-b,.wk-seg input:checked+span,.wk-catpick input:checked+span,.sl-cats button.on,.frm-opt.on{border-color:color-mix(in srgb,var(--fg) 45%,transparent)!important;background:var(--card-h)!important}
.fl-it.on,.doc-toc a.on,.ad-nav a.on,.mx-it.on{background:var(--card-h)!important;font-weight:600}
@media(max-width:900px){.cab-nav nav a.on{border-color:color-mix(in srgb,var(--fg) 30%,transparent)!important;background:var(--card-h)!important}}
.msg.me{background:color-mix(in srgb,var(--rose) 16%,var(--card))}
.av-opt.on{border-color:var(--fg)}
.sl-sh h2{font-weight:700}
.f5{background:var(--bg)}
.f5-trust svg{color:var(--fg-3)}
.f5-cols b{font-weight:600;font-size:12px}
.c6-ics{gap:6px}.c6-ics>*+*{margin-left:0}.c6-ics>*{box-shadow:none!important}
.h6-cat:hover .c6-ics>*{box-shadow:none!important}
.hero6 video{filter:saturate(.9) brightness(.85)}
.check input{border-color:color-mix(in srgb,var(--fg) 28%,transparent);background:transparent}
.check input:checked{background:var(--pri)!important;border-color:var(--pri)!important}
.check input:checked::after{border-color:var(--on-pri)!important}
.check input[type=radio]:checked::after{background:var(--on-pri)!important}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--pri)}
.rbs:hover{border-color:color-mix(in srgb,var(--fg) 22%,transparent)}
.rbs.on{border-color:color-mix(in srgb,var(--fg) 45%,transparent);background:var(--card-h)}
.rbs.on .rbs-i{background:var(--pri);color:var(--on-pri)}
.cab-nav nav a.on{background:var(--card-h);box-shadow:none}
.cab-nav nav a.on svg{color:var(--fg)}
.panel .empty,.card .empty{border:0;background:transparent}
.kpis{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}
.kpi .v{font-weight:700}
.textarea,textarea.input{min-height:110px}
.switch input:checked+span,.sw input:checked+i{background:var(--pri)!important}
.pd5-media{border-radius:14px}
.pd5-ph{background:linear-gradient(180deg,color-mix(in srgb,var(--c,#555) 16%,var(--card)) 0%,var(--bg-2) 100%)!important}
.pd5-t{font-weight:700}
.pd5-gal button.on{border-color:var(--fg)}
@media(max-width:760px){
  .pd5-media{flex-basis:auto;width:100%;aspect-ratio:16/9}
  .h6-cats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 12px;margin:0 -12px;padding:0 12px 4px;scrollbar-width:none}
  .h6-cats::-webkit-scrollbar{display:none}
  .h6-cat{flex:0 0 156px;scroll-snap-align:start}
}
.sl5-ci{background:var(--card-h)!important;color:var(--fg)!important;border:1px solid var(--line)}
.cx-send{background:var(--pri)!important;color:var(--on-pri)!important}
.doc-toc a.on .n{background:var(--pri);color:var(--on-pri)}
.cm.me .cm-b{background:color-mix(in srgb,var(--rose) 18%,var(--card-h))!important;color:var(--fg)!important;border:1px solid color-mix(in srgb,var(--rose) 22%,transparent)!important}
.progress i{background:var(--fg)}
.pc-d{background:var(--rose);color:#fff}
@media(max-width:760px){.hero6 .wrap{padding-top:28px;padding-bottom:36px}}

/* ---------- горизонтальные ленты со стрелками ---------- */
.hsw{position:relative;min-width:0}
.hsw>.hs-b{position:absolute;top:50%;z-index:3;width:32px;height:32px;margin-top:-16px;display:none;align-items:center;justify-content:center;border-radius:50%;background:var(--card);color:var(--fg);border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.35);cursor:pointer;transition:opacity .15s,background .15s}
.hsw>.hs-b:hover{background:var(--card-h)}
.hsw>.hs-b svg{width:18px;height:18px}
.hsw>.hs-bl{left:-4px}.hsw>.hs-bl svg{transform:rotate(90deg)}
.hsw>.hs-br{right:-4px}.hsw>.hs-br svg{transform:rotate(-90deg)}
.hsw.hs-l>.hs-bl,.hsw.hs-r>.hs-br{display:flex}
.hsw.hs-l>:first-child{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px);mask-image:linear-gradient(90deg,transparent 0,#000 48px)}
.hsw.hs-r>:first-child{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent 100%)}
.hsw.hs-l.hs-r>:first-child{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
.hsw.hs-on>:first-child{overflow-x:auto;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
.hs-drag{cursor:grabbing;user-select:none;scroll-behavior:auto!important;scroll-snap-type:none!important}
.hs-drag *{pointer-events:none}
.more-row{display:flex;justify-content:center;margin-top:16px}
@media(max-width:700px){.hsw>.hs-b{width:28px;height:28px;margin-top:-14px}.hsw>.hs-bl{left:0}.hsw>.hs-br{right:0}}
@media(hover:none){.hsw>.hs-b{opacity:.92}}

/* ===== fix: поиск на главной не обрезается hero-блоком ===== */
.hero5{overflow:visible;z-index:6}
.hero5 .hsearch4{z-index:20}
.hero5 .hsearch4 .ac{max-height:min(460px,62vh);overscroll-behavior:contain;z-index:80}
.hero5 .poster,.hero5 video{overflow:hidden}
.hsearch4 .ac .ac-item .mono.dim:last-child{white-space:nowrap}

/* ===== perf: меньше постоянных перерисовок ===== */
.cover-art .halo{animation:none!important;filter:blur(36px);will-change:auto}
.logo .by,.wm .by{animation:none!important;background-position:0 0}
.av-wrap .online{animation:none!important}
.footer,.h6-how-sec{content-visibility:auto;contain-intrinsic-size:auto 420px}
@media (max-width:760px){
  .hdr,.hdr *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .hdr:not(.over){background:rgba(12,12,13,.97)!important}
  .hero6 .hsearch4{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(20,20,21,.92)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ===== карточки игр/сервисов: аккуратные обложки ===== */
.cover-art{background:radial-gradient(130% 120% at 50% 0%,color-mix(in srgb,var(--c,#444) 38%,#141416) 0%,#121214 78%)!important;contain:paint}
.cover-art .ca-bg{position:absolute;left:-15%;top:-40%;width:130%;height:180%;object-fit:cover;filter:blur(26px) saturate(1.5);opacity:.5;pointer-events:none}
.cover-art.has-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(10,10,12,.55));pointer-events:none}
.cover-art .brand{position:relative;z-index:1;width:clamp(44px,24%,76px)!important;border-radius:22%!important;overflow:hidden;box-shadow:0 14px 30px -12px rgba(0,0,0,.75)!important}
.cover-art .brand img{border-radius:0!important;object-fit:cover}
.cover-art .brand.noimg{overflow:visible;box-shadow:none!important;width:auto!important;max-width:80%;font-size:15px;color:#f5f5f4}
img.local-art{width:100%;height:100%;object-fit:cover;object-position:center 32%}
.eh5-bg img[src*="/img/covers/"]{object-position:center 35%;opacity:.3}
.vposter .vp-art img[src*="/img/covers/"]{object-fit:cover}
html[data-theme=light] .cover-art{background:radial-gradient(130% 120% at 50% 0%,color-mix(in srgb,var(--c,#999) 30%,#fff) 0%,#f1efea 78%)!important}
html[data-theme=light] .cover-art.has-bg::after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.35))}

/* ===== YoWork: подтверждение телефона ===== */
.ph-gate{text-align:center;padding:12px 4px}
.ph-gate .ph-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(42,171,238,.14);color:#2aabee;margin-bottom:14px}
.ph-gate .ph-ic svg{width:30px;height:30px}
.ph-gate .ph-ul{list-style:none;padding:0;margin:16px auto 0;display:grid;gap:8px;max-width:440px;text-align:left}
.ph-gate .ph-ul li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--fg-2)}
.ph-gate .ph-ul svg{width:16px;height:16px;color:var(--sage,#9fd0a8);flex:0 0 auto;margin-top:2px}
.ph-gate .btn span{margin-left:6px}
.pad-l{padding:28px}
/* подфильтры (тариф, срок, регион) */
.sfrow{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.sfg{display:flex;align-items:center;gap:12px;min-width:0}
.sfl{flex:0 0 auto;min-width:78px;font:600 13px var(--sans);color:var(--fg-3)}
.sfc{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:1px}
.sfc::-webkit-scrollbar{display:none}
.sfb{flex:0 0 auto;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--fg-2);font:500 13px var(--sans);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sfb:hover{color:var(--fg);border-color:var(--fg-3)}
.sfb.on{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-bg)}
.sfb .n{font:500 11px var(--mono,monospace);color:var(--fg-3)}
.oc.oc-opt{color:var(--fg);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.sl-sf{margin-top:14px}
@media (max-width:640px){.sfg{flex-direction:column;align-items:flex-start;gap:6px}.sfl{min-width:0}.sfc{width:100%}}

/* ===== v6: страница игры/сервиса ===== */
.eh5{padding:20px 0 26px!important}
.eh5-bg img{filter:blur(26px) saturate(1.15)!important;transform:scale(1.12);opacity:.34!important;object-position:center 30%!important}
.eh5-bg::after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent) 0%,color-mix(in srgb,var(--bg) 78%,transparent) 55%,var(--bg) 100%)!important}
.eh5-card{gap:8px 24px!important;margin-top:18px!important}
.eh5-card.has-poster{grid-template-columns:148px minmax(0,1fr) auto;grid-template-areas:"ic tt acts" "ic st st";align-items:end}
.eh5-poster{width:148px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 44px -18px rgba(0,0,0,.85)}
.eh5-poster img{width:100%;height:100%;object-fit:cover;display:block}
.eh5-card.has-poster .eh5-tt{align-self:end}
.eh5-card.has-poster .eh5-acts{align-self:start}
.eh5-tt h1{margin-top:6px!important}
.eh5-tt p{-webkit-line-clamp:3!important;font-size:14.5px!important;line-height:1.5}
.eh5-st{gap:8px!important;margin-top:12px!important;align-self:start}
.eh5-st>div{padding:7px 12px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:10px;background:color-mix(in srgb,var(--card) 70%,transparent);backdrop-filter:blur(6px);display:flex;align-items:baseline;gap:6px}
.eh5-st b{margin:0!important;font-size:15px!important}
.eh5-st span{font-size:12.5px!important}
.ex-tabs .utabs a{display:inline-flex!important;align-items:center;gap:7px}
.ex-tabs .utabs a svg{width:16px;height:16px;flex:0 0 auto;opacity:.85}
.ex-tabs .utabs a .n{margin-left:2px!important}
.otb{flex-wrap:nowrap!important;align-items:center}
.otb-l{flex:1 1 auto;min-width:0;flex-wrap:wrap}
.otb-l .osearch{flex:1 1 200px;max-width:320px}
.otb-l .osearch .input{width:100%!important}
.otb-r{flex:0 0 auto;margin-left:auto;flex-wrap:nowrap!important}
.otb-r .mono{white-space:nowrap}
@media (max-width:980px){.otb{flex-wrap:wrap!important}.otb-r{margin-left:0;width:100%;justify-content:space-between}}
@media (max-width:720px){
  .eh5-card.has-poster{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"ic tt" "st st" "acts acts";align-items:center}
  .eh5-poster{width:96px;border-radius:11px}
  .eh5-card.has-poster .eh5-acts{justify-self:start}
}
/* сетка игр — вертикальные официальные обложки */
.vposters.hubp{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}
@media(max-width:1100px){.vposters.hubp{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.vposters.hubp{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;margin:0!important;padding:0!important;gap:14px 10px!important}.vposters.hubp .vposter{width:auto!important;flex:none!important}}
.vp-art{aspect-ratio:3/4!important;box-shadow:0 14px 30px -18px rgba(0,0,0,.8)}
.vp-art img{object-position:center top}
/* ---------- v7: YoWork redesign ---------- */
.wk-logo{border-radius:50%;object-fit:contain}
.nav-work .wk-logo{width:18px;height:18px}
.c6-wk .wk-logo{width:30px;height:30px}
.wk6-hero{position:relative;overflow:hidden;padding:44px 0 40px;border-bottom:1px solid var(--line);background:radial-gradient(900px 420px at 85% 10%,color-mix(in srgb,var(--wk) 22%,transparent),transparent 70%),radial-gradient(700px 380px at 0% 100%,color-mix(in srgb,var(--sage) 14%,transparent),transparent 70%),var(--bg)}
.wk6-glow{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--fg) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--fg) 5%,transparent) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 80% at 70% 30%,#000 10%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 30%,#000 10%,transparent 75%)}
.wk6-hgrid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:40px;align-items:center}
.wk6-brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:-.03em;padding:6px 16px 6px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--wk) 30%,var(--line));background:color-mix(in srgb,var(--card) 70%,transparent);backdrop-filter:blur(6px)}
.wk6-brand b{color:var(--wk)}
.wk6-brand em{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:0;color:var(--fg-3);padding-left:12px;border-left:1px solid var(--line)}
.wk6-hl h1{font-size:clamp(30px,4.4vw,54px);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin-top:22px}
.wk6-hl h1 span{display:block;background:linear-gradient(90deg,var(--wk),color-mix(in srgb,var(--wk) 45%,var(--sage)));-webkit-background-clip:text;background-clip:text;color:transparent}
.wk6-hl>p{color:var(--fg-2);margin-top:14px;max-width:620px;font-size:15.5px;line-height:1.55}
.wk6-s{margin-top:24px;height:58px;border-radius:16px;box-shadow:0 10px 40px -18px color-mix(in srgb,var(--wk) 60%,transparent)}
.wk6-pop{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:14px;font-size:13px}
.wk6-pop>span{color:var(--fg-3);margin-right:4px}
.wk6-pop a{padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 80%,transparent);color:var(--fg-2);transition:border-color .15s,color .15s}
.wk6-pop a:hover{border-color:var(--wk);color:var(--fg)}
.wk6-art{position:relative;height:340px}
.wk6-orb{position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--wk) 35%,transparent),transparent 68%)}
.wk6-orb::before{content:"";position:absolute;inset:-34px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--wk) 35%,transparent);animation:wk6spin 40s linear infinite}
.wk6-orb img{width:210px;height:210px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45));animation:wk6float 6s ease-in-out infinite}
@keyframes wk6spin{to{transform:rotate(360deg)}}
@keyframes wk6float{50%{transform:translateY(-8px)}}
.wk6-badge{position:absolute;display:flex;gap:10px;align-items:center;max-width:240px;padding:10px 14px 10px 10px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(10px);box-shadow:0 16px 40px -20px rgba(0,0,0,.6);font-size:12px;color:var(--fg-3);line-height:1.3}
.wk6-badge>svg{flex:0 0 auto;width:34px;height:34px;padding:8px;border-radius:10px;background:var(--wk-bg);color:var(--wk)}
.wk6-badge b{display:block;font-size:13px;color:var(--fg);margin-bottom:1px}
.wk6-badge.b1{left:0;top:18px}.wk6-badge.b2{right:0;top:126px}.wk6-badge.b2>svg{background:var(--sage-bg);color:var(--sage)}.wk6-badge.b3{left:24px;bottom:12px}.wk6-badge.b3>svg{background:var(--accent-bg);color:var(--accent)}
@media(prefers-reduced-motion:reduce){.wk6-orb::before,.wk6-orb img{animation:none}}
.wk6-kinds{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-26px;position:relative;z-index:1}
.wk6-kind{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--card);transition:border-color .15s,transform .15s,background .15s}
.wk6-kind:hover{border-color:var(--fg-3);transform:translateY(-2px)}
.wk6-kind>i{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bg-2);color:var(--fg-2)}
.wk6-kind>i svg{width:21px;height:21px}
.wk6-kind>span{display:flex;flex-direction:column;min-width:0;flex:1}
.wk6-kind b{font-size:15.5px;font-weight:800;letter-spacing:-.01em}
.wk6-kind small{font-size:12px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk6-kind em{font-style:normal;font-size:13px;font-weight:700;color:var(--fg-3);min-width:28px;height:26px;padding:0 8px;border-radius:8px;background:var(--bg-2);display:grid;place-items:center}
.wk6-kind.k-vacancy>i{background:var(--wk-bg);color:var(--wk)}.wk6-kind.k-resume>i{background:var(--sage-bg);color:var(--sage)}.wk6-kind.k-service>i{background:var(--accent-bg);color:var(--accent)}
.wk6-kind.on{border-color:var(--wk);background:linear-gradient(180deg,var(--wk-bg),var(--card));box-shadow:0 0 0 1px var(--wk) inset}
.wk6-kind.on em{background:var(--wk);color:#0b0c0a}
.wk6-sh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 12px}
.wk6-sh h2,.wk6-how h2{font-size:20px;font-weight:800;letter-spacing:-.02em}
.wk6-sh .btn svg{width:15px;height:15px;transition:transform .2s}
.wk6-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:132px;overflow:hidden;transition:max-height .3s ease}
.wk6-cats.open{max-height:1200px}
.wk6-cat{display:flex;align-items:center;gap:10px;height:62px;padding:0 12px;border-radius:14px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600;color:var(--fg-2);transition:border-color .15s,color .15s,background .15s;min-width:0}
.wk6-cat>i{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bg-2);color:var(--wk)}
.wk6-cat>i svg{width:17px;height:17px}
.wk6-cat>span{flex:1;min-width:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wk6-cat>em{font-style:normal;font-size:11.5px;color:var(--fg-3)}
.wk6-cat:hover{border-color:var(--fg-3);color:var(--fg)}
.wk6-cat.on{border-color:var(--wk);background:var(--wk-bg);color:var(--fg)}.wk6-cat.on>i{background:var(--wk);color:#0b0c0a}
.wk6-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px;padding:10px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.wk6-sel{display:flex;align-items:center;gap:0;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--bg-2);padding-left:12px;font-size:12px;color:var(--fg-3)}
.wk6-sel select.select{height:38px;border:0;background-color:transparent;width:auto;min-width:0;font-size:13.5px;font-weight:600;padding-left:8px}
.wk6-chk{height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:var(--bg-2);font-size:13.5px}
.wk6-acts{display:flex;gap:8px;justify-content:flex-end;margin:12px 0}
.wk6-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wk6 .wc5{padding:18px 20px;border-radius:18px;gap:10px;position:relative;overflow:hidden}
.wk6 .wc5::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--wk);opacity:.0;transition:opacity .15s}
.wk6 .wc5:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(0,0,0,.7)}.wk6 .wc5:hover::before{opacity:1}
.wk6 .wc5-resume::before{background:var(--sage)}.wk6 .wc5-service::before{background:var(--accent)}
.wk6 .wc5{transition:border-color .15s,transform .15s,box-shadow .15s}
.wk6 .wc5-s{font-size:18px;letter-spacing:-.01em}
.wk6-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:46px 20px;border-radius:20px;border:1px dashed color-mix(in srgb,var(--wk) 35%,var(--line));background:radial-gradient(500px 220px at 50% 0%,var(--wk-bg),transparent 70%),var(--card)}
.wk6-empty .wk-logo{width:72px;height:72px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4))}
.wk6-empty h3{font-size:19px;font-weight:800;margin-top:6px}
.wk6-empty p{color:var(--fg-2);max-width:460px;margin-bottom:6px}
.wk6-how{margin:34px 0 10px}
.wk6-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.wk6-step{position:relative;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;gap:6px}
.wk6-step>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--wk-bg);color:var(--wk);margin-bottom:6px}
.wk6-step>i svg{width:20px;height:20px}
.wk6-step b{font-size:15px}.wk6-step p{font-size:13px;color:var(--fg-2);line-height:1.5}
.wk6-n{position:absolute;right:16px;top:12px;font-size:40px;font-weight:800;letter-spacing:-.04em;color:color-mix(in srgb,var(--fg) 7%,transparent)}
@media(max-width:1100px){.wk6-cats{grid-template-columns:repeat(4,minmax(0,1fr))}.wk6-kinds{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.wk6-hgrid{grid-template-columns:1fr}.wk6-art{display:none}.wk6-list{grid-template-columns:1fr}.wk6-how>div{grid-template-columns:1fr}.wk6-kinds{margin-top:16px}}
@media(max-width:600px){.wk6-hero{padding:26px 0 26px}.wk6-brand em{display:none}.wk6-cats{grid-template-columns:repeat(2,minmax(0,1fr));max-height:206px}.wk6-kind small{display:none}.wk6-bar>span[style]{display:none}.wk6-acts .btn{flex:1}}
.wk6 .wk6-sel select.select{background-color:transparent!important;border:0!important;box-shadow:none!important}
.wk6-kind{min-width:0}
.nav-work b{color:var(--wk)!important}
.wk6-art{display:flex;align-items:center;justify-content:center;gap:0;height:auto;min-height:320px}
.wk6-orb{position:relative;left:auto;top:auto;transform:none;flex:0 0 auto;width:230px;height:230px;margin-right:-30px;z-index:0}
.wk6-orb img{width:200px;height:200px}
.wk6-art .wk6-stack{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.wk6-badge{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:250px;max-width:none}
.wk6-badge.b2{transform:translateX(34px)}
.wk6-hero{border-bottom:0;padding-bottom:60px}
.wk6-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.wk6-hgrid{z-index:1}
@media(max-width:900px){.wk6-art{display:none}.wk6-hgrid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.wk6-kinds{gap:8px}.wk6-kind{padding:12px;gap:10px}.wk6-kind>i{width:36px;height:36px}.wk6-kind b{font-size:14px}.wk6-kind em{min-width:22px;height:22px;padding:0 6px;font-size:12px}.wk6-cat{height:56px;padding:0 10px;gap:8px;font-size:12.5px}.wk6-cat>i{width:30px;height:30px}.wk6-bar{gap:6px}.wk6-sel,.wk6-chk{flex:1 1 calc(50% - 6px)}.wk6-sel select.select{flex:1}.wk6-hl h1{font-size:30px}.wk6-s .btn{padding:0 14px}}
.wk6-sel .dd{height:38px;border:0!important;background-color:transparent!important;box-shadow:none!important;font-size:13.5px;font-weight:600;padding-left:6px;min-width:0;width:auto;color:var(--fg)}
.wk6-sel .dd:hover{background-color:transparent!important}
/* ---------- v8: sell form fixes ---------- */
.check.check-t{align-items:flex-start;line-height:1.45}
.check.check-t input{margin-top:2px}
.check.check-t a{display:inline}
.sl-money{position:relative}
.sl-money .input{padding-right:40px}
.sl-money>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:var(--fg-3);pointer-events:none}
.sl-money .input::-webkit-outer-spin-button,.sl-money .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sl-money .input{-moz-appearance:textfield}
.sl-curnote{display:flex;gap:8px;align-items:flex-start;margin-top:-4px;padding:10px 12px;border-radius:10px;background:var(--bg-2);color:var(--fg-2)}
.sl-curnote svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px;color:var(--fg-3)}
.sl-curnote b{color:var(--fg)}
.sl-ent{margin-bottom:14px}
/* ---------- v8: YoWork — спокойная доска объявлений ---------- */
.wk7-top{border-bottom:1px solid var(--line);padding:18px 0 22px;background:var(--bg)}
.wk7-bar{display:flex;align-items:center;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line-2)}
.wk7-brand{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:-.02em;flex:0 0 auto}
.wk7-brand b{color:var(--wk);font-weight:800}
.wk7-tabs{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.wk7-tabs::-webkit-scrollbar{display:none}
.wk7-tabs a{position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--fg-2);white-space:nowrap;transition:color .15s,background .15s}
.wk7-tabs a em{font-style:normal;font-size:12px;font-weight:500;color:var(--fg-3)}
.wk7-tabs a:hover{color:var(--fg);background:var(--bg-2)}
.wk7-tabs a.on{color:var(--fg);background:var(--card);box-shadow:0 0 0 1px var(--line) inset}
.wk7-cta{display:flex;gap:8px;flex:0 0 auto}
.wk7-h{font-size:28px;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:22px 0 14px}
.wk7-s{display:grid;grid-template-columns:minmax(0,1fr) 250px auto;max-width:900px;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.wk7-s:focus-within{border-color:var(--fg-3)}
.wk7-q{display:flex;align-items:center;gap:10px;padding:0 14px;min-width:0}
.wk7-q svg{width:17px;height:17px;color:var(--fg-3);flex:0 0 auto}
.wk7-q input{flex:1;min-width:0;height:48px;border:0;background:none;outline:0;font-size:15px;color:var(--fg)}
.wk7-s .dd,.wk7-s .wk7-sc{height:48px;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;font-size:14px;padding-left:14px}
.wk7-s .btn{height:40px;margin:4px;border-radius:9px;padding:0 22px}
.wk7-pop{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:12px;font-size:13px;color:var(--fg-3)}
.wk7-pop a{color:var(--fg-2);border-bottom:1px dashed color-mix(in srgb,var(--fg-3) 60%,transparent);line-height:1.3}
.wk7-pop a:hover{color:var(--fg);border-bottom-color:var(--fg-2)}
.wk7-ph{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px 10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:13.5px;color:var(--fg-2)}
.wk7-ph>svg{width:16px;height:16px;color:var(--fg-3);flex:0 0 auto}
.wk7-body{display:grid;grid-template-columns:264px minmax(0,1fr);gap:28px;align-items:start;padding-top:22px;padding-bottom:40px}
.wk7-side.filters{position:sticky;top:calc(var(--hdr-h,112px) + 12px);padding:0;border:0;background:none;border-radius:0;gap:0;max-height:calc(100vh - var(--hdr-h,112px) - 24px);overflow-y:auto;scrollbar-width:none}
.wk7-side.filters::-webkit-scrollbar{display:none}
.wf-g{border-bottom:1px solid var(--line-2);padding:4px 0 10px}
.wf-g summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px 0 6px;font-size:13px;font-weight:700;color:var(--fg)}
.wf-g summary::-webkit-details-marker{display:none}
.wf-g summary svg{width:14px;height:14px;color:var(--fg-3);transition:transform .2s}
.wf-g[open] summary svg{transform:rotate(180deg)}
.wf-b{display:flex;flex-direction:column}
.wf-it{display:flex;align-items:center;gap:10px;min-height:32px;padding:4px 8px;margin:0 -8px;border-radius:8px;font-size:13.5px;color:var(--fg-2);transition:background .12s,color .12s}
.wf-it:hover{background:var(--bg-2);color:var(--fg)}
.wf-it em{font-style:normal;font-size:12px;color:var(--fg-3)}
.wf-it.on{color:var(--fg);font-weight:600}
.wf-it.on em{color:var(--fg-2)}
.wf-b>.wf-it.on:not(:has(.wf-r)){background:var(--bg-2)}
.wf-r{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--fg-3);flex:0 0 auto;transition:border .12s}
.wf-it.on .wf-r{border:4.5px solid var(--wk)}
.wf-more{display:none;flex-direction:column}.wf-more[data-open]{display:flex}
.wf-tog{align-self:flex-start;margin-top:4px;padding:4px 0;background:none;border:0;font:inherit;font-size:13px;color:var(--wk);cursor:pointer}
.wf-tog:hover{text-decoration:underline}
.wf-sal{padding:14px 0;border-bottom:1px solid var(--line-2);font-size:13.5px;color:var(--fg-2)}
.wk7-side .btn-block{margin-top:12px}
.wk7-about{margin-top:18px;padding:14px;border-radius:12px;background:var(--bg-2);font-size:12.5px;line-height:1.5;color:var(--fg-3)}
.wk7-about b{display:block;font-size:13px;color:var(--fg);margin-bottom:4px}
.wk7-about .link{display:inline-block;margin-top:6px;font-size:12.5px}
.wk7-tb{display:flex;align-items:center;gap:12px;min-height:36px;margin-bottom:10px}
.wk7-n{font-size:14px;color:var(--fg-2);flex:1;min-width:0}
.wk7-sort{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--fg-3)}
.wk7-sort .dd,.wk7-sort .select{height:32px;border:0!important;background-color:transparent!important;box-shadow:none!important;font-size:13px;font-weight:600;color:var(--fg);padding-left:4px;width:auto}
.wj-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.wj{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px 20px;border-top:1px solid var(--line-2);transition:background .12s}
.wj:first-child{border-top:0}
.wj:hover{background:var(--card-h)}
.wj.hl{box-shadow:inset 3px 0 0 var(--wk)}
.wj-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.wj-k{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--fg-3)}
.wj-k i{font-style:normal;opacity:.6}
.wj-vacancy{color:var(--wk)}.wj-resume{color:var(--sage)}.wj-service{color:var(--accent)}
.wj-k>*{color:var(--fg-3)}.wj-pin{color:var(--warn)!important}
.wj-t{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--fg)}
.wj:hover .wj-t{color:var(--wk)}
.wj-s{font-size:16px;font-weight:700;color:var(--fg)}
.wj-who{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--fg-2);min-width:0}
.wj-r{font-size:12.5px;color:var(--fg-3)}
.wj-meta{display:flex;flex-wrap:wrap;gap:4px 0;font-size:13px;color:var(--fg-3)}
.wj-meta span+span::before{content:"·";margin:0 8px;opacity:.7}
.wj-d{font-size:13.5px;line-height:1.5;color:var(--fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.wj-sk{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.wj-sk span{font-size:12px;line-height:1;padding:6px 8px;border-radius:6px;background:var(--bg-2);color:var(--fg-2)}
.wj-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px}
.wj-side time{font-size:12px;color:var(--fg-3);white-space:nowrap}
.wj-go{pointer-events:none}
.wj:hover .wj-go{border-color:var(--fg-3);color:var(--fg)}
.wk7-empty{padding:40px 32px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.wk7-empty h3{font-size:18px;font-weight:700}
.wk7-empty p{margin:8px 0 18px;max-width:520px;color:var(--fg-2);line-height:1.55}
@media(max-width:1000px){.wk7-s{grid-template-columns:minmax(0,1fr) auto}.wk7-s .dd,.wk7-s .wk7-sc{display:none}}
@media(max-width:900px){.wk7-body{grid-template-columns:1fr}.wk7-side.filters{position:fixed;inset:0;top:0;z-index:80;max-height:none;background:var(--bg);padding:12px 16px 24px;display:none}.wk7-side.filters.open{display:flex}.wk7-bar{flex-wrap:wrap;gap:12px}.wk7-tabs{order:3;flex:1 1 100%}.wk7-cta{margin-left:auto}}
@media(max-width:600px){.wk7-h{font-size:23px;margin-top:16px}.wj{grid-template-columns:1fr;gap:10px;padding:16px}.wj-side{flex-direction:row-reverse;align-items:center}.wk7-cta .btn-ghost{display:none}.wk7-sort>span{display:none}}
/* ---------- v8: подтверждение телефона ---------- */
.pv{display:flex;flex-direction:column;gap:18px;text-align:left}
.pv-h{display:flex;gap:14px;align-items:center}
.pv-logo{width:44px;height:44px;flex:0 0 auto}.pv-logo svg{width:100%;height:100%;display:block}
.pv-h h2{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.pv-h p{font-size:13.5px;color:var(--fg-3);margin-top:2px}
.pv-steps{list-style:none;margin:0;padding:0;counter-reset:pv;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pv-steps li{counter-increment:pv;display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding:12px 14px;border-top:1px solid var(--line-2)}
.pv-steps li:first-child{border-top:0}
.pv-steps li::before{content:counter(pv);grid-row:span 2;width:24px;height:24px;border-radius:50%;background:var(--bg-2);color:var(--fg-2);font-size:12px;font-weight:700;display:grid;place-items:center;margin-top:1px}
.pv-steps b{font-size:14px;font-weight:600}
.pv-steps span{font-size:13px;color:var(--fg-3)}
.pv-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:var(--line-2);border-radius:12px;overflow:hidden}
.pv-facts div{background:var(--bg-2);padding:10px 12px}
.pv-facts dt{font-size:11.5px;color:var(--fg-3)}
.pv-facts dd{margin:2px 0 0;font-size:13px;font-weight:600;color:var(--fg);line-height:1.35}
.pv-act{display:flex}
.pv-btn{flex:1;background:#2AABEE;color:#fff;border:0;gap:10px}
.pv-btn:hover{background:#229ED9}
.pv-btn svg{width:20px;height:20px}
.pv-btn svg circle{fill:#fff}.pv-btn svg path{fill:#2AABEE}
.pv-btn:disabled{opacity:.6}
.pv-st{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;border-radius:10px;background:var(--bg-2);font-size:13px;color:var(--fg-2)}
.pv-st[hidden]{display:none}
.pv-st>span:not(.pv-spin){flex:1;min-width:200px}
.pv-st svg{width:16px;height:16px;flex:0 0 auto}
.pv-st.bad{background:var(--danger-bg);color:var(--danger)}
.pv-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:#2AABEE;animation:pvspin .8s linear infinite;flex:0 0 auto}
@keyframes pvspin{to{transform:rotate(360deg)}}
@media(max-width:600px){.pv-facts{grid-template-columns:1fr}}

/* ===== v8: аватары, редактор фото, очередь модерации ===== */
:root{--avd-bg:#243029;--avd-fg:#5d6d63}
html[data-theme=light]{--avd-bg:#dfe3e0;--avd-fg:#a7b0aa}
.avatar svg{display:block}
.av-cur{position:relative}
.av-pend{position:absolute;right:-6px;bottom:-6px;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--card);box-shadow:0 0 0 1px var(--warn)}
.av-pend img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}
.av-note{font-size:13px;line-height:1.45;padding:10px 12px;border-radius:8px;margin-bottom:12px;border:1px solid var(--line)}
.av-note-w{background:var(--warn-bg);border-color:rgba(240,194,122,.3)}
.av-note-e{background:var(--danger-bg);border-color:rgba(255,138,138,.3)}
.av-lbl{font-size:12px;color:var(--fg-3,var(--muted));margin-bottom:8px}
.av-opt{border-radius:50%}
.av-opt:hover{transform:none;border-color:var(--line)}
label.btn.disabled{opacity:.5;pointer-events:none}

.modal.ae-modal{max-width:720px;width:calc(100vw - 32px)}
.ae h3{margin:0 0 4px}
.ae-sub{margin:0 0 16px;color:var(--fg-2,var(--muted));font-size:14px}
.ae-body{display:flex;gap:24px;align-items:flex-start}
.ae-stage{position:relative;flex:0 0 auto;overflow:hidden;border-radius:10px;background:#000;cursor:grab;touch-action:none;user-select:none;max-width:100%}
.ae-stage.drag{cursor:grabbing}
.ae-stage img{position:absolute;left:50%;top:50%;max-width:none;transform-origin:center;pointer-events:none}
.ae-mask{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 400px rgba(0,0,0,.55);pointer-events:none;outline:1px solid rgba(255,255,255,.7);outline-offset:-1px}
.ae-grid{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .15s;background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(180deg,transparent calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% - .5px),rgba(255,255,255,.35) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% - .5px),rgba(255,255,255,.35) calc(66.66% + .5px),transparent calc(66.66% + .5px))}
.ae-stage.drag .ae-grid{opacity:1}
.ae-side{flex:1;min-width:0}
.ae-prev{display:flex;align-items:flex-end;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ae-prev canvas{border-radius:50%;background:var(--bg-2)}
.ae-rules{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.45;color:var(--fg-2,var(--muted))}
.ae-rules li{padding-left:14px;position:relative}
.ae-rules li::before{content:'';position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--line)}
.ae-ctl{display:flex;align-items:center;gap:8px;margin-top:16px;max-width:300px}
.ae-ctl input[type=range]{flex:1;min-width:80px;accent-color:var(--fg)}
.ae-sep{width:1px;height:20px;background:var(--line);margin:0 4px}
.ae-ctl .btn{white-space:nowrap}
.ae-ctl{max-width:none}
.ae-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:640px){.ae-body{flex-direction:column;align-items:center}.ae-ctl{flex-wrap:wrap}}

.ad-avs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ad-av{display:flex;gap:14px;padding:14px}
.ad-av-img{position:relative;flex:0 0 112px;height:112px;border-radius:8px;overflow:hidden;background:var(--bg-2)}
.ad-av-img>img{width:100%;height:100%;object-fit:cover}
.ad-av-c{position:absolute;right:4px;bottom:4px;width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--card)}
.ad-av-c img{width:100%;height:100%;object-fit:cover}
.ad-av-b{min-width:0;font-size:13px}
.av-grid{grid-template-columns:repeat(auto-fill,40px);max-width:100%}
.ae-ctl input[type=range]{border:0;background:none;padding:0;height:20px;box-shadow:none;outline:none}
@media(max-width:1000px){.wk7-s{grid-template-columns:minmax(0,1fr) auto}.wk7-s .dd,.wk7-s .wk7-sc{display:none!important}}
@media(max-width:640px){.wk7-s{grid-template-columns:minmax(0,1fr) auto}.wk7-s .btn{padding:0 16px}}
.wk5 .wd5-pr{font-size:22px;line-height:1.25;letter-spacing:-.01em;margin-bottom:14px}

/* ===== v8: уведомления ===== */
.icon-btn .badge-n{position:absolute;top:2px;right:2px;left:auto;transform:translate(35%,-20%);min-width:16px;height:16px;padding:0 4px;border-radius:8px;font:700 10px/16px var(--sans);font-style:normal;text-align:center;background:var(--rose);color:#fff;border:2px solid var(--bg);box-sizing:content-box;pointer-events:none;letter-spacing:0}
.nt{padding-top:22px;max-width:880px}
.nt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.nt-acts{display:flex;gap:8px;flex-wrap:wrap}
.nt-tabs{margin-bottom:8px}
.nt-g{margin-top:18px}
.nt-gh{font-size:12px;font-weight:600;color:var(--fg-3);text-transform:none;letter-spacing:0;margin:0 0 6px}
.nt-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.nt-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-top:1px solid var(--line-2);color:inherit;text-decoration:none;position:relative;transition:background .12s}
.nt-row:first-child{border-top:0}
.nt-row:hover{background:var(--card-h)}
.nt-row.unread{background:rgba(232,119,141,.045)}
.nt-row.unread:hover{background:rgba(232,119,141,.08)}
.nt-ic{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--fg-2)}
.nt-ic .i{width:17px;height:17px}
.nt-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.nt-t{font-size:14.5px;font-weight:500;color:var(--fg-2)}
.nt-row.unread .nt-t{font-weight:650;color:var(--fg)}
.nt-d{font-size:14px;color:var(--fg-2);line-height:1.45;overflow-wrap:anywhere}
.nt-m{font-size:12px;color:var(--fg-3);margin-top:2px}
.nt-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--rose);margin-top:8px}
@media(max-width:640px){.nt-head{align-items:flex-start}.nt-list{border-radius:10px}.nt-row{padding:12px}}
.nt-row{border-top-color:var(--line)}

/* ===== v8: поддержка ===== */
.sup8-hero{border-bottom:1px solid var(--line);padding:36px 0 32px}
.sup8-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:end}
.sup8-eyebrow{display:block;font-size:13px;color:var(--fg-3);margin-bottom:8px}
.sup8-hl h1{margin:0 0 18px}
.sup8-search{max-width:680px;margin:0}
.sup8-pop{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:13px;color:var(--fg-3)}
.sup8-pop a{color:var(--fg-2);border-bottom:1px dashed var(--line)}
.sup8-pop a:hover{color:var(--fg);border-color:var(--fg-3)}
.sup8-q{margin:0;border:1px solid var(--line);border-radius:12px;padding:6px 16px;background:var(--card)}
.sup8-q>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-2);font-size:14px}
.sup8-q>div:first-child{border-top:0}
.sup8-q dt{color:var(--fg-3)}.sup8-q dd{margin:0;font-weight:600;text-align:right}
.sup8-q-up{display:block;font-size:13px;color:var(--link);padding:10px 0 6px;border-top:1px solid var(--line-2)}
.sup8-sec{padding-top:36px}
.sup8-sh{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.sup8 h2.t-h2{margin:0 0 16px}
.sup8-sh h2.t-h2{margin:0}
.sup8-dir{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:12px;overflow:hidden}
.sup8-c{padding:18px 18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.sup8-ct{font-weight:650;font-size:15.5px;color:var(--fg)}
.sup8-ct:hover{text-decoration:underline;text-underline-offset:3px}
.sup8-c p{margin:4px 0 12px;font-size:13px;color:var(--fg-3)}
.sup8-c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sup8-c li a{font-size:14px;color:var(--fg-2);line-height:1.35}
.sup8-c li a:hover{color:var(--fg)}
.sup8-all{margin-top:auto;padding-top:12px;font-size:13px;color:var(--link)}
.sup8-dir{border-top-right-radius:12px}
.sup8-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:var(--card);flex-wrap:wrap}
.sup8-cta h2{margin:0 0 4px}.sup8-cta p{margin:0;max-width:620px;font-size:14px}
.sup8-cta-a{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
@media(max-width:1000px){.sup8-hero-in{grid-template-columns:1fr;gap:20px}.sup8-dir{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sup8-dir{grid-template-columns:1fr}.sup8-cta-a{align-items:stretch;width:100%}.sup8-hero{padding:24px 0}}

.sup8-page{padding-top:22px;padding-bottom:48px}
.sup8-2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;margin-top:20px}
.sup8-form{padding:22px;display:flex;flex-direction:column;gap:16px}
.sup8-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sup8-form .opt{font-weight:400;color:var(--fg-3);margin-left:4px}
.sup8-lbl{display:flex;justify-content:space-between;align-items:baseline}
.sup8-file{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--line);border-radius:10px;cursor:pointer;color:var(--fg-2);font-size:14px}
.sup8-file:hover{border-color:var(--fg-3);color:var(--fg)}
.sup8-file small{color:var(--fg-3);margin-left:6px}
.sup8-foot{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--line)}
.sup8-aside{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--hdr-h,112px) + 12px)}
.sup8-box{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card);font-size:14px}
.sup8-box h3{font-size:14px;font-weight:650;margin:0 0 10px}
.sup8-dl{margin:0}
.sup8-dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line-2)}
.sup8-dl>div:first-child{border-top:0;padding-top:0}
.sup8-dl dt{color:var(--fg-3)}.sup8-dl dd{margin:0;text-align:right;font-weight:550}
.sup8-ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--fg-2)}
.sup8-warn{font-size:13px;color:var(--fg-2);background:transparent;line-height:1.45}
@media(max-width:900px){.sup8-2{grid-template-columns:1fr}.sup8-aside{position:static}.tk8 .sup8-aside{order:-1}}
@media(max-width:560px){.sup8-row{grid-template-columns:1fr}.sup8-form{padding:16px}.sup8-foot .btn{flex:1}}

.tk8-head{margin-top:12px}
.tk8-head h1{margin:0 0 8px}
.tk8-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--fg-3);font-size:14px}
.tk8-thread{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.tk8-m{display:flex;gap:12px;padding:16px 18px;border-top:1px solid var(--line)}
.tk8-m:first-child{border-top:0}
.tk8-m.sup{background:rgba(159,208,168,.035)}
.tk8-m.int{background:var(--warn-bg)}
.tk8-av{flex:0 0 36px}
.tk8-team{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg)}
.tk8-team .i{width:18px;height:18px}
.tk8-mb{flex:1;min-width:0}
.tk8-mb header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:4px;font-size:14px}
.tk8-mb header time{margin-left:auto;font-size:12px;color:var(--fg-3)}
.tk8-tag{font-size:11px;padding:1px 6px;border-radius:5px;border:1px solid var(--line);color:var(--fg-3)}
.tk8-tag.w{border-color:rgba(240,194,122,.4);color:var(--warn)}
.tk8-mt{font-size:14.5px;line-height:1.55;overflow-wrap:anywhere;color:var(--fg)}
.tk8-sys{padding:10px 18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--fg-3);text-align:center}
.tk8-sys:first-child{border-top:0}
.tk8-reply{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.tk8-reply:focus-within{border-color:var(--fg-3)}
.tk8-reply textarea{display:block;width:100%;border:0;background:transparent;color:var(--fg);padding:14px 16px;resize:vertical;min-height:84px;font:inherit;font-size:14.5px;outline:none}
.tk8-bar{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;border-top:1px solid var(--line-2)}
.tk8-bar .btn{margin-left:auto}
.tk8-att{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-3);cursor:pointer}
.tk8-att:hover{color:var(--fg)}
.tk8-att .i{width:16px;height:16px}
.tk8-note{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--fg-2)}
.tk8-rate{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.tk8-rate p{margin:2px 0 0;font-size:13px}
.tk8-stars{display:flex;gap:4px}
.tk8-stars button{color:var(--fg-3);padding:2px}
.tk8-stars button:hover,.tk8-stars button:hover~button{color:var(--fg-3)}
.tk8-stars:hover button{color:#f3c86b}.tk8-stars button:hover~button{color:var(--fg-3)}
.tk8-stars .i{width:24px;height:24px}
@media(max-width:560px){.tk8-m{padding:14px 12px;gap:10px}.tk8-mb header time{margin-left:0;width:100%}}
@media(max-width:900px){.tk8 .sup8-aside{order:0}}
#kbsug:empty{display:none}
.tk8-wait{color:var(--warn);font-weight:600}
.ad-avs{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.ad-av .row{flex-wrap:nowrap}@media(max-width:560px){.ad-avs{grid-template-columns:1fr}.ad-av .row{flex-wrap:wrap}}

/* ===== v8: без градиентного текста и анимированных переливов ===== */
.silk,.hero4 h1 .silk,.hero5 h1 .silk{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--rose)!important;-webkit-text-fill-color:currentColor;animation:none!important}
.nav-prem span,html[data-theme=light] .nav-prem span{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:inherit!important;-webkit-text-fill-color:currentColor}
.modal.ae-modal{max-height:calc(100dvh - 24px);overflow-y:auto}
@media(max-width:640px){.ae-prev{display:none}.ae-rules{margin-top:0}.ae-rules li:nth-child(n+2){display:none}.ae-ctl .ae-sep{display:none}.ae-foot .btn{flex:1}}
/* ===== v9: редактор баннера, баннер профиля ===== */
.ban-opt{background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer}
.ban-opt:not([class*=" bp"]):not([style]){background-color:var(--bg-2)}
.ban-none{display:grid;place-items:center;color:var(--muted);border:2px dashed var(--line)}
.ban-none.on{border-style:solid}
.ban-none svg{width:16px;height:16px}
.prof-ban{height:auto;aspect-ratio:4/1;max-height:210px}
@media(max-width:640px){.prof-ban{aspect-ratio:3/1}}
.modal.ae-modal-wide{max-width:740px}
.ae-wide .ae-body{flex-direction:column;align-items:stretch;gap:16px}
.ae-wide .ae-stage{border-radius:12px;align-self:center}
.ae-wide .ae-mask{border-radius:12px;box-shadow:none;outline:2px solid rgba(255,255,255,.85);outline-offset:-2px}
.ae-wide .ae-prev{align-items:center;border-bottom:0;padding-bottom:0}
.ae-wide .ae-prev canvas{border-radius:8px;box-shadow:0 0 0 1px var(--line)}
.ae-wide .ae-prev::after{content:'Так баннер будет выглядеть в профиле';font-size:13px;color:var(--muted)}
.ae-wide .ae-rules{margin-top:4px}
@media(max-width:640px){.ae-wide .ae-prev{display:none}}

/* ===== v9: смена пароля по шагам ===== */
.modal.pwz-modal{max-width:500px}
.pwz-steps{list-style:none;display:flex;gap:6px;margin:18px 0 0;padding:0;counter-reset:s}
.pwz-steps li{flex:1;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--muted);position:relative}
.pwz-steps li::before{content:'';height:3px;border-radius:3px;background:var(--line);order:-1;transition:background .3s}
.pwz-steps li.done::before,.pwz-steps li.cur::before{background:var(--fg)}
.pwz-steps li i{display:none}
.pwz-steps li.cur{color:var(--fg);font-weight:650}
.pwz-steps li.done{color:var(--fg-2,var(--muted))}
.pw-in{position:relative}
.pw-in .input{padding-right:46px;width:100%}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--muted);background:none;border:0;cursor:pointer}
.pw-eye:hover{color:var(--fg);background:var(--bg-2)}
.pw-eye svg{width:18px;height:18px}
.pwz-code{font-size:26px;letter-spacing:.5em;text-align:center;height:58px}
.pwz-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
.pw-meter{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:4px;align-items:center;margin-top:-4px}
.pw-meter i{height:4px;border-radius:4px;background:var(--line);transition:background .25s}
.pw-meter span{font-size:12px;color:var(--muted);min-width:64px;text-align:right}
.pw-meter[data-s="1"] i:nth-child(-n+1){background:#d9534f}
.pw-meter[data-s="2"] i:nth-child(-n+2){background:#e0a030}
.pw-meter[data-s="3"] i:nth-child(-n+3){background:#7bb36b}
.pw-meter[data-s="4"] i{background:#3f9b5a}
.pwz-done{text-align:center}
.pwz-done .notice{text-align:left}
.pwz-done .pwz-foot{justify-content:center}
.pwz-ok{width:64px;height:64px;border-radius:20px;display:inline-grid;place-items:center;background:rgba(63,155,90,.12);color:#3f9b5a}
.pwz-ok svg{width:32px;height:32px}
@media(prefers-reduced-motion:no-preference){.pwz-ok svg .p2{stroke-dasharray:1;animation:idraw .6s .2s cubic-bezier(.3,.7,.3,1) both}.pwz-ok{animation:pwzPop .5s cubic-bezier(.3,1.5,.5,1)}}
@keyframes pwzPop{from{transform:scale(.6);opacity:0}}
@keyframes idraw{0%{stroke-dasharray:1;stroke-dashoffset:1}100%{stroke-dasharray:1;stroke-dashoffset:0}}

/* ===== v9: фото во вложениях + лайтбокс ===== */
.pp{display:flex;flex-direction:column;gap:10px}
.pp-list{display:flex;flex-wrap:wrap;gap:8px}
.pp-list:empty{display:none}
.pp-th{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--bg-2);animation:ppIn .25s cubic-bezier(.3,1.4,.5,1)}
.pp-mini .pp-th{width:64px;height:64px;border-radius:10px}
.pp-open{all:unset;cursor:zoom-in;display:block;width:100%;height:100%}
.pp-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.pp-open:hover img{transform:scale(1.06)}
.pp-x{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(10,12,11,.72);color:#fff;cursor:pointer;opacity:.9}
.pp-x:hover{background:#d9534f;opacity:1}
.pp-x svg{width:12px;height:12px}
.pp-add{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--line);border-radius:10px;cursor:pointer;color:var(--fg-2);font-size:14px}
.pp-add:hover{border-color:var(--fg-3);color:var(--fg)}
.pp-add small{color:var(--fg-3);margin-left:6px}
.pp-full .pp-add,.pp-full .tk8-att{opacity:.45;pointer-events:none}
.tk8-reply .pp-mini{padding:0 12px}
.tk8-reply .pp-mini .pp-list:not(:empty){padding-top:4px}
@keyframes ppIn{from{transform:scale(.7);opacity:0}}
.pp .pp-list{flex-direction:row;align-items:flex-start}
.pp .pp-th .pp-open{display:block;width:100%;height:100%;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
.pp .pp-th .pp-x{padding:0;min-height:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(10,12,11,.72);color:#fff;border:0}
.pp .pp-th .pp-x:hover{background:#d9534f}
.tk-imgs{display:grid;gap:6px;margin-top:10px;max-width:420px;grid-template-columns:repeat(3,1fr)}
.tk-imgs.n1{grid-template-columns:1fr;max-width:300px}
.tk-imgs.n2,.tk-imgs.n4{grid-template-columns:repeat(2,1fr);max-width:340px}
.tk-ia{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--line);cursor:zoom-in;background:var(--bg-2)}
.tk-imgs.n1 .tk-ia{aspect-ratio:auto;max-height:260px}
.tk-ia img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.tk-ia:hover img{transform:scale(1.05)}
html.lbx-lock{overflow:hidden}
.lbx{position:fixed;inset:0;z-index:1000;background:rgba(8,10,9,.92);backdrop-filter:blur(6px);display:grid;grid-template-columns:64px 1fr 64px;grid-template-rows:56px 1fr auto;align-items:center;animation:lbxIn .2s ease;outline:none}
.lbx.out{animation:lbxOut .18s ease forwards}
.lbx-top{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:0 12px;color:#eee;font-size:14px}
.lbx-n{flex:1;padding-left:8px;opacity:.8}
.lbx-b{width:42px;height:42px;border-radius:12px;border:0;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.lbx-b:hover{background:rgba(255,255,255,.18)}
.lbx-b svg{width:20px;height:20px}
.lbx-prev{justify-self:center}.lbx-prev svg{transform:rotate(90deg)}
.lbx-next{justify-self:center}.lbx-next svg{transform:rotate(-90deg)}
.lbx-one .lbx-nav{visibility:hidden}
.lbx-fig{margin:0;height:100%;min-height:0;display:grid;place-items:center;padding:8px;cursor:zoom-out}
.lbx-fig img{max-width:100%;max-height:calc(100dvh - 160px);border-radius:10px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);cursor:default}
.lbx-fig img.in{animation:lbxImg .28s cubic-bezier(.3,1.2,.5,1)}
.lbx-strip{grid-column:1/-1;display:flex;justify-content:center;gap:8px;padding:12px 12px 18px;overflow-x:auto}
.lbx-strip button{width:56px;height:56px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;background:none;cursor:pointer;opacity:.55;flex:0 0 auto}
.lbx-strip button.on{border-color:#fff;opacity:1}
.lbx-strip img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes lbxIn{from{opacity:0}}
@keyframes lbxOut{to{opacity:0}}
@keyframes lbxImg{from{transform:scale(.94);opacity:.3}}
@media(max-width:640px){.lbx{grid-template-columns:0 1fr 0}.lbx-nav{display:none}.lbx-fig img{max-height:calc(100dvh - 150px)}}

/* ===== v9: живые значки — у каждого своя анимация по смыслу ===== */
@media(prefers-reduced-motion:no-preference){
svg.i *{transform-box:view-box}
@keyframes ib-sw{0%{transform:rotate(0)}15%{transform:rotate(16deg)}35%{transform:rotate(-13deg)}55%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}100%{transform:rotate(0)}}
@keyframes ib-cl{0%{transform:translateX(0)}20%{transform:translateX(-2.2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1.2px)}80%{transform:translateX(.6px)}100%{transform:none}}
@keyframes ih-beat{0%,100%{transform:scale(1)}18%{transform:scale(1.22)}32%{transform:scale(.94)}48%{transform:scale(1.14)}66%{transform:scale(1)}}
@keyframes is-scan{0%,100%{transform:none}25%{transform:translate(-1.6px,-1px) rotate(-8deg)}55%{transform:translate(1.6px,.6px) rotate(6deg)}80%{transform:translate(-.4px,0)}}
@keyframes ic-dot{0%,100%{transform:translateY(0);opacity:1}30%{transform:translateY(-2.2px)}60%{transform:translateY(0)}}
@keyframes ibg-h{0%,100%{transform:none}35%{transform:translateY(-2.2px) scaleY(1.08)}65%{transform:translateY(.4px)}}
@keyframes ibg-b{0%,100%{transform:none}35%{transform:scale(1.04,.94)}65%{transform:scale(.98,1.03)}}
@keyframes iw-f{0%,100%{transform:none}40%{transform:translateY(-2px) skewY(-6deg)}}
@keyframes iw-s{0%,100%{transform:none}40%{transform:translateX(3px)}70%{transform:translateX(-.5px)}}
@keyframes iho-d{0%,100%{transform:none}45%{transform:scaleX(.25)}}
@keyframes iho-r{0%,100%{transform:none}30%{transform:scaleY(1.06)}55%{transform:scaleY(.97)}}
@keyframes iu-h{0%,100%{transform:none}30%{transform:translateY(-1.6px)}55%{transform:translateY(.6px) rotate(-6deg)}75%{transform:rotate(4deg)}}
@keyframes iu-b{0%,100%{transform:none}30%{transform:scaleY(.94)}}
@keyframes ig-1{0%,100%{transform:none}25%,60%{transform:translateX(9px)}}
@keyframes ig-2{0%,100%{transform:none}25%,60%{transform:translateY(9px)}}
@keyframes ig-4{0%,100%{transform:none}25%,60%{transform:translateX(-9px)}}
@keyframes ig-3{0%,100%{transform:none}25%,60%{transform:translateY(-9px)}}
@keyframes idraw{0%{stroke-dasharray:1;stroke-dashoffset:1}100%{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes ish-p{0%,100%{transform:none}30%{transform:scale(1.08)}60%{transform:scale(.97)}}
@keyframes ick-m{to{transform:rotate(360deg)}}
@keyframes ick-h{to{transform:rotate(90deg)}}
@keyframes iti-b{0%,100%{transform:none}20%{transform:translateY(1.4px) scaleX(.8)}40%{transform:none}}
@keyframes ico-f{0%{transform:scaleX(1)}25%{transform:scaleX(0)}50%{transform:scaleX(-1)}75%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes igm-s{0%,100%{opacity:1}35%{opacity:.25}60%{opacity:1}}
@keyframes igm-l{0%,100%{transform:none}35%{transform:translateY(-1.5px) scale(1.06)}}
@keyframes ik-t{0%,100%{transform:none}35%{transform:translate(1.2px,-1.2px)}60%{transform:translate(1.2px,-1.2px) rotate(-45deg)}85%{transform:rotate(-45deg)}}
@keyframes iup-a{0%{transform:none}40%{transform:translateY(-8px);opacity:0}41%{transform:translateY(8px);opacity:0}100%{transform:none;opacity:1}}
@keyframes idn-a{0%{transform:none}40%{transform:translateY(7px);opacity:0}41%{transform:translateY(-9px);opacity:0}100%{transform:none;opacity:1}}
@keyframes ibase{0%,100%{transform:none}40%{transform:scaleX(.7)}}
@keyframes imd-p{0%,100%{transform:none}20%{transform:rotate(14deg)}45%{transform:rotate(-10deg)}70%{transform:rotate(5deg)}}
@keyframes igf-l{0%,100%{transform:none}30%{transform:translateY(-3px) rotate(-10deg)}55%{transform:translateY(-3.5px) rotate(8deg)}80%{transform:translateY(.4px)}}
@keyframes igf-b{0%,100%{transform:none}30%{transform:scale(1.05,.93)}}
@keyframes ich-b{0%{transform:scaleY(1)}30%{transform:scaleY(.1)}70%{transform:scaleY(1.25)}100%{transform:scaleY(1)}}
@keyframes ily-1{0%,100%{transform:none}45%{transform:translateY(-2.5px)}}
@keyframes ily-3{0%,100%{transform:none}45%{transform:translateY(2.5px)}}
@keyframes icd-l{0%,100%{transform:none}45%{transform:translateX(-2px)}}
@keyframes icd-r{0%,100%{transform:none}45%{transform:translateX(2px)}}
@keyframes icd-s{0%{transform:none}100%{transform:rotate(180deg)}}
@keyframes isu-l{0%,100%{transform:none}45%{transform:translateX(-1.6px)}}
@keyframes isu-r{0%,100%{transform:none}45%{transform:translateX(1.6px)}}
@keyframes iim-s{0%{transform:translateY(5px);opacity:0}60%{transform:translateY(-1px);opacity:1}100%{transform:none}}
@keyframes iim-m{0%{transform:scaleY(.3)}60%{transform:scaleY(1.1)}100%{transform:none}}
@keyframes igl-r{0%{transform:scaleX(1)}25%{transform:scaleX(.15)}50%{transform:scaleX(1.5)}75%{transform:scaleX(.15)}100%{transform:scaleX(1)}}
@keyframes igl-e{0%,100%{transform:none}50%{transform:scaleY(-1) translateY(0)}}
@keyframes imc-p{0%,100%{transform:none}25%{transform:scaleY(1.1)}50%{transform:scaleY(.94)}75%{transform:scaleY(1.06)}}
@keyframes imc-s{0%,100%{transform:none}25%{transform:scale(1.12)}50%{transform:scale(.96)}75%{transform:scale(1.06)}}
@keyframes imu-1{0%,100%{transform:none}25%{transform:translateY(-2.5px)}50%{transform:none}}
@keyframes imu-s{0%,100%{transform:none}25%{transform:skewX(-6deg)}75%{transform:skewX(6deg)}}
@keyframes ibt-e{0%,40%,60%,100%{transform:none}50%{transform:scaleY(.1)}}
@keyframes ibt-a{0%,100%{transform:none}25%{transform:rotate(-22deg)}55%{transform:rotate(18deg)}80%{transform:rotate(-6deg)}}
@keyframes iag-m{0%,100%{transform:none}50%{transform:scaleX(.5)}}
@keyframes isv-l{0%,100%{opacity:1}25%,75%{opacity:.1}50%{opacity:1}}
@keyframes ibk-o{0%,100%{transform:none}45%{transform:scaleX(.8) skewY(-4deg)}}
@keyframes isn-r{to{transform:rotate(90deg)}}
@keyframes isn-c{0%,100%{transform:none}50%{transform:scale(1.2)}}
@keyframes imn-s{0%,100%{transform:none}40%{transform:rotate(-18deg)}70%{transform:rotate(6deg)}}
@keyframes imn-t{0%,100%{transform:none;opacity:1}40%{transform:scale(0) rotate(90deg);opacity:0}70%{transform:scale(1.3)}}
@keyframes ifl-1{0%,100%{transform:none}45%{transform:scaleX(.25)}}
@keyframes ifl-3{0%,100%{transform:none}45%{transform:scaleX(4)}}
@keyframes ifl-2{0%,100%{transform:none}45%{transform:scaleX(1.3)}}
@keyframes ilk-s{0%,100%{transform:none}35%,65%{transform:translateY(-2.5px) rotate(18deg)}}
@keyframes ilk-b{0%,100%{transform:none}80%{transform:scale(1.06)}}
@keyframes iey-b{0%,30%,50%,100%{transform:none}40%{transform:scaleY(.1)}}
@keyframes iey-p{0%,100%{transform:none}40%{transform:scaleY(.1)}60%{transform:translateX(-2.5px)}80%{transform:translateX(2.5px)}}
@keyframes iey-o{0%,30%,50%,100%{transform:none}40%{transform:scaleY(.6)}}
@keyframes ifg-w{0%,100%{transform:none}25%{transform:skewY(-7deg) scaleX(.94)}50%{transform:skewY(5deg)}75%{transform:skewY(-3deg) scaleX(.97)}}
@keyframes itr-l{0%,100%{transform:none}35%,60%{transform:translateY(-2px) rotate(16deg)}}
@keyframes itr-c{0%,100%{transform:none}70%{transform:scaleY(.94)}}
@keyframes icp-f{0%,100%{transform:none}45%{transform:translate(-3px,-3px)}}
@keyframes icp-b{0%,100%{transform:none}45%{transform:translate(2px,2px);opacity:.4}}
@keyframes iex-a{0%{transform:none}40%{transform:translate(5px,-5px);opacity:0}41%{transform:translate(-4px,4px);opacity:0}100%{transform:none;opacity:1}}
@keyframes iar-a{0%{transform:none}40%{transform:translateX(8px);opacity:0}41%{transform:translateX(-8px);opacity:0}100%{transform:none;opacity:1}}
@keyframes ilo-a{0%{transform:none}40%{transform:translateX(-7px);opacity:0}41%{transform:translateX(5px);opacity:0}100%{transform:none;opacity:1}}
@keyframes ilo-d{0%,100%{transform:none}35%{transform:scaleX(.6)}}
@keyframes isd-f{0%{transform:none}40%{transform:translate(9px,-9px) scale(.5);opacity:0}41%{transform:translate(-8px,8px) scale(.5);opacity:0}100%{transform:none;opacity:1}}
@keyframes icv-b{0%,100%{transform:none}40%{transform:translateY(2.5px)}70%{transform:translateY(-1px)}}
@keyframes imn-1{0%,100%{transform:none}35%{transform:scaleX(.45)}}
@keyframes imn-2{0%,100%{transform:none}35%{transform:scaleX(.7)}}
@keyframes imn-3{0%,100%{transform:none}35%{transform:scaleX(.3)}}
@keyframes ist-g{0%{transform:none}30%{transform:rotate(50deg)}45%{transform:rotate(45deg)}75%{transform:rotate(95deg)}100%{transform:rotate(90deg)}}
@keyframes ist-c{0%,100%{transform:none}30%,75%{transform:scale(.8)}}
@keyframes isl-1{0%,100%{transform:none}45%{transform:translateX(-8px)}}
@keyframes isl-2{0%,100%{transform:none}45%{transform:translateX(7px)}}
@keyframes irk-l{0%{transform:none}15%{transform:translate(-.5px,.5px)}25%{transform:translate(.5px,-.5px)}35%{transform:translate(-.5px,.3px)}60%{transform:translate(6px,-6px);opacity:0}61%{transform:translate(-6px,6px);opacity:0}100%{transform:none;opacity:1}}
@keyframes icr-t{0%,100%{transform:none}30%{transform:translateY(-2px) rotate(-10deg)}60%{transform:translateY(-1px) rotate(6deg)}}
@keyframes ipl-d{0%,100%{transform:none}40%{transform:scale(2)}}
@keyframes ipc-1{0%,100%{transform:none}50%{transform:translate(10px,10px)}}
@keyframes ipc-2{0%,100%{transform:none}50%{transform:translate(-10px,-10px)}}
@keyframes ipc-l{0%,100%{transform:none}50%{transform:rotate(90deg)}}
@keyframes iml-f{0%,100%{transform:none}40%,60%{transform:scaleY(-.9) translateY(0)}}
@keyframes iml-b{0%,100%{transform:none}70%{transform:scale(1.05)}}
@keyframes iin-d{0%,100%{transform:none}30%{transform:translateY(-3px)}55%{transform:translateY(.5px)}}
@keyframes iin-l{0%,100%{transform:none}30%{transform:scaleY(.8)}55%{transform:scaleY(1.05)}}
@keyframes iwr-s{0%,100%{transform:none}20%,60%{transform:translateX(-1.4px)}40%,80%{transform:translateX(1.4px)}}
@keyframes iwr-t{0%,100%{transform:none}50%{transform:scale(1.06)}}
@keyframes ihp-w{0%,100%{transform:none}25%{transform:rotate(-16deg)}55%{transform:rotate(12deg)}80%{transform:rotate(-4deg)}}
@keyframes ibn-s{0%{transform:none}100%{transform:rotate(180deg)}}
@keyframes ibc-h{0%,100%{transform:none}35%{transform:translateY(-2px)}}
@keyframes ibc-b{0%,100%{transform:none}35%{transform:translateY(-1px) rotate(-3deg)}70%{transform:rotate(2deg)}}
@keyframes ibm-d{0%,100%{transform:none}35%{transform:scaleY(1.15)}60%{transform:scaleY(.94)}}
@keyframes ipn-d{0%{transform:none}30%{transform:translateY(-4px)}55%{transform:scale(1.1,.85)}75%{transform:translateY(-1px)}100%{transform:none}}
@keyframes ipn-c{0%,100%{transform:none}55%{transform:scale(1.4)}}
@keyframes imv-w{0%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:none}}
@keyframes imv-b{0%,100%{transform:none}30%{transform:scale(1.06) rotate(-4deg)}}
@keyframes iib-t{0%,100%{transform:none}40%{transform:translateY(2px)}70%{transform:translateY(-.5px)}}
@keyframes isp-e{0%,100%{transform:none}30%{transform:scale(1.15)}}
@keyframes isp-m{0%,100%{transform:none}50%{transform:rotate(-14deg)}}
@keyframes isc-t{0%,100%{transform:none}25%{transform:rotate(-10deg)}55%{transform:rotate(8deg)}80%{transform:rotate(-3deg)}}
@keyframes ism-w{0%,30%,60%,100%{transform:none}45%{transform:scaleY(.1) scaleX(3)}}
@keyframes ism-m{0%,100%{transform:none}45%{transform:scale(1.15,1.25)}}
@keyframes idt-w{0%,100%{transform:none}35%{transform:translateY(-3px)}}
@keyframes icar{0%,100%{transform:none}25%{transform:translate(1px,-1px)}50%{transform:translateY(.5px)}75%{transform:translate(-.5px,-.5px)}}
@keyframes idc-f{0%,100%{transform:none}40%{transform:scale(.6)}}
@keyframes ipa-e{0%,100%{transform:none}25%{transform:scaleY(.4)}50%{transform:scaleY(1)}75%{transform:scaleY(.7)}}
@keyframes ifr-f{0%,100%{transform:none}35%{transform:scale(.6)}65%{transform:scale(1.15)}}
@keyframes igp-t{0%,100%{transform:none}25%{transform:rotate(-8deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}
@keyframes igp-b{0%,100%{transform:none}30%{transform:scale(.2)}}
@keyframes itl-t{0%,100%{transform:none}35%{transform:rotate(-25deg)}65%{transform:rotate(10deg)}}
@keyframes ibx-l{0%,100%{transform:none}30%{transform:translateY(-3px)}55%{transform:translateY(-3px) rotate(-6deg)}80%{transform:translateY(.4px)}}
@keyframes itk-s{0%,100%{transform:none}30%{transform:rotate(-8deg) scale(1.08)}55%{transform:rotate(4deg) scale(.96)}}
@keyframes itk-p{0%,100%{transform:none}50%{transform:translateY(-1.6px)}}
@keyframes ifi-o{0%,100%{transform:none}25%{transform:scale(.94,1.08) skewX(2deg)}50%{transform:scale(1.04,.95)}75%{transform:scale(.97,1.05) skewX(-2deg)}}
@keyframes ifi-i{0%,100%{transform:none}25%{transform:scale(1.1,.9)}50%{transform:scale(.9,1.2)}75%{transform:scale(1.05,1)}}
@keyframes itr-h{0%,50%{opacity:0;transform:translate(-3px,3px)}100%{opacity:1;transform:none}}
@keyframes icl-d{0%,100%{transform:none}35%{transform:translateX(2px)}70%{transform:translateX(-1.5px)}}
@keyframes icm-l{0%,100%{transform:none}50%{transform:translateY(-2px)}}
@keyframes icm-r{0%,100%{transform:none}50%{transform:translateY(2px)}}
@keyframes ifm-h{0%{transform:none}100%{transform:translateY(6px)}}
@keyframes ipe-s{0%,100%{transform:none}20%{transform:translate(-1px,1px) rotate(-6deg)}40%{transform:translate(1px,0) rotate(4deg)}60%{transform:translate(-1px,1px) rotate(-4deg)}80%{transform:rotate(2deg)}}
@keyframes iai-p{0%,100%{transform:none;opacity:1}50%{transform:scale(1.12);opacity:.4}}
@keyframes iai-t{0%,100%{transform:none}50%{transform:scale(.85)}}
@keyframes ifw-n{0%,100%{transform:none}35%{transform:scale(1.5)}}
@keyframes itg-r{0%{transform:scale(.6);opacity:.2}60%{transform:scale(1.1);opacity:1}100%{transform:none}}
@keyframes itg-s{0%{transform:scale(.4);opacity:.2}60%{transform:scale(1.2);opacity:1}100%{transform:none}}
@keyframes itg-d{0%,100%{transform:none}50%{transform:scale(4)}}
@keyframes isk-1{0%,100%{transform:none}40%{transform:scale(1.25)}}
@keyframes isk-2{0%{transform:none}50%{transform:rotate(45deg) scale(.7)}100%{transform:rotate(90deg)}}
@keyframes istr{0%{transform:none}50%{transform:rotate(72deg) scale(1.25)}100%{transform:rotate(144deg)}}
@keyframes ibo-f{0%,100%{opacity:1;transform:none}15%{opacity:.3}25%{opacity:1;transform:translateY(-1px) skewX(-6deg)}40%{opacity:.4}55%{opacity:1;transform:none}}
@keyframes ipl-r{0%{transform:none}100%{transform:rotate(180deg)}}
@keyframes ix-r{0%{transform:none}50%{transform:rotate(90deg) scale(.8)}100%{transform:rotate(180deg)}}
@keyframes irp-r{0%{transform:none}100%{transform:rotate(180deg)}}
@keyframes iat-w{0%,100%{transform:none}25%{transform:rotate(-14deg)}55%{transform:rotate(10deg)}80%{transform:rotate(-4deg)}}
@keyframes imo-w{0%{stroke-dasharray:.5 .5;stroke-dashoffset:0}100%{stroke-dasharray:.5 .5;stroke-dashoffset:-1}}
@keyframes ilg-s{0%{transform:none}60%{transform:rotate(200deg)}100%{transform:rotate(180deg)}}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bell .p1{transform-origin:12px 3px;animation:ib-sw .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bell .p2{transform-origin:12px 3px;animation:ib-cl .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-heart{transform-origin:50% 54.17%;animation:ih-beat .85s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-search{transform-origin:45.83% 45.83%;animation:is-scan .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chat .d1{transform-origin:12px 10.5px;animation:ic-dot .75s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chat .d2,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chat .d3{animation:ic-dot .75s ease-in-out infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chat .d2{animation-delay:.12s}:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chat .d3{animation-delay:.24s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bag .p2{transform-origin:12px 8px;animation:ibg-h .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bag .p1{transform-origin:12px 21px;animation:ibg-b .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-wallet .p2{transform-origin:3px 10px;animation:iw-f .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-wallet .p3{transform-origin:16px 14.5px;animation:iw-s .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-home .p2{transform-origin:10px 20px;animation:iho-d .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-home .p1{transform-origin:12px 20px;animation:iho-r .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-user .p1{transform-origin:12px 12px;animation:iu-h .85s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-user .p2{transform-origin:12px 21px;animation:iu-b .85s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-grid .g1{transform-origin:7.5px 7.5px;animation:ig-1 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-grid .g2{transform-origin:16.5px 7.5px;animation:ig-2 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-grid .g4{transform-origin:16.5px 16.5px;animation:ig-4 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-grid .g3{transform-origin:7.5px 16.5px;animation:ig-3 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-shield .p2{transform-origin:12px 12px;animation:idraw .55s cubic-bezier(.3,.7,.3,1) both .15s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-shield .p1{transform-origin:12px 12px;animation:ish-p .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-clock .p2{transform-origin:12px 12px;animation:ick-m .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-clock .p3{transform-origin:12px 12px;animation:ick-h .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-timer .p2{transform-origin:12px 13px;animation:ick-m 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-timer .p3{transform-origin:12px 2px;animation:iti-b 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-coin{transform-origin:50% 50%;animation:ico-f .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-gem .p2{transform-origin:12px 12px;animation:igm-s .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-gem{transform-origin:50% 83.33%;animation:igm-l .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-key{transform-origin:33.33% 62.5%;animation:ik-t 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-upload .p1{transform-origin:12px 12px;animation:iup-a .75s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-download .p1{transform-origin:12px 12px;animation:idn-a .75s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-upload .p2{transform-origin:12px 20px;animation:ibase .75s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-download .p2{transform-origin:12px 20px;animation:ibase .75s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-up path{transform-origin:12px 12px;animation:iup-a .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-medal{transform-origin:50% 12.5%;animation:imd-p 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-gift .p3{transform-origin:12px 10px;animation:igf-l .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-gift .p1{transform-origin:12px 20px;animation:igf-b .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chart .b1{transform-origin:12px 16px;animation:ich-b .75s cubic-bezier(.3,.7,.3,1) both 0s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chart .b2{transform-origin:12px 16px;animation:ich-b .75s cubic-bezier(.3,.7,.3,1) both .08s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chart .b3{transform-origin:12px 16px;animation:ich-b .75s cubic-bezier(.3,.7,.3,1) both .16s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-layers .p1{transform-origin:12px 8px;animation:ily-1 .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-layers .p3{transform-origin:12px 16px;animation:ily-3 .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-code .p1{transform-origin:6px 12px;animation:icd-l .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-code .p2{transform-origin:18px 12px;animation:icd-r .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-code .p3{transform-origin:12px 12px;animation:icd-s .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-studio .l{transform-origin:7px 11px;animation:isu-l .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-studio .r{transform-origin:17px 11px;animation:isu-r .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-image .p2{transform-origin:9px 10px;animation:iim-s .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-image .p3{transform-origin:12px 17px;animation:iim-m .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-globe .p3{transform-origin:12px 12px;animation:igl-r 1.1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-globe .p2{transform-origin:12px 12px;animation:igl-e 1.1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-lang .p3{transform-origin:12px 12px;animation:igl-r 1.1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-lang .p2{transform-origin:12px 12px;animation:igl-e 1.1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-mic .p1{transform-origin:12px 9px;animation:imc-p .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-mic .p2{transform-origin:12px 14px;animation:imc-s .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-music .n1{transform-origin:7px 17px;animation:imu-1 .8s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-music .n2{transform-origin:17px 15px;animation:imu-1 .8s cubic-bezier(.3,.7,.3,1) infinite .4s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-music .p1{transform-origin:12px 17px;animation:imu-s .8s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bot .e{transform-origin:12px 12.5px;animation:ibt-e 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bot .p2{transform-origin:12px 8px;animation:ibt-a .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-agent .e{transform-origin:12px 12.5px;animation:ibt-e 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-agent .p2{transform-origin:12px 8px;animation:ibt-a .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-agent .p3{transform-origin:12px 16.5px;animation:iag-m .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-server .l1{transform-origin:8px 7px;animation:isv-l .8s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-server .l2{transform-origin:8px 17px;animation:isv-l .8s cubic-bezier(.3,.7,.3,1) infinite .4s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-web .l1{transform-origin:6px 7px;animation:isv-l .8s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-web .l2{transform-origin:8.5px 7px;animation:isv-l .8s cubic-bezier(.3,.7,.3,1) infinite .27s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-book .p1{transform-origin:5px 12px;animation:ibk-o .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-sun .p2{transform-origin:12px 12px;animation:isn-r 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-sun .p1{transform-origin:12px 12px;animation:isn-c 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-moon .p1{transform-origin:12px 12px;animation:imn-s 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-moon .s1{transform-origin:17px 5px;animation:imn-t 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-moon .s2{transform-origin:20.5px 9.2px;animation:imn-t 1s cubic-bezier(.3,.7,.3,1) both .15s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-filter .f1{transform-origin:12px 6px;animation:ifl-1 .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-filter .f3{transform-origin:12px 18px;animation:ifl-3 .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-filter .f2{transform-origin:12px 12px;animation:ifl-2 .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-lock .p2{transform-origin:16px 11px;animation:ilk-s 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-lock .p1{transform-origin:12px 15px;animation:ilk-b 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-eye .p1{transform-origin:12px 12px;animation:iey-b 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-eye .p2{transform-origin:12px 12px;animation:iey-p 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-eyeoff .p1{transform-origin:12px 12px;animation:idraw .5s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-eyeoff .p2{transform-origin:12px 12px;animation:iey-o .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-flag .p2{transform-origin:5px 8px;animation:ifg-w 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-trash .p1{transform-origin:19px 7px;animation:itr-l .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-trash .p2{transform-origin:12px 20px;animation:itr-c .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-copy .p1{transform-origin:14px 14px;animation:icp-f .75s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-copy .p2{transform-origin:10px 10px;animation:icp-b .75s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ext .p1{transform-origin:15px 9px;animation:iex-a .75s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-arrow path{transform-origin:12px 12px;animation:iar-a .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-logout .p2{transform-origin:12px 12px;animation:ilo-a .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-logout .p1{transform-origin:15px 12px;animation:ilo-d .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-send{transform-origin:45.83% 54.17%;animation:isd-f .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-send2{transform-origin:50% 50%;animation:isd-f .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chev{transform-origin:50% 50%;animation:icv-b .6s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-menu .m1{transform-origin:4px 7px;animation:imn-1 .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-menu .m2{transform-origin:4px 12px;animation:imn-2 .7s cubic-bezier(.3,.7,.3,1) both .08s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-menu .m3{transform-origin:4px 17px;animation:imn-3 .7s cubic-bezier(.3,.7,.3,1) both .16s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-settings .p2{transform-origin:12px 12px;animation:ist-g 1.1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-settings .p1{transform-origin:12px 12px;animation:ist-c 1.1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-sliders .k1{transform-origin:16px 7px;animation:isl-1 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-sliders .k2{transform-origin:10px 17px;animation:isl-2 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-rocket{transform-origin:50% 50%;animation:irk-l 1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-crown{transform-origin:50% 79.17%;animation:icr-t .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-palette .c1{transform-origin:center;animation:ipl-d .6s cubic-bezier(.3,.7,.3,1) both 0s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-palette .c2{transform-origin:center;animation:ipl-d .6s cubic-bezier(.3,.7,.3,1) both .1s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-palette .c3{transform-origin:center;animation:ipl-d .6s cubic-bezier(.3,.7,.3,1) both .2s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-palette .c1{transform-box:fill-box}:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-palette .c2{transform-box:fill-box}:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-palette .c3{transform-box:fill-box}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-percent .c1{transform-origin:7px 7px;animation:ipc-1 .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-percent .c2{transform-origin:17px 17px;animation:ipc-2 .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-percent .p1{transform-origin:12px 12px;animation:ipc-l .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-mail .p2{transform-origin:12px 7px;animation:iml-f .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-mail .p1{transform-origin:12px 12px;animation:iml-b .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-info .p3{transform-origin:12px 7.5px;animation:iin-d .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-info .p2{transform-origin:12px 17px;animation:iin-l .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-warn .p2{transform-origin:12px 12px;animation:iwr-s .6s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-warn{transform-origin:50% 83.33%;animation:iwr-t .6s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-help .p2{transform-origin:12px 12px;animation:ihp-w .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ban .p2{transform-origin:12px 12px;animation:ibn-s .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-briefcase .p2{transform-origin:12px 7px;animation:ibc-h .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-briefcase .p1{transform-origin:12px 20px;animation:ibc-b .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-briefcase .p3{transform-origin:12px 20px;animation:ibc-b .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bookmark{transform-origin:50% 16.67%;animation:ibm-d .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-pin{transform-origin:50% 87.5%;animation:ipn-d .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-pin .p2{transform-origin:12px 10px;animation:ipn-c .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-mega .w1{transform-origin:15px 12px;animation:imv-w .6s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-mega .w2{transform-origin:15px 12px;animation:imv-w .6s cubic-bezier(.3,.7,.3,1) infinite .15s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-mega .p1{transform-origin:4px 12px;animation:imv-b .6s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-inbox .p1{transform-origin:12px 14px;animation:iib-t .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-support .e1{transform-origin:5.5px 16px;animation:isp-e .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-support .e2{transform-origin:18.5px 16px;animation:isp-e .7s cubic-bezier(.3,.7,.3,1) both .1s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-support .p2{transform-origin:18.5px 19px;animation:isp-m .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-scale .p2{transform-origin:12px 7px;animation:isc-t 1.1s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-smile .e2{transform-origin:15px 9.5px;animation:ism-w .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-smile .p2{transform-origin:12px 15px;animation:ism-m .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-dots .d1{transform-origin:12px 12px;animation:idt-w .6s cubic-bezier(.3,.7,.3,1) both 0s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-dots .d2{transform-origin:12px 12px;animation:idt-w .6s cubic-bezier(.3,.7,.3,1) both .1s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-dots .d3{transform-origin:12px 12px;animation:idt-w .6s cubic-bezier(.3,.7,.3,1) both .2s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-car .p1{transform-origin:12px 16px;animation:icar .6s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-doc .p3{transform-origin:12px 12px;animation:idraw .6s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-doc .p2{transform-origin:19px 3px;animation:idc-f .6s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-pause .b1{transform-origin:8px 19px;animation:ipa-e .8s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-pause .b2{transform-origin:16px 19px;animation:ipa-e .8s cubic-bezier(.3,.7,.3,1) infinite .2s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-frame .p2{transform-origin:12px 12px;animation:ifr-f .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-gamepad{transform-origin:50% 58.33%;animation:igp-t .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-gamepad .b1{transform-origin:15.5px 13px;animation:igp-b .4s cubic-bezier(.3,.7,.3,1) 2}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-gamepad .b2{transform-origin:17px 14.5px;animation:igp-b .4s cubic-bezier(.3,.7,.3,1) 2 .2s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-tool{transform-origin:33.33% 75%;animation:itl-t .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-box .p3{transform-origin:12px 8px;animation:ibx-l .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-cube .p3{transform-origin:12px 8px;animation:ibx-l .9s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ticket{transform-origin:50% 50%;animation:itk-s .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ticket .p2{transform-origin:14px 12px;animation:itk-p .4s cubic-bezier(.3,.7,.3,1) 2}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-fire .p1{transform-origin:12px 21px;animation:ifi-o .6s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-fire .p2{transform-origin:12px 21px;animation:ifi-i .5s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-trend .p1{transform-origin:12px 12px;animation:idraw .6s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-trend .p2{transform-origin:20px 8px;animation:itr-h .75s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-cloud{transform-origin:50% 58.33%;animation:icl-d 1.2s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-compare .l{transform-origin:8px 12px;animation:icm-l .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-compare .r{transform-origin:16px 12px;animation:icm-r .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-film .h{transform-origin:12px 12px;animation:ifm-h .4s cubic-bezier(.3,.7,.3,1) infinite linear}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-pen{transform-origin:16.67% 83.33%;animation:ipe-s .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-edit{transform-origin:16.67% 83.33%;animation:ipe-s .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ai .p1{transform-origin:12px 12px;animation:iai-p .7s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ai .p3{transform-origin:12px 12px;animation:iai-t .7s cubic-bezier(.3,.7,.3,1) infinite}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-flow .n1{transform-origin:center;animation:ifw-n .6s cubic-bezier(.3,.7,.3,1) both 0s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-flow .n2{transform-origin:center;animation:ifw-n .6s cubic-bezier(.3,.7,.3,1) both .15s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-flow .n3{transform-origin:center;animation:ifw-n .6s cubic-bezier(.3,.7,.3,1) both .3s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-flow :is(.n1,.n2,.n3){transform-box:fill-box}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-flow .p1{transform-origin:12px 12px;animation:idraw .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-target .r1{transform-origin:12px 12px;animation:itg-r .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-target .r2{transform-origin:12px 12px;animation:itg-s .7s cubic-bezier(.3,.7,.3,1) both .08s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-target .r3{transform-origin:12px 12px;animation:itg-d .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-check path{transform-origin:12px 12px;animation:idraw .45s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-check2 .p1{transform-origin:12px 12px;animation:idraw .45s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-check2 .p2{transform-origin:12px 12px;animation:idraw .45s cubic-bezier(.3,.7,.3,1) both .2s}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-spark .p1{transform-origin:12px 12px;animation:isk-1 .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-spark .p2{transform-origin:12px 12px;animation:isk-2 .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-star{transform-origin:50% 52.08%;animation:istr .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bolt{transform-origin:50% 50%;animation:ibo-f .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-plus{transform-origin:50% 50%;animation:ipl-r .5s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-x{transform-origin:50% 50%;animation:ix-r .5s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-repeat{transform-origin:50% 50%;animation:irp-r .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-attach{transform-origin:58.33% 25%;animation:iat-w .8s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-text path{transform-origin:5px 12px;animation:idraw .6s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-motion path{transform-origin:12px 12px;animation:imo-w .8s cubic-bezier(.3,.7,.3,1) infinite linear}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-rp path{transform-origin:12px 12px;animation:idraw .7s cubic-bezier(.3,.7,.3,1) }
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-logo{transform-origin:50% 50%;animation:ilg-s .8s cubic-bezier(.3,.7,.3,1) }
/* состояния */
.fav-btn.on svg.i-heart{animation:ih-beat .85s cubic-bezier(.3,.7,.3,1)}
.icon-btn:has(.badge-n) svg.i-bell .p1{transform-origin:12px 3px;animation:ib-sw .9s 1.2s cubic-bezier(.3,.7,.3,1) 2}
}
/* ===== v10: заметный «подъём» для значков с мелкой анимацией деталей ===== */
@media(prefers-reduced-motion:no-preference){
@keyframes iq-lift{0%,100%{transform:none}35%{transform:translateY(-1.5px) scale(1.12)}70%{transform:translateY(.3px) scale(.98)}}
:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-film,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-motion,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-text,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-server,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-web,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-info,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-smile,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-bot,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chat,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-agent,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-doc,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-help,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-eyeoff,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-clock,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-timer,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-image,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-studio,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ai,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-chart,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-wallet,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ban,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-inbox,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-ext,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-frame,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-flag,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-home,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-support,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-lang,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-globe,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-menu,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-mic,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-box,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-check,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-check2,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-compare,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-pause,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-cube,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-book,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-fire,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-palette,:is(a,button,label,summary,[role=button],[data-go],[data-act],[data-tab],[data-adm],.chip,.ochip,.ifx,.tab,.btn,.icon-btn,.hbtn,.hov):is(:hover,:focus-visible) svg.i-rp{transform-origin:50% 50%;animation:iq-lift .7s cubic-bezier(.3,.7,.3,1)}
}

/* ===== v10: панель персонала (отдельная платформа), посещения, чат ===== */
body.stf-mode #hdr,body.stf-mode #ft,body.stf-mode #bnav,body.stf-mode #gchat-host,body.stf-mode .ck-bar{display:none!important}
body.stf-mode main#app{min-height:100vh}
.stf{--stf:#5cc8c0;--stf-bg:rgba(92,200,192,.12);display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:var(--bg)}
.stf-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;padding:18px 14px;border-right:1px solid var(--line);background:var(--bg-2)}
.stf-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;border-bottom:1px solid var(--line)}
.stf-brand>svg{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--stf-bg);color:var(--stf)}
.stf-brand span{display:flex;flex-direction:column;line-height:1.15}.stf-brand b{font-size:15px}.stf-brand em{font-style:normal;font-size:12px;color:var(--fg-3)}
.stf-nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow:auto}
.stf-nav a{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;color:var(--fg-2)}
.stf-nav a svg{width:17px;height:17px;flex:0 0 auto}
.stf-nav a:hover{background:var(--card-h);color:var(--fg)}
.stf-nav a.on{background:var(--stf-bg);color:var(--fg);font-weight:600}.stf-nav a.on svg{color:var(--stf)}
.stf-nav a em{margin-left:auto;font-style:normal;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--stf);color:#062320;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.stf-me{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.stf-me div{display:flex;flex-direction:column;min-width:0}.stf-me b{font-size:13.5px}.stf-me span{font-size:12px;color:var(--stf)}
.stf-back{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-3);padding:4px 8px}.stf-back svg{transform:rotate(180deg);width:14px;height:14px}.stf-back:hover{color:var(--fg)}
.stf-main{min-width:0;display:flex;flex-direction:column}
.stf-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.stf-body{padding:24px 28px 60px;max-width:1280px;width:100%}
.stf-hello{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(120deg,var(--stf-bg),transparent 70%),var(--card)}
.stf-hello .counter{color:var(--stf)}
.stf-hello-i{width:64px;height:64px;color:var(--stf);opacity:.7;flex:0 0 auto}
.stf-ol,.stf-ul{display:flex;flex-direction:column;gap:8px;padding-left:20px;color:var(--fg-2);font-size:14px;line-height:1.5}
.stf-ul li::marker{color:var(--stf)}
.stf-role{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card-h)}.stf-role span{font-size:13px;color:var(--fg-2)}
.ad-k.warn{border-color:color-mix(in srgb,var(--warn) 55%,var(--line))}.ad-k.warn b{color:var(--warn)}
@media(max-width:900px){.stf{grid-template-columns:1fr}.stf-side{position:static;height:auto;flex-direction:column}.stf-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}.stf-nav a{flex:0 0 auto}.stf-top,.stf-body{padding-left:16px;padding-right:16px}}
.vs-bars{display:flex;align-items:flex-end;gap:4px;height:170px;padding-bottom:20px;overflow-x:auto}
.vs-b{position:relative;flex:1 0 18px;max-width:56px;height:100%;display:flex;align-items:flex-end;justify-content:center}
.vs-b i,.vs-b s{position:absolute;bottom:0;width:70%;border-radius:4px 4px 0 0;background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-bottom:0}
.vs-b s{width:40%;background:var(--accent);border:0;text-decoration:none}
.vs-b span{position:absolute;bottom:-20px;font-size:10px;color:var(--fg-3);font-family:var(--mono,monospace)}
.vs-dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--accent-bg);border:1px solid var(--accent);vertical-align:-1px}.vs-dot.u{background:var(--accent)}
.switch-row{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.gc-form.gc-bad .input{border-color:var(--danger)!important}
.gc-cnt.cd{color:var(--warn);font-weight:600}
/* ===== v10: всплывающие уведомления ===== */
.ntp{position:fixed;top:calc(var(--hdr-h,64px) + 10px);right:16px;z-index:300;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.ntp-c{--c:var(--accent);position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:12px;align-items:start;padding:13px 12px 15px 13px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 18px 40px -18px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.18);overflow:hidden;cursor:pointer;pointer-events:auto;opacity:0;transform:translateX(24px) scale(.98);transition:opacity .26s var(--ease,ease),transform .32s cubic-bezier(.2,.9,.3,1.2)}
.ntp-c::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--c)}
.ntp-c.in{opacity:1;transform:none}.ntp-c.out{opacity:0;transform:translateX(30px) scale(.97);transition-duration:.22s}
.ntp-c:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
.ntp-i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}
.ntp-i svg{width:19px;height:19px}
.ntp-c.in .ntp-i svg{animation:ntp-pop .6s cubic-bezier(.3,.7,.3,1.4) .08s both}
@keyframes ntp-pop{0%{transform:scale(.5) rotate(-12deg)}60%{transform:scale(1.18) rotate(6deg)}100%{transform:none}}
.ntp-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.ntp-k{font-size:11.5px;color:var(--fg-3);font-family:var(--mono,monospace)}
.ntp-t b{font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntp-t p{margin:0;font-size:13px;color:var(--fg-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ntp-x{width:24px;height:24px;border:0;border-radius:7px;background:none;color:var(--fg-3);display:grid;place-items:center;cursor:pointer}.ntp-x:hover{background:var(--card-h);color:var(--fg)}
.ntp-x svg{width:14px;height:14px}
.ntp-p{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--c);opacity:.55;transform-origin:left}
@keyframes ntp-p{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:640px){.ntp{left:12px;right:12px;width:auto;top:10px}}
@media(prefers-reduced-motion:reduce){.ntp-c{transition:opacity .2s}.ntp-c.in .ntp-i svg{animation:none}}
.snd-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.snd-row input[type=range]{flex:1;min-width:140px;accent-color:var(--accent)}
.snd-tests{display:flex;flex-wrap:wrap;gap:6px}
.snd-tests button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--fg-2);font-size:12.5px;cursor:pointer}
.snd-tests button:hover{color:var(--fg);border-color:var(--fg-3)}.snd-tests button svg{width:14px;height:14px}
/* v11: индикатор «в сети» — точка лежит на окружности аватара (45°), размер пропорционален аватару */
.av-wrap{--avs:32px}
.av-wrap .online{--d:clamp(8px,calc(var(--avs)*.24),16px);width:var(--d);height:var(--d);right:calc(var(--avs)*.146 - var(--d)/2);bottom:calc(var(--avs)*.146 - var(--d)/2);border:2px solid var(--bg,#0b0b0c);box-sizing:border-box;box-shadow:none;animation:none;z-index:2}
.av-wrap .online::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--ok);opacity:0;animation:avpulse 2.4s ease-out infinite}
@keyframes avpulse{0%{transform:scale(1);opacity:.6}80%,100%{transform:scale(1.9);opacity:0}}
@media (prefers-reduced-motion:reduce){.av-wrap .online::after{animation:none}}
.card .av-wrap .online,.modal .av-wrap .online{border-color:var(--card)}
.mx-av.on::after{display:none}
/* карточка пользователя в админ-панели */
.au-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.au-l{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.au-acts{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;padding-right:2px}
.au-f textarea.input{min-height:56px;resize:vertical}
@media (max-width:1100px){.au-l{grid-template-columns:1fr}.au-acts{position:static;max-height:none}}

/* ===== v13: Mobile UX & Subdomain Navigation Improvements ===== */
.wk-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 12px;
  background: var(--card-h, rgba(255, 255, 255, 0.06));
  border: 1px solid var(--line, rgba(255, 255, 255, 0.12));
  color: var(--fg, #fff);
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.wk-back-btn:hover {
  background: var(--accent, #6366f1);
  border-color: var(--accent, #6366f1);
  color: #fff;
  transform: translateY(-1px);
}
.wk-back-btn svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

/* Mobile search popup */
@media (max-width: 768px) {
  .gsearch.open {
    display: flex !important;
    position: fixed !important;
    top: 10px !important;
    left: 12px !important;
    right: 12px !important;
    max-width: none !important;
    z-index: 1050 !important;
    background: var(--card, #14151a) !important;
    border: 1px solid var(--accent, #6366f1) !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 0 2px rgba(99, 102, 241, 0.2) !important;
    padding: 6px 12px !important;
    align-items: center !important;
    animation: gs-mobile-pop 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  .gsearch.open input {
    height: 42px !important;
    font-size: 16px !important;
    background: transparent !important;
    border: none !important;
    padding-left: 36px !important;
    width: 100% !important;
  }
  .gsearch.open > svg {
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .gsearch.open kbd {
    display: none !important;
  }
  .gsearch.open .ac {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    max-height: 65vh !important;
    overflow-y: auto !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.8) !important;
    border: 1px solid var(--line) !important;
    background: var(--card) !important;
  }

  @keyframes gs-mobile-pop {
    from { opacity: 0; transform: translateY(-8px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }

  /* Prevent automatic zooming on iOS Safari when tapping inputs */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  .input {
    font-size: 16px !important;
  }

  /* Bottom Navigation Ergonomics */
  .bnav {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 120 !important;
    height: auto !important;
    padding: 6px 4px max(8px, env(safe-area-inset-bottom, 8px)) 4px !important;
    background: var(--card, #121316) !important;
    border-top: 1px solid var(--line, rgba(255, 255, 255, 0.08)) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.28) !important;
  }
  .bnav a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: var(--fg-3, #8a8d9b) !important;
    padding: 4px 0 !important;
    min-height: 48px !important;
    touch-action: manipulation !important;
    text-decoration: none !important;
  }
  .bnav a svg {
    width: 22px !important;
    height: 22px !important;
  }
  .bnav a.on {
    color: var(--accent, #6366f1) !important;
    font-weight: 700 !important;
  }
  body {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Mobile Sheet Modals */
  .modal-bg {
    align-items: flex-end !important;
    padding: 0 !important;
  }
  .modal {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 22px 22px 0 0 !important;
    max-height: 88vh !important;
    overflow-y: auto !important;
    padding: 24px 18px max(24px, env(safe-area-inset-bottom, 24px)) 18px !important;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.6) !important;
    animation: modal-bottom-sheet 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  @keyframes modal-bottom-sheet {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* Comfortable touch targets on mobile tables/lists */
  .btn, .icon-btn, .hbtn {
    min-height: 40px;
  }
  .wrap {
    padding: 0 14px !important;
  }

  /* ===== Mobile Ergonomics & Clean Interface ===== */
  html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100% !important;
  }

  /* Compact & fast Mobile Hero Section */
  .hero6 {
    min-height: auto !important;
    padding-top: 12px !important;
    padding-bottom: 20px !important;
  }
  .hero6 .wrap {
    padding-top: 12px !important;
    padding-bottom: 16px !important;
  }
  .hero6 h1 {
    font-size: clamp(23px, 6.8vw, 32px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.035em !important;
    max-width: 100% !important;
  }
  .hero6 .lead {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    margin-top: 8px !important;
    max-width: 100% !important;
    color: rgba(245, 245, 244, 0.72) !important;
  }
  .hero6 .hsearch4 {
    margin-top: 14px !important;
    height: 48px !important;
    padding: 0 4px 0 14px !important;
    border-radius: 12px !important;
  }
  .hero6 .hsearch4 input {
    font-size: 14.5px !important;
  }
  .hero6 .hsearch4 .btn {
    height: 40px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
  }
  .h6-quick {
    margin-top: 10px !important;
    gap: 4px 10px !important;
    font-size: 12px !important;
  }
  .h6-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    margin-top: 16px !important;
    padding-top: 12px !important;
  }
  .h6-stats b {
    font-size: 18px !important;
  }
  .h6-stats span {
    font-size: 11px !important;
  }
  .hero6 video {
    display: none !important;
  }

  /* Seamless mobile touch horizontal swipe without blocking buttons */
  .hsw > .hs-b,
  .hsw > .hs-bl,
  .hsw > .hs-br {
    display: none !important;
  }
  .hsw.hs-on > :first-child {
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    padding-bottom: 4px !important;
  }
  .hsw.hs-on > :first-child > * {
    scroll-snap-align: start !important;
  }

  /* Crisp cards on small viewports */
  .gcard .body {
    padding: 8px 10px 10px !important;
  }
  .gcard .nm {
    font-size: 13.5px !important;
  }
  .pcard .b {
    padding: 10px !important;
    gap: 6px !important;
  }
  .pcard .price {
    font-size: 15px !important;
  }

  /* Subdomain & Back buttons touch sizing */
  .wk-back-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 12px !important;
    border-radius: 9px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: var(--fg) !important;
    touch-action: manipulation !important;
  }

  /* Cookie banner tucked cleanly above bottom bar */
  .ck-bar {
    bottom: calc(76px + env(safe-area-inset-bottom, 8px)) !important;
    left: 10px !important;
    right: 10px !important;
    max-width: none !important;
    padding: 10px 12px !important;
    font-size: 12.5px !important;
    border-radius: 12px !important;
  }
}