/* JASA · кабинет · токены и вёрстка · 27.10.2026 · редизайн 01.11.2026 «Тёплый вечер в Алматы»
   Одна палитра на обе темы: чернила тёмно-синие + один огненный акцент. Светлая — тёплая бумага.
   Тёмная — не графит, а глубокие чернила с тёплым светом; текст сливочный, серого нет.
   Подпись: тёплое свечение в углах экрана и три живых кадра на первом экране «Создать». Шрифты: Geologica / Onest / JetBrains Mono. */
/* шрифты подключаются в index.html через <link> (с preconnect), не @import: CSS не ждёт fonts.googleapis.com */

:root{
  --bg:#F4EFE4; --bg-2:#ECE6D8; --surface:#FFFDF8; --surface-2:#F6F1E6; --field:#FFFFFF;
  --line:#DCD4C4; --line-soft:#E9E3D5;
  --ink:#15192A; --text:#1F2435; --muted:#575D6E; --dim:#6B7182;
  --accent:#E8420F; --accent-ink:#111111; --accent-soft:#FFE6DA;
  /* текст на оранжевом — всегда тёмный --accent-ink (4,69:1); мелкий оранжевый текст на светлом — --accent-text (5,4:1) */
  --accent-text:#B33208;
  /* подпись: тёплое свечение (янтарь сверху слева, огонь снизу справа) */
  --glow-1:rgba(232,66,15,.12); --glow-2:rgba(242,170,61,.20);
  --ink-fg:#FFFDF8; --ok:#149A74; --ok-soft:#DCF3E9; --warn:#C98A00; --warn-soft:#FFF1CC; --bad:#D8402C;
  /* фирменные шрифты как на лендинге (P1-7, 31.10); запасные с казахскими буквами (ә ғ қ ң ө ұ ү і) — Noto Sans, системный */
  --ui:"Noto Sans",-apple-system,"system-ui","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --body:"Onest",var(--ui); --disp:"Geologica","Onest",var(--ui); --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --fs-label:.75rem; --fs-small:.9375rem; --fs-text:1.0625rem; --fs-lead:1.1875rem; --fs-title:1.625rem;
  --step-3:clamp(2rem,1.4rem + 2.6vw,3.4rem); --step-4:clamp(2.8rem,1.6rem + 5.2vw,5.6rem);
  --r:22px; --r-sm:14px; --r-field:28px; --r-pill:999px;
  --rail:252px; --ease:cubic-bezier(.16,1,.3,1);
  --shadow:0 1px 2px rgba(21,25,42,.05), 0 16px 40px -22px rgba(90,45,10,.22);
  --shadow-lift:0 1px 2px rgba(21,25,42,.06), 0 28px 56px -26px rgba(90,45,10,.38);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#12151E; --bg-2:#171B26; --surface:#1B2029; --surface-2:#232937; --field:#272D3C;
  --line:#343C4E; --line-soft:#293142;
  --ink:#F5F1E8; --text:#E6E2D9; --muted:#A6AAB9; --dim:#8A8FA0;
  --accent:#FF5A2C; --accent-ink:#141414; --accent-text:#FF9A72; --accent-soft:#3C2419;
  --glow-1:rgba(255,90,44,.20); --glow-2:rgba(242,170,61,.13);
  --ink-fg:#12151E; --ok:#3BCB9A; --ok-soft:#173A2F; --warn:#F2B33D; --warn-soft:#3B2F12; --bad:#FF6B5A;
  --shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 16px 40px -22px rgba(0,0,0,.65);
  --shadow-lift:inset 0 1px 0 rgba(255,255,255,.05), 0 28px 56px -26px rgba(0,0,0,.8);
  color-scheme:dark;
}
*{box-sizing:border-box} html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-text)/1.5 var(--body);min-height:100dvh;overflow-x:hidden}
::selection{background:var(--accent);color:var(--accent-ink)}
a{color:inherit} button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
h1,h2,h3{font-family:var(--disp);letter-spacing:-.025em;line-height:1.05;margin:0;text-wrap:balance;color:var(--ink)}
h1{font-size:var(--step-4);font-weight:600} h2{font-size:var(--step-3);font-weight:600} h3{font-size:var(--fs-title);font-weight:600}
p{margin:0;max-width:68ch;text-wrap:pretty}
.caps{font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:500}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)} .dim{color:var(--dim)} .small{font-size:var(--fs-small)}
.hide{display:none!important}

/* ---------- каркас ---------- */
.shell{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100dvh}
.rail{position:sticky;top:0;height:100dvh;padding:22px 16px;display:flex;flex-direction:column;gap:6px;background:var(--bg-2);border-right:1px solid var(--line-soft)}
.logo{display:flex;align-items:center;gap:10px;padding:6px 10px 18px;font-family:var(--disp);font-weight:700;font-size:1.35rem;letter-spacing:-.03em;color:var(--ink)}
.logo .mark{width:28px;height:28px;border-radius:9px;background:var(--ink);position:relative;flex:none}
.logo .mark::after{content:"";position:absolute;left:8px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--muted);font-weight:500;transition:background .18s var(--ease),color .18s}
.nav a svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav a:hover{background:var(--surface);color:var(--ink)} .nav a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.nav a .tag{margin-left:auto;font:500 11px/1 var(--mono);padding:4px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text)}
.rail .bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.qr{display:inline-block;padding:12px;background:#FFFDF8;border-radius:14px;border:1px solid var(--line-soft)}.qr img,.qr canvas{display:block}
.credits{padding:12px 14px;border-radius:14px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:8px}
.credits b{font-family:var(--mono);font-weight:500;font-size:1.05rem;color:var(--ink)}
.credits .bar{height:4px;border-radius:2px;background:var(--line-soft);margin-top:8px;overflow:hidden}.credits .bar i{display:block;height:100%;background:var(--ok);width:70%}
.acct{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px}
.acct .ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#FFB38A,var(--accent));flex:none}
.acct small{display:block;color:var(--dim);font-size:12px}

.main{min-width:0;padding:28px clamp(16px,4vw,56px) 190px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
.topbar .crumbs{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:var(--fs-small)}
.topbar .crumbs b{color:var(--ink);font-weight:600}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line-soft);font-size:var(--fs-small);color:var(--muted);transition:background .18s,border-color .18s}
.pill.on{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)} .pill:hover{border-color:var(--line)}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-pill);background:var(--ink);color:var(--ink-fg);font-weight:600;transition:transform .18s var(--ease),background .18s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)} .btn:active{transform:none} .btn:disabled{opacity:.5;cursor:default;transform:none}
.btn.accent{background:var(--accent);color:var(--accent-ink)} .btn.quiet{background:var(--surface-2);color:var(--ink)} .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.sm{padding:8px 14px;font-size:var(--fs-small)}

/* ---------- экран «Создать» ---------- */
.hero{margin:6vh 0 32px;max-width:900px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{margin-top:16px;font-size:var(--fs-lead);color:var(--muted);max-width:52ch}
.composer{position:fixed;bottom:18px;left:calc(var(--rail) + clamp(16px,4vw,56px));right:clamp(16px,4vw,56px);max-width:980px;z-index:5}
.composer .box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-field);box-shadow:var(--shadow);padding:12px 12px 10px;transition:border-color .18s,box-shadow .18s}
.composer .box:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(21,25,42,.06),var(--shadow)}
.composer textarea{width:100%;border:0;background:transparent;resize:none;font:inherit;font-size:var(--fs-lead);line-height:1.4;padding:8px 10px 4px;min-height:52px;max-height:200px;color:var(--ink);outline:none}
.composer textarea::placeholder{color:var(--dim)}
.composer .row{display:flex;align-items:center;gap:8px;padding:4px 4px 0;flex-wrap:wrap}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{padding:7px 12px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font-size:var(--fs-small);font-weight:500;transition:background .15s,color .15s}
.chip:hover{background:var(--line-soft);color:var(--ink)} .chip.on{background:var(--ink);color:var(--ink-fg)}
.composer .send{margin-left:auto;display:flex;gap:6px;align-items:center}
.icobtn{flex:none;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--ink);transition:background .15s,transform .15s var(--ease)}
.icobtn:hover{background:var(--line-soft)} .icobtn.zapis{background:var(--accent);color:var(--accent-ink);animation:pulse 1.2s infinite}
.icobtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.icobtn.go{background:var(--accent);color:var(--accent-ink);width:44px;height:44px}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(232,66,15,.5)}60%{box-shadow:0 0 0 12px rgba(232,66,15,0)}}
.examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.examples button{padding:9px 14px;border-radius:var(--r-pill);border:1px dashed var(--line);color:var(--muted);font-size:var(--fs-small);background:transparent;text-align:left;transition:border-color .15s,color .15s}
.examples button:hover{border-color:var(--ink);color:var(--ink)}

/* лист результата */
.feed{display:flex;flex-direction:column;gap:22px;max-width:980px}
.sheet{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:24px clamp(18px,3vw,32px);position:relative;overflow:hidden}
.sheet .head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.sheet .head .kind{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text)}
.sheet .head .meta{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--dim)}
.sheet .q{font-family:var(--disp);font-size:var(--fs-lead);font-weight:500;color:var(--ink);margin-bottom:18px}
.sheet .working{display:flex;align-items:center;gap:12px;color:var(--muted);padding:6px 0}
.sheet .working .agents{display:flex;gap:6px;flex-wrap:wrap}
.sheet .working .agents span{font-size:13px;padding:5px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);opacity:.5;transition:opacity .3s}
.sheet .working .agents span.on{opacity:1;color:var(--ink);background:var(--accent-soft)}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.rv{opacity:0;transform:translateY(10px);animation:rv .6s var(--ease) forwards}
@keyframes rv{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rv{animation:none;opacity:1;transform:none}.icobtn.zapis{animation:none}}
.hooks{display:grid;gap:8px;margin:0 0 18px}
.hooks button{text-align:left;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);font-weight:500;color:var(--ink);transition:background .15s}
.hooks button:hover{background:var(--accent-soft)} .hooks button.on{background:var(--ink);color:var(--ink-fg)}
.posttext{white-space:pre-wrap;font-size:var(--fs-text);line-height:1.6;max-width:64ch}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tags span{font-family:var(--mono);font-size:12px;color:var(--muted);padding:4px 8px;border-radius:6px;background:var(--surface-2)}
.imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:18px}.imgs.three{grid-template-columns:repeat(3,1fr);margin-top:8px}.imgs.three .img{aspect-ratio:4/5}
.img{border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2);position:relative;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:flex-end}
.img.sq{aspect-ratio:1} .img.v{aspect-ratio:9/16} .img.w{aspect-ratio:16/9}
.img .ph{position:absolute;inset:0;background:linear-gradient(160deg,var(--bg-2),var(--line-soft) 60%,var(--accent-soft));}
.img .ph::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(21,25,42,.03) 8px 9px)}
.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:fade 1.2s var(--ease)}
@keyframes fade{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:none}}
.img .cap{position:relative;padding:10px 12px;font-size:13px;color:var(--ink);background:linear-gradient(transparent,rgba(255,253,248,.95) 40%)}
.img .draw{position:absolute;top:10px;right:10px}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin-top:16px;font-size:var(--fs-small)}.kv dt{color:var(--dim)}.kv dd{margin:0}
.warn{margin-top:14px;padding:10px 14px;border-radius:var(--r-sm);background:var(--warn-soft);font-size:var(--fs-small)}
.warn b{color:var(--warn)}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft)}
.kzbox{margin-top:16px;padding:14px 16px;border-radius:var(--r-sm);background:var(--surface-2);white-space:pre-wrap;font-size:var(--fs-small)}
details.more summary{cursor:pointer;color:var(--muted);font-size:var(--fs-small);margin-top:12px;list-style:none}details.more summary::before{content:"+ "}details.more[open] summary::before{content:"– "}

