@font-face{font-family:'Inter';src:url(/static/inter.woff2) format('woff2');font-weight:100 900;font-display:swap}
/* Кабинет Contento. Перенесено из прототипа (claude.ai/artifact/J3XK3mmwA7gHFjDGtzdaXX). Layout: по DESIGN.md Антиплатформы, светлая тема: фон cream, плитки белые как карточки клубной библиотеки, прозрачный топбар → список воронок плитками → по клику холст-редактор: точечная сетка, цепочка блоков сверху вниз, справа плавающие кнопки «Условия старта» и «+ Блок», настройки выезжают панелью справа. */
:root{
  --ground:#131211; --canvas:#1b1a18; --surface:#23211f; --hairline:#2c2a27; --hairline-soft:#262422; --hairline-strong:#3d3a36;
  --ink:#F0EFEA; --charcoal:#d6d3cb; --slate:#b5b1a8; --steel:#8f8a82; --stone:#6b675f;
  --orange:#EC592A; --orange-pressed:#ff7a45; --orange-text:#ff8a5c; --orange-tint:rgba(236,89,42,.16);
  --ok:#4fc96c; --ok-tint:rgba(79,201,108,.14); --warn:#f0a050; --warn-tint:rgba(240,160,80,.12); --note-ink:#f3c08a;
  --on-dark:#ffffff; --dark-cover:#262422;
  --font:'Inter',-apple-system,system-ui,'Segoe UI',Helvetica,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --sh-modal:rgba(0,0,0,.5) 0 16px 48px -8px; --sh-1:rgba(0,0,0,.3) 0 1px 2px 0; --sh-hover:0 6px 18px -8px rgba(0,0,0,.5); color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:var(--ground);height:100%}
body{color:var(--ink);font-family:var(--font);line-height:1.5}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* топбар */
.top{position:sticky;top:0;padding-top:env(safe-area-inset-top,0px);z-index:20;background:var(--ground);color:var(--ink)}
.top-in{max-width:none;margin:0;padding-inline:16px;height:48px;display:flex;align-items:center;gap:10px}
.logo{display:block;border-radius:6px;padding:2px;margin:-2px}
.logo img{display:block;height:24px;width:auto;transition:opacity .15s}
.logo:hover img{opacity:.8}
.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0}
.tab{border:0;background:transparent;color:var(--steel);padding:6px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}
.tab:hover{color:var(--ink);background:var(--surface)}
.tab{transition:background .12s,color .12s}
.tab[aria-current="true"]{color:var(--orange)}
.top-r{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap}
.plan{color:var(--steel)}
.ava{width:24px;height:24px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:#fff}
.drop{position:fixed;z-index:30;min-width:180px;background:var(--canvas);border:1px solid var(--hairline);border-radius:8px;padding:4px;box-shadow:var(--sh-modal)}
.drop button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:0;background:none;padding:7px 10px;border-radius:6px;cursor:pointer;text-align:left;color:var(--charcoal)}
.drop button:hover{color:var(--ink);background:var(--surface)}
.drop button[aria-current="true"],.drop button[aria-current="true"]:hover{color:var(--orange)}
.drop small{color:var(--stone)}
.drop .dl{display:inline-flex;align-items:center;gap:10px}
.drop .di{color:inherit;flex:none}
.hh{display:flex;align-items:center;gap:10px}
.hh .hi{color:var(--ink);flex:none}