/* рилс */
.rils{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:start}
.tl{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--line-soft);margin-left:6px}
.tl .sc{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:10px 0 14px 16px;position:relative}
.tl .sc::before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
.tl .t{font-family:var(--mono);font-size:13px;color:var(--accent-text);padding-top:2px}
.tl .k{font-size:var(--fs-small);color:var(--muted)} .tl .sub{font-weight:600;color:var(--ink);margin:4px 0 2px}.tl .v{font-size:var(--fs-small)}
.phone{border-radius:28px;background:var(--ink);padding:10px;aspect-ratio:9/18;position:sticky;top:24px}
.phone .scr{border-radius:20px;height:100%;background:linear-gradient(170deg,#2a2f44,#15192A 60%,var(--accent));position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 14px}
.phone .scr .h{font-family:var(--disp);font-weight:700;font-size:1.25rem;line-height:1.1;text-wrap:balance}
.phone .scr .s{font-size:12px;opacity:.8;margin-top:8px;font-family:var(--mono)}

/* афиша */
.variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}
.var{border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}
.var .pv{aspect-ratio:4/5;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px;color:#fff}.var .pv>*{position:relative;z-index:1}.var .pv .hl,.var .pv .sb{text-shadow:0 1px 8px rgba(0,0,0,.45)}
.var .pv .hl{font-family:var(--disp);font-weight:700;font-size:1.5rem;line-height:1;letter-spacing:-.03em;text-wrap:balance}
.var .pv .sb{font-size:12px;opacity:.9}
.var .nm{padding:12px 14px;font-size:var(--fs-small)}.var .nm b{display:block;color:var(--ink)}
.sw{display:flex;gap:4px;margin-top:8px}.sw i{width:18px;height:18px;border-radius:5px;display:block}

/* карусель и план */
.slides{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:14px}
.slide{aspect-ratio:4/5;border-radius:var(--r-sm);background:var(--ink);color:var(--ink-fg);padding:14px;display:flex;flex-direction:column;justify-content:space-between}
.slide .n{font-family:var(--mono);font-size:12px;opacity:.6}.slide b{font-family:var(--disp);font-size:1.05rem;line-height:1.15}.slide p{font-size:12px;opacity:.85;margin-top:6px}
.slide:first-child{background:var(--accent)}
.days{display:grid;gap:8px;margin-top:14px}
.day{display:grid;grid-template-columns:52px 100px 1fr;gap:12px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);align-items:start}
.day .d{font-family:var(--mono);color:var(--accent-text);font-weight:500}.day .f{font-size:var(--fs-small);color:var(--muted)}.day b{color:var(--ink)}.day p{font-size:var(--fs-small);color:var(--muted)}

/* ---------- тренды ---------- */
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.trend{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.trend .cover{aspect-ratio:4/3;position:relative;display:flex;align-items:flex-end;padding:16px;color:#fff;font-family:var(--disp);font-weight:700;font-size:1.3rem;line-height:1.05;letter-spacing:-.02em}
.trend .cover .fire{position:absolute;top:12px;right:12px;font:500 12px var(--mono);padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.trend .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.trend .body p{font-size:var(--fs-small);color:var(--muted)}
.trend .body .btn{margin-top:auto;align-self:flex-start}

/* ---------- бренд ---------- */
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;align-items:start}
.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px}
.card textarea,.card input{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;font:inherit;background:var(--field);color:var(--ink);outline:none}
.card textarea:focus,.card input:focus{border-color:var(--ink)}
.card textarea{min-height:160px;resize:vertical}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:var(--fs-small);color:var(--muted)}
.dna{display:flex;flex-direction:column;gap:14px}
.dna .voice li{margin-bottom:4px}.dna ul{margin:6px 0 0;padding-left:18px}
.dna .pal{display:flex;gap:6px}.dna .pal i{width:36px;height:36px;border-radius:10px;display:block}
.dna .sum{padding:14px 16px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--ink);font-weight:500}

/* ---------- каналы ---------- */
.chan{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);margin-bottom:12px}
.chan .ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-family:var(--disp);font-weight:700;color:#fff;flex:none}
.chan .ico.tg{background:#2AABEE}.chan .ico.ig{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)}.chan .ico.tt{background:#111}
.chan b{display:block;color:var(--ink)}.chan small{color:var(--dim)}.chan .st{margin-left:auto}
.queue{display:grid;gap:8px}.qi{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-radius:var(--r-sm);background:var(--surface)}
.qi .t{font-family:var(--mono);font-size:13px;color:var(--muted)}.qi b{font-weight:500;color:var(--ink)}.qi small{display:block;color:var(--dim)}

/* ---------- сценарий ---------- */
.steps{display:flex;gap:6px;margin-bottom:22px;flex-wrap:wrap}
.steps span{font-size:13px;padding:6px 12px;border-radius:999px;background:var(--surface-2);color:var(--dim)}.steps span.on{background:var(--ink);color:var(--ink-fg)}.steps span.done{background:var(--ok-soft);color:var(--ok)}
.qs{display:grid;gap:12px;margin-top:8px}
.q4{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}
.q4 .n{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--ink-fg);display:grid;place-items:center;font-family:var(--mono);font-size:13px}
.q4 label{display:block;font-weight:500;color:var(--ink);margin-bottom:6px}
.q4 .inrow{display:flex;gap:8px}.q4 input{flex:1}
.modes{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}
.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.ag{padding:14px 16px;border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;transition:background .3s}
.ag b{color:var(--ink);font-weight:600}.ag small{grid-column:1;color:var(--dim);font-size:13px}
.ag .st{grid-row:1/3;width:12px;height:12px;border-radius:50%;background:var(--line);}
.ag[data-s="работает"]{background:var(--accent-soft)}.ag[data-s="работает"] .st{background:var(--accent);animation:pulse 1.2s infinite}
.ag[data-s="готово"] .st{background:var(--ok)}.ag[data-s="частично"] .st{background:var(--warn)}.ag[data-s="ошибка"] .st{background:var(--bad)}
.report{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;max-width:1040px}
.score{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}
.ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--v)*1%),var(--line-soft) 0);position:relative}
.ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--surface)}
.ring b{position:relative;font-family:var(--disp);font-size:2.6rem;font-weight:700;letter-spacing:-.04em;color:var(--ink)}.ring b small{font-size:1rem;color:var(--dim);font-weight:500}
.layers{display:grid;gap:10px}
.lay{display:grid;grid-template-columns:200px 1fr 36px;gap:12px;align-items:center;font-size:var(--fs-small)}
.lay .bar{height:10px;border-radius:5px;background:var(--line-soft);overflow:hidden}.lay .bar i{display:block;height:100%;background:var(--ink);width:0;transition:width 1s var(--ease)}
.lay .bar i.top{background:var(--accent)}.lay .n{font-family:var(--mono);text-align:right;color:var(--ink)}
.lay details{grid-column:1/-1;font-size:var(--fs-small);color:var(--muted)}.lay details summary{cursor:pointer;color:var(--dim)}
.zen{padding:20px 24px;border-radius:var(--r);background:var(--ink);color:var(--ink-fg)}
.zen h3{color:var(--ink-fg)}.zen ol{margin:12px 0 0;padding-left:20px;display:grid;gap:10px}.zen li b{display:block}.zen li span{opacity:.75;font-size:var(--fs-small)}
.zen .chel{margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--ink-fg) 15%,transparent);font-size:var(--fs-small);opacity:.9}
.fixes{display:grid;gap:8px}
.fix{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);align-items:start}
.fix .n{font-family:var(--mono);color:var(--accent-text)}.fix b{color:var(--ink);font-weight:500}.fix p{font-size:var(--fs-small);color:var(--muted)}
.fix .ef{font-family:var(--mono);font-size:12px;color:var(--ok);margin-top:4px}.fix .ef.q{color:var(--warn)}
.fix .ok{display:flex;gap:4px}.fix .ok button{width:34px;height:34px;border-radius:50%;background:var(--surface);display:grid;place-items:center}.fix .ok button.on{background:var(--ok);color:#fff}.fix .ok button.no.on{background:var(--dim)}.fix .ok button:disabled{opacity:.35;cursor:not-allowed}
.err{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:var(--fs-small)}.err .s{font-family:var(--mono);color:var(--accent-text)}.err b{color:var(--ink);font-weight:500}.err i{color:var(--dim);font-style:normal}
.refs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.ref{padding:14px;border-radius:var(--r-sm);background:var(--surface-2)}.ref b{display:block;color:var(--ink)}.ref small{color:var(--dim);font-family:var(--mono)}.ref p{font-size:13px;color:var(--muted);margin-top:6px}
.mix{display:grid;gap:10px}.mixv{padding:14px 16px;border-radius:var(--r-sm);border:1px dashed var(--line)}.mixv b{color:var(--ink)}.mixv p{font-size:var(--fs-small);color:var(--muted);margin-top:4px}
.voice3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v3{padding:14px;border-radius:var(--r-sm);background:var(--surface-2)}.v3 b{font-family:var(--disp);font-size:1.6rem;color:var(--ink)}.v3 small{display:block;color:var(--dim);margin-bottom:6px}.v3 p{font-size:13px;color:var(--muted)}
.chitatel{display:flex;gap:18px;flex-wrap:wrap;font-size:var(--fs-small);color:var(--muted)}.chitatel b{font-family:var(--mono);color:var(--ink);font-weight:500}

/* ---------- тарифы ---------- */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.tier{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:10px}
.tier.hot{background:var(--ink);color:var(--ink-fg)}.tier.hot h3,.tier.hot .price{color:var(--ink-fg)}.tier.hot .muted{color:rgba(255,255,255,.65)}
.tier .price{font-family:var(--disp);font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.tier .price small{font-size:.9rem;font-weight:500;color:var(--dim)}
.tier ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:var(--fs-small)}.tier li::before{content:"— ";color:var(--accent-text)}
.tier .btn{margin-top:auto}

/* карта бренда */
.bhead{display:flex;align-items:center;gap:18px;margin-bottom:20px;flex-wrap:wrap}
.ring.sm{width:76px;height:76px;flex:none}.ring.sm::before{inset:7px}.ring.sm b{font-size:1.25rem}.ring.sm b small{font-size:.75rem}
.bsel{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bsel select{font:600 1.35rem var(--disp);color:var(--ink);background-color:transparent;border:0;padding:4px 0;width:auto;max-width:60vw}
.btoggle{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:var(--fs-small);color:var(--muted);cursor:pointer}
.bgrid{display:grid;grid-template-columns:230px minmax(0,1fr) 340px;gap:18px;align-items:start}
.bnav{display:flex;flex-direction:column;gap:2px;position:sticky;top:16px}
.bnav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:var(--fs-small)}
.bnav a:hover{background:var(--surface)}.bnav a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.bnav a em{margin-left:auto;font:500 11px var(--mono);font-style:normal;color:var(--dim)}
.bnav .st{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--line);flex:none}.bnav .st.part{background:var(--warn);border-color:var(--warn)}.bnav .st.full{background:var(--ok);border-color:var(--ok)}
.bnew-folder{margin-top:6px;padding:9px 12px;border-radius:10px;border:1px dashed var(--line);color:var(--muted);font-size:var(--fs-small);text-align:left}
.beditor textarea,.bassist textarea,.bassist input{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font:inherit;font-size:var(--fs-small);background:var(--field);color:var(--ink);outline:none;resize:vertical}
.beditor textarea:focus,.bassist textarea:focus,.bassist input:focus{border-color:var(--ink)}
.bfields{margin-top:14px}.bfiles{margin-top:6px;padding-top:12px;border-top:1px solid var(--line-soft)}
.bthumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.bthumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center}
.bthumb img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.bthumb.checker img{object-fit:contain;padding:10px}
.bthumb.checker{background:repeating-conic-gradient(#e9e3d6 0% 25%,#fffdf8 0% 50%) 50%/16px 16px}
.bthumb small{position:absolute;left:6px;right:6px;bottom:4px;font-size:10px;color:var(--ink);background:rgba(255,253,248,.85);border-radius:6px;padding:1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bthumb .bx{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(21,25,42,.7);color:#fff;font-size:15px;line-height:1}
.badd{border:1.5px dashed var(--line);flex-direction:column;gap:4px;cursor:pointer;background:transparent;text-align:center;padding:8px}.badd span{font-weight:600;color:var(--ink)}.badd small{position:static;background:none;white-space:normal;color:var(--dim)}
.bassist{position:sticky;top:16px}.bqi{padding:10px 0;border-bottom:1px solid var(--line-soft)}.bqi p{font-size:var(--fs-small);margin:4px 0 8px}.bqi a{font-size:12px;color:var(--accent-text);text-decoration:none;font-weight:600}
.bqi .inrow{display:flex;gap:6px;align-items:center}.bqi input{flex:1}
@media (max-width:1100px){.bgrid{grid-template-columns:200px minmax(0,1fr)}.bassist{grid-column:1/-1;position:static}}
@media (max-width:760px){.bgrid{grid-template-columns:1fr}.bnav{position:static;flex-direction:row;overflow-x:auto;gap:6px}.bnav a{white-space:nowrap}.btoggle{margin-left:0}}
@media (max-width:760px){#bk section .btn{white-space:normal;text-align:center}#bk,.bgrid>*{min-width:0;max-width:100%}.bnav{max-width:calc(100vw - 32px)}}

/* лайтбокс и превью Telegram */
.sheet img,.imgs img{cursor:zoom-in}
.tgwrap{margin-top:12px;padding:14px;border-radius:14px;background:#DCE8F2;color:#1C2133}:root[data-theme="dark"] .tgwrap{background:#17212b}
.tgmsg{background:#fff;border-radius:14px 14px 14px 4px;padding:10px 12px;max-width:420px;box-shadow:0 1px 1px rgba(0,0,0,.08);margin-bottom:8px}:root[data-theme="dark"] .tgmsg{background:#182533;color:#f2f2f2}
.tgname{font-weight:600;color:#2AABEE;font-size:13px;margin-bottom:4px}.tgtext{white-space:pre-wrap;font-size:14px;line-height:1.4}
.tgalbum{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px}.tgalbum img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}.tgalbum .tgtext{grid-column:1/-1;padding:6px 8px 4px}

/* ---------- Telegram Mini App ---------- */
.tg .rail{display:none}.tg .shell{grid-template-columns:1fr}.tg .main{padding:14px 16px 220px}.tg .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line-soft);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:10}.tg .tabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--dim);text-decoration:none;padding:4px 0}.tg .tabbar a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tg .tabbar a.on{color:var(--accent-text)}.tg .composer{bottom:78px;left:12px;right:12px}.tg .hero{margin-top:1vh}.tg .hero h1{font-size:clamp(1.9rem,1.2rem + 4vw,3rem)}.tg .rils,.tg .two,.tg .score{grid-template-columns:1fr}.tg .phone{display:none}

/* ---------- мобильный ---------- */
.tabbar{display:none}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .rail{display:none}
  .main{padding:18px 16px 220px}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line-soft);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:10}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--dim);text-decoration:none;padding:4px 0}
  .tabbar a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tabbar a.on{color:var(--accent-text)}
  .hero{margin-top:2vh}
  .rils,.two,.score{grid-template-columns:1fr}
  .phone{display:none}
  .lay{grid-template-columns:120px 1fr 32px}
  .voice3{grid-template-columns:1fr}
  .day{grid-template-columns:44px 1fr}.day .f{grid-column:2}
  .fix{grid-template-columns:28px 1fr}.fix .ok{grid-column:2}
}