.ph{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.ph h1{margin:0}
.newl{border:0;background:none;color:var(--orange);cursor:pointer;padding:4px 0;font-weight:500}
.newl:hover{color:var(--orange-pressed)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tile{display:flex;flex-direction:column;gap:14px;background:var(--canvas);border:1px solid var(--hairline);border-radius:12px;padding:16px;cursor:pointer;transition:border-color .15s}
.tile:hover{border-color:var(--hairline-strong)}
.tile.add{align-items:center;justify-content:center;gap:6px;border-style:dashed;background:transparent;color:var(--steel);min-height:0;font:inherit}
.tile.add:hover{color:var(--ink)}
.tile.add .plus{color:var(--orange);display:grid;place-items:center;width:28px;height:28px}
.t-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.t-top .swb{margin-top:1px;flex:none}
.t-tag{color:var(--charcoal);background:var(--surface);border-radius:9999px;padding:2px 9px;white-space:nowrap}
.t-name{color:var(--ink);line-height:1.3;text-wrap:balance}
.t-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;color:var(--steel)}
.t-foot b{color:var(--ink);font-variant-numeric:tabular-nums}
.tile.off .t-name,.tile.off .t-foot b{color:var(--stone)}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:14px 4px;border-bottom:1px solid var(--hairline);cursor:pointer}
.row:hover .r-name{font-size:var(--fs-body);color:var(--orange)}
.r-name{color:var(--ink);font-weight:500;transition:color .15s}
.r-sub,.r-num{font-size:var(--fs-small)}
.r-sub{color:var(--steel);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r-num{color:var(--steel);font-variant-numeric:tabular-nums;white-space:nowrap}
.row.off .r-name,.row.off .r-num{color:var(--stone)}
.empty{color:var(--steel);padding:24px 4px}
/* фон: снизу тёплый радиальный свет, он «подсвечивает» blueprint-клетку; вверх всё уходит в темноту */
.glow{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.glow::before,.glow::after{content:"";position:absolute;inset:0}
.glow::before{background:radial-gradient(ellipse 70% 55% at 50% 100%,rgba(236,89,42,.20) 0%,rgba(236,89,42,.07) 40%,transparent 72%)}
.glow::after{background-image:linear-gradient(rgba(240,239,234,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(240,239,234,.08) 1px,transparent 1px),linear-gradient(rgba(240,239,234,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(240,239,234,.04) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center bottom;
  -webkit-mask-image:radial-gradient(ellipse 75% 60% at 50% 100%,#000 0%,rgba(0,0,0,.5) 35%,transparent 75%);mask-image:radial-gradient(ellipse 75% 60% at 50% 100%,#000 0%,rgba(0,0,0,.5) 35%,transparent 75%)}
main{position:relative;z-index:1}
main{max-width:1280px;margin:0 auto;padding-block:28px 96px;padding-inline:20px}
h1{line-height:1.3;letter-spacing:-.2px;margin:0 0 16px}

/* плитки воронок */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:148px;background:var(--canvas);border:1px solid var(--hairline);border-radius:12px;padding:18px;color:inherit;text-align:left;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .15s}
.card:hover{border-color:var(--hairline-strong);box-shadow:var(--sh-hover);transform:translateY(-1px)}
.c-head{position:absolute;top:14px;right:14px;z-index:1}
.c-title{padding-right:52px;line-height:1.3;color:var(--ink)}
.c-slug{margin-top:-4px;font-family:var(--mono);color:var(--stone)}
.c-sum{color:var(--slate);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.tag{display:inline-flex;align-items:center;color:var(--charcoal);padding:2px 7px;border-radius:5px;border:1px solid #f4cda6;background:#ffe8d4;white-space:nowrap}
.c-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:10px}
.c-meta{color:var(--steel);font-variant-numeric:tabular-nums}
.c-act{display:flex;align-items:center;gap:8px}
.c-res{margin-left:auto;color:var(--steel)}
.c-res b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.c-open{display:inline-flex;align-items:center;border:1px solid var(--hairline-strong);background:var(--canvas);color:var(--ink);padding:6px 12px;border-radius:7px;transition:border-color .15s}
.card:hover .c-open{border-color:var(--ink)}
.kw{padding:2px 8px;border-radius:6px;background:var(--orange-tint);color:var(--orange-text)}
.card.add{align-items:center;justify-content:center;border-style:dashed;border-color:var(--hairline-strong);color:var(--steel);gap:6px;background:transparent}
.card.add .plus{line-height:1;color:var(--orange)}
.card.add small{color:var(--stone)}

.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:9999px;white-space:nowrap;background:var(--surface);color:var(--steel)}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.ok{color:var(--ok);background:var(--ok-tint)}.pill.warn{color:var(--warn);background:var(--warn-tint)}


/* редактор */
.ed{position:fixed;inset:calc(48px + env(safe-area-inset-top,0px)) 0 0 0;z-index:10;display:flex;flex-direction:column;background:var(--ground)}
.ed[hidden]{display:none!important}
.edbar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--ground);border-bottom:1px solid var(--hairline);flex-wrap:nowrap}
.back{border:0;background:none;color:var(--steel);cursor:pointer;padding:6px 8px;border-radius:6px;white-space:nowrap;flex:none}
.back:hover{color:var(--ink);background:var(--surface)}
.edname{min-width:120px;flex:0 1 300px;border:1px solid var(--hairline-strong);border-radius:8px;padding:5px 10px;background:none;color:var(--ink);transition:border-color .15s}
.edname:hover{border-color:var(--steel)}
.tagfield{position:relative;display:flex;align-items:center;gap:6px;height:32px;min-width:140px;max-width:340px;flex:1 1 260px;border:1px solid var(--hairline-strong);border-radius:9999px;padding:0 4px 0 6px;cursor:text;transition:border-color .15s}
.tagfield:hover{border-color:var(--steel)}
.tagfield:focus-within{border-color:var(--orange)}
.tagscroll{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:0 1 auto;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000,#000);mask-image:linear-gradient(90deg,#000,#000)}
.tagscroll::-webkit-scrollbar{display:none}
.tagfield.fl .tagscroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px);mask-image:linear-gradient(90deg,transparent,#000 18px)}
.tagfield.fr .tagscroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent)}
.tagfield.fl.fr .tagscroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.chip{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;background:var(--surface);color:var(--charcoal);border-radius:9999px;padding:2px 4px 2px 9px}
.chip button{border:0;background:none;color:var(--stone);cursor:pointer;width:16px;height:16px;border-radius:50%;line-height:1;padding:0}
.chip button:hover{color:var(--ink);background:var(--hairline-strong)}
#tagIn{flex:1 0 64px;min-width:64px;border:0;background:none;outline:0;color:var(--ink);font:inherit;padding:0 4px}
#tagIn::placeholder{color:var(--stone)}
.tagsug{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;max-height:240px;overflow:auto;background:var(--canvas);border:1px solid var(--hairline-strong);border-radius:10px;padding:4px;box-shadow:var(--sh-modal);display:flex;flex-direction:column}
.tagsug[hidden]{display:none}
.tagsug button{border:0;background:none;text-align:left;color:var(--charcoal);padding:7px 10px;border-radius:7px;cursor:pointer;font:inherit}
.tagsug button:hover{background:var(--surface);color:var(--ink)}
.tagsug .new{color:var(--orange)}
.t-tags{display:flex;gap:4px;flex-wrap:wrap;min-width:0}
.acc-chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:9999px;padding:2px 9px 2px 7px;background:var(--surface);color:var(--ink);font-size:var(--fs-tag);font-weight:500}
.acc-chip svg,.fchip svg{flex:none;color:var(--steel)}
#edAcc .acc-chip{font-size:var(--fs-caption);padding:4px 10px 4px 8px}
.fbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 16px}
.fchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hairline-strong);background:none;color:var(--charcoal);border-radius:9999px;padding:4px 11px;cursor:pointer;font:inherit;font-size:var(--fs-small);transition:border-color .15s,color .15s}
.fchip:hover{border-color:var(--steel);color:var(--ink)}
.fchip.on{border-color:var(--orange);color:var(--ink);background:var(--orange-tint)}
.fchip.on svg{color:var(--orange)}
.fsearch{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hairline-strong);border-radius:9999px;padding:0 12px;height:30px;color:var(--stone);transition:border-color .15s}
.fsearch:focus-within{border-color:var(--orange)}
.fsearch input{border:0;background:none;outline:0;color:var(--ink);font:inherit;font-size:var(--fs-small);width:150px}
.fplus{width:30px;height:30px;justify-content:center;padding:0;color:var(--orange)}
.fplus svg{color:var(--orange)!important}
.fpop{position:absolute;z-index:50;width:280px;background:var(--canvas);border:1px solid var(--hairline-strong);border-radius:12px;padding:8px;box-shadow:var(--sh-modal);display:flex;flex-direction:column;gap:8px}
.fpop .fsearch{border-radius:8px;width:100%}.fpop .fsearch input{width:100%}
.fpop-list{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.fpop-list .fx-chk{padding:6px 6px;border-radius:7px;font-size:var(--fs-small)}
.fpop-list .fx-chk:hover{background:var(--surface)}
.fpop-list svg{color:var(--steel);flex:none}
.fpop-empty{color:var(--stone);padding:8px;font-size:var(--fs-small)}
.fdrop{display:inline-flex}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.fsep{width:1px;height:18px;background:var(--hairline-strong);margin:0 4px}
.freset{border:0;background:none;color:var(--stone);cursor:pointer;font:inherit;font-size:var(--fs-small);padding:4px 6px}
.freset:hover{color:var(--ink)}
.subtabs{display:flex;gap:24px;border-bottom:1px solid var(--hairline);margin:-6px 0 16px}
.subtabs button{border:0;background:none;color:var(--steel);padding:8px 0;cursor:pointer;font:inherit;font-size:var(--fs-body);position:relative}
.subtabs button:hover{color:var(--ink)}
.subtabs button.on{color:var(--ink)}
.subtabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange)}
.bst{font-size:var(--fs-caption);font-weight:500;white-space:nowrap;padding:2px 8px;border-radius:9999px;background:var(--surface);color:var(--steel)}
.bst-ok{color:var(--ok);background:var(--ok-tint)}.bst-plan{color:#7cc4f5;background:rgba(124,196,245,.12)}.bst-pause{color:var(--warn);background:var(--warn-tint)}
.fgrp{display:contents}
.phead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;min-height:34px}
html{scrollbar-gutter:stable}
.phead h1{margin:0}
.bc-new{padding:7px 14px;font-size:var(--fs-small);border-radius:8px;font-weight:500}
.bclist{border-top:1px solid var(--hairline)}
.bcrow{display:grid;grid-template-columns:minmax(0,1fr) 130px 120px 130px;gap:16px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--hairline);cursor:pointer;border-radius:8px}
.bcrow:hover{background:var(--canvas)}
.bc-name{color:var(--ink);font-weight:500}
.bc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.bc-meta .bseg{margin-left:4px;font-size:var(--fs-caption)}
.bcrow .bst{justify-self:start}
.bc-when{color:var(--steel);font-size:var(--fs-small);white-space:nowrap}
.bc-num{color:var(--steel);font-size:var(--fs-small);text-align:right;white-space:nowrap}
.bc-num b{color:var(--ink);font-variant-numeric:tabular-nums}
.bc-text{min-height:120px}
@media (max-width:900px){.bcrow{grid-template-columns:minmax(0,1fr) auto}.bc-when,.bc-num{display:none}}
.bseg{font-size:var(--fs-small);color:var(--steel)}
.fx-modal--bc{width:min(560px,100%)}
.bc-title{width:100%;border:1px solid var(--hairline-strong);border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:16px;font-weight:600;padding:6px 10px}
.bc-title:focus{outline:none;border-color:var(--orange)}
.bc-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bc-conds{display:flex;flex-direction:column;gap:2px}
.bc-cond{padding:6px 0}
.bc-cond .bc-sub{padding:8px 0 2px 23px}
.bc-tgprev{background:var(--surface);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45;color:var(--ink);display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}
#bcPrevBtns{display:flex;flex-direction:column;gap:4px}#bcPrevBtns:empty{display:none}
#bcPrevBtns span{border:1px solid var(--hairline-strong);border-radius:8px;padding:6px;text-align:center;font-size:12.5px}
.bc-ph{color:var(--steel)}
.bc-accs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}
.bc-tagin{width:80px;border:1px dashed var(--hairline-strong);border-radius:9999px;background:none;color:var(--ink);font:inherit;font-size:var(--fs-small);padding:4px 10px}
.bc-tagin:focus{outline:none;border-color:var(--orange)}
.bc-sub{padding:2px 0 6px 25px}
.bc-labels{display:flex;flex-wrap:wrap;gap:6px}
.bc-sel{width:100%;max-width:320px;background:var(--surface);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:8px;padding:6px 8px;font:inherit}
.bc-count{font-size:var(--fs-small);color:var(--steel);padding:10px 12px;border:1px solid var(--hairline-strong);border-radius:10px}
.bc-count b{font-size:18px;color:var(--orange);font-weight:600;margin-right:4px}
.bc-btn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:6px;align-items:center}
.bc-btn input{background:none;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--ink);font:inherit;font-size:13px;padding:8px 10px;min-width:0}
.bc-btn input:focus{outline:none;border-color:var(--orange)}
.fx-ta.err,.md-area.err{border-color:var(--warn)}
.bc-preview{background:var(--surface);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--charcoal);display:flex;flex-direction:column;gap:6px}
.bc-preview span{border:1px solid var(--hairline-strong);border-radius:7px;padding:5px;text-align:center;color:var(--ink);font-size:12.5px}
.aud-n{margin-left:auto;font-size:var(--fs-small);color:var(--steel)}
.aud{border-top:1px solid var(--hairline)}
.aud-row{display:grid;grid-template-columns:170px 230px minmax(0,1fr) 220px 150px;gap:16px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--hairline);font-size:var(--fs-small)}
.aud-row.off{opacity:.55}
.aud-name{color:var(--ink);font-weight:500;font-size:var(--fs-body)}
.aud-src{color:var(--steel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aud-tags{display:flex;gap:4px;flex-wrap:wrap}
.aud-when{color:var(--stone);text-align:right;white-space:nowrap}
@media (max-width:900px){.aud-row{grid-template-columns:minmax(0,1fr) auto}.aud-src,.aud-tags,.aud-acc{display:none}}
.accrow{border:1px solid var(--hairline);background:var(--canvas);border-radius:12px;padding:16px;margin-bottom:12px;max-width:760px}
.acc-head{display:flex;align-items:center;gap:12px}
.acc-t{flex:1;display:flex;flex-direction:column}
.acc-t b{color:var(--ink);font-weight:600}
.acc-t span{font-size:var(--fs-caption);color:var(--steel)}
.acc-ch{margin-top:12px;padding-top:12px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:8px}
.chrow{display:grid;grid-template-columns:180px 150px 1fr;gap:12px;align-items:center;font-size:var(--fs-small)}
.ch-n{color:var(--ink)}.ch-s{color:var(--steel)}.ch-ok{color:var(--ok)}.ch-bad{color:var(--warn)}
.chrow>*{min-width:0}
@media(max-width:700px){.chrow{grid-template-columns:1fr auto}.chrow>:last-child{grid-column:1/-1}}
.ch-how{font-size:var(--fs-caption);color:var(--steel);line-height:1.5}
.ch-how b{color:var(--ink);font-weight:500}
#accList+.addline,#accList .addline{max-width:760px;width:100%}
.empty{grid-column:1/-1;color:var(--steel);padding:8px 0}
.accpick{display:flex;flex-direction:column;gap:8px}
.accpick button{display:flex;align-items:center;gap:12px;border:1px solid var(--hairline-strong);background:none;border-radius:10px;padding:12px;cursor:pointer;font:inherit;text-align:left;color:var(--charcoal)}
.accpick button:hover{border-color:var(--orange)}
.accpick b{display:block;color:var(--ink);font-weight:600;font-size:14px}
.accpick span span{font-size:12px;color:var(--steel)}
.acc-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface);color:var(--ink);flex:none}
.acc-ic svg{width:17px;height:17px}
.sub{color:var(--steel);margin:-8px 0 20px;max-width:70ch}
.avwrap{position:relative}
button.ava{border:0;cursor:pointer}
.avmenu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:200px;background:var(--canvas);border:1px solid var(--hairline-strong);border-radius:10px;padding:4px;box-shadow:var(--sh-modal);display:flex;flex-direction:column}
.avmenu[hidden]{display:none}
.avmenu button{border:0;background:none;text-align:left;color:var(--charcoal);padding:8px 10px;border-radius:7px;cursor:pointer;font:inherit;font-size:var(--fs-small)}
.avmenu button:hover{background:var(--surface);color:var(--ink)}
.istat{font-size:var(--fs-caption);color:var(--stone)}
.istat.on{color:var(--ok)}
.tile.integ.is-on{border-color:#3d4a3f}
.igmodal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);display:flex;justify-content:flex-end;padding:12px}
.igmodal[hidden]{display:none}
.isteps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--charcoal);font-size:13px;line-height:1.45}
.itest{font-size:13px;color:var(--steel);border:1px dashed var(--hairline-strong);border-radius:8px;padding:10px 12px}
.itest .ok{color:var(--ok);font-weight:500}
.fx-inp .copy{border:0;background:none;color:var(--orange);cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}
.edname:focus{border-color:var(--orange);outline:none}
.edstats .rev b{color:var(--orange)}
.edstats{display:flex;gap:14px;white-space:nowrap;flex:none;margin-right:4px;color:var(--steel);margin-left:auto}
.edstats b{color:var(--ink);margin-right:4px;font-variant-numeric:tabular-nums}
.btn{border:0;background:var(--orange);color:#fff;line-height:1.3;padding:8px 16px;border-radius:8px;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--orange-pressed)}
.btn2{border:1px solid var(--hairline-strong);background:transparent;color:var(--ink);line-height:1.3;padding:8px 14px;border-radius:8px;cursor:pointer;white-space:nowrap}
.btn2:hover{border-color:var(--steel)}

.stage{position:relative;flex:1;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 100%,rgba(236,89,42,.16) 0%,rgba(236,89,42,.05) 40%,transparent 72%),var(--ground)}
.board{position:absolute;inset:0;overflow:auto;background-color:var(--ground);background-image:linear-gradient(rgba(240,239,234,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(240,239,234,.07) 1px,transparent 1px),linear-gradient(rgba(240,239,234,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(240,239,234,.035) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:-1px -1px}
.flow{display:flex;flex-direction:column;align-items:center;padding:32px 16px 140px;min-width:min-content}
.node{width:260px;max-width:calc(100vw - 32px);background:var(--canvas);border:1px solid var(--hairline-strong);border-radius:8px;text-align:left;padding:0;cursor:pointer;transition:border-color .15s}
.node:hover{border-color:var(--steel)}
.node[aria-selected="true"]{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.node.start{border-color:var(--hairline-strong)}
.nh{display:flex;align-items:center;gap:6px;padding:8px 10px 0}
.ni{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;flex:none;color:#fff;background:var(--hairline-strong)}
.nt{color:var(--steel)}
.nb{padding:6px 10px 10px;color:var(--charcoal);display:flex;flex-direction:column;gap:6px}
.nb .q{white-space:pre-wrap;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.nb .muted{color:var(--stone)}
.nbtn{border:1px solid var(--hairline-strong);border-radius:6px;padding:4px 8px;text-align:center;color:var(--ink)}
.nbtn small{display:block;color:var(--stone);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link{display:flex;flex-direction:column;align-items:center}
.link .ln{width:1px;height:12px;background:var(--hairline-strong)}
.ins{width:18px;height:18px;border-radius:50%;border:1px solid var(--hairline-strong);background:var(--ground);color:var(--steel);cursor:pointer;display:grid;place-items:center;line-height:1;padding:0}
.ins:hover{border-color:var(--orange);color:var(--orange)}
.end{color:var(--stone);margin-top:4px}

.tools{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:6;align-items:flex-end;transition:right .2s ease}
.stage.side-open .tools{right:calc(min(380px,100%) + 16px)}
@media (max-width:640px){.stage.side-open .tools{display:none}}
.tool{display:flex;align-items:center;gap:6px;border:1px solid var(--hairline-strong);background:var(--canvas);border-radius:8px;padding:6px 10px;cursor:pointer;white-space:nowrap}
.tool:hover{border-color:var(--steel)}
.tool.primary{background:var(--orange);border-color:var(--orange);color:#fff}
.tool.primary:hover{background:var(--orange-pressed)}
.tool svg{flex:none}
.menu{position:absolute;z-index:7;width:300px;background:var(--canvas);border:1px solid var(--hairline);border-radius:12px;box-shadow:var(--sh-modal);padding:6px}
.menu .mh{letter-spacing:1px;text-transform:uppercase;color:var(--steel);padding:8px 10px 6px}
.mi{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;width:100%;border:0;background:none;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;align-items:start}
.mi:hover{background:var(--surface)}
.mi b{display:block}
.mi span{color:var(--steel);line-height:1.35}
.mi[disabled]{opacity:.45;cursor:not-allowed}
.mi[disabled]:hover{background:none}

/* панель настроек справа */
.side{position:absolute;top:0;right:0;bottom:0;width:min(380px,100%);background:var(--canvas);border-left:1px solid var(--hairline);box-shadow:var(--sh-modal);z-index:5;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s ease}
.side.on{transform:none}
.sh{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--hairline)}
.sh h2{margin:0}
.x{margin-left:auto;border:0;background:none;border-radius:6px;width:30px;height:30px;cursor:pointer;color:var(--steel)}
.x:hover{background:var(--surface)}
.sb{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px}
.sf{border-top:1px solid var(--hairline);padding:12px 16px;display:flex;gap:8px}
.sf .del{margin-right:auto;border:0;background:none;color:var(--warn);cursor:pointer;padding:8px 4px}
.f{display:flex;flex-direction:column;gap:6px}
.f label,.f .lbl{color:var(--charcoal)}
.f .hint{color:var(--steel)}
.in,.ta{background:var(--canvas);border:1px solid var(--hairline-strong);border-radius:8px;padding:9px 12px;width:100%;min-height:40px}
.in:focus,.ta:focus{border:2px solid var(--orange);padding:8px 11px;outline:none}
.ta{min-height:96px;resize:vertical;line-height:1.5}
.kwbox{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--hairline-strong);border-radius:8px;padding:7px 8px;min-height:40px;align-items:center}
.kwbox .kw{cursor:pointer}
.kwbox input{flex:1;min-width:90px;border:0;outline:0;background:none;padding:2px 4px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.tg{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--charcoal)}
.tg input{position:absolute;opacity:0;pointer-events:none}
.sw{width:32px;height:18px;border-radius:9999px;background:var(--hairline-strong);position:relative;flex:none;transition:background .15s}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s}
.swb{border:0;background:none;padding:2px;cursor:pointer;display:inline-flex;border-radius:9999px}
.swb[aria-checked="true"] .sw{background:var(--orange)}
.swb[aria-checked="true"] .sw::after{left:16px}
.tg input:checked+.sw{background:var(--orange)}
.tg input:checked+.sw::after{left:16px}
.tg input:focus-visible+.sw{outline:2px solid var(--orange);outline-offset:2px}
.note{line-height:1.4;color:var(--note-ink);background:var(--warn-tint);border-radius:8px;padding:8px 10px}
.btnrow{display:flex;flex-direction:column;gap:6px}
.btnrow .two{align-items:center}
.addline{border:1px dashed var(--hairline-strong);background:none;border-radius:8px;padding:7px;cursor:pointer;color:var(--steel)}
.addline:hover{color:var(--ink);border-color:var(--steel)}

.stub{display:flex;flex-direction:column;gap:12px;max-width:640px}
.stub p{color:var(--slate);margin:0}
@media (max-width:640px){.top-in,main{padding-inline:16px}.plan{color:var(--steel)}.edstats{display:none}.tools{top:auto;bottom:16px;right:16px}}
@media (max-width:1380px){.edstats span:not(.rev){display:none}}
@media (max-width:1180px){.edstats{display:none}.edbar .btn{margin-left:auto}}
@media (max-width:900px){#edAcc{display:none}}
#edAcc{flex:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== Типографика: одна шкала на весь сервис =====
   Размеры плиток взяты из карточек клубной библиотеки (lib-card).
   22  --fs-title    заголовок страницы (h1)
   16  --fs-heading  название воронки на плитке, заголовок панели, имя в редакторе
   14  --fs-body     основной текст, поля ввода, кнопки, пункты меню
   13  --fs-small    навигация, текст внутри блоков, подписи полей
   12.5 --fs-caption мета-строка, подсказки, бейджи, кнопка «Открыть»
   12  --fs-mono     моноширинная строка (триггер/ссылка)
   11.5 --fs-tag     теги (кодовые слова)
   11  --fs-label    КАПС-метки (тип блока, заголовок меню), всегда 600 + разрядка 1px
   Веса: 400 текст · 500 кнопки и пункты меню · 600 заголовки, цифры, метки, бейджи.
   Других размеров в интерфейсе нет; иконки-глифы не в счёт. */
:root{--fs-title:22px;--fs-heading:16px;--fs-body:14px;--fs-small:13px;--fs-caption:12.5px;--fs-mono:12px;--fs-tag:11.5px;--fs-label:11px}
body{font-size:var(--fs-body);font-weight:400}
b,strong{font-weight:600}
h1{font-size:var(--fs-title);font-weight:600}
.edname,.sh h2,.c-title,.t-name{font-size:var(--fs-heading);font-weight:600}
.t-tag,.chip{font-size:var(--fs-tag);font-weight:500}
#tagIn,.tagsug button{font-size:var(--fs-small)}
.tile.add{font-size:var(--fs-body);font-weight:500}
.tile.add .plus{font-size:var(--fs-title);font-weight:400}
.t-foot{font-size:var(--fs-caption)}
.c-sum,.btn,.btn2,.mi b,.card.add,.stub p,.in,.ta,.ins,.x{font-size:var(--fs-body)}
.btn,.btn2,.tool,.mi b,.card.add{font-weight:500}
.tab,.drop button,.back,.addline,.sf .del,.tg,.f label,.f .lbl,.kwbox input{font-size:var(--fs-small)}
.nbtn{font-weight:500}.f label,.f .lbl{font-weight:600}
.c-meta,.c-res,.c-open,.plan,.drop small,.kw,.card.add small,.pill,.edstats,.nbtn small,.end,.mi span,.f .hint,.note,.hint{font-size:var(--fs-caption)}
.c-open,.kw,.pill,.edstats b{font-weight:600}
.c-slug{font-size:var(--fs-mono)}
.tag{font-size:var(--fs-tag);font-weight:500}
.ava{font-size:var(--fs-label);font-weight:500}
.menu .mh{font-size:var(--fs-label);font-weight:600;letter-spacing:1px;text-transform:uppercase}
.nt{font-size:var(--fs-tag);font-weight:500}
.nb,.nbtn{font-size:var(--fs-caption)}
.nbtn small{font-size:var(--fs-tag)}
.tool{font-size:var(--fs-small)}
.ni{font-size:9px;font-weight:700}
.mi .ni{width:20px;height:20px;font-size:var(--fs-label)}
.card.add .plus{font-size:var(--fs-title);font-weight:400}

/* ── кабинет (не прототип) ── */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100;max-width:min(520px,calc(100vw - 32px));background:var(--surface);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:10px;padding:10px 14px;font-size:var(--fs-small);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.eddel{white-space:nowrap}
.acc-off{margin-left:8px;padding:5px 10px;font-size:var(--fs-caption)}
.bst-off{color:var(--warn);background:var(--warn-tint)}
.itest.err{color:var(--warn)}
.accpick button:disabled{opacity:.45;cursor:not-allowed}
.avmenu form{margin:0;display:contents}
@media (max-width:900px){.eddel{display:none}}
.ch-add{display:flex;gap:8px;max-width:420px}.ch-add input{flex:1;min-width:0;background:none;border:1px solid var(--hairline-strong);border-radius:8px;color:var(--ink);font:inherit;font-size:var(--fs-small);padding:7px 10px}.ch-add input:focus{outline:none;border-color:var(--orange)}

/* ── Парсер: три колонки (конкуренты → аккаунты → посты) ── */
.pz-bal{font-size:var(--fs-small);color:var(--steel)}
.pz-tabs button:disabled{opacity:.45;cursor:default}
.pz{display:grid;grid-template-columns:220px 320px minmax(0,1fr);border:1px solid var(--hairline);border-radius:12px;background:var(--canvas);height:calc(100vh - 230px);min-height:480px;overflow:hidden}
.pz-col{overflow-y:auto;padding:12px;min-width:0}
.pz-left,.pz-mid{border-right:1px solid var(--hairline)}
.pz-search{width:100%;margin-bottom:6px}
.pz-h{font-size:11px;color:var(--stone);letter-spacing:.4px;text-transform:uppercase;padding:12px 8px 6px}
.pz-it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;width:100%;text-align:left;border:0;background:none;color:var(--charcoal);padding:7px 8px;border-radius:8px;cursor:pointer;font:inherit;font-size:var(--fs-small)}
.pz-it:hover{background:var(--surface)}.pz-it.on{background:var(--surface);color:var(--ink)}
.pz-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-hot{color:var(--orange);font-weight:600;font-variant-numeric:tabular-nums}
.pz-sub{grid-column:1/-1;font-size:var(--fs-caption);color:var(--stone)}
.pz-cl{grid-template-columns:1fr}
.pz-note{font-size:var(--fs-caption);color:var(--stone);padding:14px 8px 4px;line-height:1.45}
.pz-empty{color:var(--steel);font-size:var(--fs-small);padding:16px 8px}
.pz-mh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 8px;min-height:34px}
.pz-mh b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-sm{padding:4px 10px;font-size:var(--fs-caption)}
.pz-acc{border:1px solid var(--hairline);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer}
.pz-acc:hover{border-color:var(--hairline-strong)}.pz-acc.on{border-color:var(--orange)}
.pz-ah{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pz-ah b{color:var(--ink);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pz-net{font-size:10.5px;border:1px solid var(--hairline-strong);border-radius:5px;padding:0 5px;color:var(--steel)}
.pz-cnt{font-size:var(--fs-caption);color:var(--steel);font-variant-numeric:tabular-nums}
.pz-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--hairline);font-size:var(--fs-small)}
.pz-acc .pz-row:last-of-type{border-bottom:0}
.pz-ctl{display:flex;align-items:center;gap:8px}
.pz-seg{display:inline-flex;border:1px solid var(--hairline-strong);border-radius:7px;overflow:hidden}
.pz-seg button{border:0;background:none;color:var(--steel);padding:2px 7px;font:inherit;font-size:11.5px;cursor:pointer}
.pz-seg button.on{background:var(--surface);color:var(--ink)}
.pz-mut{color:var(--steel);font-size:var(--fs-caption);padding-top:6px}
.pz-chips{margin:0 0 8px}
.pz-tw{overflow-x:auto}
.pz-tbl{width:100%;border-collapse:collapse;font-size:var(--fs-small);font-variant-numeric:tabular-nums}
.pz-tbl th{text-align:left;font-weight:500;color:var(--steel);font-size:var(--fs-caption);padding:6px 8px;border-bottom:1px solid var(--hairline);white-space:nowrap}
.pz-tbl th button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}
.pz-tbl td{padding:7px 8px;border-bottom:1px solid var(--hairline);white-space:nowrap;color:var(--charcoal)}
.pz-tbl tr[data-r]{cursor:pointer}.pz-tbl tr[data-r]:hover td{background:var(--surface)}.pz-tbl tr.sel td{background:var(--surface)}
.pz-cap{max-width:190px;overflow:hidden;text-overflow:ellipsis;color:var(--ink)!important}
.pz-hotc{color:var(--orange)!important;font-weight:600}.pz-ok{color:var(--ok)!important}
.pz-foot{padding:10px 4px 0;line-height:1.45}
.pz-text{white-space:pre-wrap;color:var(--charcoal);font-size:var(--fs-small);line-height:1.55}
.pz-link{color:var(--orange-text)}
@media (max-width:1000px){.pz{grid-template-columns:1fr;height:auto}.pz-left,.pz-mid{border-right:0;border-bottom:1px solid var(--hairline);max-height:340px}}
.pz-trow{flex-wrap:wrap}.pz-freq{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}
.pz-seg button{white-space:nowrap}.pz-warn{color:var(--warn)!important}

/* ── Главная: поле «вставь ссылку» по центру (вариант A) ── */
.hm{display:flex;flex-direction:column;gap:20px;max-width:640px;margin:0 auto}
.hm.hm-solo{min-height:calc(100vh - 210px);justify-content:center}
.wg-link{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.hm-t{margin:0 0 6px;font-size:22px;text-align:center}
.hm-inp{display:flex;gap:8px;align-items:center;width:100%;border:1px solid var(--hairline-strong);border-radius:12px;background:var(--canvas);padding:8px 8px 8px 16px}
.hm-inp:focus-within{border-color:var(--orange)}
.hm-inp input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;font-size:15px;padding:6px 0;outline:none}
.hm-inp input::placeholder{color:var(--stone)}
.hm-hint{font-size:var(--fs-caption);color:var(--stone);text-align:center}
#hmCard{width:100%}#hmCard:empty{display:none}
.hm-card{width:100%;box-sizing:border-box;border:1px solid var(--orange);border-radius:12px;background:var(--canvas);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.hm-card.hm-muted,.hm-card.hm-wait{border-color:var(--hairline-strong)}
.hm-wait{color:var(--steel);font-size:var(--fs-small)}
.hm-h{display:flex;align-items:center;gap:8px;color:var(--ink)}
.hm-sub{font-size:var(--fs-small);color:var(--steel);line-height:1.5}
.hm-ok{color:var(--ok)}
.hm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hm-go{align-self:stretch;padding:10px 14px}
.hm-go:disabled{opacity:.6;cursor:default}
.hm-meta{font-size:var(--fs-caption);color:var(--steel)}
.hm-text{white-space:pre-wrap;font-size:var(--fs-small);line-height:1.55;color:var(--charcoal);max-height:340px;overflow-y:auto;border-top:1px solid var(--hairline);padding-top:10px}
.hm-acts{display:flex;gap:8px;flex-wrap:wrap}.hm-acts a{text-decoration:none}
.hm-recent{width:100%;margin-top:14px}
.hm-lab{font-size:11px;color:var(--stone);letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px}
.hm-it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--hairline);background:none;color:var(--charcoal);font:inherit;font-size:var(--fs-small);padding:9px 2px;cursor:pointer;text-align:left}
.hm-it:hover{color:var(--ink)}
.hm-it-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-it-r{color:var(--stone);font-size:var(--fs-caption)}

/* ── Нижнее меню на телефоне ── */
.bnav{display:none}
@media (max-width:700px){
  .tabs,.plan{display:none}
  .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ground);border-top:1px solid var(--hairline);padding:6px 6px calc(8px + env(safe-area-inset-bottom,0px))}
  .bnav button{flex:1;border:0;background:none;color:var(--steel);font:inherit;font-size:12px;padding:8px 0;cursor:pointer}
  .bnav button[aria-current="true"]{color:var(--orange)}
  main{padding-bottom:96px}
  /* поле по центру экрана, «Недавно» — сразу под ним, видно начало списка */
  .hm.hm-solo{min-height:0;justify-content:flex-start}
  .hm-solo .wg-link{min-height:calc(100dvh - 330px);justify-content:center}
  .hm-t{font-size:19px}
  .hm-inp{flex-wrap:wrap;padding:8px}
  .hm-inp input{flex-basis:100%;padding:8px}
  .hm-inp .btn{width:100%;padding:10px}
  .avmenu{position:fixed;right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));top:auto}
}