/* ---------- 28.10 · находки Plumar: цена на кнопке, рецепты, депо, помощник ---------- */
.stilpill{margin:2px 0 4px 6px;font-size:var(--fs-label);padding:6px 12px}
.recwrap{margin:6px 0 30px}
.rechead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.recepty{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,230px);gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.rec{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow);scroll-snap-align:start;min-height:128px;transition:border-color .15s,transform .18s var(--ease)}
.rec:hover{border-color:var(--ink);transform:translateY(-2px)}
.rec .kind{font-size:var(--fs-label);color:var(--accent-text);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.rec b{font-family:var(--disp);font-weight:600;font-size:1.05rem;color:var(--ink);line-height:1.2}
.rec small{color:var(--muted);font-size:var(--fs-label)}
.rec .rp{margin-top:auto;font:500 var(--fs-label)/1 var(--mono);color:var(--dim)}
.modal{position:fixed;inset:0;background:rgba(10,12,20,.5);z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}
.mbox{position:relative;width:min(520px,100%);max-height:92dvh;overflow:auto;background:var(--surface);border-radius:var(--r);padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mbox .field{margin-bottom:12px}.mbox label{display:block;font-size:var(--fs-small);color:var(--muted);margin-bottom:6px}
.mbox input{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;font:inherit;font-size:16px;background:var(--field);color:var(--ink);outline:none}
.mbox input:focus{border-color:var(--ink)}
.mbox .mx{position:absolute;top:10px;right:14px;font-size:28px;line-height:1;color:var(--dim)}
.depo{margin-bottom:10px}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;margin-top:18px;padding:26px 16px;border:1.5px dashed var(--line);border-radius:var(--r);background:var(--surface-2);cursor:pointer;transition:border-color .15s,background .15s}
.drop:hover,.drop.on{border-color:var(--accent);background:var(--accent-soft)}
.drop b{font-family:var(--disp);font-weight:600;color:var(--ink)}
.chk{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chk input{accent-color:var(--accent)}
.dtools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 12px}
.dtools input{flex:1 1 260px;min-width:0;border:1px solid var(--line);border-radius:var(--r-pill);padding:10px 16px;font:inherit;font-size:16px;background:var(--field);color:var(--ink);outline:none}
.dtools input:focus{border-color:var(--ink)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.dcard{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;border:2px solid transparent}
.dcard.sel{border-color:var(--accent)}
.dcard.wait{min-height:180px;align-items:center;justify-content:center}
.dcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in;background:var(--bg-2)}
.dpal{display:flex;height:16px}.dpal button{flex:1;border-radius:0}
.dbody{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.dact{display:flex;gap:6px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.fab{position:fixed;right:18px;bottom:166px;z-index:20;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--ink-fg);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;transition:transform .18s var(--ease)}
.fab:hover{transform:scale(1.06)}.fab.on{background:var(--accent)}
.fab svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8}
.pom{position:fixed;right:18px;bottom:224px;z-index:30;width:min(380px,calc(100vw - 32px));height:min(520px,calc(100dvh - 250px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 60px rgba(0,0,0,.22);display:none;flex-direction:column;overflow:hidden}
.pom.on{display:flex}
.pom .ph{display:flex;flex-direction:column;gap:2px;padding:14px 44px 10px 16px;border-bottom:1px solid var(--line-soft);position:relative}
.pom .ph b{font-family:var(--disp);color:var(--ink)}
.pom .px{position:absolute;top:8px;right:12px;font-size:26px;line-height:1;color:var(--dim)}
.pmsgs{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.pm{max-width:88%;padding:10px 12px;border-radius:14px;font-size:var(--fs-small);line-height:1.45;overflow-wrap:anywhere}
.pm.a{background:var(--surface-2);color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}
.pm.u{background:var(--ink);color:var(--ink-fg);align-self:flex-end;border-bottom-right-radius:4px}
.pm .pk{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pm .pk .btn{text-decoration:none}
.pchips{display:flex;gap:6px;overflow-x:auto;padding:6px 12px}.pchips .chip{white-space:nowrap;font-size:var(--fs-label)}
.pin{display:flex;gap:6px;padding:8px 10px 10px;border-top:1px solid var(--line-soft)}
.pin input{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--r-pill);padding:10px 14px;font:inherit;font-size:16px;background:var(--field);color:var(--ink);outline:none}
.tg .fab{bottom:246px;right:12px}.tg .pom{top:12px;bottom:84px;left:12px;right:12px;width:auto;height:auto;z-index:40}
@media (max-width:760px){.fab{bottom:246px;right:12px}.pom{top:12px;bottom:84px;left:12px;right:12px;width:auto;height:auto;z-index:40}.recepty{grid-auto-columns:minmax(180px,78vw)}}
.dbody p.small:first-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dbody p.dim{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body:not(:has(#composer)) .fab{bottom:24px}body:not(:has(#composer)) .pom{bottom:82px}
@media (max-width:760px){body:not(:has(#composer)) .fab{bottom:86px}}.tg body:not(:has(#composer)) .fab{bottom:86px}
.rec .rz{color:var(--ink);opacity:.75;font-size:var(--fs-label);line-height:1.3}

/* ---------- 28.10 · простой первый вход: лестница разделов ---------- */
.navmore{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;margin-top:6px;border-radius:12px;border:1px dashed var(--line);background:transparent;color:var(--muted);font:500 inherit;font-size:inherit;cursor:pointer;transition:border-color .18s,color .18s}
.navmore:hover{border-color:var(--ink);color:var(--ink)}
.navmore svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8}
.navmore .tag{margin-left:auto;font:500 11px/1 var(--mono);padding:4px 7px;border-radius:999px;background:var(--surface);color:var(--dim)}
.tabbar,.tg .tabbar{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
.tabbar button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--dim);background:none;border:0;padding:4px 0;font-family:inherit;cursor:pointer}
.tabbar button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mbox.more{width:min(460px,100%)}
.morelist{display:grid;gap:6px}
.morelist a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink);background:var(--surface-2,var(--bg));transition:background .15s}
.morelist a:hover{background:var(--accent-soft)}
.morelist svg{width:22px;height:22px;flex:none;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.morelist span{display:grid;gap:2px;min-width:0}.morelist small{color:var(--muted);font-size:var(--fs-small)}
.morelist em{margin-left:auto;font:500 11px/1 var(--mono);font-style:normal;color:var(--accent-text);white-space:nowrap}
.morelist a.is em{color:var(--dim)}
.hero.compact h1{font-size:clamp(1.6rem,3vw,2.2rem)}
.examples .more-ideas{border-style:solid;color:var(--ink)}
.chip.ghost{border-style:dashed;color:var(--dim)}
.invite{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:-6px 0 22px;padding:16px 18px;border-radius:var(--r);background:var(--accent-soft);color:var(--ink)}
.invite p{margin-top:4px;font-size:var(--fs-small);color:var(--muted);max-width:52ch}
.invite .ib{display:flex;gap:8px;flex-wrap:wrap}
.kgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:24px;align-items:start;max-width:980px}
.klist{margin-top:12px}.klist .chan .ico{background:var(--ink);font-size:13px}.klist .chan .btn{margin-left:auto}
.qsform .inrow{display:flex;gap:8px;align-items:center}.qsform .inrow input{flex:1}
select{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%}
@media (max-width:1100px){.kgrid{grid-template-columns:1fr;max-width:640px}}
@media (max-width:760px){.invite{margin-top:0}}

/* ---------- 28.10 · отчёт сети агентов: два числа, части балла, что беречь, противоречия ---------- */
.score .ring em{display:block;font:500 10px/1 var(--mono);font-style:normal;opacity:.6;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}
.score .rynok{margin-top:6px;font-size:var(--fs-small);color:var(--muted)}.score .rynok b{color:var(--ink);font-size:1.1em}
.score .chasti{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.score .chasti span{font-size:12px;padding:4px 9px;border-radius:999px;background:var(--surface-2,var(--bg));color:var(--muted)}.score .chasti span b{color:var(--ink)}.score .chasti span.low{background:var(--accent-soft);color:var(--accent-text)}
ul.good{margin:10px 0 0;padding-left:20px}ul.good li{margin:4px 0}
.fix .tagv{font:500 10px/1 var(--mono);text-transform:uppercase;padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);vertical-align:middle}.fix.second .tagv{background:var(--surface-2,var(--bg));color:var(--dim)}
.contra{margin-top:16px;padding:14px 16px;border-radius:var(--r);border:1px dashed var(--line)}.contra p{margin-top:8px}

/* ---------- 28.10 · живая карта команды: слои, передача находок, вопросы соседу ---------- */
.flow{position:relative;margin-top:6px;padding:8px 0 4px}
.flow-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.flow-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:34px;align-items:center}
.fcol{display:flex;flex-direction:column;gap:12px}
.fl{font:500 10.5px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);text-align:center;margin-bottom:2px}
.fnode{position:relative;display:grid;gap:2px;padding:11px 12px 10px 30px;border-radius:14px;background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow);transition:border-color .3s,background .3s,transform .3s}
.fnode b{font-size:13.5px;line-height:1.2;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.fnode small{font-size:11.5px;line-height:1.3;color:var(--dim)}
.fnode .fn{font:500 11px/1.3 var(--mono);color:var(--muted);margin-top:3px;min-height:1em}
.fnode i{position:absolute;left:11px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--line)}
.fnode[data-s="работает"]{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}
.fnode[data-s="работает"] i{background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:fnpulse 1.4s infinite}
.fnode[data-s="готово"] i{background:var(--ok)}.fnode[data-s="частично"] i{background:var(--warn)}.fnode[data-s="ошибка"] i{background:var(--bad)}
.fnode[data-s="ожидает"]{opacity:.62}
.fnode.blind::after{content:"вслепую";position:absolute;top:-8px;right:10px;font:500 9.5px/1 var(--mono);padding:3px 6px;border-radius:999px;background:var(--ink);color:var(--surface);letter-spacing:.04em}
@keyframes fnpulse{0%{box-shadow:0 0 0 0 rgba(232,66,15,.55)}70%{box-shadow:0 0 0 9px rgba(232,66,15,0)}100%{box-shadow:0 0 0 0 rgba(232,66,15,0)}}
.flow-svg .e{fill:none;stroke-width:1.6;transition:stroke .4s,opacity .4s}
.flow-svg .e.idle{stroke:var(--line);opacity:.55;stroke-dasharray:2 5}
.flow-svg .e.done{stroke:var(--ok);opacity:.45}
.flow-svg .e.flowing{stroke:var(--accent);opacity:.95;stroke-width:2;stroke-dasharray:6 9;animation:fedash .9s linear infinite}
.flow-svg .e.ask{stroke:#5B8CFF;stroke-width:1.8;stroke-dasharray:3 4;opacity:.95}
.flow-svg .ahd{fill:#5B8CFF}
@keyframes fedash{to{stroke-dashoffset:-30}}
@media (prefers-reduced-motion:reduce){.flow-svg .e.flowing{animation:none}.fnode[data-s="работает"] i{animation:none}}
.tfeed-wrap{margin-top:26px;max-width:860px}
.tfeed{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;max-height:420px;overflow:auto}
.tfeed li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:12px;background:var(--surface);animation:tfin .35s ease-out}
.tfeed li p{margin:3px 0 0;font-size:var(--fs-small);color:var(--text);line-height:1.45}
.tfeed li b{font-size:13px;color:var(--ink)}
.tfeed li.all{box-shadow:inset 3px 0 0 var(--accent)}.tfeed li.q{box-shadow:inset 3px 0 0 #5B8CFF}.tfeed li.err{box-shadow:inset 3px 0 0 var(--bad)}
.tfeed .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 var(--disp,inherit);color:#fff;background:var(--ink)}
.tfeed .av[data-sl="1"]{background:#C2410C}.tfeed .av[data-sl="2"]{background:#0E7C66}.tfeed .av[data-sl="3"]{background:#3B5BDB}.tfeed .av[data-sl="4"]{background:#8A5A00}.tfeed .av[data-sl="5"]{background:#7C3AED}.tfeed .av[data-sl="6"]{background:#BE185D}
@keyframes tfin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.flow-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;align-items:start}}
@media (max-width:640px){.flow-cols{grid-template-columns:1fr}.fcol{flex-direction:row;flex-wrap:wrap}.fcol .fl{width:100%;text-align:left}.fnode{flex:1 1 140px}}
.team-log summary{cursor:pointer;list-style:none}.team-log summary::-webkit-details-marker{display:none}.team-log .tfeed{max-height:none}

/* ---------- 28.10 · Партнёрам ---------- */
.ptgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px}
.ptlink{display:flex;gap:8px;margin-top:10px}.ptlink input{flex:1;min-width:0;font:500 13px/1 var(--mono);padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2,var(--bg));color:var(--ink)}
.ptqr{margin:14px 0 6px;width:148px;height:148px;padding:6px;background:#fff;border-radius:10px}.ptqr img,.ptqr canvas{width:136px!important;height:136px!important}
.ptnum{margin:10px 0 8px}.ptnum b{display:block;font:700 34px/1.1 var(--disp,inherit);color:var(--ink)}.ptnum small{color:var(--dim)}
.ptrow{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:var(--fs-small)}.ptrow b{color:var(--ink);font-family:var(--mono);font-weight:500}
.ptlist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.ptlist li{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-small)}.ptlist li small{color:var(--dim);white-space:nowrap}
@media (max-width:760px){.ptgrid{grid-template-columns:1fr}}
.ptgrid>*{min-width:0}.ptgrid a,.ptgrid p{overflow-wrap:anywhere}
.ptrules{margin:10px 0 0;padding-left:20px;display:grid;gap:8px;font-size:var(--fs-small);line-height:1.5}

/* 28.10 · по образцу Plumar One: отзыв под результатом, три вопроса рекламы, риск видео */
.fb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}
.fbpanel{flex-basis:100%;display:flex;flex-direction:column;gap:8px;margin-top:6px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2)}
.fbpanel input{width:100%;border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 14px;font:inherit;font-size:16px;background:var(--field);color:var(--ink);outline:none}
.rqbox{display:flex;flex-direction:column;gap:10px;margin:10px 0 4px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2)}
.rq label{display:block;font-size:var(--fs-small);color:var(--muted);margin-bottom:6px}
.rq .chips{display:flex;gap:6px;flex-wrap:wrap}
.vrisk{margin-top:10px;font-size:var(--fs-small)}
.ok-box{padding:10px 12px;border-radius:var(--r-sm);background:var(--ok-soft);color:var(--ink);font-size:var(--fs-small)}

/* ---------- 30.10 · переделка под телефон: шапка, поле, лист, вкладки ---------- */
:root{--nav-h:60px;--sab:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px));--sat:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--on-accent:var(--accent-ink)}
svg.ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mhead{display:none}
.composer .box{padding:6px 8px 8px}
.composer textarea{min-height:48px;padding:12px 10px 4px;font-size:16px}
.cmp-act{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 0 0 2px}
.cmp-act .sp{flex:1}
.cmp-mode{display:none;align-items:center;gap:8px;height:44px;max-width:56%;padding:0 14px 0 12px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);font-weight:500;font-size:15px;white-space:nowrap}
.cmp-mode span{overflow:hidden;text-overflow:ellipsis}
.cmp-mode svg.ic{width:18px;height:18px;color:var(--muted)}
.cmp-mic{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface-2);color:var(--ink);flex:none;transition:background .15s}
.cmp-mic svg.ic{width:20px;height:20px}
.composer:not(.has) .cmp-act .cmp-mic{width:48px;height:48px;background:var(--accent);color:var(--accent-ink)}
.cmp-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-weight:600;font-size:15px;white-space:nowrap;flex:none}
.cmp-go small{font:500 13px var(--mono);font-variant-numeric:tabular-nums}
.composer:not(.has) .cmp-go{display:none}
.cmp-go:disabled{opacity:.6}
.cmp-warn{display:none;align-items:center;gap:8px;margin:2px 4px 6px;padding:9px 12px;border-radius:14px;background:var(--accent-soft);color:var(--ink);font-size:14px;line-height:1.3}
.cmp-warn svg.ic{width:18px;height:18px;color:var(--accent-text)}
.composer.low.has .cmp-warn{display:flex}
.cmp-warn a{margin-left:auto;font-weight:600;color:var(--ink);text-decoration:underline;white-space:nowrap}
.cmp-rec{display:none;align-items:center;gap:10px;min-height:56px;padding:2px}
.cmp-rec .t{font:500 15px var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;min-width:40px}
.cmp-wave{flex:1;display:flex;align-items:center;gap:3px;height:36px;min-width:0}
.cmp-wave i{flex:1;max-width:4px;border-radius:2px;background:var(--accent);height:30%;animation:cmpw 1s ease-in-out infinite}
.cmp-wave i:nth-child(3n){animation-delay:-.3s}.cmp-wave i:nth-child(3n+1){animation-delay:-.6s}.cmp-wave i:nth-child(5n){animation-duration:.7s}
@keyframes cmpw{0%,100%{height:18%}50%{height:90%}}
.cmp-stop{width:48px;height:48px;border-radius:50%;background:var(--accent);display:grid;place-items:center;animation:pulse 1.2s infinite;flex:none}
.cmp-stop i{width:16px;height:16px;border-radius:4px;background:#fff;display:block}
.cmp-hint{display:none;margin:0 8px 2px;font-size:13px;color:var(--dim)}
.composer.rec-on .cmp-rec,.composer.rec-on .cmp-hint{display:flex}.composer.rec-on .cmp-hint{display:block}
.composer.rec-on textarea,.composer.rec-on .cmp-act,.composer.rec-on .cmp-warn{display:none!important}
@media (prefers-reduced-motion:reduce){.cmp-wave i,.cmp-stop{animation:none}}

/* примеры — строки, не кнопки */
.examples{display:flex;flex-direction:column;gap:0;margin-top:20px;max-width:620px}
.examples .caps{padding-bottom:6px}
.examples button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 2px;border:0;border-top:1px solid var(--line-soft);border-radius:0;background:transparent;color:var(--text);font-size:var(--fs-text);text-align:left}
.examples button:hover{background:transparent;color:var(--ink)}
.examples button span{flex:1;min-width:0}
.examples button svg.ic{width:18px;height:18px;color:var(--dim);transition:transform .2s var(--ease)}
.examples .more-ideas{color:var(--ink);font-weight:600;border-style:solid}
.examples .more-ideas em{font:500 12px var(--mono);font-style:normal;color:var(--dim)}
.examples .more-ideas[aria-expanded="true"] svg.ic{transform:rotate(90deg)}

/* нижний лист (на компьютере — карточка по центру) */
.bs{position:fixed;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center}
.bs-scrim{position:absolute;inset:0;background:rgba(10,12,20,.45);animation:bsf .2s ease both}
.bs-panel{position:relative;width:min(560px,100%);max-height:92dvh;overflow:auto;overscroll-behavior:contain;background:var(--surface);border-radius:26px 26px 0 0;padding:8px 16px calc(18px + var(--sab));box-shadow:0 -12px 40px rgba(0,0,0,.25);animation:bsu .26s var(--ease) both}
.bs.out .bs-panel{animation:bsd .18s ease both}.bs.out .bs-scrim{animation:bsf .18s ease reverse both}
@keyframes bsu{from{transform:translateY(100%)}}@keyframes bsd{to{transform:translateY(100%)}}@keyframes bsf{from{opacity:0}}
.bs-grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 4px}
.bs-head{display:flex;align-items:center;justify-content:space-between;min-height:48px}
.bs-head h3{font:600 20px/1.15 var(--disp);letter-spacing:-.02em}
.bs-x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--muted);margin-right:-8px}
.bs-lab{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:14px 0 8px}
.bs-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.bs-tile{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:60px;padding:8px 12px;border-radius:16px;background:var(--surface-2);text-align:left;color:var(--ink);font-weight:500;font-size:15px;line-height:1.2;overflow-wrap:normal;word-break:normal}
.bs-tile small{font:500 12px var(--mono);color:var(--dim)}
.bs-tile.on{background:var(--ink);color:var(--ink-fg)}.bs-tile.on small{color:inherit;opacity:.7}
.bs-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border-radius:16px;background:var(--surface-2);gap:4px}
.bs-seg button{min-height:44px;border-radius:12px;font-weight:500;color:var(--muted)}
.bs-seg button.on{background:var(--field);color:var(--ink);box-shadow:0 1px 2px rgba(21,25,42,.12);font-weight:600}
.bs-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 4px;width:100%;text-align:left;color:inherit;text-decoration:none}
.bs-row .av{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#FFB38A,var(--accent));color:#15192A;display:grid;place-items:center;font:700 14px var(--disp);flex:none}
.bs-row .tx{flex:1;min-width:0;line-height:1.25}.bs-row .tx b{display:block;color:var(--ink);font-weight:600}.bs-row .tx small{color:var(--muted);font-size:13px}
.bs-row svg.ic{width:18px;height:18px;color:var(--dim)}
.bs-sw{width:52px;height:32px;border-radius:16px;background:var(--line);position:relative;flex:none;transition:background .2s}
.bs-sw::after{content:"";position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .2s var(--ease)}
.bs-sw.on{background:var(--ok)}.bs-sw.on::after{left:23px}
.bs-sum{margin:14px 0 10px;padding:12px 14px;border-radius:16px;background:var(--surface-2);font-size:15px;color:var(--ink);line-height:1.35}
.bs-sum.low{background:var(--accent-soft)}
.bs-done{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border-radius:var(--r-pill);background:var(--ink);color:var(--ink-fg);font-weight:600;font-size:16px}
.bs-lang{display:grid;gap:8px;margin-top:6px}
.bs-lang button{min-height:56px;border-radius:16px;background:var(--surface-2);color:var(--ink);font-weight:600;font-size:17px;text-align:left;padding:0 16px;display:flex;align-items:center;justify-content:space-between}
.bs-lang button.on{background:var(--ink);color:var(--ink-fg)}
.bs-lang button small{font-weight:400;font-size:13px;opacity:.7}
.bs-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:6px;color:var(--muted);font-size:15px}
.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--sab) + 130px);transform:translateX(-50%);background:var(--ink);color:var(--ink-fg);padding:12px 18px;border-radius:14px;z-index:99;max-width:90vw;font-size:15px;box-shadow:var(--shadow);opacity:0;transition:opacity .25s;pointer-events:none}

@media (min-width:901px){.bs{align-items:center}.bs-panel{border-radius:22px;padding-bottom:20px}.bs-grab{display:none}}