/* ── Во всю ширину (16.10, как Higgsfield): Парсер без заголовка, колонки от края до края ── */
body.wide main{max-width:none;padding:0}
body.wide .glow{display:none}
.pz-tabs{display:flex;align-items:center;padding-inline:16px;margin:0}
.pz-tabs .pz-bal{margin-left:auto;font-size:var(--fs-caption);color:var(--steel)}
body.wide .pz{border:0;border-radius:0;height:calc(100vh - 48px - 41px - env(safe-area-inset-top,0px));height:calc(100dvh - 48px - 41px - env(safe-area-inset-top,0px));min-height:420px;background:var(--ground)}
body.wide .pz-left,body.wide .pz-mid{background:var(--ground)}
body.wide .pz-right{background:var(--ground);padding-inline:16px}
@media (max-width:1000px){body.wide .pz{height:auto}}
@media (max-width:700px){body.wide main{padding-bottom:84px}}

.pz-mutc{color:var(--stone)!important;font-style:italic}
.pz-lnk{border:0;background:none;color:var(--orange-text);font:inherit;cursor:pointer;padding:0}
/* без горизонтального «дрожания»: страница не уезжает вбок от тачпада, рабочие экраны не скроллятся целиком */
html,body{overflow-x:clip;overscroll-behavior-x:none}  /* clip, не hidden: hidden делает body отдельной прокруткой */
body.wide{overflow:hidden;overscroll-behavior:none}
.pz-col,.pz-tw{overscroll-behavior:contain}