/* ---------- только телефон (ширина до 900 px или Telegram) ---------- */
.mob .rail{display:none}.mob .shell{grid-template-columns:1fr}
.mob .only-desk{display:none}
.mob .mhead{display:flex;align-items:center;gap:4px;position:sticky;top:0;z-index:8;height:calc(56px + var(--sat));padding:var(--sat) 8px 0 16px;background:var(--bg)}
.mh-proj{display:flex;align-items:center;gap:10px;min-height:44px;padding-right:8px;min-width:0;color:var(--ink);font-weight:600;text-decoration:none}
.mh-proj .av{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#FFB38A,var(--accent));color:#15192A;display:grid;place-items:center;font:700 14px var(--disp);flex:none}
.mh-proj .av.logo{background:var(--ink);position:relative}.mh-proj .av.logo::after{content:"";position:absolute;left:10px;top:10px;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.mh-proj .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw;font-family:var(--disp);letter-spacing:-.02em}
.mhead .sp{flex:1}
.mh-cr{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font:500 14px var(--mono);font-variant-numeric:tabular-nums;text-decoration:none;margin-right:2px;white-space:nowrap}
.mh-cr.low{color:var(--ink);background:var(--accent-soft)}
.mh-help{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.mob .fab{display:none}
.mob .main{padding:6px 16px calc(var(--nav-h) + var(--sab) + 28px)}
.mob:has(#composer) .main{padding-bottom:calc(var(--nav-h) + var(--sab) + var(--cmp-h,120px) + 28px)}
.mob .topbar{margin:8px 0 18px}
.mob .topbar .crumbs>span{display:none}
.mob .topbar{margin:6px 0 10px}
.mob .topbar .crumbs b{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.mob h2{font-size:clamp(1.5rem,6.6vw,1.9rem)}
.mob h3{font-size:1.3rem}
.mob .hero{margin:6px 0 0}
.mob .hero h1{font-size:clamp(2.1rem,10vw,2.7rem);line-height:1}
.mob .hero p{font-size:1.0625rem;margin-top:12px;max-width:32ch}
.mob .hero.compact h1{font-size:clamp(1.7rem,7.5vw,2.1rem)}
.mob .tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:10;height:calc(var(--nav-h) + var(--sab));padding:0 0 var(--sab);background:var(--surface);border-top:1px solid var(--line-soft)}
.mob .tabbar a,.mob .tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:0;font-size:12px;font-weight:500;color:var(--dim);text-decoration:none;line-height:1.1;font-family:inherit}
.mob .tabbar .pl{display:grid;place-items:center;width:52px;height:28px;border-radius:14px;transition:background .2s}
.mob .tabbar svg{width:22px;height:22px}
.mob .tabbar a.on{color:var(--ink)}.mob .tabbar a.on .pl{background:var(--accent-soft);color:var(--accent-text)}
.mob .tabbar span.lb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.mob .composer{left:0;right:0;max-width:none;bottom:calc(var(--nav-h) + var(--sab));padding:0 12px 8px}
.mob .cmp-mode{display:inline-flex}.mob .composer #tips{display:none}
.mob.kb-open .tabbar{display:none}
.mob.kb-open .composer{bottom:var(--kb,0px)}
.mob.kb-open .toast{bottom:calc(var(--kb,0px) + 130px)}
.mob .stilpill{margin:4px 0 2px 6px}
.mob .pom{left:0;right:0;bottom:var(--kb,0px);top:auto;width:auto;height:min(82dvh,calc(100dvh - var(--kb,0px) - 24px));border-radius:26px 26px 0 0;border-width:1px 0 0;z-index:96}
.mob .pom .ph{padding-top:16px}
.mob .pom .px{top:8px;right:8px;width:44px;height:44px;font-size:28px}
.mob .pin input{min-height:44px}
.mob .pchips .chip{min-height:36px;display:inline-flex;align-items:center}
@media (max-width:900px){.mob .feed{max-width:none}}

/* карточка результата на телефоне */
.mob .main{overflow-x:hidden}
.mob .sheet{padding:16px;border-radius:20px;box-shadow:none;border:1px solid var(--line-soft)}
.mob .sheet .head .kind{color:var(--ink)}
.mob .feed{gap:14px;margin:0 -4px}
.mob .posttext{font-size:1rem;line-height:1.55}
.mob .actions{gap:8px;margin-top:14px;padding-top:12px}
.mob .actions .btn{min-height:48px;flex:1}
.mob .actions .aimark{flex-basis:100%;margin:2px 0 0!important}
.mob .fb{gap:8px}
.mob .fb .btn{min-height:44px}
.mob .fbpanel input{min-height:44px}
.mob .chip{min-height:40px;display:inline-flex;align-items:center}
.mob .btn.sm{min-height:44px}
.mob .invite{margin:0 0 14px}
.mob .invite .ib{width:100%}.mob .invite .ib .btn{flex:1;min-height:44px}
.mob .modal{align-items:flex-end;padding:0}
.mob .mbox{width:100%!important;border-radius:26px 26px 0 0;max-height:92dvh;padding:20px 16px calc(20px + var(--sab))}
.mob .mbox .mx{top:6px;right:6px;width:44px;height:44px}
.mob .recepty{grid-auto-columns:minmax(220px,80vw)}
.mob .card,.mob .tier{border-radius:20px}
.mob .tiers{grid-template-columns:1fr}
.mob input:not([type=checkbox]):not([type=radio]),.mob textarea,.mob select{font-size:16px}
@media (max-width:379px){.cmp-go .du{display:none}.cmp-go{padding:0 14px}.cmp-mode{padding:0 12px 0 10px}}
.mh-cr{position:relative}.mh-cr::after{content:"";position:absolute;inset:-4px -2px}
.composer:not(.has) .cmp-act .cmp-mic{color:var(--accent-ink)}
.mob .grid3{grid-template-columns:1fr;gap:12px}
.mob .trend .cover{aspect-ratio:16/8;padding:14px}
.mob .trend .body .btn{align-self:stretch}
.mob .icobtn{width:44px;height:44px}
.mob .chip{min-height:44px}
.mob .pill{min-height:44px;display:inline-flex;align-items:center}
.mob .btn.sm{min-height:44px}
.mob details.more summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:6px;border-top:1px solid var(--line-soft);color:var(--ink);font-weight:500;font-size:var(--fs-text)}
.mob details.more summary::before{content:none}
.mob details.more summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
.mob details.more[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.cmp-act{flex-wrap:wrap;row-gap:4px}
.cmp-mode{flex:0 1 auto;min-width:44px}
.cmp-mode span{min-width:0}
.cmp-act .sp{min-width:0}
.mob .pin{padding-bottom:calc(10px + var(--sab))}
.mob .pchips{scrollbar-width:none}.mob .pchips::-webkit-scrollbar{display:none}

/* первый вход: выбор языка */
.lf{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:calc(24px + var(--sat)) 20px calc(24px + var(--sab))}
.lf-in{width:min(420px,100%);display:flex;flex-direction:column;gap:28px}
.lf .logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:1.35rem;letter-spacing:-.03em;color:var(--ink);padding:0}
.lf h1{font-size:clamp(2rem,9vw,2.6rem);font-weight:600;line-height:1}
.lf-btns{display:grid;gap:10px}
.lf-btns button{min-height:68px;border-radius:20px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:600 1.25rem var(--disp);letter-spacing:-.01em;text-align:left;padding:0 22px;transition:background .15s,border-color .15s}
.lf-btns button:hover,.lf-btns button:active{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}
.lf-open{overflow:hidden}

.bs.out{pointer-events:none}
html:has(.bs:not(.out)),html.lf-open{overflow:hidden}

/* 30.10 мобильная типографика; 31.10 (P1-7): фирменные шрифты Geologica/Onest/JetBrains Mono вернулись во весь кабинет, переопределений на системный шрифт больше нет */
body{font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","calt"}
h1,h2,h3{letter-spacing:-.02em;line-height:1.1}
h1{font-weight:700;letter-spacing:-.02em}
.hero h1{font-weight:700;line-height:1;letter-spacing:-.045em}
.caps,.bs-lab,.sheet .head .kind{font-weight:600;letter-spacing:.04em}
.mob .topbar .crumbs b{font-weight:600;letter-spacing:.04em}
.cmp-go small,.bs-tile small,.mh-cr,.cmp-rec .t,.mob .tabbar .lb{font-variant-numeric:tabular-nums}
.cmp-go small{font-weight:600;opacity:.8}
.bs-tile small{font-weight:500}
.mh-cr{font-weight:600}
.mob .tabbar a,.mob .tabbar button{font-weight:500;letter-spacing:-.005em}
.lf-btns button{font-weight:600;letter-spacing:-.02em}

/* 30.10 · типографика по образцу: очень жирный плотный заголовок, лёгкий тёмный текст под ним, штрих-подчёркивание акцентом */
h1,.hero h1{font-weight:700;letter-spacing:-.025em;line-height:1.05}
h2{font-weight:700;letter-spacing:-.025em}
.hero h1 em{position:relative;display:inline-block}
.hero h1 em::after{content:"";position:absolute;left:2%;right:0;bottom:-.1em;height:.2em;background:currentColor;opacity:.95;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13C38 6 74 5 108 8c14 1 4 6 8 7 20 2 45 0 82-3' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13C38 6 74 5 108 8c14 1 4 6 8 7 20 2 45 0 82-3' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.hero p{color:var(--ink);font-weight:400;letter-spacing:0;line-height:1.4}
.mob .hero h1{font-size:clamp(2.4rem,12.2vw,3.2rem)}
.mob .hero p{font-size:1.1875rem;max-width:30ch;margin-top:18px}
.mob .hero.compact h1{font-size:clamp(1.8rem,8vw,2.2rem)}
.hero.compact h1 em::after{display:none}
.btn,.cmp-go,.bs-done{font-weight:600;letter-spacing:-.012em}
.examples button{font-weight:400;letter-spacing:-.01em}
.examples .more-ideas{font-weight:600}

/* вход с компьютера: код сверки под QR (P1-2, 31.10) */
.login-sverka{display:flex;align-items:baseline;gap:12px;margin-top:12px}
.login-sverka b{font-size:1.6rem;letter-spacing:.12em;color:var(--ink);font-weight:500}

/* ---------- 31.10 · четвёртый заход (замечания снаружи): кнопки-ссылки, формы, «скоро», скелетон, вход ---------- */
a.btn,.btn{text-decoration:none}
input[type=checkbox],input[type=radio]{accent-color:var(--accent)}
select{-webkit-appearance:none;appearance:none;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E6474' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
:root[data-theme="dark"] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
select::-ms-expand{display:none}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* «Скоро» — нейтральная плашка; жёлтый --warn остаётся только для предупреждений */
.skoro{margin-top:14px;padding:10px 14px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--muted);font-size:var(--fs-small);border:1px solid var(--line-soft)}
.skoro b{color:var(--ink)}
/* скелетон Кабинета: пока профиль не пришёл, экран не пустой */
.skel{display:grid;gap:12px;min-height:120px}
.skel i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--surface-2),var(--line-soft),var(--surface-2));background-size:200% 100%;animation:skel 1.2s linear infinite}
.skel i.w60{width:60%}
@keyframes skel{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skel i{animation:none}}
/* Пополнить: пакет, выбранный в «Тарифах» */
#popolnit.podsvet{box-shadow:0 0 0 2px var(--accent)}
/* вход: три шага под QR */
.login-shagi{margin:14px 0 8px;padding-left:20px;display:grid;gap:6px;font-size:var(--fs-small);color:var(--text)}
.login-shagi a{color:var(--ink)}
.login-cifry{font-size:1.15rem;letter-spacing:.12em;color:var(--ink);font-weight:500}
/* таббар: раздел из «Ещё» подсвечивает «Ещё» */
.mob .tabbar button.on{color:var(--ink)}.mob .tabbar button.on .pl{background:var(--accent-soft);color:var(--accent-text)}
/* шапка телефона: место под кнопку темы */
.mh-proj .n{max-width:34vw}
.bs-panel{scrollbar-width:thin}
/* оплата: кошельки, «Купить», счета (01.11) */
.koshelki{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}
.kosh{display:grid;grid-template-columns:110px 56px 1fr;gap:10px;align-items:baseline;font-size:var(--fs-small)}.kosh span{color:var(--muted)}.kosh b{color:var(--ink);font-weight:500;text-align:right}.kosh small{font-size:12px}
.kupit-pod{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--accent-soft)}.kupit-pod.on{background:var(--ok-soft)}.kupit-pod p{margin-top:2px;max-width:40ch}
.summa{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.summa input{width:170px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--ink);font:inherit}.summa small{font-size:12px}
.schet{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line-soft)}.schet:last-of-type{border-bottom:0}.schet b.mono{font-weight:500;cursor:copy}.schet .st{margin-left:10px;font-size:12px;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.schet.oplachen .st{background:var(--ok-soft);color:var(--ok)}.schet.vystavlen .st{background:var(--accent-soft);color:var(--accent-text)}.schet.istyok .st,.schet.otmenyon .st{opacity:.6}
.schet .sr{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.schet .sr b{font-size:1.05rem;color:var(--ink);font-weight:500}
.rekv{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:var(--fs-small);color:var(--muted)}.rekv b{color:var(--ink);font-weight:500;cursor:copy}
.invite.den{background:var(--ink);color:var(--ink-fg)}.invite.den p{color:rgba(255,255,255,.72)}

/* ======================================================================
   01.11 · редизайн «Тёплый вечер в Алматы»: подпись-свечение, живые кадры,
   иерархия, воздух, плитки кошельков и пакетов. Переопределяет правила выше. */

/* --- подпись: тёплый свет в углах экрана --- */
body{position:relative;background:var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(900px 560px at 14% -10%,var(--glow-2),transparent 62%),radial-gradient(760px 520px at 96% 108%,var(--glow-1),transparent 62%)}
.shell,.mhead,.tabbar{position:relative;z-index:1}
.shell{position:relative}
.mob .mhead{background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.mob .tabbar{background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
:root[data-theme="dark"] .mob .tabbar{background:color-mix(in srgb,var(--bg) 90%,transparent)}

/* --- типографика --- */
body{font-size:var(--fs-text);line-height:1.5}
.mob{--fs-text:1rem;--fs-lead:1.125rem}
h1,h2,h3{color:var(--ink)}
h2{font-size:clamp(1.75rem,1.3rem + 2vw,2.6rem);line-height:1.08}
h3{font-size:var(--fs-title);font-weight:700;letter-spacing:-.02em}
.caps{font:600 var(--fs-label)/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)}.dim{color:var(--dim)}
p{color:var(--text)}
.topbar{margin:0 0 28px;min-height:44px}
.topbar .crumbs{font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);gap:10px}
.topbar .crumbs b{font:inherit;color:var(--ink);letter-spacing:.08em}
.topbar:not(.only-desk) .crumbs>span{display:none}
.topbar:not(.only-desk):not(:has(+ * > section > h2)):not(:has(+ section > h2)) .crumbs b{font:700 clamp(1.75rem,1.3rem + 1.6vw,2.4rem)/1.05 var(--disp);letter-spacing:-.025em;text-transform:none}
.topbar:has(+ * > section > h2) .crumbs>span,.topbar:has(+ section > h2) .crumbs>span{display:inline}
.mob .topbar{margin:8px 0 16px}
.mob .topbar .crumbs b{font:700 1.75rem/1.05 var(--disp);letter-spacing:-.025em;text-transform:none;color:var(--ink)}

/* --- каркас: панель слева и шапка --- */
.rail{background:transparent;border-right:1px solid var(--line-soft);padding:24px 18px;gap:8px}
.logo{padding:4px 10px 22px;font-size:1.4rem}
.logo .mark{width:30px;height:30px;border-radius:10px;box-shadow:0 6px 16px -8px rgba(21,25,42,.5)}
.logo .mark::after{left:9px;top:9px}
.nav a{padding:11px 12px;border-radius:14px;color:var(--muted);font-weight:500;gap:12px}
.nav a svg{width:21px;height:21px;color:var(--dim);transition:color .18s}
.nav a:hover{background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink)}
.nav a:hover svg{color:var(--ink)}
.nav a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border:1px solid var(--line-soft);padding:10px 11px}
.nav a.on svg{color:var(--accent)}
.navmore{border-radius:14px;border-color:var(--line);color:var(--muted)}
.credits{padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow)}
.credits .caps{color:var(--dim)}
.credits b{font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.credits .bar{height:5px;border-radius:3px;margin-top:10px}.credits .bar i{background:var(--accent)}
.acct{padding:8px 10px}
.acct .ava{width:34px;height:34px;box-shadow:0 6px 14px -6px rgba(232,66,15,.6)}
.acct small{color:var(--dim)}
.main{padding:30px clamp(20px,4.5vw,64px) 210px}
.pill{background:var(--surface);border-color:var(--line-soft);color:var(--muted);padding:9px 14px}
.pill.on{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}

/* --- кнопки --- */
.btn{padding:13px 22px;font-weight:600;letter-spacing:-.01em;transition:transform .18s var(--ease),background .18s,box-shadow .18s}
.btn.accent{box-shadow:0 10px 24px -12px color-mix(in srgb,var(--accent) 80%,transparent)}
.btn.accent:hover{box-shadow:0 14px 28px -12px color-mix(in srgb,var(--accent) 90%,transparent)}
.btn.quiet{background:var(--surface-2);border:1px solid var(--line-soft)}
.btn.ghost{border-color:var(--line)}
.btn.sm{padding:9px 16px}
.icobtn{background:var(--surface-2);border:1px solid var(--line-soft)}
.icobtn.go,.icobtn.zapis{border:0}
.chip{background:var(--surface-2);border:1px solid transparent;color:var(--muted)}
.chip:hover{background:var(--surface);border-color:var(--line);color:var(--ink)}
.chip.on{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}

/* --- «Создать»: первый экран с тремя живыми кадрами --- */
.hero{margin:4vh 0 36px;max-width:none}
.hero.first{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,30vw,420px);grid-template-rows:auto auto auto;column-gap:clamp(28px,5vw,80px);row-gap:0;align-items:start;align-content:start;max-width:1180px}
.hero.first>*{grid-column:1}
.hero.first h1{max-width:12ch}
.hero.first p{max-width:34ch}
.hero h1{font-weight:700;line-height:.98;letter-spacing:-.04em}
.hero p{font-size:var(--fs-lead);color:var(--text);margin-top:18px}
.hero .examples{margin-top:28px}
.hero .demo{grid-column:2;grid-row:1/span 3;position:relative;aspect-ratio:1/1;min-height:0;align-self:center;margin-top:-4vh}
.hero .demo img{position:absolute;left:50%;top:50%;width:52%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-lift);border:3px solid var(--surface);
  transform:translate(-50%,-50%) rotate(var(--rot)) translateX(var(--dx));animation:demo-in .9s var(--ease) both}
.hero .demo img:nth-child(1){--rot:-9deg;--dx:-58%;animation-delay:.05s;z-index:1}
.hero .demo img:nth-child(2){--rot:1deg;--dx:0;animation-delay:.18s;z-index:3;width:56%}
.hero .demo img:nth-child(3){--rot:9deg;--dx:58%;animation-delay:.3s;z-index:2}
@keyframes demo-in{from{opacity:0;transform:translate(-50%,-38%) rotate(0deg) translateX(0)}}
@media (prefers-reduced-motion:reduce){.hero .demo img{animation:none}}
.examples{max-width:640px}
.examples .caps{color:var(--dim);padding-bottom:8px}
.examples button{min-height:54px;padding:10px 4px;border-top:1px solid var(--line-soft);color:var(--text);font-size:var(--fs-text);transition:color .15s,padding .2s var(--ease)}
.examples button:hover{color:var(--ink);padding-left:8px}
.examples button:hover svg.ic{color:var(--accent);transform:translateX(2px)}
.examples .more-ideas{color:var(--ink)}
.examples .more-ideas[aria-expanded="true"] svg.ic{transform:rotate(90deg)}
.hero.compact{margin:2vh 0 26px}
.hero.compact h1{font-size:clamp(1.7rem,3vw,2.3rem)}
.recwrap{margin:0 0 34px}
.rec{border-radius:18px;border-color:var(--line-soft);background:var(--surface)}
.rec:hover{border-color:var(--line);box-shadow:var(--shadow-lift)}

/* поле задания */
.composer .box{border-radius:var(--r-field);border:1px solid var(--line);box-shadow:var(--shadow-lift);background:var(--surface);padding:8px 10px 10px}
:root[data-theme="dark"] .composer .box{background:var(--surface-2);border-color:var(--line)}
.composer .box:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent),var(--shadow-lift)}
.composer textarea{font-size:var(--fs-lead);padding:12px 12px 6px}
.cmp-mode{background:var(--surface-2);border:1px solid var(--line-soft)}
:root[data-theme="dark"] .cmp-mode{background:var(--field)}
.cmp-mic{background:var(--surface-2);border:1px solid var(--line-soft)}
:root[data-theme="dark"] .cmp-mic{background:var(--field)}
.composer:not(.has) .cmp-act .cmp-mic{border:0;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--accent) 90%,transparent)}
.cmp-go{box-shadow:0 10px 24px -10px color-mix(in srgb,var(--accent) 90%,transparent)}

/* --- лист результата --- */
.feed{gap:28px}
.sheet{border:1px solid var(--line-soft);border-radius:var(--r);padding:28px clamp(20px,3vw,34px) 26px;box-shadow:var(--shadow)}
.sheet .head{margin-bottom:16px}
.sheet .head .kind{font:600 11px/1 var(--mono);letter-spacing:.08em;padding:7px 11px;background:var(--ink);color:var(--ink-fg)}
.sheet .head .meta{font-size:12px;color:var(--dim);letter-spacing:.04em}
.sheet .q{font:600 clamp(1.15rem,1rem + .7vw,1.45rem)/1.25 var(--disp);letter-spacing:-.02em;margin-bottom:22px;max-width:40ch}
.imgs.three{gap:14px;margin-top:10px}
.img{border-radius:16px;box-shadow:var(--shadow);background:var(--surface-2)}
.img .cap{color:#fff;font-weight:500;font-size:13px;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(10,12,20,.62))}
.img .cap:empty{display:none}
.img img{transition:transform .5s var(--ease)}
.img:hover img{transform:scale(1.025)}
.sheet .caps.rv{margin-top:18px!important}
.hooks{gap:8px;margin:22px 0 20px}
.hooks button{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line-soft);font-weight:500;line-height:1.35;transition:border-color .15s,background .15s}
.hooks button::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);transition:background .15s,border-color .15s}
.hooks button:hover{background:var(--surface);border-color:var(--line)}
.hooks button.on{background:var(--surface);border-color:var(--ink);color:var(--ink)}
.hooks button.on::before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3.5px var(--surface)}
:root[data-theme="dark"] .hooks button.on{border-color:var(--accent-text)}
.posttext{font-size:var(--fs-text);line-height:1.65;max-width:62ch;color:var(--text)}
.tags{margin-top:16px}.tags span{background:var(--surface-2);color:var(--muted);border-radius:8px;padding:5px 9px}
.kv{margin-top:18px}.kv dt{color:var(--dim)}
details.more summary{color:var(--muted);font-weight:500}
.tgwrap{border-radius:16px;background:#E3ECF4}
:root[data-theme="dark"] .tgwrap{background:#0E1621}
.actions{margin-top:22px;padding-top:16px}
.fb{margin-top:16px;padding-top:14px}
.warn{border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}
.working{color:var(--muted)}
.sheet .working .agents span{background:var(--surface-2);color:var(--muted)}
.sheet .working .agents span.on{background:var(--accent-soft);color:var(--accent-text)}

/* приглашения после результата */
.invite{border-radius:var(--r);padding:20px 22px;background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow)}
.invite b{font-family:var(--disp);font-size:1.15rem;letter-spacing:-.015em;color:var(--ink)}
.invite p{color:var(--muted)}
.invite.den{position:relative;overflow:hidden;border:0;background:var(--ink);color:var(--ink-fg)}
.invite.den::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 260px at 0% 0%,rgba(242,170,61,.35),transparent 60%),radial-gradient(420px 240px at 100% 120%,rgba(255,90,44,.45),transparent 60%)}
.invite.den>*{position:relative}
.invite.den b{color:var(--ink-fg)}.invite.den p{color:color-mix(in srgb,var(--ink-fg) 78%,transparent)}
.invite.den .btn.quiet{background:color-mix(in srgb,var(--ink-fg) 12%,transparent);color:var(--ink-fg);border-color:transparent}