/* ── страницы входа ── */
.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}
.login-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}
.login-box img{width:40px;height:auto}
.login-box h1{margin:0;font-size:22px}
.login-box p{margin:0;color:var(--slate);line-height:1.55}
.login-box code{color:var(--ink);background:var(--surface);border-radius:6px;padding:1px 6px}
.login-box a:not(.btn):not(.btn2){color:var(--orange-text)}
.login-box .err{color:var(--warn)}
.login-form{display:flex;flex-direction:column;gap:10px}
.login-form input{border:1px solid var(--hairline-strong);border-radius:10px;background:var(--canvas);color:var(--ink);font:inherit;font-size:15px;padding:12px 14px}
.login-form input:focus{outline:none;border-color:var(--orange)}
.btn-wide{width:100%;padding:12px 14px;font-size:15px}
.login-box .btn,.login-box .btn2{text-align:center;text-decoration:none}
.login-alt{font-size:var(--fs-small)}

/* ── Парсер: вкладки, меню, база, распознать, подключения, телефон ── */
.pz-tabs button.on{color:var(--ink)}
.pz-tabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange)}
.pz-pane{padding:20px 16px 40px;overflow-y:auto;height:calc(100vh - 48px - 41px);height:calc(100dvh - 48px - 41px);box-sizing:border-box}
.pz-lh{display:flex;gap:6px;align-items:center;margin-bottom:6px}.pz-lh .pz-search{margin:0;flex:1;min-width:0}
.pz-add{padding:5px 10px;font-size:var(--fs-caption);white-space:nowrap}
.pz-mh-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pz-dots{padding:3px 10px;letter-spacing:1px}
.pz-x{border:0;background:none;color:var(--stone);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:5px}.pz-x:hover{color:var(--warn);background:var(--surface)}
.pz-menu{position:fixed;z-index:60;width:220px;background:var(--canvas);border:1px solid var(--hairline-strong);border-radius:10px;padding:4px;box-shadow:var(--sh-modal);display:flex;flex-direction:column}
.pz-menu button{border:0;background:none;text-align:left;color:var(--charcoal);padding:8px 10px;border-radius:7px;cursor:pointer;font:inherit;font-size:var(--fs-small)}
.pz-menu button:hover{background:var(--surface);color:var(--ink)}.pz-danger{color:var(--warn)!important}
.btn-danger{background:#b8432a}
.fx-in{width:100%;box-sizing:border-box;border:1px solid var(--hairline-strong);border-radius:8px;background:none;color:var(--ink);font:inherit;padding:9px 11px}.fx-in:focus{outline:none;border-color:var(--orange)}
.pz-back{display:none}
.pz-upsell{max-width:460px;margin:60px auto;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.pz-upsell p{color:var(--steel);margin:0}
.pb-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.pb-search{flex:1 1 280px;max-width:420px;margin:0}
.pb-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pb-exp{margin-left:auto;display:flex;gap:6px}.pb-exp a{text-decoration:none}
.pb-count{font-size:var(--fs-caption);color:var(--steel);margin:0 0 6px}
.pb-cap{max-width:360px}.pb-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:7px;vertical-align:2px}
.pb-more{margin:14px auto 0;display:block}
.pr{max-width:640px;margin:20px auto 0;display:flex;flex-direction:column;gap:16px}
.pr-link .hm-t{display:none}.pr-link{display:flex;flex-direction:column;align-items:center;gap:12px}
.pr-drop{border:1px dashed var(--hairline-strong);border-radius:12px;padding:22px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.pr-drop b{color:var(--ink);font-weight:600}.pr-drop span{color:var(--steel);font-size:var(--fs-small)}
.pr-drop:hover,.pr-drop.on{border-color:var(--orange)}
.cn{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;max-width:1000px}
.cn-card{border:1px solid var(--hairline);border-radius:12px;background:var(--canvas);padding:18px;display:flex;flex-direction:column;gap:10px}
.cn-card h3{margin:0;font-size:16px;color:var(--ink)}.cn-card p{margin:0;color:var(--steel);font-size:var(--fs-small);line-height:1.5}
.cn-copy{display:flex;gap:8px;align-items:center;background:var(--surface);border-radius:8px;padding:8px 10px}
.cn-copy code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px;color:var(--ink)}
.cn-steps{margin:0;padding-left:18px;color:var(--charcoal);font-size:var(--fs-small);line-height:1.6}.cn-steps a{color:var(--orange-text)}
.cn-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cn-st{font-size:var(--fs-small);color:var(--charcoal)}
.ok{color:var(--ok)}.pz-warn{color:var(--warn)}
.avlink{color:var(--charcoal);padding:8px 10px;border-radius:7px;font-size:var(--fs-small);text-decoration:none}.avlink:hover{background:var(--surface);color:var(--ink)}
@media (max-width:1000px){
  body.wide .pz{display:block;height:calc(100dvh - 48px - 41px - 64px);overflow:hidden}
  body.wide .pz .pz-col{height:100%;max-height:none;border:0;padding:12px 16px 24px;box-sizing:border-box}
  .pz[data-step="left"] .pz-mid,.pz[data-step="left"] .pz-right,
  .pz[data-step="mid"] .pz-left,.pz[data-step="mid"] .pz-right,
  .pz[data-step="right"] .pz-left,.pz[data-step="right"] .pz-mid{display:none}
  .pz-back{display:inline-block;border:0;background:none;color:var(--orange-text);font:inherit;font-size:var(--fs-small);padding:0 0 10px;cursor:pointer}
  .pz-pane{height:calc(100dvh - 48px - 41px - 64px);padding-bottom:24px}
  .pz-tabs{overflow-x:auto;scrollbar-width:none}.pz-tabs .pz-bal{display:none}
  .pz-mh{flex-wrap:wrap}
  .pb-exp{margin-left:0}
}

/* ── Тариф и токены ── */
.acct{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.ac-head{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.ac-box{border:1px solid var(--hairline);border-radius:12px;background:var(--canvas);padding:16px 18px;flex:1 1 220px;display:flex;flex-direction:column;gap:4px}
.ac-box span{font-size:var(--fs-caption);color:var(--steel)}.ac-box b{font-size:22px;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.ac-box small{color:var(--steel);font-size:var(--fs-caption)}
.ac-h{font-size:15px;color:var(--ink);margin:4px 0 0;font-weight:600}
.ac-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.ac-tier{border:1px solid var(--hairline);border-radius:12px;background:var(--canvas);padding:16px;display:flex;flex-direction:column;gap:8px}
.ac-tier.cur{border-color:var(--orange)}
.ac-tier h4{margin:0;font-size:16px;color:var(--ink)}.ac-price{font-size:20px;color:var(--ink);font-weight:600}.ac-price small{font-size:12px;color:var(--steel);font-weight:400;display:block;margin-top:2px}
.ac-tier p{margin:0;color:var(--steel);font-size:var(--fs-small);line-height:1.5;flex:1}
.ac-btns{display:flex;gap:6px;flex-wrap:wrap}.ac-btns .btn,.ac-btns .btn2{flex:1;text-align:center;padding:8px 10px}
.ac-tops{display:flex;gap:12px;flex-wrap:wrap}.ac-top{border:1px solid var(--hairline);border-radius:12px;background:var(--canvas);padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1 240px}
.ac-top b{color:var(--ink)}
.ac-log{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.ac-log td{padding:7px 8px;border-bottom:1px solid var(--hairline);color:var(--charcoal)}
.ac-log td:last-child{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.ac-log td:first-child{color:var(--steel);white-space:nowrap}
.ac-ref{color:var(--stone);font-size:var(--fs-caption);overflow-wrap:anywhere}

/* телефон: вкладки в одну строку, в таблицах — главное */
.pz-tabs button{white-space:nowrap;flex:none}
@media (max-width:700px){
  .pz-tabs{gap:18px}
  #pzRight .pz-tbl th:nth-child(3),#pzRight .pz-tbl td:nth-child(3),
  #pzRight .pz-tbl th:nth-child(5),#pzRight .pz-tbl td:nth-child(5),
  #pzRight .pz-tbl th:nth-child(6),#pzRight .pz-tbl td:nth-child(6),
  #pzRight .pz-tbl th:nth-child(7),#pzRight .pz-tbl td:nth-child(7),
  #pzRight .pz-tbl th:nth-child(9),#pzRight .pz-tbl td:nth-child(9),
  .pb-tbl th:nth-child(3),.pb-tbl td:nth-child(3),.pb-tbl th:nth-child(4),.pb-tbl td:nth-child(4),
  .pb-tbl th:nth-child(6),.pb-tbl td:nth-child(6),.pb-tbl th:nth-child(7),.pb-tbl td:nth-child(7){display:none}
  .pz-cap,.pb-cap{max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pz-tbl th,.pz-tbl td{padding:9px 6px}
  .pb-search{flex-basis:100%;max-width:none}
}

*{-webkit-tap-highlight-color:transparent}
@media (max-width:700px){
  .pb-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%;padding-bottom:2px}
  .pb-chips .fchip{flex:none}
  .pb-tbl th:nth-child(2),.pb-tbl td:nth-child(2){display:none}
  .pb-exp .btn2{padding:4px 10px}
}