/* --- карточки --- */
.card{border:1px solid var(--line-soft);border-radius:var(--r);padding:24px 26px;box-shadow:var(--shadow)}
.card>.caps:first-child{display:block;margin-bottom:12px}
.card textarea,.card input{border-radius:var(--r-sm);padding:13px 15px;font-size:var(--fs-text)}
.card textarea:focus,.card input:focus{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}
.field label{color:var(--muted)}
.two{gap:22px}
.skoro{border-radius:var(--r-sm)}
.tier{border:1px solid var(--line-soft);border-radius:var(--r)}
.tier.hot{border-color:var(--ink)}

/* --- Кабинет: баланс, кошельки, покупка, счета --- */
#kab .card h3{font-size:1.5rem}
.balans{display:flex;align-items:baseline;gap:12px;margin-top:20px}
.balans b{font:700 clamp(2.6rem,2rem + 2vw,3.6rem)/1 var(--disp);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.balans span{font-size:var(--fs-lead)}
.koshelki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:0;border-top:0}
.kosh{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:14px 14px 12px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-soft);font-size:var(--fs-small);min-width:0}
.kosh span{order:1;font:600 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.kosh b{order:2;font:600 1.5rem/1.1 var(--disp);letter-spacing:-.03em;color:var(--ink);text-align:left;margin-top:6px;font-variant-numeric:tabular-nums}
.kosh small{order:3;font-size:12px;line-height:1.35;color:var(--muted);margin-top:4px}
.kosh:nth-child(1) b{color:var(--accent-text)}
#kab .card p.small.dim{margin-top:14px}
.kupit-pod{position:relative;overflow:hidden;margin-top:0;padding:20px 22px;border-radius:18px;background:var(--ink);color:var(--ink-fg);gap:16px}
.kupit-pod::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(460px 240px at 0% 0%,rgba(242,170,61,.32),transparent 60%),radial-gradient(380px 220px at 100% 130%,rgba(255,90,44,.42),transparent 60%)}
.kupit-pod>*{position:relative}
.kupit-pod b{font:700 1.25rem/1.15 var(--disp);letter-spacing:-.02em;color:var(--ink-fg)}
.kupit-pod p.small.muted{color:color-mix(in srgb,var(--ink-fg) 78%,transparent);margin-top:6px}
.kupit-pod.on{background:var(--ink)}
.kupit-pod .btn{flex:none}
#popolnit .caps[style]{margin-top:22px!important}
.pakety{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.pakety .chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:72px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-soft);color:var(--ink);font-weight:600;font-size:.9375rem;line-height:1.25;letter-spacing:-.01em;text-align:left;white-space:normal;font-variant-numeric:tabular-nums}
.pakety .chip small{font:500 12px/1.3 var(--mono);color:var(--dim)}
.pakety .chip:hover{border-color:var(--ink);background:var(--surface);transform:translateY(-1px)}
.pakety .chip.on{background:var(--ink);color:var(--ink-fg);border-color:var(--ink)}
.pakety .chip.on small{color:color-mix(in srgb,var(--ink-fg) 70%,transparent)}
.summa{margin-top:12px;gap:10px}
.summa input{width:190px;min-height:46px;border-radius:var(--r-sm);padding:10px 14px;font-size:1rem}
.summa input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}
.summa .btn.sm{min-height:46px}
.schet{padding:16px 0;gap:16px}
.schet b.mono{font-size:1rem;color:var(--ink)}
.schet .st{font:600 11px/1 var(--mono);letter-spacing:.04em;padding:5px 9px;margin-left:8px;vertical-align:2px}
.schet.oplachen .st{background:var(--ok-soft);color:var(--ok)}
.schet.vystavlen .st{background:var(--accent-soft);color:var(--accent-text)}
.schet p.small{margin-top:4px;color:var(--text)}.schet p.small.dim{color:var(--dim)}
.schet .sr b{font-size:1.2rem;letter-spacing:-.02em}
.rekv{padding:14px 16px;border-radius:var(--r-sm);background:var(--surface-2);border:1px dashed var(--line);margin-top:14px}
#kab .err{padding:12px 0}
#kab .err .mono{font-weight:600}
#kab .bs-seg{background:var(--surface-2);border:1px solid var(--line-soft)}

/* вход через Telegram */
#logincard{display:flex;flex-direction:column}
#logincard .btn.accent{padding:15px 26px;font-size:1.0625rem}
.qr{padding:14px;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line-soft)}
.login-shagi{gap:8px;font-size:var(--fs-text)}
.login-shagi li::marker{color:var(--accent-text);font-weight:600}
.login-cifry{font-size:1.35rem;letter-spacing:.14em;font-weight:600}

/* --- телефон --- */
.mob .hero.first{display:block}
.mob .hero.first h1{max-width:none}
.mob .hero .demo{position:static;aspect-ratio:auto;display:flex;gap:10px;margin:22px 0 2px;padding:6px 0 10px;align-items:flex-end}
.mob .hero .demo img{position:static;width:calc((100% - 20px) / 3);height:auto;border-width:2px;border-radius:14px;transform:rotate(var(--rot-m));box-shadow:var(--shadow)}
.mob .hero .demo img:nth-child(1){--rot-m:-4deg}.mob .hero .demo img:nth-child(2){--rot-m:0deg;margin-bottom:8px}.mob .hero .demo img:nth-child(3){--rot-m:4deg}
@keyframes demo-in-m{from{opacity:0;transform:translateY(14px) rotate(0deg)}}
.mob .hero .demo img{animation:demo-in-m .7s var(--ease) both}
@media (prefers-reduced-motion:reduce){.mob .hero .demo img{animation:none}}
.mob .hero .examples{margin-top:14px}
.mob .hero h1{letter-spacing:-.035em}
.mob .hero p{font-size:1.125rem;margin-top:14px}
.mob .sheet{padding:18px 16px;border-radius:20px;box-shadow:var(--shadow)}
.mob .sheet .head .kind{color:var(--ink-fg)}
.mob .sheet .q{font-size:1.15rem;margin-bottom:16px}
.mob .imgs.three{gap:8px}
.mob .img{border-radius:12px}
.mob .img .cap{padding:26px 10px 9px;font-size:12px}
.mob .hooks{margin:18px 0 16px}
.mob .hooks button{padding:12px 14px}
.mob .koshelki{grid-template-columns:1fr;gap:8px}
.mob .kosh{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name sum" "hint hint";align-items:center;padding:12px 14px}
.mob .kosh span{grid-area:name}.mob .kosh b{grid-area:sum;margin:0;font-size:1.35rem}.mob .kosh small{grid-area:hint;margin-top:4px}
.mob .pakety{grid-template-columns:1fr;gap:8px}
.mob .pakety .chip{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:12px 16px;font-size:1rem;white-space:nowrap}
.mob .pakety .chip small{text-align:right}
.mob .summa input{flex:1 1 150px;width:auto}
.mob .kupit-pod{padding:18px}
.mob .kupit-pod .btn{width:100%}
.mob .schet{flex-wrap:wrap}
.mob .schet .sr{flex-direction:row;align-items:center;gap:12px;flex-basis:100%;justify-content:space-between}
.mob .card{padding:18px 16px;border-radius:20px}
.mob .balans b{font-size:2.8rem}
.mob .invite{padding:18px 16px}
.mob .rail{display:none}
.mob .mh-cr{background:var(--surface);border:1px solid var(--line-soft);color:var(--ink)}
.mob .mh-cr.low{background:var(--accent-soft);border-color:transparent}
.mob .tabbar a.on .pl,.mob .tabbar button.on .pl{background:var(--accent-soft);color:var(--accent-text)}
.mob .composer .box{box-shadow:var(--shadow-lift)}

/* ---- редактор готового поста и финал «Готово к публикации» (01.11) ---- */
.ed-ta{width:100%;min-height:220px;resize:vertical;font:inherit;font-size:15px;line-height:1.5;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:12px 14px;margin-top:10px}
.ed-ta:focus{outline:2px solid var(--accent);outline-offset:1px}
.ed-hint{margin-top:6px}
.ed-warn{margin-top:8px;color:var(--muted);line-height:1.45}.ed-warn b{color:var(--ink)}
.ed-pics{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.ed-pic{flex:0 0 96px;aspect-ratio:4/5;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;padding:0;background:var(--surface-2);cursor:pointer}
.ed-pic img{width:100%;height:100%;object-fit:cover;display:block}
.ed-pic.on{border-color:var(--accent)}
.ed-act{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}
.final{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:16px;margin-bottom:16px}
.final-body{display:grid;grid-template-columns:minmax(0,160px) 1fr;gap:14px;margin-top:10px;align-items:start}
.final-body img{width:100%;border-radius:var(--r-sm);aspect-ratio:4/5;object-fit:cover;display:block}
.final-body .posttext{margin:0}
.final-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.bs-tiles.kart .bs-tile small{white-space:normal}
@media (max-width:600px){.final-body{grid-template-columns:1fr}.final-body img{max-width:200px}}
.img.dor{justify-content:flex-end;padding:8px;gap:6px}
.img.dor .draw{position:static;width:100%;white-space:nowrap}
.img.dor .cap{position:static;background:none;padding:0 2px;font-size:12px;color:var(--muted)}
.ed-ta.opis{min-height:84px;margin-top:4px}
.btn .ic{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.btn.zapis{background:var(--accent);color:#fff}