/* RusMind 3.2 — светлый liquid glass */
:root{
  --blue:#2048F0;          /* цвет медведя из приложения */
  --blue-2:#4C6BFF;
  --ice:#EEF3FF;
  --ink:#0F1B3D;           /* текст — глубокий синий, не чёрный */
  --ink-2:#48557A;
  --ink-3:#8590AE;
  --violet:#7B3CFF;
  --gold:#F0B429;
  --red:#E5484D;
  --line:rgba(32,72,240,.10);
  --glass:linear-gradient(140deg,rgba(255,255,255,.72),rgba(255,255,255,.38));
  --glass-solid:rgba(255,255,255,.82);
  --glass-brd:rgba(255,255,255,.85);
  --shadow:0 1px 1px rgba(255,255,255,.9) inset,0 -1px 1px rgba(32,72,240,.05) inset,0 18px 40px -18px rgba(22,44,140,.28),0 2px 6px -2px rgba(22,44,140,.08);
  --r-xl:32px; --r-l:24px; --r-m:16px; --r-s:12px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
  --fs:16px;
  --sb:288px;
  color-scheme:light;
}
:root[data-size="s"]{--fs:15px}
:root[data-size="l"]{--fs:18px}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);background:#F3F6FF;min-height:100vh;min-height:100dvh;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:10px}
::selection{background:rgba(32,72,240,.18)}

/* ---------- живой фон ---------- */
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;
  background:radial-gradient(1200px 800px at 85% -10%,#DDE6FF 0%,transparent 60%),
             radial-gradient(900px 700px at -10% 110%,#E3F1FF 0%,transparent 60%),#F3F6FF}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.b1{width:46vmax;height:46vmax;left:-12vmax;top:-14vmax;background:#B9CBFF;animation:drift1 26s ease-in-out infinite alternate}
.b2{width:38vmax;height:38vmax;right:-10vmax;top:18vh;background:#CFE9FF;animation:drift2 32s ease-in-out infinite alternate}
.b3{width:30vmax;height:30vmax;left:30vw;bottom:-16vmax;background:#E0D6FF;animation:drift3 28s ease-in-out infinite alternate}
.b4{width:16vmax;height:16vmax;right:22vw;bottom:8vh;background:#FFD9DC;opacity:.35;animation:drift1 22s ease-in-out infinite alternate-reverse}
.veil{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(80% 55% at 50% 0%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%),
             radial-gradient(60% 45% at 50% 100%,rgba(255,255,255,.75),rgba(255,255,255,0) 70%),
             linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%,rgba(255,255,255,.3))}
#particles{position:absolute;inset:0;pointer-events:none}
@keyframes drift1{to{transform:translate(8vmax,6vmax) scale(1.12)}}
@keyframes drift2{to{transform:translate(-9vmax,-5vmax) scale(.9)}}
@keyframes drift3{to{transform:translate(-6vmax,-8vmax) scale(1.15)}}

/* ---------- стекло ---------- */
.glass{
  position:relative;background:var(--glass);
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  border:1px solid var(--glass-brd);box-shadow:var(--shadow);
}
.glass::before{ /* блик сверху, как у жидкого стекла */
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,0) 38%),
             radial-gradient(120% 60% at 0% 0%,rgba(255,255,255,.55),transparent 55%);
  mix-blend-mode:soft-light;
}

/* ---------- кнопки ---------- */
.btn-glass{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;
  background:rgba(255,255,255,.66);border:1px solid var(--glass-brd);box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);
  font-weight:600;font-size:15px;transition:transform .25s var(--spring),background .2s}
.btn-glass:hover{background:rgba(255,255,255,.9);transform:translateY(-1px)}
.btn-glass:active{transform:scale(.97)}
.btn-glass.sm,.btn-danger.sm{height:38px;padding:0 14px;font-size:14px}
.btn-danger{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:600;color:#fff;
  background:linear-gradient(180deg,#F0646A,#D93A40);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 8px 18px -8px rgba(217,58,64,.6);transition:transform .2s var(--spring)}
.btn-danger:hover{transform:translateY(-1px)}
.btn-ghost{display:inline-flex;align-items:center;height:56px;padding:0 22px;border-radius:999px;font-weight:600;color:var(--ink-2);transition:color .2s,background .2s}
.btn-ghost:hover{color:var(--blue);background:rgba(255,255,255,.5)}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--ink-2);transition:background .2s,color .2s,transform .2s var(--spring)}
.icon-btn:hover{background:rgba(32,72,240,.08);color:var(--blue)}
.icon-btn:active{transform:scale(.92)}

/* главная кнопка — капля синего стекла */
.btn-liquid{
  --mx:50%;--my:50%;
  position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 26px 0 32px;
  border-radius:999px;color:#fff;font-weight:700;font-size:18px;letter-spacing:-.01em;overflow:hidden;
  background:linear-gradient(180deg,#4F70FF 0%,#2048F0 55%,#1638CF 100%);
  box-shadow:0 1px 1px rgba(255,255,255,.6) inset,0 -6px 14px rgba(10,26,120,.35) inset,0 20px 40px -14px rgba(32,72,240,.7),0 4px 10px -4px rgba(32,72,240,.5);
  transition:transform .4s var(--spring),box-shadow .3s;
}
.btn-liquid::before{ /* верхний блик капли */
  content:"";position:absolute;left:10%;right:10%;top:3px;height:45%;border-radius:999px;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));
}
.btn-liquid::after{ /* пробегающий отблеск */
  content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);animation:sheen 4.5s var(--ease) infinite 1.4s;
}
@keyframes sheen{0%,60%{left:-60%}100%{left:130%}}
.btn-liquid-glow{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(160px circle at var(--mx) var(--my),rgba(140,200,255,.65),transparent 60%);opacity:0;transition:opacity .3s}
.btn-liquid:hover{transform:translateY(-2px) scale(1.02)}
.btn-liquid:hover .btn-liquid-glow{opacity:1}
.btn-liquid:active{transform:scale(.97)}
.btn-liquid .ic{width:22px;height:22px;stroke-width:2.2;transform:rotate(90deg);transition:transform .4s var(--spring)}
.btn-liquid:hover .ic{transform:rotate(90deg) translateY(-3px)}

/* сегменты и переключатели */
.seg{display:inline-flex;padding:3px;border-radius:999px;background:rgba(32,72,240,.07);gap:2px}
.seg button{height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-2);transition:background .25s,color .25s,box-shadow .25s}
.seg button.on{background:#fff;color:var(--blue);box-shadow:0 2px 8px -2px rgba(22,44,140,.25)}
#sizeSeg button[data-size="s"]{font-size:12px}#sizeSeg button[data-size="l"]{font-size:17px}
.switch{width:50px;height:30px;border-radius:999px;background:rgba(15,27,61,.14);position:relative;transition:background .3s;flex:none}
.switch::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;
  box-shadow:0 2px 6px rgba(15,27,61,.25);transition:transform .35s var(--spring)}
.switch[aria-checked="true"]{background:var(--blue)}
.switch[aria-checked="true"]::after{transform:translateX(20px)}

/* ====================== ГЛАВНАЯ ====================== */
.landing{max-width:1200px;margin:0 auto;padding:0 24px}
.topbar{position:sticky;top:12px;z-index:20;display:flex;align-items:center;gap:20px;height:60px;margin-top:12px;padding:0 10px 0 18px;border-radius:999px;
  transition:background .3s,box-shadow .3s,border-color .3s;border:1px solid transparent}
.topbar.scrolled{background:rgba(255,255,255,.6);border-color:var(--glass-brd);box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em}
.brand img{height:22px;width:auto}
.topnav{display:flex;gap:4px;margin-left:12px}
.topnav a{padding:8px 14px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink-2);transition:background .2s,color .2s}
.topnav a:hover{background:rgba(255,255,255,.7);color:var(--blue)}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}

.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;min-height:calc(100vh - 84px);min-height:calc(100svh - 84px);padding:40px 0 60px}
.version-pill{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 12px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink-2);
  background:rgba(255,255,255,.6);border:1px solid var(--glass-brd);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.flag{display:inline-flex;flex-direction:column;width:18px;height:12px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(15,27,61,.1)}
.flag i{flex:1}.flag i:nth-child(1){background:#fff}.flag i:nth-child(2){background:#1C57D6}.flag i:nth-child(3){background:#D52B1E}
.wordmark{font-size:clamp(64px,11vw,148px);line-height:.92;font-weight:800;letter-spacing:-.055em;margin:22px 0 26px;
  background:linear-gradient(180deg,#22326A 0%,var(--ink) 55%,#2B3E86 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 18px 30px rgba(32,72,240,.14))}
.wordmark sup{font-size:.28em;letter-spacing:-.02em;vertical-align:top;position:relative;top:.35em;margin-left:.12em;
  -webkit-text-fill-color:var(--blue);font-weight:700}
.hero-lead{font-size:clamp(19px,1.7vw,23px);line-height:1.45;max-width:30em;color:var(--ink);font-weight:500;letter-spacing:-.01em}
.hero-sub{margin-top:14px;font-size:17px;line-height:1.55;color:var(--ink-2);max-width:34em}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:34px}

/* линза с медведем */
.lens-wrap{position:relative;aspect-ratio:1;width:min(460px,100%);justify-self:center}
.caustic{position:absolute;inset:-6%;border-radius:50%;filter:blur(36px);opacity:.75;
  background:conic-gradient(from 0deg,#9FB5FF,#C9E8FF,#D8C8FF,#FFD3D6,#9FB5FF);animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}
.lens{--tx:0;--ty:0;position:absolute;inset:6%;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95),rgba(255,255,255,.45) 45%,rgba(214,226,255,.55) 100%);
  -webkit-backdrop-filter:blur(18px) saturate(200%);backdrop-filter:blur(18px) saturate(200%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 2px 2px rgba(255,255,255,1) inset,0 -18px 40px rgba(32,72,240,.12) inset,0 40px 80px -30px rgba(22,44,140,.45),0 0 0 10px rgba(255,255,255,.25);
  transform:perspective(900px) rotateX(calc(var(--ty)*1deg)) rotateY(calc(var(--tx)*1deg));transition:transform .6s var(--ease)}
.lens-bear{position:absolute;left:50%;top:52%;width:66%;transform:translate(calc(-50% + var(--tx)*-1.2px),calc(-50% + var(--ty)*1.2px));
  filter:drop-shadow(0 14px 18px rgba(32,72,240,.35));animation:breathe 6s ease-in-out infinite;transition:transform .6s var(--ease)}
@keyframes breathe{50%{scale:1.035}}
.lens-sheen{position:absolute;left:12%;top:6%;width:58%;height:34%;border-radius:50%;z-index:2;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));filter:blur(2px);transform:rotate(-18deg)}
.lens-rim{position:absolute;inset:0;border-radius:50%;z-index:2;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,transparent 62%,rgba(32,72,240,.10) 72%,rgba(255,255,255,.7) 76%,transparent 80%)}
.drop{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.35) 60%,rgba(200,214,255,.5));
  border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 24px -10px rgba(22,44,140,.4),0 1px 1px #fff inset;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.d1{width:64px;height:64px;right:2%;top:8%;animation:float 7s ease-in-out infinite}
.d2{width:36px;height:36px;left:0;bottom:18%;animation:float 9s ease-in-out infinite -3s}
.d3{width:22px;height:22px;right:12%;bottom:6%;animation:float 6s ease-in-out infinite -1s}
@keyframes float{50%{transform:translateY(-16px)}}

/* появление первого экрана — одна оркестрованная сцена */
/* текст первого экрана виден сразу: лёгкий подъём без прозрачности и размытия */
.reveal{animation:reveal .8s var(--ease) both;animation-delay:calc(var(--d)*70ms)}
@keyframes reveal{from{transform:translateY(10px)}to{transform:none}}

/* блоки */
.block{padding:56px 0;scroll-margin-top:84px}
.block-head{max-width:760px;margin-bottom:28px}
.block-head h2,.mt-copy h2,.final h2{font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.block-head p{margin-top:14px;font-size:18px;line-height:1.55;color:var(--ink-2)}
.fine{font-size:13px;line-height:1.5;color:var(--ink-3);margin-top:12px}

/* MERA */
.mera{border-radius:var(--r-xl);padding:28px}
.mera-score{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.mera-label{font-size:14px;color:var(--ink-3);font-weight:500}
.mera-cols{display:flex;gap:28px;margin-top:8px}
.mera-col b{display:block;font-size:44px;font-weight:800;letter-spacing:-.04em;color:var(--ink);line-height:1}
.mera-col b.placeholder{color:transparent;background:linear-gradient(90deg,rgba(32,72,240,.10),rgba(32,72,240,.22),rgba(32,72,240,.10));background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;animation:shimmer 2.4s linear infinite}
.mera-col span{display:block;margin-top:6px;font-size:14px;color:var(--ink-2);font-weight:600}
.mera-status{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-radius:999px;background:rgba(240,180,41,.14);color:#8A6206;font-size:14px;font-weight:600}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(240,180,41,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(240,180,41,0)}100%{box-shadow:0 0 0 0 rgba(240,180,41,0)}}
.mera-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 28px;padding:18px 0 6px}
.mera-row{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}
.mera-row b{font-size:15px;font-weight:600}
.mera-row small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.bar{height:8px;border-radius:999px;background:rgba(32,72,240,.07);overflow:hidden;position:relative}
.bar i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(32,72,240,.22),transparent);background-size:200% 100%;animation:shimmer 2.2s linear infinite}
.bar.has i{animation:none;background:linear-gradient(90deg,var(--blue-2),var(--blue));right:auto;border-radius:999px}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.mera-inhouse{margin-top:22px;padding:22px;border-radius:var(--r-l);background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8)}
.mera-inhouse h3{font-size:18px;font-weight:700;letter-spacing:-.01em}
.inhouse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.ih{padding:16px 18px;border-radius:var(--r-m);background:#fff;box-shadow:0 8px 20px -14px rgba(22,44,140,.35)}
.ih b{font-size:34px;font-weight:800;letter-spacing:-.04em;color:var(--blue)}
.ih p{font-size:14px;color:var(--ink-2);margin-top:4px;line-height:1.4}

/* модели */
.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mcard{position:relative;border-radius:var(--r-l);padding:22px;display:flex;flex-direction:column;gap:12px;min-height:250px;transition:transform .4s var(--spring)}
.mcard:hover{transform:translateY(-4px)}
.mcard h3{font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.15}
.mcard h3 small{display:block;font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:0;margin-bottom:4px}
.mcard p{font-size:15px;line-height:1.5;color:var(--ink-2);flex:1}
.m-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--blue);background:linear-gradient(180deg,#fff,#E9EEFF);box-shadow:0 1px 1px #fff inset,0 6px 14px -8px rgba(32,72,240,.5)}
.m-ic .ic{width:24px;height:24px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.01em}
.tag .ic{width:13px;height:13px;stroke-width:2.2}
.tag.size{background:var(--ink);color:#fff;border-radius:6px;font-family:"JetBrains Mono",monospace;font-weight:500}
.tag.off{background:rgba(22,163,94,.12);color:#11804A}
.tag.cloud{background:rgba(14,165,233,.12);color:#0369A1}
.tag.hl{background:rgba(32,72,240,.10);color:var(--blue)}
.tag.hl.mt{background:linear-gradient(100deg,#2048F0,#7B3CFF);color:#fff}
.tag.soon{background:rgba(240,180,41,.16);color:#8A6206}

/* АТОМ — переливающаяся рамка */
.atom-card{background:radial-gradient(120% 90% at 100% 0%,rgba(123,60,255,.55),transparent 60%),radial-gradient(90% 80% at 0% 100%,rgba(32,72,240,.6),transparent 60%),linear-gradient(160deg,#141B4D,#24145E)!important;
  color:#fff;border-color:rgba(255,255,255,.25)!important;box-shadow:0 30px 60px -24px rgba(91,44,220,.7),0 1px 1px rgba(255,255,255,.35) inset!important;overflow:hidden}
.atom-card::before{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 60%,#E9DDFF,transparent),radial-gradient(2px 2px at 40% 80%,#C9D6FF,transparent),radial-gradient(1px 1px at 60% 45%,#fff,transparent),linear-gradient(180deg,rgba(255,255,255,.18),transparent 40%)!important;mix-blend-mode:normal!important;animation:twinkle 4s ease-in-out infinite alternate}
@keyframes twinkle{to{opacity:.55}}
.atom-card h3 small{color:rgba(255,255,255,.6)}
.atom-card p{color:#fff}
.atom-card h3 small{color:rgba(255,255,255,.82)!important}
.atom-card .tag.cloud{background:rgba(255,255,255,.16);color:#fff}
.atom-card .tag.hl{background:rgba(255,216,107,.2);color:#FFE29A}
.atom-card .atom-word{background:linear-gradient(90deg,#9DB2FF,#D9C2FF 50%,#FFD86B);-webkit-background-clip:text;background-clip:text;font-size:1.25em}
.atom-card .m-ic{background:rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 0 30px rgba(157,120,255,.6)}
.atom-card .tag.soon{background:rgba(255,216,107,.18);color:#FFD86B}
.atom-card::after{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--a,0deg),#2048F0,#7B3CFF,#F0B429,#7B3CFF,#2048F0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:rot 6s linear infinite}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes rot{to{--a:360deg}}
.atom-word{background:linear-gradient(90deg,#2048F0,#7B3CFF 50%,#C88A0B);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.06em}
.atom-ic{background:linear-gradient(160deg,#1E2A6B,#3B1FA8);color:#fff}
.atom-ic svg{animation:spin 8s linear infinite}

/* Multi-Thinking */
.mt-card{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;border-radius:var(--r-xl);padding:40px}
.mt-badge{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 10px;border-radius:999px;color:#fff;font-weight:700;font-size:14px;margin-bottom:18px;
  background:linear-gradient(100deg,#2048F0,#7B3CFF);box-shadow:0 10px 24px -10px rgba(123,60,255,.7)}
.mt-badge .ic{animation:spin 8s linear infinite}
.mt-copy p{margin-top:14px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:36em}
.mt-points{list-style:none;margin-top:18px;display:grid;gap:10px}
.mt-points li{position:relative;padding-left:30px;font-weight:600;font-size:16px}
.mt-points li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;
  background:linear-gradient(135deg,#2048F0,#7B3CFF);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3C/svg%3E");}
.mt-points li::after{content:"";position:absolute;left:6px;top:7px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.mt-visual{position:relative}
.mt-svg{width:100%;height:auto}
.mt-paths path{fill:none;stroke:url(#mtl);stroke-width:2.5;stroke-dasharray:6 8;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-28}}
.mt-runners circle{filter:drop-shadow(0 0 4px rgba(123,60,255,.8))}
.r1{fill:#2048F0}.r2{fill:#4C6BFF}.r3{fill:#7B3CFF}.r4{fill:#C88A0B}
.mt-nodes circle{fill:#fff;stroke:#2048F0;stroke-width:2.5}
.mt-core{fill:url(#gAtom);filter:drop-shadow(0 8px 16px rgba(123,60,255,.5));animation:corePulse 2.6s ease-in-out infinite;transform-origin:352px 130px}
.mt-labels text{font:600 14px "Onest",sans-serif;fill:var(--ink-2)}
@keyframes corePulse{50%{transform:scale(1.08)}}
.mt-core-ic{color:#fff}.mt-core-ic use{fill:none;stroke:#fff;stroke-width:1.8}

.final{text-align:center;padding:72px 0 48px;display:flex;flex-direction:column;align-items:center;gap:26px}
.footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:28px 0 40px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-3);text-align:center}
.footer img{height:18px;width:auto;opacity:.8}

/* скролл-появление блоков (только при прокрутке) */
.js .inview{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .inview.on{opacity:1;transform:none}

/* ====================== ЧАТ ====================== */
.app{position:fixed;inset:0;display:flex;padding:12px;gap:12px}
.sidebar{width:var(--sb);flex:none;border-radius:var(--r-l);display:flex;flex-direction:column;padding:14px 10px 10px;
  transition:margin .45s var(--ease),transform .45s var(--ease),opacity .3s}
.app.sb-collapsed .sidebar{margin-left:calc(-1 * var(--sb) - 12px);opacity:0}
.sb-top{display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 8px;margin-bottom:12px}
.newchat{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;margin:0 2px 10px;border-radius:14px;font-weight:600;font-size:15px;color:var(--blue);
  background:linear-gradient(180deg,#fff,#EEF2FF);box-shadow:0 1px 1px #fff inset,0 6px 16px -10px rgba(32,72,240,.6),0 0 0 1px rgba(32,72,240,.12);transition:transform .3s var(--spring)}
.newchat:hover{transform:translateY(-1px)}
.newchat:active{transform:scale(.98)}
.newchat kbd{margin-left:auto;font:500 11px "JetBrains Mono",monospace;color:var(--ink-3);padding:2px 6px;border-radius:6px;background:rgba(32,72,240,.06)}
.sb-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;margin:0 2px 8px;border-radius:12px;background:rgba(32,72,240,.05);color:var(--ink-3)}
.sb-search input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14px;color:var(--ink)}
.sb-search .ic{width:17px;height:17px}
.chatlist{flex:1;overflow-y:auto;padding:0 2px;margin-right:-4px;scrollbar-width:thin;scrollbar-color:rgba(32,72,240,.2) transparent}
.group-title{font-size:12.5px;font-weight:600;color:var(--ink-3);padding:14px 10px 6px}
.citem{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;border-radius:12px;font-size:14.5px;color:var(--ink);cursor:pointer;
  transition:background .2s;animation:itemIn .4s var(--ease) both}
@keyframes itemIn{from{opacity:0;transform:translateX(-8px)}}
.citem:hover{background:rgba(255,255,255,.7)}
.citem.on{background:#fff;box-shadow:0 4px 14px -8px rgba(22,44,140,.35)}
.citem .t{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.citem .pin{width:14px;height:14px;color:var(--blue)}
.citem .more{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--ink-3);opacity:0;transition:opacity .2s,background .2s}
.citem:hover .more,.citem.on .more,.citem .more[aria-expanded="true"]{opacity:1}
.citem .more:hover{background:rgba(32,72,240,.08);color:var(--blue)}
.citem input{flex:1;min-width:0;height:30px;border:0;outline:2px solid var(--blue);border-radius:8px;padding:0 8px;background:#fff;font-size:14px}
.list-empty{padding:30px 14px;text-align:center;font-size:14px;color:var(--ink-3);line-height:1.5}
.sb-bottom{padding-top:8px;border-top:1px solid var(--line);margin-top:6px}
.profile{display:flex;align-items:center;gap:10px;width:100%;height:50px;padding:0 10px;border-radius:14px;transition:background .2s}
.profile:hover{background:rgba(255,255,255,.7)}
.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4F70FF,#2048F0)}
.avatar .ic{width:17px;height:17px}
.profile-name{font-weight:600;font-size:15px}
.profile .gear{margin-left:auto;color:var(--ink-3);transition:transform .6s var(--ease)}
.profile:hover .gear{transform:rotate(90deg);color:var(--blue)}
.scrim{display:none}

.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}
.main-top{position:relative;z-index:20;display:flex;align-items:center;gap:6px;height:52px;padding:0 4px;flex:none}
#sbOpen{display:none}
.app.sb-collapsed #sbOpen{display:grid}
.main-top-right{margin-left:auto;display:flex;gap:4px}
.only-mobile{display:none!important}

/* выбор модели */
.model-picker{position:relative}
.model-btn{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 10px 0 7px;border-radius:14px;font-weight:600;font-size:16px;letter-spacing:-.01em;transition:background .2s}
.model-btn:hover,.model-btn[aria-expanded="true"]{background:rgba(255,255,255,.75)}
.model-btn .mini-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--ink-2);background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(15,27,61,.08)}
.model-btn .mini-ic .ic{width:17px;height:17px}
.model-btn .mini-ic.atom-ic{background:linear-gradient(160deg,#1E2A6B,#3B1FA8);color:#fff;box-shadow:0 0 12px rgba(123,60,255,.35)}
.model-btn .mb-name{font-weight:700}
.model-btn .ver{color:var(--ink-3);font-weight:500}
.model-btn .mb-off{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#11804A;background:rgba(22,163,94,.1)}
.model-btn .mb-off .ic{width:14px;height:14px}
.model-btn .chev{width:16px;height:16px;color:var(--ink-3);transition:transform .3s var(--ease)}
.model-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.model-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:320px;max-width:calc(100vw - 24px);padding:6px;border-radius:20px;
  background:rgba(255,255,255,.9);transform-origin:top left;animation:pop .3s var(--spring)}
@keyframes pop{from{opacity:0;transform:scale(.96) translateY(-4px)}}
.mm-ver{padding:10px 12px 2px;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.mm-cap{display:flex;align-items:center;gap:6px;padding:10px 12px 4px;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.mm-cap .ic{width:14px;height:14px}
.mm-sep{height:1px;margin:6px 10px;background:var(--line)}
.mopt{display:grid;grid-template-columns:32px 1fr 18px;gap:12px;align-items:center;width:100%;padding:9px 10px;border-radius:13px;text-align:left;transition:background .15s}
.mopt:hover{background:rgba(15,27,61,.045)}
.mopt.on{background:rgba(32,72,240,.07)}
.mo-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--ink-2);background:#fff;box-shadow:0 0 0 1px rgba(15,27,61,.08)}
.mo-ic .ic{width:17px;height:17px}
.mo-ic.atom-ic{color:#fff;background:linear-gradient(160deg,#1E2A6B,#3B1FA8);box-shadow:none}
.mo-name{display:flex;align-items:baseline;gap:7px;font-weight:600;font-size:15px}
.mo-name em{font-style:normal;font:500 11.5px "JetBrains Mono",monospace;color:var(--ink-3)}
.mo-desc{display:block;font-size:13px;color:var(--ink-3);margin-top:1px}
.mopt .ok{width:18px;height:18px;color:var(--blue);opacity:0;transform:scale(.6);transition:all .25s var(--spring)}
.mopt.on .ok{opacity:1;transform:none}
.mopt.atom .mo-name{font-weight:700}

/* лента */
.thread{flex:1;overflow-y:auto;padding:8px 16px 24px;scroll-behavior:smooth}
.empty{max-width:720px;margin:0 auto;padding-top:14vh;text-align:center;animation:fadeUp .7s var(--ease)}
.empty-bear{width:92px;margin:0 auto 18px;filter:drop-shadow(0 10px 16px rgba(32,72,240,.3));animation:breathe 6s ease-in-out infinite}
.empty h1{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.03em}
.empty p{margin-top:10px;color:var(--ink-2);font-size:15.5px}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}}
.app.is-empty .thread{flex:0 0 auto}
.chat-pane{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.app.is-empty .chat-pane{justify-content:center}
.app.is-empty .main-top{position:absolute;top:0;left:0;right:0}
.app.is-empty .empty{padding-top:0}

.messages{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:26px;font-size:var(--fs)}
.msg{display:flex;gap:14px;animation:fadeUp .45s var(--ease)}
.msg.user{justify-content:flex-end}
.msg.user .bubble{max-width:80%;padding:12px 18px;border-radius:22px 22px 6px 22px;line-height:1.55;word-wrap:break-word;
  background:linear-gradient(180deg,rgba(236,242,255,.95),rgba(222,231,255,.9));border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 20px -14px rgba(32,72,240,.5)}
.bot-av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px rgba(32,72,240,.1),0 6px 14px -8px rgba(32,72,240,.5)}
.bot-av img{width:22px}
.msg.bot .body{flex:1;min-width:0}
.msg .who{font-size:13px;font-weight:600;color:var(--ink-3);margin:6px 0 6px}
.md{line-height:1.7}
.md p{margin:0 0 .8em}
.md h3{font-size:1.12em;margin:1em 0 .5em;letter-spacing:-.01em}
.md ul,.md ol{margin:0 0 .9em 1.3em}
.md li{margin:.25em 0}
.md code{font-family:"JetBrains Mono",monospace;font-size:.86em;padding:.12em .4em;border-radius:6px;background:rgba(32,72,240,.08);color:#1A3AC8}
.md table{border-collapse:collapse;margin:.4em 0 1em;font-size:.93em;width:100%;overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px var(--line)}
.md th,.md td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line)}
.md th{background:rgba(32,72,240,.05);font-weight:700}
.md blockquote{border-left:3px solid var(--blue);padding:.2em 0 .2em 1em;color:var(--ink-2);margin:0 0 .9em}
.codeblock{margin:.5em 0 1em;border-radius:16px;overflow:hidden;background:#F7F9FE;box-shadow:0 0 0 1px rgba(32,72,240,.10),0 10px 26px -20px rgba(22,44,140,.5);position:relative;text-align:left}
.codeblock header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 6px 0 14px;font-size:12.5px;color:var(--ink-2);background:linear-gradient(180deg,#fff,#F3F6FD);border-bottom:1px solid rgba(32,72,240,.08)}
.cb-lang{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.cb-lang i{width:9px;height:9px;border-radius:3px}
.cb-tools{display:flex;gap:2px}
.codeblock header button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px;border-radius:9px;font-size:12.5px;font-weight:500;color:var(--ink-2);transition:background .15s,color .15s}
.codeblock header button:hover,.codeblock header button.on{background:#fff;color:var(--blue);box-shadow:0 0 0 1px rgba(32,72,240,.12)}
.codeblock header .ic{width:15px;height:15px}
.codeblock pre{padding:12px 14px 14px 0;overflow-x:auto;font:400 13.5px/1.65 "JetBrains Mono",monospace;color:#1B2547;counter-reset:ln;tab-size:4}
.codeblock.wrap pre{white-space:pre-wrap;word-break:break-word}
.codeblock .line{counter-increment:ln}
.codeblock .line::before{content:counter(ln);display:inline-block;width:3.2em;padding-right:1.1em;text-align:right;color:#B4BDD6;user-select:none;-webkit-user-select:none}
.codeblock.wrap .line{display:inline-block;padding-left:3.2em;text-indent:-3.2em;width:100%}
.codeblock .k{color:#7B3CFF}.codeblock .s{color:#0F8A5F}.codeblock .c{color:#8590AE;font-style:italic}.codeblock .n{color:#C2410C}.codeblock .f{color:#2048F0}.codeblock .p{color:#8590AE}
.codeblock.collapsed pre{max-height:330px;overflow:hidden}
.codeblock.collapsed::after{content:"";position:absolute;left:0;right:0;bottom:44px;height:80px;background:linear-gradient(180deg,rgba(247,249,254,0),#F7F9FE);pointer-events:none}
.cb-more{display:block;width:100%;height:44px;font-size:13.5px;font-weight:600;color:var(--blue);border-top:1px solid rgba(32,72,240,.08);background:#F7F9FE;transition:background .15s}
.cb-more:hover{background:#EEF2FE}

.actions{display:flex;gap:2px;margin-top:4px;opacity:.0;transition:opacity .25s}
.msg.bot:hover .actions,.msg.bot:last-child .actions,.msg.bot:focus-within .actions{opacity:1}
.actions button{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--ink-3);transition:background .2s,color .2s,transform .2s var(--spring)}
.actions button:hover{background:rgba(32,72,240,.08);color:var(--blue)}
.actions button:active{transform:scale(.88)}
.actions button.on{color:var(--blue)}
.actions .ic{width:17px;height:17px}

/* панель размышлений */
.think{margin:2px 0 14px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);overflow:hidden}
.think.multi{background:linear-gradient(120deg,rgba(32,72,240,.05),rgba(123,60,255,.07))}
.think-head{display:flex;align-items:center;gap:10px;width:100%;height:42px;padding:0 14px;font-size:14px;font-weight:600;color:var(--ink-2)}
.think-head .ic{width:17px;height:17px}
.think-head .chev{margin-left:auto;transition:transform .3s var(--ease)}
.think.open .think-head .chev{transform:rotate(180deg)}
.think-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.think.open .think-body{grid-template-rows:1fr}
.think-body>div{overflow:hidden}
.streams{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px 12px}
.stream{padding:10px 12px;border-radius:12px;background:#fff;font-size:13px;line-height:1.5;color:var(--ink-2);box-shadow:0 4px 12px -8px rgba(22,44,140,.3);border-left:3px solid var(--c)}
.stream b{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink);margin-bottom:4px}
.stream b i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.think-plain{padding:0 16px 14px;font-size:14px;line-height:1.6;color:var(--ink-2);border-left:2px solid var(--line);margin:0 14px 12px}
.shimmer-txt{background:linear-gradient(90deg,var(--ink-3) 30%,var(--blue) 50%,var(--ink-3) 70%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.8s linear infinite}
.spin-atom{animation:spin 1.6s linear infinite}
.typing{display:inline-flex;gap:5px;padding:8px 0}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--blue);opacity:.35;animation:dot 1.2s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{30%{opacity:1;transform:translateY(-4px)}}
.cursor::after{content:"";display:inline-block;width:8px;height:1.1em;margin-left:2px;vertical-align:-.15em;border-radius:2px;background:var(--blue);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}

/* поле ввода */
.composer-wrap{flex:none;padding:6px 16px 10px}
.composer{max-width:780px;margin:0 auto;border-radius:26px;padding:14px 14px 10px 18px;background:rgba(255,255,255,.72);transition:box-shadow .3s,transform .4s var(--spring)}
.composer:focus-within{box-shadow:var(--shadow),0 0 0 4px rgba(32,72,240,.12)}
.composer textarea{display:block;width:100%;min-height:28px;max-height:220px;resize:none;border:0;outline:0;background:none;font-size:16px;line-height:1.55;padding:2px 0 6px}
.composer textarea::placeholder{color:var(--ink-3)}
.composer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.composer-left,.composer-right{display:flex;align-items:center;gap:6px}
.composer-right{margin-left:auto}
.send{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:linear-gradient(180deg,#4F70FF,#2048F0);box-shadow:0 1px 1px rgba(255,255,255,.5) inset,0 8px 18px -8px rgba(32,72,240,.8);transition:transform .3s var(--spring),opacity .2s,filter .2s}
.send .ic{stroke-width:2.3}
.send:hover:not(:disabled){transform:scale(1.08)}
.send:disabled{opacity:.35;filter:grayscale(.6);cursor:default}
.send.stop{background:var(--ink)}
.mt-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 4px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--ink-2);
  background:rgba(32,72,240,.06);box-shadow:0 0 0 1px rgba(32,72,240,.12);transition:all .35s var(--spring);animation:popIn .5s var(--spring)}
@keyframes popIn{from{opacity:0;transform:scale(.6)}}
.mt-toggle-orb{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--violet);box-shadow:0 2px 6px -2px rgba(22,44,140,.3);transition:all .35s}
.mt-toggle-orb .ic{width:17px;height:17px}
.mt-toggle:hover{box-shadow:0 0 0 1px rgba(123,60,255,.4)}
.mt-toggle[aria-pressed="true"]{color:#fff;background:linear-gradient(100deg,#2048F0,#7B3CFF 70%,#B26CFF);box-shadow:0 10px 22px -10px rgba(123,60,255,.9),0 1px 1px rgba(255,255,255,.4) inset}
.mt-toggle[aria-pressed="true"] .mt-toggle-orb{background:rgba(255,255,255,.2);color:#fff}
.mt-toggle[aria-pressed="true"] .mt-toggle-orb .ic{animation:spin 3s linear infinite}
.mt-toggle[aria-pressed="true"]::after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid rgba(123,60,255,.35);animation:ring 1.8s var(--ease) infinite}
@keyframes ring{from{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.15)}}
.mt-info{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3)}
.mt-info:hover{color:var(--violet);background:rgba(123,60,255,.08)}
.mt-info .ic{width:17px;height:17px}
.mt-pop{position:absolute;bottom:calc(100% + 10px);left:0;width:340px;max-width:calc(100vw - 40px);padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.9);animation:pop .35s var(--spring);z-index:30}
.mt-pop b{font-size:15px;background:linear-gradient(90deg,#2048F0,#7B3CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.mt-pop p{font-size:14px;line-height:1.55;color:var(--ink-2);margin-top:6px}
.suggest{max-width:780px;margin:14px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.app:not(.is-empty) .suggest{display:none}
.chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-2);
  background:rgba(255,255,255,.6);border:1px solid var(--glass-brd);box-shadow:0 6px 16px -12px rgba(22,44,140,.4);transition:transform .3s var(--spring),color .2s,background .2s;
  animation:fadeUp .6s var(--ease) both}
.chip:hover{transform:translateY(-2px);color:var(--blue);background:#fff}
.chip .ic{width:16px;height:16px;color:var(--blue)}
.disclaimer{text-align:center;font-size:12.5px;color:var(--ink-3);margin-top:8px}
.app.is-empty .disclaimer{display:none}

/* контекстное меню, тосты */
.ctx{position:fixed;z-index:60;min-width:200px;padding:6px;border-radius:16px;background:rgba(255,255,255,.88);animation:pop .3s var(--spring)}
.ctx button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border-radius:11px;font-size:14.5px;font-weight:500;text-align:left}
.ctx button:hover{background:rgba(32,72,240,.07)}
.ctx button.danger{color:#D93A40}
.ctx button.danger:hover{background:rgba(229,72,77,.08)}
.ctx .ic{width:18px;height:18px}
.toasts{position:fixed;left:50%;bottom:24px;z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);pointer-events:none}
.toast{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;font-size:14.5px;font-weight:600;color:#fff;
  background:rgba(15,27,61,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px -12px rgba(15,27,61,.6);animation:toastIn .45s var(--spring)}
.toast .ic{width:18px;height:18px;color:#8FB0FF}
.toast.out{animation:toastOut .3s var(--ease) forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(16px) scale(.9)}}
@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}

/* модалки */
.modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px}
.modal-scrim{position:absolute;inset:0;background:rgba(15,27,61,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .3s}
@keyframes fade{from{opacity:0}}
.modal-card{position:relative;width:min(760px,100%);max-height:min(620px,calc(100dvh - 32px));display:flex;flex-direction:column;border-radius:28px;background:rgba(255,255,255,.86);animation:modalIn .45s var(--spring)}
@keyframes modalIn{from{opacity:0;transform:scale(.92) translateY(12px)}}
.modal-card.small{width:min(420px,100%);padding:26px}
.modal-card.small h2{font-size:20px;letter-spacing:-.02em}
.modal-card.small p{margin-top:8px;color:var(--ink-2);line-height:1.5}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px 26px}
.modal-head h2{font-size:22px;letter-spacing:-.025em}
.set-body{display:grid;grid-template-columns:200px 1fr;min-height:0;flex:1}
.set-tabs{display:flex;flex-direction:column;gap:2px;padding:4px 10px 18px 14px}
.set-tabs button{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:12px;font-size:14.5px;font-weight:600;color:var(--ink-2);text-align:left;transition:background .2s,color .2s}
.set-tabs button:hover{background:rgba(32,72,240,.05)}
.set-tabs button.on{background:#fff;color:var(--blue);box-shadow:0 4px 14px -8px rgba(22,44,140,.35)}
.set-tabs .ic{width:18px;height:18px}
.set-panes{overflow-y:auto;padding:0 26px 24px 14px}
.pane{display:none;animation:fadeUp .4s var(--ease)}
.pane.on{display:block}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.row b{font-weight:600;font-size:15px}
.row small{display:block;font-size:13px;color:var(--ink-3);margin-top:3px}
.select{height:40px;padding:0 36px 0 14px;border-radius:12px;border:1px solid rgba(32,72,240,.15);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238590AE' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;appearance:none;font-size:14px;font-weight:600;max-width:100%}
.pane-sub{font-size:15px;margin:22px 0 6px}
.local-list{display:grid;gap:8px}
.local{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px var(--line)}
.local .m-ic{width:38px;height:38px;border-radius:12px}
.local .m-ic .ic{width:19px;height:19px}
.local div{flex:1;min-width:0}
.local b{font-size:14.5px}
.local small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.local .btn-glass{height:34px;font-size:13px;padding:0 12px}
.progress{height:6px;border-radius:999px;background:rgba(32,72,240,.08);margin-top:6px;overflow:hidden}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4F70FF,#2048F0);border-radius:inherit;transition:width .25s linear}
.about{display:flex;gap:16px;align-items:center;padding:8px 0 18px}
.about-ic{width:72px;height:72px;border-radius:20px;box-shadow:0 10px 24px -12px rgba(32,72,240,.6)}
.about b{font-size:20px;letter-spacing:-.02em}
.about p{color:var(--ink-2);margin-top:4px;line-height:1.5;font-size:14.5px}
.about-dl{display:grid;gap:0}
.about-dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.about-dl dt{color:var(--ink-3)}
.about-dl dd{font-weight:600}

/* переход главная ⇄ чат */
.view{transition:opacity .45s var(--ease),transform .55s var(--ease)}
.view.leaving{opacity:0;transform:scale(.98)}
.view.entering{opacity:0;transform:scale(1.02)}

/* ====================== АДАПТИВ ====================== */
@media (max-width:1080px){
  .model-grid{grid-template-columns:repeat(2,1fr)}
  .topnav{display:none}
}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;min-height:auto;padding:28px 0 40px;gap:8px}
  .lens-wrap{order:-1;width:min(300px,78vw)}
  .mt-card{grid-template-columns:1fr;padding:28px}
  .inhouse-grid{grid-template-columns:1fr}
  .app{padding:0;gap:0}
  .sidebar{position:fixed;z-index:50;left:8px;top:8px;bottom:8px;transform:translateX(calc(-100% - 16px));background:rgba(255,255,255,.9)}
  .app.sb-open .sidebar{transform:none}
  .app.sb-collapsed .sidebar{margin-left:0;opacity:1}
  .scrim{display:block;position:fixed;inset:0;z-index:45;background:rgba(15,27,61,.25);opacity:0;pointer-events:none;transition:opacity .35s}
  .app.sb-open .scrim{opacity:1;pointer-events:auto}
  #sbOpen{display:grid!important}
  .only-mobile{display:grid!important}
  #shareBtn{display:none}
  .main-top{padding:0 8px;height:56px}
  .thread{padding:8px 14px 20px}
  .composer-wrap{padding:6px 10px calc(10px + env(safe-area-inset-bottom))}
  .set-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .set-tabs{flex-direction:row;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none}
  .set-tabs button{flex:none}
  .set-panes{padding:0 18px 20px}
  .modal-card{max-height:calc(100dvh - 24px)}
}
@media (max-width:600px){
  .landing{padding:0 16px}
  .topbar{padding:0 6px 0 14px;height:54px}
  .topbar .btn-glass{display:none}
  .model-grid{grid-template-columns:1fr}
  .mcard{min-height:0}
  .mera{padding:18px}
  .mera-cols{gap:20px}
  .mera-col b{font-size:36px}
  .mera-table{grid-template-columns:1fr}
  .mera-row{grid-template-columns:1fr 90px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn-liquid{justify-content:center}
  .btn-ghost{justify-content:center}
  .msg.user .bubble{max-width:90%}
  .bot-av{display:none}
  .streams{grid-template-columns:1fr}
  .model-btn{font-size:15px}
  .model-btn .ver{display:none}
  .mt-toggle{padding-right:12px;font-size:13px}
  .empty{padding-top:0}
  .row{flex-wrap:wrap}
  .modal{padding:8px;align-items:end}
  .modal-card{border-radius:24px}
  .newchat kbd{display:none}
  .model-menu{position:fixed;top:60px;left:8px;right:8px;width:auto;max-width:none}
  .lens-wrap{width:min(230px,60vw)}
  .hero{padding-top:12px}
  .wordmark{margin:16px 0 18px}
  .hero-lead{font-size:18px}
}

/* без анимаций */
.no-motion *,.no-motion *::before,.no-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.no-motion .blob{animation:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ---------- ветки и правка ---------- */
.ucol{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:80%}
.msg.user .ucol .bubble{max-width:100%}
.uact{opacity:0}
.msg.user:hover .uact,.msg.user:focus-within .uact,.uact:has(.branch){opacity:1}
.ucol.editing{width:100%;max-width:100%}
.bubble.edit{width:100%;padding:12px 12px 10px 16px!important;border-radius:22px!important;box-shadow:0 0 0 4px rgba(32,72,240,.12),0 8px 20px -14px rgba(32,72,240,.5)!important}
.edit-ta{display:block;width:100%;resize:none;border:0;outline:0;background:none;font-size:inherit;line-height:1.55;max-height:260px}
.edit-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}
.edit-hint{margin-right:auto;font-size:12.5px;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px}
.btn-send-sm{height:38px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(180deg,#4F70FF,#2048F0);box-shadow:0 8px 18px -8px rgba(32,72,240,.8);transition:transform .25s var(--spring)}
.btn-send-sm:hover{transform:translateY(-1px)}
.branch{display:inline-flex;align-items:center;gap:0;margin-right:4px;font-size:12.5px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.branch>span{min-width:34px;text-align:center}
.actions .branch button{width:26px;height:28px}
.branch button:disabled{opacity:.3;cursor:default}
.branch .left{transform:rotate(90deg)}.branch .right{transform:rotate(-90deg)}

/* ---------- окно экспорта ---------- */
.export-card{width:min(520px,100%)!important}
.exp-head{display:flex;align-items:center;justify-content:space-between;margin:-6px -8px 0 0}
.export-card>p{margin-top:4px!important}
.fmt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.fmt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;text-align:left;background:rgba(255,255,255,.7);
  box-shadow:0 0 0 1px var(--line),0 8px 18px -14px rgba(22,44,140,.4);transition:transform .3s var(--spring),box-shadow .25s,background .2s;animation:fadeUp .45s var(--ease) both}
.fmt:hover{transform:translateY(-2px);background:#fff;box-shadow:0 0 0 1.5px var(--c),0 14px 26px -16px var(--c)}
.fmt:active{transform:scale(.97)}
.fmt-badge{flex:none;width:48px;height:56px;border-radius:10px 16px 10px 10px;display:grid;place-items:end center;padding-bottom:9px;position:relative;
  font:700 11px/1 "Onest",sans-serif;letter-spacing:.02em;color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 75%,#fff),var(--c));
  box-shadow:0 8px 16px -8px var(--c),0 1px 1px rgba(255,255,255,.5) inset}
.fmt-badge::before{content:"";position:absolute;right:0;top:0;width:15px;height:15px;border-radius:0 16px 0 7px;background:rgba(255,255,255,.45)}
.fmt-txt b{display:block;font-size:15px}
.fmt-txt small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px;line-height:1.35}
.exp-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:14px;border-radius:14px;font-weight:600;font-size:14.5px;color:var(--blue);background:rgba(32,72,240,.06);transition:background .2s}
.exp-link:hover{background:rgba(32,72,240,.11)}
.exp-link .ic{width:18px;height:18px}
@media (max-width:600px){
  .ucol{max-width:90%}
  .fmt-grid{grid-template-columns:1fr}
  .fmt-badge{width:40px;height:48px}
  .uact{opacity:1}
  .edit-hint{display:none}
}

/* ====================== ЗАХОД 3 ====================== */

/* ---------- сообщения пользователя: текст, код, файлы ---------- */
.u-text{white-space:pre-wrap}
.u-text+.codeblock,.codeblock+.u-text{margin-top:8px}
.msg.user .bubble.has-code{max-width:100%;width:100%;padding:10px 12px 12px}
.ucol:has(.has-code){width:100%;max-width:100%}
.m-files{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:100%}
.m-imgs{display:grid;gap:4px;border-radius:18px;overflow:hidden;width:min(340px,70vw)}
.m-imgs.n1{grid-template-columns:1fr}.m-imgs.n2{grid-template-columns:1fr 1fr}.m-imgs.n3,.m-imgs.n4{grid-template-columns:1fr 1fr}
.m-img{aspect-ratio:1;background:#E9EEFB center/cover no-repeat;cursor:zoom-in;transition:filter .2s}
.m-imgs.n1 .m-img{aspect-ratio:4/3}
.m-img:hover{filter:brightness(1.06)}
.m-file{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px var(--line),0 8px 18px -14px rgba(22,44,140,.4);max-width:320px}
.m-file-meta{min-width:0}
.m-file-meta b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-file-meta small{font-size:12.5px;color:var(--ink-3)}
.fbadge{flex:none;width:38px;height:46px;border-radius:8px 13px 8px 8px;display:grid;place-items:end center;padding-bottom:7px;position:relative;
  font:700 9.5px/1 "Onest",sans-serif;letter-spacing:.02em;color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 72%,#fff),var(--c));box-shadow:0 6px 12px -6px var(--c)}
.fbadge::before{content:"";position:absolute;right:0;top:0;width:12px;height:12px;border-radius:0 13px 0 6px;background:rgba(255,255,255,.45)}

/* вложения в поле ввода */
.att-row{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:-2px -4px 4px;scrollbar-width:none}
.att{position:relative;flex:none;border-radius:14px;overflow:hidden;animation:popIn .4s var(--spring)}
.att.img{width:64px;height:64px;background:#E9EEFB center/cover no-repeat;box-shadow:0 0 0 1px var(--line)}
.att.file{display:flex;align-items:center;gap:10px;height:64px;padding:0 34px 0 10px;max-width:250px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.att-meta{min-width:0}
.att-meta b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.att-meta small{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.att-x{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(15,27,61,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,transform .2s var(--spring)}
.att-x:hover{background:rgba(229,72,77,.9);transform:scale(1.1)}
.att-x .ic{width:13px;height:13px;stroke-width:2.4}
.att-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(32,72,240,.12);transition:opacity .4s .3s}
.att-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4F70FF,#2048F0)}
.att.done .att-prog{opacity:0}
.att.img:not(.done)::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.45)}

/* перетаскивание файлов */
.drop-zone{position:absolute;inset:6px;z-index:35;display:grid;place-items:center;border-radius:26px;border:2px dashed rgba(32,72,240,.45);background:rgba(238,243,255,.6);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .2s;pointer-events:none}
.drop-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 36px;border-radius:24px;text-align:center}
.drop-card .ic{width:34px;height:34px;color:var(--blue);animation:float 2s ease-in-out infinite}
.drop-card b{font-size:18px}
.drop-card span{font-size:14px;color:var(--ink-2)}

/* ---------- микрофон и запись ---------- */
.mic-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--blue);background:rgba(32,72,240,.08);
  box-shadow:0 0 0 1px rgba(32,72,240,.14);transition:transform .3s var(--spring),background .2s;animation:popIn .35s var(--spring)}
.mic-btn:hover{background:rgba(32,72,240,.14);transform:scale(1.06)}
.send{animation:popIn .35s var(--spring)}
.composer.recording{box-shadow:var(--shadow),0 0 0 4px rgba(229,72,77,.14)}
.rec-bar{display:flex;align-items:center;gap:10px;height:42px;margin:-2px 0 0 -6px}
.rec-cancel{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);transition:color .2s,background .2s}
.rec-cancel:hover{color:#D93A40;background:rgba(229,72,77,.08)}
.rec-cancel .ic{width:19px;height:19px}
.rec-dot{width:10px;height:10px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 0 rgba(229,72,77,.5);animation:recPulse 1.2s infinite}
@keyframes recPulse{70%{box-shadow:0 0 0 8px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.rec-time{font:500 15px "JetBrains Mono",monospace;font-variant-numeric:tabular-nums;min-width:42px}
.rec-wave{flex:1;height:34px;min-width:0}
.rec-hint{font-size:13px;color:var(--ink-3)}

/* голосовое сообщение */
.voice{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:24px 24px 6px 24px;min-width:250px;
  background:linear-gradient(180deg,rgba(236,242,255,.95),rgba(222,231,255,.9));border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 20px -14px rgba(32,72,240,.5)}
.v-play{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#4F70FF,#2048F0);
  box-shadow:0 1px 1px rgba(255,255,255,.5) inset,0 8px 16px -8px rgba(32,72,240,.8);transition:transform .25s var(--spring)}
.v-play:hover{transform:scale(1.07)}
.v-play .ic{width:18px;height:18px}
.v-wave{flex:1;display:flex;align-items:center;gap:2px;height:32px;cursor:pointer;min-width:150px}
.v-wave i{flex:1;min-width:2px;max-width:3px;border-radius:2px;background:rgba(32,72,240,.28);transition:background .15s}
.v-wave i.on{background:var(--blue)}
.voice.playing .v-wave i.on:last-of-type{box-shadow:0 0 6px rgba(32,72,240,.6)}
.v-time{font:500 12.5px "JetBrains Mono",monospace;color:var(--ink-2);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
.v-speed{height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700;color:var(--blue);background:rgba(255,255,255,.75);transition:background .2s}
.v-speed:hover{background:#fff}

/* ---------- Multi-Thinking в процессе ---------- */
.mt-live{position:relative;margin:2px 0 14px;padding:14px;border-radius:22px;overflow:hidden;animation:fadeUp .45s var(--ease);
  background:radial-gradient(120% 80% at 100% 0%,rgba(123,60,255,.10),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.9),rgba(243,240,255,.82));
  box-shadow:0 18px 40px -26px rgba(91,44,220,.6),0 1px 1px #fff inset}
.mt-live::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--a,0deg),rgba(32,72,240,.55),rgba(123,60,255,.7),rgba(240,180,41,.6),rgba(14,165,233,.55),rgba(32,72,240,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rot 3s linear infinite}
.mtl-head{display:flex;align-items:center;gap:12px}
.mtl-atom{position:relative;flex:none;width:38px;height:38px}
.mtl-atom .o{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(123,60,255,.45)}
.mtl-atom .o1{transform:rotate(0deg) scaleY(.38)}.mtl-atom .o2{transform:rotate(60deg) scaleY(.38)}.mtl-atom .o3{transform:rotate(120deg) scaleY(.38)}
.mtl-atom .o b{position:absolute;inset:0;animation:spin 1.1s linear infinite}
.mtl-atom .o2 b{animation-duration:1.4s;animation-direction:reverse}.mtl-atom .o3 b{animation-duration:1.7s}
.mtl-atom .o b::before{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#7B3CFF;box-shadow:0 0 8px #7B3CFF}
.mtl-atom .o2 b::before{background:#2048F0;box-shadow:0 0 8px #2048F0}.mtl-atom .o3 b::before{background:#D97706;box-shadow:0 0 8px #F0B429}
.mtl-atom .nucleus{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:linear-gradient(135deg,#2048F0,#7B3CFF);box-shadow:0 0 12px rgba(123,60,255,.8);animation:corePulse2 1.2s ease-in-out infinite}
@keyframes corePulse2{50%{transform:scale(1.35)}}
.mtl-title{display:flex;flex-direction:column;min-width:0}
.mtl-title b{font-size:15px;background:linear-gradient(90deg,#2048F0,#7B3CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.mtl-phase{font-size:13px;color:var(--ink-2);transition:opacity .3s}
.mtl-timer{margin-left:auto;font:500 13px "JetBrains Mono",monospace;color:var(--ink-3);font-variant-numeric:tabular-nums}
.mtl-body{display:grid;grid-template-columns:1fr 96px 54px;align-items:center;margin-top:12px}
.mtl-lanes{display:grid;gap:8px;min-width:0}
.mtl-lane{position:relative;display:grid;grid-template-columns:12px 1fr;align-items:center;gap:10px;height:62px;padding:0 14px 0 12px;border-radius:14px;overflow:hidden;
  background:#fff;box-shadow:0 0 0 1px rgba(15,27,61,.05),0 6px 16px -12px rgba(22,44,140,.45);animation:laneIn .5s var(--spring) both;animation-delay:calc(var(--i) * 90ms)}
@keyframes laneIn{from{opacity:0;transform:translateX(-14px) scale(.98)}}
.mtl-dot{width:10px;height:10px;border-radius:50%;background:var(--c);opacity:.35;transition:opacity .3s}
.mtl-lane.active .mtl-dot,.mtl-lane.done .mtl-dot{opacity:1}
.mtl-lane.active .mtl-dot{animation:dotPulse 1s infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 55%,transparent)}100%{box-shadow:0 0 0 9px transparent}}
.mtl-txt{min-width:0}
.mtl-txt b{display:block;font-size:12.5px;color:var(--c);font-weight:700}
.mtl-type{display:block;font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.4em}
.mtl-lane.active .mtl-type::after{content:"";display:inline-block;width:6px;height:12px;margin-left:2px;vertical-align:-1px;border-radius:1px;background:var(--c);animation:blink .8s steps(2) infinite}
.mtl-lane.active::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--c) 9%,transparent) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 1.6s linear infinite;pointer-events:none}
.mtl-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--c) 12%,transparent)}
.mtl-prog i{display:block;height:100%;width:0;background:var(--c);box-shadow:0 0 8px var(--c)}
.mtl-links{width:100%;height:272px;overflow:visible}
.mtl-links path{fill:none;stroke:var(--c);stroke-width:2;stroke-dasharray:4 7;opacity:.3;animation:dash 1.1s linear infinite;transition:opacity .4s}
.mtl-merge{display:grid;place-items:center}
.mtl-orb{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;background:conic-gradient(from var(--a,0deg),#2048F0,#7B3CFF,#D97706,#0EA5E9,#2048F0);
  box-shadow:0 0 0 5px rgba(255,255,255,.7),0 10px 24px -8px rgba(123,60,255,.7);animation:rot 4s linear infinite;transition:transform .5s var(--spring),box-shadow .5s}
.mtl-orb .ic{width:24px;height:24px;stroke-width:1.6}
.mt-live.merging .mtl-links path{opacity:1;animation-duration:.45s;stroke-width:2.4}
.mt-live.merging .mtl-orb{transform:scale(1.18);box-shadow:0 0 0 6px rgba(255,255,255,.8),0 0 36px rgba(123,60,255,.85)}
.mt-live.merging .mtl-orb .ic{animation:spin 1s linear infinite}
.mt-live.merging .mtl-lane{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--c) 45%,transparent),0 8px 20px -12px var(--c)}
.mt-live.merging .mtl-phase{color:#7B3CFF;font-weight:600}

/* запись о звонке в ленте */
.msg.call-rec{justify-content:center}
.call-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px 0 12px;border-radius:999px;font-size:13.5px;color:var(--ink-2);
  background:rgba(255,255,255,.7);border:1px solid var(--glass-brd);box-shadow:0 6px 16px -12px rgba(22,44,140,.4)}
.call-pill .ic{width:16px;height:16px;color:#16A34A}
.call-pill span{font:500 12.5px "JetBrains Mono",monospace;color:var(--ink-3)}

/* ---------- звонок ---------- */
.call{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(20px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));
  background:rgba(236,242,255,.72);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);animation:callIn .5s var(--spring);overflow:hidden}
.call.closing{animation:callOut .38s var(--ease) forwards}
@keyframes callIn{from{opacity:0;transform:scale(1.04)}}
@keyframes callOut{to{opacity:0;transform:scale(.97)}}
.call-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.call-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.7}
.call-bg i:nth-child(1){width:60vmax;height:60vmax;left:-20vmax;top:-25vmax;background:#B7C8FF;animation:drift1 14s ease-in-out infinite alternate}
.call-bg i:nth-child(2){width:50vmax;height:50vmax;right:-20vmax;bottom:-20vmax;background:#D9CCFF;animation:drift2 16s ease-in-out infinite alternate}
.call-bg i:nth-child(3){width:30vmax;height:30vmax;left:35vw;top:30vh;background:#CDEBFF;animation:drift3 12s ease-in-out infinite alternate}
.call-top{display:flex;justify-content:center;width:100%}
.call-enc{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;color:var(--ink-2);background:rgba(255,255,255,.55)}
.call-enc .ic{width:14px;height:14px}
.call-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%;max-width:560px}
.call-avatar{--lvl:0;position:relative;width:min(220px,52vw);aspect-ratio:1;margin-bottom:22px;display:grid;place-items:center}
.call-avatar .ring{position:absolute;inset:0;border-radius:50%;transition:transform .08s linear}
.call-avatar .r1{background:radial-gradient(circle,rgba(79,112,255,.0) 55%,rgba(79,112,255,.22) 70%,rgba(79,112,255,0) 72%);transform:scale(calc(1.05 + var(--lvl) * .35))}
.call-avatar .r2{border:2px solid rgba(123,60,255,.25);transform:scale(calc(1.18 + var(--lvl) * .55))}
.call-avatar .r3{border:1.5px solid rgba(32,72,240,.16);transform:scale(calc(1.32 + var(--lvl) * .8))}
.call[data-state="connecting"] .ring{animation:calling 1.6s var(--ease) infinite}
.call[data-state="connecting"] .r2{animation-delay:.3s}.call[data-state="connecting"] .r3{animation-delay:.6s}
@keyframes calling{0%{transform:scale(1);opacity:1}100%{transform:scale(1.7);opacity:0}}
.call-orb{position:relative;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.55) 45%,rgba(214,226,255,.7));border:1px solid rgba(255,255,255,.95);
  box-shadow:0 2px 2px #fff inset,0 -18px 40px rgba(32,72,240,.14) inset,0 30px 60px -24px rgba(22,44,140,.5);transform:scale(calc(1 + var(--lvl) * .06))}
.call-orb::before{content:"";position:absolute;left:14%;top:7%;width:56%;height:32%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0));transform:rotate(-18deg)}
.call-orb img{width:62%;filter:drop-shadow(0 10px 14px rgba(32,72,240,.35))}
.call-name{font-size:clamp(22px,4vw,28px);font-weight:800;letter-spacing:-.025em}
.call-status{font-size:15px;color:var(--ink-2);font-variant-numeric:tabular-nums;min-height:22px}
.call-bars{display:flex;align-items:center;gap:4px;height:22px;margin-top:4px}
.call-bars i{width:4px;height:22px;border-radius:3px;background:linear-gradient(180deg,#4F70FF,#7B3CFF);transform:scaleY(.2);transition:transform .08s linear}
.call[data-state="listening"] .call-bars i{background:linear-gradient(180deg,#22C55E,#16A34A)}
.call-sub{min-height:56px;max-width:520px;margin-top:14px;padding:12px 18px;border-radius:18px;font-size:17px;line-height:1.5;color:var(--ink);
  background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 24px -18px rgba(22,44,140,.45);transition:opacity .3s}
.call-sub:empty{opacity:0}
.call-sub.hide{opacity:0}
.call-actions{display:flex;align-items:flex-start;justify-content:center;gap:clamp(14px,4vw,30px)}
.call-act{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.call-act span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 1px 1px #fff inset,0 12px 24px -16px rgba(22,44,140,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .3s var(--spring),background .2s,color .2s}
.call-act:hover span{transform:translateY(-2px)}
.call-act:active span{transform:scale(.92)}
.call-act .ic{width:24px;height:24px}
.call-act.on span{background:var(--ink);color:#fff}
#callCc.on span{background:rgba(255,255,255,.62);color:var(--blue)}
.call-act.end span{width:72px;height:72px;margin-top:-4px;color:#fff;background:linear-gradient(180deg,#F26A70,#D93A40);border-color:rgba(255,255,255,.4);box-shadow:0 1px 1px rgba(255,255,255,.4) inset,0 16px 30px -12px rgba(217,58,64,.75)}
.call-act.end .ic{transform:rotate(135deg);width:28px;height:28px}

/* ---------- RuStore ---------- */
.rustore-btn{display:inline-flex;align-items:center;gap:12px;height:62px;padding:0 24px 0 12px;border-radius:20px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(32,44,90,.92),rgba(12,20,52,.96));box-shadow:0 1px 1px rgba(255,255,255,.35) inset,0 18px 36px -16px rgba(12,20,52,.7);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .35s var(--spring)}
.rustore-btn::before{content:"";position:absolute;left:8%;right:8%;top:2px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0))}
.rustore-btn:hover{transform:translateY(-2px)}
.rs-mark{width:40px;height:40px;border-radius:11px;box-shadow:0 6px 14px -6px rgba(0,119,255,.8)}
.rustore-btn small{display:block;font-size:12px;opacity:.75;font-weight:500}
.rustore-btn b{display:block;font-size:20px;letter-spacing:-.01em;line-height:1.1}
.rs-official img{display:block;height:44px;width:auto;margin:16px 0 4px}

.app-card{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;border-radius:var(--r-xl);padding:44px 44px 0;overflow:hidden}
.app-copy{padding-bottom:44px}
.app-copy h2{font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.app-copy>p{margin-top:14px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:32em}
.app-points{list-style:none;display:grid;gap:10px;margin-top:20px}
.app-points li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15.5px}
.app-points .ic{width:34px;height:34px;padding:8px;border-radius:11px;color:var(--blue);background:#fff;box-shadow:0 6px 14px -10px rgba(32,72,240,.6)}
.app-cta{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.qr-box{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-3);max-width:150px}
.qr-box #qr{flex:none;width:84px;height:84px;padding:7px;border-radius:14px;background:#fff;box-shadow:0 8px 20px -14px rgba(22,44,140,.5)}
.qr-box svg{display:block;width:100%;height:100%}
.phone{justify-self:center;align-self:end;width:250px;height:440px;padding:10px 10px 0;border-radius:42px 42px 0 0;background:linear-gradient(160deg,#25305E,#0F1B3D);
  box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 30px 60px -20px rgba(15,27,61,.6);transform:translateY(16px) rotate(-3deg);animation:phoneFloat 7s ease-in-out infinite}
@keyframes phoneFloat{50%{transform:translateY(6px) rotate(-2deg)}}
.phone-screen{height:100%;border-radius:33px 33px 0 0;padding:16px 12px;display:flex;flex-direction:column;gap:10px;overflow:hidden;
  background:radial-gradient(120% 60% at 80% 0%,#DDE6FF,transparent 60%),linear-gradient(180deg,#F5F8FF,#EAF0FF)}
.ph-top{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;margin-bottom:4px}
.ph-top img{width:22px}
.ph-msg{max-width:88%;padding:8px 11px;border-radius:14px;font-size:11.5px;line-height:1.45}
.ph-msg.u{align-self:flex-end;background:#DCE5FF;border-bottom-right-radius:4px}
.ph-msg.b{align-self:flex-start;background:#fff;box-shadow:0 4px 10px -8px rgba(22,44,140,.5);border-bottom-left-radius:4px}
.ph-voice{align-self:flex-end;display:flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:14px;background:#DCE5FF}
.ph-voice i{width:22px;height:22px;border-radius:50%;background:var(--blue)}
.ph-voice span{width:90px;height:16px;background:repeating-linear-gradient(90deg,var(--blue) 0 2px,transparent 2px 4px);-webkit-mask:linear-gradient(180deg,transparent 20%,#000 20% 80%,transparent 80%);opacity:.6}
.ph-voice em{font-style:normal;font-size:10px;color:var(--ink-2)}
.ph-input{margin-top:auto;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 6px 0 12px;border-radius:999px;background:#fff;font-size:11px;color:var(--ink-3);box-shadow:0 4px 12px -8px rgba(22,44,140,.5)}
.ph-input i{width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#4F70FF,#2048F0)}

.rs-banner{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 10px;border-radius:22px;
  background:rgba(255,255,255,.78);animation:bannerIn .55s var(--spring)}
.rs-banner.out{animation:bannerOut .35s var(--ease) forwards}
@keyframes bannerIn{from{opacity:0;transform:translateY(110%)}}
@keyframes bannerOut{to{opacity:0;transform:translateY(110%)}}
.rs-banner-mark{width:46px;height:46px;border-radius:13px;flex:none;box-shadow:0 8px 16px -8px rgba(0,119,255,.8)}
.rs-banner-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.rs-banner-txt b{font-size:15px}
.rs-banner-txt span{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-banner-btn{flex:none;height:38px;padding:0 16px;display:grid;place-items:center;border-radius:999px;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(180deg,#2A8BFF,#0077FF);box-shadow:0 8px 16px -8px rgba(0,119,255,.8)}
.rs-banner-x{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3)}
.rs-banner-x .ic{width:16px;height:16px}

/* ---------- боковая панель: разделы и приложение ---------- */
.sb-nav{display:grid;gap:2px;margin:0 2px 8px}
.sb-link{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--ink);transition:background .2s}
.sb-link .ic{width:18px;height:18px;color:var(--ink-2)}
.sb-link:hover{background:rgba(255,255,255,.7)}
.sb-link.on{background:#fff;box-shadow:0 4px 14px -8px rgba(22,44,140,.35)}
.sb-link.on .ic{color:var(--blue)}
.sb-star{font-style:normal;color:var(--blue);font-weight:700;margin-left:-6px;align-self:flex-start;margin-top:8px;font-size:12px}
.sb-app{display:flex;align-items:center;gap:10px;margin:8px 2px 4px;padding:10px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(232,240,255,.7));
  box-shadow:0 0 0 1px rgba(0,119,255,.12),0 8px 18px -14px rgba(0,119,255,.6);transition:transform .3s var(--spring)}
.sb-app:hover{transform:translateY(-1px)}
.sb-app img{width:34px;height:34px;border-radius:10px}
.sb-app b{display:block;font-size:13.5px}
.sb-app small{display:block;font-size:12px;color:#0060CC}
.sec-title{font-weight:700;font-size:16px;padding-left:6px}

/* ---------- разделы RusMind.Код и API ---------- */
.sec-pane{flex:1;min-height:0;overflow-y:auto;padding:12px 18px 40px}
.sec-inner{max-width:860px;margin:0 auto;display:grid;gap:18px;animation:fadeUp .5s var(--ease)}
.code-hero{text-align:center;padding:18px 0 6px;display:flex;flex-direction:column;align-items:center;gap:12px}
.code-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#25305E,#0F1B3D);box-shadow:0 16px 30px -14px rgba(15,27,61,.7),0 1px 1px rgba(255,255,255,.3) inset}
.code-ic .ic{width:30px;height:30px}
.code-ic.key{background:linear-gradient(160deg,#4F70FF,#2048F0);box-shadow:0 16px 30px -14px rgba(32,72,240,.7),0 1px 1px rgba(255,255,255,.4) inset}
.code-hero h1{font-size:clamp(30px,4vw,40px);letter-spacing:-.035em;font-weight:800}
.code-hero h1 sup{font-size:.5em;color:var(--blue)}
.code-hero p{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:36em}
.term{border-radius:22px;overflow:hidden;background:rgba(14,22,52,.9)!important;border-color:rgba(255,255,255,.12)!important}
.term::before{opacity:.25}
.term-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.term-bar i{width:11px;height:11px;border-radius:50%;background:#E5484D}.term-bar i:nth-child(2){background:#F0B429}.term-bar i:nth-child(3){background:#22C55E}
.term-bar span{margin-left:10px;font:500 12.5px "JetBrains Mono",monospace;color:rgba(255,255,255,.5)}
.term-body{min-height:250px;padding:16px 20px 20px;font:400 13.5px/1.75 "JetBrains Mono",monospace;color:#C9D6FF;white-space:pre-wrap;word-break:break-word}
.tl.p{color:#9DB2FF}.tl.d{color:#7C88AC}.tl.u{color:#fff;font-weight:500}.tl.s{color:#C9D6FF}.tl.ok{color:#6EE7B7}
.tl:last-child::after{content:"";display:inline-block;width:8px;height:15px;margin-left:3px;vertical-align:-2px;background:#9DB2FF;animation:blink 1s steps(2) infinite}
.install{display:grid;gap:8px}
.install-row{display:grid;grid-template-columns:200px 1fr 40px;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:16px;background:rgba(255,255,255,.7);box-shadow:0 0 0 1px var(--line)}
.install-label{font-size:13.5px;color:var(--ink-3);font-weight:500}
.install-row code{font:500 14px "JetBrains Mono",monospace;color:var(--ink);overflow-x:auto;white-space:nowrap}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feat{padding:18px;border-radius:20px;background:rgba(255,255,255,.66);border:1px solid var(--glass-brd);box-shadow:0 10px 24px -20px rgba(22,44,140,.5)}
.feat .ic{width:22px;height:22px;color:var(--blue)}
.feat b{display:block;margin-top:10px;font-size:16px}
.feat p{margin-top:4px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.star-note{text-align:center}
.api-card{border-radius:24px;padding:18px 20px}
.api-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.api-head h3{font-size:17px}
.btn-send-sm .ic{width:16px;height:16px;stroke-width:2.2}
.btn-send-sm{display:inline-flex;align-items:center;gap:6px}
.key-list{display:grid;gap:8px}
.key-row{display:grid;grid-template-columns:38px 1fr auto 40px;align-items:center;gap:12px;padding:10px 8px 10px 10px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);animation:fadeUp .4s var(--ease)}
.key-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:rgba(32,72,240,.08)}
.key-ic .ic{width:18px;height:18px}
.key-meta{min-width:0}
.key-meta b{display:block;font-size:14.5px}
.key-meta code{font:500 12.5px "JetBrains Mono",monospace;color:var(--ink-3)}
.key-row small{font-size:12px;color:var(--ink-3);text-align:right;line-height:1.45}
.api-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat{border-radius:20px;padding:16px 18px}
.stat b{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--blue)}
.stat span{font-size:13.5px;color:var(--ink-2)}
.key-show{display:flex;align-items:center;gap:8px;margin-top:16px;padding:8px 8px 8px 14px;border-radius:14px;background:#F3F6FF;box-shadow:0 0 0 1px var(--line)}
.key-show code{flex:1;min-width:0;font:500 13px "JetBrains Mono",monospace;word-break:break-all}

/* просмотр картинки */
.viewer{place-items:center}
.viewer img{position:relative;max-width:92vw;max-height:88vh;border-radius:18px;box-shadow:0 30px 80px -20px rgba(15,27,61,.6);animation:modalIn .4s var(--spring)}
.viewer-x{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.8)}

/* ---------- адаптив ---------- */
@media (max-width:860px){
  .app-card{grid-template-columns:1fr;padding:28px 24px 0}
  .app-copy{padding-bottom:0}
  .phone{width:220px;height:300px;margin-top:6px}
  .qr-box{display:none!important}
  .mtl-body{grid-template-columns:1fr}
  .mtl-links,.mtl-merge{display:none}
  .install-row{grid-template-columns:1fr 40px}
  .install-label{grid-column:1/-1;margin-bottom:-6px}
  .feat-grid,.api-stats{grid-template-columns:1fr}
  .key-row{grid-template-columns:38px 1fr 40px}
  .key-row small{display:none}
  .sec-title{font-size:15px}
}
@media (max-width:600px){
  .voice{min-width:0;width:100%}
  .v-wave{min-width:0}
  .call-act span{width:58px;height:58px}
  .call-act.end span{width:66px;height:66px}
  .call-sub{font-size:16px}
  .app-cta{gap:14px}
  .rustore-btn{width:100%;justify-content:center}
  .m-imgs{width:min(300px,78vw)}
}
@media (min-width:861px){ .rs-banner{display:none!important} }
.sec-inner>*{min-width:0}
.api-card{overflow:hidden}
.mtl-timer{white-space:nowrap}
@media (max-width:860px){ .toasts{top:calc(66px + env(safe-area-inset-top));bottom:auto} }
.rs-banner-txt span{white-space:normal;line-height:1.3}
.call-cbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#15803D;background:rgba(22,163,74,.10);
  box-shadow:0 0 0 1px rgba(22,163,74,.18);transition:transform .3s var(--spring),background .2s;animation:popIn .35s var(--spring)}
.call-cbtn:hover{background:rgba(22,163,74,.17);transform:scale(1.06)}
.call-cbtn .ic{width:19px;height:19px}

/* ====================== ЗАХОД 4: подписки, лимиты, ветки ====================== */
.block-head.center{text-align:center;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}
.fine.center{text-align:center}
.bill-seg{margin-top:18px}
.bill-seg button{height:36px;padding:0 16px;font-size:14px}

/* без многоточий: длинные названия плавно гаснут */
.citem .t{text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.att-meta b,.m-file-meta b{text-overflow:clip;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mtl-type{text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.call[data-state="connecting"] .call-status::after{content:"";display:inline-block;width:1.4em;text-align:left;animation:dots 1.2s steps(4) infinite}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.spin-slow{animation:spin 2.4s linear infinite}

/* ---------- витрина АТОМ: магнум опус ---------- */
.atom-show{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:20px;padding:52px;border-radius:36px;overflow:hidden;color:#fff;isolation:isolate;
  background:radial-gradient(90% 70% at 85% 30%,rgba(123,60,255,.55),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(32,72,240,.6),transparent 65%),linear-gradient(160deg,#0B1033 0%,#160F45 55%,#241052 100%);
  box-shadow:0 40px 90px -40px rgba(60,30,180,.75),0 1px 1px rgba(255,255,255,.3) inset}
.atom-show::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--a,0deg),rgba(157,178,255,.7),rgba(217,194,255,.2),rgba(255,216,107,.8),rgba(157,178,255,.2),rgba(157,178,255,.7));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rot 8s linear infinite}
.as-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.as-bg i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.as-bg i:nth-child(1){width:340px;height:340px;right:-60px;top:-80px;background:#7B3CFF;animation:drift1 16s ease-in-out infinite alternate}
.as-bg i:nth-child(2){width:260px;height:260px;left:-60px;bottom:-90px;background:#2048F0;animation:drift2 18s ease-in-out infinite alternate}
.as-bg i:nth-child(3){width:160px;height:160px;right:30%;bottom:-40px;background:#D97706;opacity:.3;animation:drift3 14s ease-in-out infinite alternate}
.as-stars{position:absolute;inset:0;background:
  radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 28% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 44% 12%,#DCD0FF,transparent),
  radial-gradient(1px 1px at 58% 84%,#fff,transparent),radial-gradient(2px 2px at 76% 18%,#FFE7A3,transparent),radial-gradient(1px 1px at 88% 62%,#fff,transparent),
  radial-gradient(1.5px 1.5px at 6% 88%,#C9D6FF,transparent),radial-gradient(1px 1px at 36% 40%,#fff,transparent),radial-gradient(1px 1px at 66% 50%,#fff,transparent);animation:twinkle 5s ease-in-out infinite alternate}
.as-kicker{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 10px;border-radius:999px;font-size:14px;font-weight:600;color:#FFE7A3;background:rgba(255,216,107,.12);box-shadow:0 0 0 1px rgba(255,216,107,.28) inset}
.as-kicker .ic{width:17px;height:17px}
.atom-show h2{margin:18px 0 10px;font-size:clamp(70px,10vw,132px);line-height:.88;font-weight:800;letter-spacing:.02em;
  background:linear-gradient(100deg,#fff 0%,#C9D6FF 30%,#E4D4FF 55%,#FFD86B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 40px rgba(157,120,255,.45))}
.atom-show h2 span{display:block;font-size:16px;letter-spacing:0;font-weight:600;color:rgba(255,255,255,.75);-webkit-text-fill-color:rgba(255,255,255,.75);margin-bottom:10px}
.as-lead{font-size:clamp(18px,1.7vw,21px);line-height:1.5;font-weight:600;color:#fff;max-width:34em}
.as-copy>p:not(.as-lead){margin-top:12px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.88);max-width:38em}
.as-copy ul{list-style:none;display:grid;gap:10px;margin-top:20px}
.as-copy li{position:relative;padding-left:30px;font-weight:600;font-size:15.5px;color:#fff}
.as-copy li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#9DB2FF,#B26CFF 60%,#FFD86B);box-shadow:0 0 12px rgba(178,108,255,.7)}
.as-copy li::after{content:"";position:absolute;left:6px;top:6px;width:8px;height:5px;border-left:2px solid #140F3D;border-bottom:2px solid #140F3D;transform:rotate(-45deg)}
.as-cta{display:inline-flex;align-items:center;gap:10px;height:56px;margin-top:28px;padding:0 26px 0 20px;border-radius:999px;font-weight:700;font-size:17px;color:#1A1240;position:relative;overflow:hidden;
  background:linear-gradient(100deg,#FFE7A3,#FFD86B 40%,#E9B949);box-shadow:0 18px 40px -14px rgba(255,200,80,.7),0 1px 1px rgba(255,255,255,.7) inset;transition:transform .35s var(--spring)}
.as-cta::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:sheen 4s var(--ease) infinite 1s}
.as-cta:hover{transform:translateY(-2px) scale(1.02)}
.as-cta .ic{width:22px;height:22px;animation:spin 6s linear infinite}
.as-visual{position:relative;display:grid;place-items:center;min-height:320px}
.as-atom{position:relative;width:min(320px,70vw);aspect-ratio:1}
.as-atom .o{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(201,214,255,.35);box-shadow:0 0 30px rgba(123,60,255,.25) inset}
.as-atom .o1{transform:rotate(0deg) scaleY(.36)}.as-atom .o2{transform:rotate(60deg) scaleY(.36)}.as-atom .o3{transform:rotate(120deg) scaleY(.36)}
.as-atom .o b{position:absolute;inset:0;animation:spin 3s linear infinite}
.as-atom .o2 b{animation-duration:4.2s;animation-direction:reverse}.as-atom .o3 b{animation-duration:5.4s}
.as-atom .o b::before{content:"";position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#C9D6FF;box-shadow:0 0 18px 4px rgba(157,178,255,.9)}
.as-atom .o2 b::before{background:#E4D4FF;box-shadow:0 0 18px 4px rgba(178,108,255,.9)}.as-atom .o3 b::before{background:#FFE7A3;box-shadow:0 0 18px 4px rgba(255,216,107,.9)}
.as-core{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 35% 30%,#fff,rgba(201,214,255,.55) 30%,rgba(123,60,255,.85) 70%);box-shadow:0 0 60px rgba(157,120,255,.9),0 0 0 8px rgba(255,255,255,.06);animation:corePulse 3s ease-in-out infinite}
.as-core .ic{width:46px;height:46px;stroke-width:1.4;color:#fff}
.as-badge{position:absolute;bottom:4px;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:700;color:#FFE7A3;
  background:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,231,163,.3) inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.as-badge .ic{width:16px;height:16px}

/* ---------- карточки тарифов ---------- */
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch;margin-top:8px}
.pcard{position:relative;display:flex;flex-direction:column;padding:24px 20px 22px;border-radius:26px;background:rgba(255,255,255,.68);border:1px solid var(--glass-brd);box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);animation:fadeUp .6s var(--ease) both;animation-delay:calc(var(--i) * 80ms);transition:transform .4s var(--spring)}
.pcard:hover{transform:translateY(-4px)}
.pcard h3{font-size:19px;letter-spacing:-.02em}
.pc-sub{font-size:13.5px;color:var(--ink-3);margin-top:3px;min-height:2.6em}
.pc-price{display:flex;align-items:baseline;gap:6px;margin-top:14px}
.pc-price b{font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1}
.pc-price span{font-size:13.5px;color:var(--ink-3)}
.pcard>small{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-3);min-height:1.4em}
.pcard>small em{font-style:normal;font-weight:700;color:#11804A}
.pc-btn{height:46px;margin:16px 0 18px;border-radius:14px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(180deg,#4F70FF,#2048F0);
  box-shadow:0 1px 1px rgba(255,255,255,.4) inset,0 12px 24px -12px rgba(32,72,240,.8);transition:transform .3s var(--spring)}
.pc-btn:hover:not(:disabled){transform:translateY(-1px)}
.pc-btn:disabled{background:rgba(32,72,240,.08);color:var(--blue);box-shadow:0 0 0 1px rgba(32,72,240,.18) inset;cursor:default}
.pcard.free .pc-btn:not(:disabled){background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.pcard ul{list-style:none;display:grid;gap:9px}
.pcard li{display:flex;gap:9px;font-size:13.5px;line-height:1.4}
.pcard li .ic{flex:none;width:17px;height:17px;margin-top:1px;color:#16A34A;stroke-width:2.4}
.pcard li.no{color:var(--ink-3)}
.pcard li.no .ic{color:#B4BDD6}
.pcard li.atom span{font-weight:600}
.pcard li.atom .ic{color:#7B3CFF}
.pc-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;height:24px;padding:0 12px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(100deg,#2048F0,#7B3CFF);box-shadow:0 8px 16px -8px rgba(91,44,220,.8)}
.pc-tag.ultra{background:linear-gradient(100deg,#E9B949,#FFD86B);color:#1A1240}
.pcard.pro{border-color:rgba(32,72,240,.35);box-shadow:var(--shadow),0 0 0 2px rgba(32,72,240,.18)}
.pcard.ultra{color:#fff;border-color:rgba(255,255,255,.2);
  background:radial-gradient(100% 70% at 100% 0%,rgba(123,60,255,.5),transparent 60%),linear-gradient(160deg,#141B4D,#24145E)}
.pcard.ultra .pc-sub,.pcard.ultra .pc-price span,.pcard.ultra>small{color:rgba(255,255,255,.72)}
.pcard.ultra>small em{color:#86EFAC}
.pcard.ultra li .ic{color:#FFD86B}
.pcard.ultra li.atom .ic{color:#D9C2FF}
.pcard.ultra .pc-btn{background:linear-gradient(100deg,#FFE7A3,#FFD86B 50%,#E9B949);color:#1A1240;box-shadow:0 12px 24px -12px rgba(255,200,80,.7)}
.pcard.ultra .pc-btn:disabled{background:rgba(255,255,255,.12);color:#FFE7A3}
.pcard.cur{outline:2px solid #16A34A;outline-offset:3px}
.sec-inner.wide{max-width:1180px}
.sec-inner .atom-show{margin-top:6px}

/* ---------- поле ввода: Веб, замки, счётчик ---------- */
.web-toggle{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 10px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--ink-2);
  background:rgba(32,72,240,.06);box-shadow:0 0 0 1px rgba(32,72,240,.12);transition:all .3s var(--spring)}
.web-toggle .ic{width:17px;height:17px}
.web-toggle .lock-ic{display:none;width:13px;height:13px;color:var(--ink-3)}
.web-toggle.locked .lock-ic,.mt-toggle.locked::before{display:inline-block}
.web-toggle[aria-pressed="true"]{color:#fff;background:linear-gradient(100deg,#0EA5E9,#2048F0);box-shadow:0 10px 20px -10px rgba(14,165,233,.9)}
.web-toggle[aria-pressed="true"] .ic{animation:spin 6s linear infinite}
.mt-toggle.locked{opacity:.75}
.mt-toggle.locked::before{content:"";display:none;position:absolute;right:-3px;top:-3px;width:16px;height:16px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B3CFF' stroke-width='2.4'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E") center/10px no-repeat;box-shadow:0 2px 6px rgba(22,44,140,.3)}
.mic-btn.locked,.call-cbtn.locked{position:relative}
.mic-btn.locked::after,.call-cbtn.locked::after{content:"";position:absolute;right:-2px;top:-2px;width:16px;height:16px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2348557A' stroke-width='2.4'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E") center/10px no-repeat;box-shadow:0 2px 6px rgba(22,44,140,.3)}
.mo-lock{display:grid;place-items:center;width:20px;height:20px;color:var(--ink-3)}
.mo-lock .ic{width:15px;height:15px}
.meter{max-width:780px;margin:8px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--ink-3);text-align:center;flex-wrap:wrap}
.meter .ic{width:14px;height:14px}
.meter.ok{color:#11804A}
.meter.low{color:#B45309}
.meter.warn{color:#D93A40}
.meter-bar{width:56px;height:5px;border-radius:999px;background:rgba(32,72,240,.12);overflow:hidden}
.meter-bar i{display:block;height:100%;background:linear-gradient(90deg,#4F70FF,#2048F0);border-radius:inherit;transition:width .5s var(--ease)}
.meter.low .meter-bar i{background:#F0B429}.meter.warn .meter-bar i{background:#E5484D}
.link{color:var(--blue);font-weight:600;font-size:inherit}
.link:hover{text-decoration:underline}
.app.is-empty .meter{margin-top:12px}

/* ---------- уведомления в ленте ---------- */
.msg.notice{justify-content:center}
.notice-card{display:flex;gap:14px;max-width:560px;width:100%;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.8);border:1px solid var(--glass-brd);box-shadow:var(--shadow);animation:fadeUp .45s var(--ease)}
.notice-ic{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#4F70FF,#2048F0)}
.notice-card.atom .notice-ic{background:linear-gradient(160deg,#1E2A6B,#3B1FA8)}
.notice-card.limit .notice-ic{background:linear-gradient(160deg,#F0B429,#D97706)}
.notice-ic .ic{width:21px;height:21px}
.notice-card b{font-size:15.5px}
.notice-card p{font-size:14px;line-height:1.5;color:var(--ink-2);margin-top:3px}
.notice-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.notice-act .btn-glass{gap:6px}
.notice-act .ic{width:16px;height:16px}

/* ---------- ветки ---------- */
.fork-banner{align-self:center;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;font-size:13px;color:var(--ink-2);background:rgba(255,255,255,.7);box-shadow:0 0 0 1px var(--line);transition:color .2s}
.fork-banner:hover{color:var(--blue)}
.fork-banner .ic{width:15px;height:15px;color:var(--violet)}
.branch-wrap{position:relative}
#branchBtn{position:relative}
.branch-count{position:absolute;top:4px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;font-size:10.5px;font-weight:700;line-height:16px;color:#fff;background:var(--violet)}
.branch-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:340px;max-width:calc(100vw - 24px);max-height:60vh;overflow:auto;padding:8px;border-radius:20px;background:rgba(255,255,255,.92);animation:pop .3s var(--spring)}
.bm-head{display:flex;align-items:center;gap:8px;padding:8px 10px 10px;font-size:14.5px}
.bm-head .ic{width:17px;height:17px;color:var(--violet)}
.bm-row{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:6px 10px 6px calc(10px + var(--d) * 20px);border-radius:12px;text-align:left;font-size:13.5px;color:var(--ink-2);transition:background .15s}
.bm-row::before{content:"";position:absolute;left:calc(17px + (var(--d) - 1) * 20px);top:0;bottom:0;width:2px;border-radius:2px;background:rgba(123,60,255,.25);display:var(--show,none)}
.bm-row[style*="--d:1"],.bm-row[style*="--d:2"],.bm-row[style*="--d:3"]{--show:block}
.bm-row:hover{background:rgba(15,27,61,.045)}
.bm-row.on{color:var(--ink);font-weight:600;background:rgba(123,60,255,.08)}
.bm-row .ic{flex:none;width:15px;height:15px;color:var(--ink-3)}
.bm-row.on .ic{color:var(--violet)}
.bm-row span{flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);white-space:nowrap;overflow:hidden}
.bm-row em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--violet);background:rgba(123,60,255,.1);padding:1px 7px;border-radius:999px}
.bm-empty{padding:4px 10px 12px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}

/* ---------- профиль и меню аккаунта ---------- */
.profile-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0}
.plan-chip{font-size:11.5px;font-weight:700;color:var(--ink-3)}
.plan-chip.plus{color:#0369A1}.plan-chip.pro{color:var(--blue)}.plan-chip.ultra{color:#B7791F}
.acc-pop{position:fixed;z-index:60;width:260px;padding:8px;border-radius:20px;background:rgba(255,255,255,.92);animation:pop .3s var(--spring)}
.acc-head{display:flex;align-items:center;gap:10px;padding:8px 8px 10px}
.acc-head b{display:block;font-size:14.5px}.acc-head small{font-size:12.5px;color:var(--ink-3)}
.acc-plan{display:flex;align-items:center;gap:8px;margin:0 4px 6px;padding:10px 12px;border-radius:14px;font-size:13.5px;font-weight:700;color:var(--ink-2);background:rgba(15,27,61,.04)}
.acc-plan .ic{width:16px;height:16px}
.acc-plan.pro{color:var(--blue);background:rgba(32,72,240,.08)}.acc-plan.plus{color:#0369A1;background:rgba(14,165,233,.1)}
.acc-plan.ultra{color:#FFE7A3;background:linear-gradient(120deg,#141B4D,#24145E)}
.acc-pop>button{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border-radius:11px;font-size:14.5px;font-weight:500}
.acc-pop>button:hover{background:rgba(32,72,240,.07)}
.acc-pop>button.danger{color:#D93A40}
.acc-pop .ic{width:18px;height:18px}
.sb-link.plans-link .ic{color:#B7791F}

/* ---------- окна входа и подписки ---------- */
.modal-x{position:absolute;top:12px;right:12px}
.login-card{text-align:center;padding:30px 26px 22px!important}
.login-bear{width:64px;margin:0 auto 10px;filter:drop-shadow(0 8px 12px rgba(32,72,240,.3))}
.login-card h2{font-size:22px!important}
.login-list{display:grid;gap:8px;margin-top:18px}
.login-btn{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;border-radius:14px;font-weight:600;font-size:15px;background:#fff;box-shadow:0 0 0 1px var(--line),0 6px 14px -12px rgba(22,44,140,.5);transition:transform .25s var(--spring)}
.login-btn:hover{transform:translateY(-1px)}
.login-btn .lg{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff}
.login-btn.ya .lg{background:#FC3F1D}.login-btn.vk .lg{background:#0077FF;font-size:11px}.login-btn.gg .lg{background:#fff;color:#4285F4;box-shadow:0 0 0 1px #E3E8F3}.login-btn.mr .lg{background:#005FF9}
.login-mail{display:flex;gap:8px;margin-top:12px}
.login-mail input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:13px;border:1px solid rgba(32,72,240,.18);background:#fff;font-size:15px;outline:none}
.login-mail input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(32,72,240,.12)}
.login-mail .btn-send-sm{height:44px}
.up-card{text-align:center;padding:30px 26px 22px!important;overflow:hidden}
.up-card h2{font-size:22px!important;margin-top:6px}
.up-card p{max-width:30em;margin-left:auto!important;margin-right:auto!important}
.up-atom{position:relative;width:120px;height:120px;margin:0 auto 4px;display:grid;place-items:center}
.up-atom i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(123,60,255,.35)}
.up-atom i:nth-of-type(1){transform:rotate(0) scaleY(.36)}.up-atom i:nth-of-type(2){transform:rotate(60deg) scaleY(.36)}.up-atom i:nth-of-type(3){transform:rotate(120deg) scaleY(.36)}
.up-atom-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#1E2A6B,#3B1FA8);box-shadow:0 0 30px rgba(123,60,255,.6);animation:corePulse 3s ease-in-out infinite;transform-origin:center}
.up-atom-orb .ic{width:30px;height:30px;animation:spin 6s linear infinite}
.up-ic{width:64px;height:64px;margin:0 auto 4px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#4F70FF,#2048F0);box-shadow:0 14px 28px -12px rgba(32,72,240,.7)}
.up-ic .ic{width:30px;height:30px}
.up-list{list-style:none;display:grid;gap:8px;margin:16px auto 0;text-align:left;max-width:340px}
.up-list li{position:relative;padding-left:26px;font-size:14px;font-weight:600}
.up-list li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#2048F0,#7B3CFF)}
.up-list li::after{content:"";position:absolute;left:5px;top:6px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.modal-actions.col{flex-direction:column;align-items:stretch;gap:6px}
.btn-liquid.sm{height:52px;font-size:16px;justify-content:center;padding:0 24px}
.btn-ghost.sm{height:40px;justify-content:center;font-size:14.5px}
.up-from{font-size:12.5px;color:var(--ink-3)}

/* ---------- Лимиты и расходы ---------- */
.code-ic.usage{background:linear-gradient(160deg,#22C55E,#15803D);box-shadow:0 16px 30px -14px rgba(22,163,74,.7),0 1px 1px rgba(255,255,255,.4) inset}
.code-ic.admin{background:linear-gradient(160deg,#48557A,#0F1B3D)}
.u-plan{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 24px;border-radius:24px}
.u-plan small{font-size:13px;color:var(--ink-3)}
.u-plan h3{font-size:24px;letter-spacing:-.02em;margin:2px 0 4px}
.u-plan>div>span{font-size:14px;color:var(--ink-2)}
.u-plan.ultra{color:#fff;background:radial-gradient(100% 80% at 100% 0%,rgba(123,60,255,.5),transparent 60%),linear-gradient(160deg,#141B4D,#24145E)!important}
.u-plan.ultra small,.u-plan.ultra>div>span{color:rgba(255,255,255,.75)}
.u-plan-act{display:flex;gap:8px;flex-wrap:wrap}
.u-h{font-size:18px;margin:8px 0 -4px}
.lim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.lim-card{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid var(--glass-brd);box-shadow:0 10px 24px -20px rgba(22,44,140,.5)}
.lim-card>.ic{width:22px;height:22px;color:var(--blue)}
.lim-card>b{font-size:16px;margin-top:-4px}
.lim-card>span{font-size:13.5px;color:var(--ink-2)}
.lim-card.locked{opacity:.92}
.lim-card.locked>.ic{color:var(--ink-3)}
.lim-card.free>.ic{color:#16A34A}
.lim-inf{font-size:22px!important;font-weight:800;color:#16A34A!important}
.lim-row{display:grid;gap:12px}
.lim-half{display:flex;align-items:center;gap:12px}
.lim-half small{display:block;font-size:12px;color:var(--ink-3)}
.lim-half b{display:block;font-size:15px}
.lim-half span{font-size:12.5px;color:var(--ink-3)}
.ring{width:54px;height:54px;flex:none;transform:rotate(-90deg)}
.ring .rb{fill:none;stroke:rgba(32,72,240,.1);stroke-width:7}
.ring .rf{fill:none;stroke:url(#gAtom);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease);animation:ringIn 1s var(--ease)}
@keyframes ringIn{from{stroke-dashoffset:170}}
.spend-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}
.spend{padding:20px;border-radius:22px;display:flex;flex-direction:column;gap:8px}
.spend small{font-size:13px;color:var(--ink-3)}
.spend>b{font-size:36px;font-weight:800;letter-spacing:-.04em}
.spend-split{display:grid;gap:4px;font-size:13.5px;color:var(--ink-2)}
.spend-split i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}
.spend-split .s1{background:var(--blue)}.spend-split .s2{background:#0EA5E9}
.budget-row{display:flex;align-items:center;gap:8px}
.budget-row input{width:140px;height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(32,72,240,.18);background:#fff;font-size:18px;font-weight:700}
.budget-bar{height:8px;border-radius:999px;background:rgba(14,165,233,.12);overflow:hidden}
.budget-bar i{display:block;height:100%;background:linear-gradient(90deg,#0EA5E9,#2048F0);border-radius:inherit}
.chk{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.alerts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2)}
.al{height:30px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-2);background:rgba(15,27,61,.05);transition:all .2s}
.al.on{color:#fff;background:var(--blue)}
.chart{padding:18px 20px;border-radius:22px}
.chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.chart-head span{font-weight:700;color:#0369A1}
.bars{display:grid;grid-template-columns:repeat(30,1fr);gap:4px;align-items:end;height:130px}
.bars i{display:block;height:max(3px,var(--h));border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#38BDF8,#2048F0);transform-origin:bottom;animation:barIn .7s var(--spring) both;animation-delay:var(--d)}
@keyframes barIn{from{transform:scaleY(0)}}
.pay-row{display:grid;grid-template-columns:22px 1fr auto auto;gap:12px;align-items:center;padding:12px 6px;border-top:1px solid var(--line);font-size:14px}
.pay-row .ic{width:18px;height:18px;color:#B7791F}
.pay-row em{font-style:normal;color:var(--ink-3)}

/* ---------- Админка ---------- */
.adm-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.btn-glass.rec{color:var(--violet)}
.btn-glass .ic{width:16px;height:16px}
.tbl-wrap{overflow-x:auto;margin:0 -4px;padding:0 4px}
.adm-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;min-width:760px}
.adm-tbl th,.adm-tbl td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.adm-tbl thead th{font-size:12px;font-weight:600;color:var(--ink-3)}
.adm-tbl tbody th{font-weight:700}
.adm-tbl input{width:78px;height:34px;padding:0 8px;border-radius:9px;border:1px solid rgba(32,72,240,.16);background:#fff;font-size:13.5px;font-weight:600}
.adm-tbl input::placeholder{font-weight:400;color:#B4BDD6;font-size:11px}
.adm-tbl input:focus,.cin input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(32,72,240,.12)}
.switch.sm{width:40px;height:24px}.switch.sm::after{width:18px;height:18px}.switch.sm[aria-checked="true"]::after{transform:translateX(16px)}
.adm-tbl.econ{min-width:620px}
.adm-tbl.econ td{font-weight:600;font-variant-numeric:tabular-nums}
.adm-tbl.econ td small{font-weight:500;opacity:.75;margin-left:4px}
.adm-tbl td.good{color:#15803D}.adm-tbl td.mid{color:#B45309}.adm-tbl td.bad{color:#D93A40}
.cost-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.cost-cap{width:100%;font-size:13px;color:var(--ink-3)}
.cin{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink-2)}
.cin.inline{flex-direction:row;align-items:center;gap:8px}
.cin input{width:96px;height:38px;padding:0 10px;border-radius:11px;border:1px solid rgba(32,72,240,.16);background:#fff;font-size:14px;font-weight:600}
.cin.inline input{width:64px;height:34px}
.sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:4px 0 12px}
.sliders label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.sliders input[type=range]{accent-color:var(--blue);width:100%}

@media (max-width:1080px){ .plan-grid{grid-template-columns:repeat(2,1fr);row-gap:22px} .atom-show{grid-template-columns:1fr;padding:40px 30px} .as-visual{min-height:260px;order:-1} }
@media (max-width:860px){ .spend-grid,.sliders{grid-template-columns:1fr} .branch-pop{position:fixed;top:60px;left:8px;right:8px;width:auto} }
@media (max-width:600px){
  .plan-grid{grid-template-columns:1fr}
  .atom-show{padding:30px 22px;border-radius:28px}
  .as-atom{width:min(230px,64vw)}
  .as-core{width:76px;height:76px;margin:-38px}
  .as-cta{width:100%;justify-content:center}
  .meter{font-size:12px}
  .notice-card{flex-direction:column}
}

/* ====================== ЗАХОД 5: модели на устройстве, RusMind.Код ====================== */
.tag.dev{background:rgba(123,60,255,.1);color:#6D28D9}
.mo-dl{margin-left:auto;font:600 11px "Onest",sans-serif;color:var(--ink-3);background:rgba(15,27,61,.05);padding:2px 8px;border-radius:999px}
.mo-dl.ok{color:#11804A;background:rgba(22,163,74,.1)}
.mo-name{width:100%}

/* блок «Нейросеть прямо в браузере» */
.loc-card{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding:44px;border-radius:var(--r-xl);overflow:hidden}
.loc-kicker{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px 0 10px;border-radius:999px;font-size:13.5px;font-weight:700;color:#11804A;background:rgba(22,163,74,.1)}
.loc-kicker .ic{width:16px;height:16px}
.loc-copy h2{margin-top:14px;font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.loc-copy>p{margin-top:14px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:34em}
.loc-points{list-style:none;display:grid;gap:10px;margin-top:20px}
.loc-points li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}
.loc-points .ic{flex:none;width:34px;height:34px;padding:8px;border-radius:11px;color:#16A34A;background:#fff;box-shadow:0 6px 14px -10px rgba(22,163,74,.6)}
.loc-cta{margin-top:26px;gap:10px}
.loc-cta .ic{transform:none!important;width:20px;height:20px}
.loc-mock{position:relative;min-height:330px}
.lm-win{position:relative;z-index:1;width:92%;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.85);box-shadow:0 30px 60px -30px rgba(22,44,140,.55),0 0 0 1px rgba(15,27,61,.06)}
.lm-bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;background:#F1F4FB;border-bottom:1px solid var(--line)}
.lm-bar i{width:9px;height:9px;border-radius:50%;background:#E3E8F3}
.lm-bar span{margin-left:10px;flex:1;height:22px;border-radius:7px;background:#fff;font-size:11.5px;color:var(--ink-3);display:flex;align-items:center;padding:0 10px}
.lm-off{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#11804A;background:rgba(22,163,74,.12)}
.lm-off .ic{width:14px;height:14px}
.lm-body{position:relative;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:250px}
.lm-dl{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:#F6F8FE;font-size:13px;font-weight:600;transition:opacity .4s,transform .4s var(--ease)}
.lm-dl .ic{width:18px;height:18px;color:var(--blue)}
.lm-pct{font:600 12.5px "JetBrains Mono",monospace;color:var(--blue)}
.lm-prog{grid-column:1/-1;height:6px;border-radius:999px;background:rgba(32,72,240,.1);overflow:hidden}
.lm-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4F70FF,#22C55E);border-radius:inherit;transition:width .08s linear}
.lm-ok,.lm-q,.lm-a{opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.lm-ok{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#11804A}
.lm-ok .ic{width:18px;height:18px;padding:2px;border-radius:50%;color:#fff;background:#16A34A;stroke-width:3}
.lm-q{align-self:flex-end;max-width:80%;padding:9px 13px;border-radius:14px 14px 4px 14px;background:#DCE5FF;font-size:13px}
.lm-a{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.5}
.lm-a img{width:22px;margin-top:1px}
.lm-body.done .lm-ok{opacity:1;transform:none}
.lm-body.done .lm-q{opacity:1;transform:none;transition-delay:.5s}
.lm-body.done .lm-a{opacity:1;transform:none;transition-delay:1.1s}
.lm-body.done .lm-dl{opacity:.55}
.lm-phone{position:absolute;right:0;bottom:-10px;z-index:2;width:120px;height:220px;padding:7px;border-radius:24px;background:linear-gradient(160deg,#25305E,#0F1B3D);box-shadow:0 24px 40px -18px rgba(15,27,61,.7);animation:phoneFloat 7s ease-in-out infinite}
.lm-phone-in{height:100%;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#F5F8FF,#E3EBFF);font-size:11.5px;font-weight:700;color:#11804A}
.lm-phone-in img{width:44px}
.lm-phone-in .ic{width:16px;height:16px}

/* окно скачивания */
.dl-card{text-align:center;padding:30px 26px 22px!important}
.dl-card h2{font-size:21px!important;margin-top:10px}
.dl-ic{position:relative;width:84px;height:84px;margin:0 auto;display:grid;place-items:center}
.dl-ic .m-ic{width:64px;height:64px;border-radius:20px}
.dl-ic .m-ic .ic{width:30px;height:30px}
.dl-arrow{position:absolute;right:-2px;bottom:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#4F70FF,#2048F0);box-shadow:0 6px 14px -6px rgba(32,72,240,.8);animation:float 2s ease-in-out infinite}
.dl-arrow .ic{width:16px;height:16px;stroke-width:2.4}
.dl-ring{position:absolute;inset:0;transform:rotate(-90deg)}
.dl-ring circle{fill:none;stroke:rgba(32,72,240,.12);stroke-width:5}
.dl-ring .f{stroke:#2048F0;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289}
.dl-check{position:absolute;right:-2px;bottom:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#16A34A;box-shadow:0 6px 14px -6px rgba(22,163,74,.8);animation:popIn .5s var(--spring)}
.dl-check .ic{width:18px;height:18px;stroke-width:3}
.dl-info{display:grid;gap:0;margin:16px 0 12px;padding:4px 14px;border-radius:16px;background:rgba(15,27,61,.035);text-align:left}
.dl-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;border-bottom:1px solid var(--line)}
.dl-row:last-child{border-bottom:0}
.dl-row span{color:var(--ink-2)}
.dl-row b.ok{color:#15803D}.dl-row b.bad{color:#D93A40}
.dl-warn{display:flex;gap:10px;align-items:flex-start;text-align:left;margin-top:8px;padding:11px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;color:#8A6206;background:rgba(240,180,41,.13)}
.dl-warn.red{color:#B42318;background:rgba(229,72,77,.09)}
.dl-warn .ic{flex:none;width:18px;height:18px;margin-top:1px}
.dl-app{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:14px;text-align:left;font-size:13.5px;font-weight:600;background:linear-gradient(135deg,#fff,#EAF2FF);box-shadow:0 0 0 1px rgba(0,119,255,.18)}
.dl-app img{width:34px;height:34px;border-radius:10px}
.dl-app .go{margin-left:auto;transform:rotate(-90deg);color:#0077FF;width:18px;height:18px}
.dl-bar{height:10px;margin:18px 0 8px;border-radius:999px;background:rgba(32,72,240,.1);overflow:hidden}
.dl-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#4F70FF,#2048F0,#4F70FF);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
.dl-nums{display:flex;justify-content:space-between;font-size:13.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.btn-send-sm.big{height:48px;font-size:15.5px;justify-content:center}
.notice-card.dl .notice-ic{background:linear-gradient(160deg,#22C55E,#15803D)}

/* RusMind.Код: окно приложения */
.tui{border-radius:16px;overflow:hidden;background:#0D1226;box-shadow:0 30px 70px -30px rgba(10,16,48,.75),0 0 0 1px rgba(255,255,255,.06);font:400 13.5px/1.6 "JetBrains Mono",Consolas,monospace;color:#D7DEF5}
.tui-bar{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 6px 0 4px;background:#151B36}
.tui-tab{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:9px 9px 0 0;margin-top:8px;background:#0D1226;font:500 12.5px "Onest",sans-serif;color:#C9D6FF}
.tui-tab .ic{width:15px;height:15px}
.tui-ctl{display:flex;gap:2px}
.tui-ctl i{width:38px;height:26px;position:relative}
.tui-ctl i::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px -5px;background:#8590AE}
.tui-ctl i:nth-child(2)::before{height:9px;margin-top:-4.5px;background:none;border:1.5px solid #8590AE}
.tui-ctl i:nth-child(3)::before{height:1.5px;transform:rotate(45deg)}
.tui-ctl i:nth-child(3)::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px -5px;background:#8590AE;transform:rotate(-45deg)}
.tui-body{height:360px;overflow:hidden;padding:16px 18px 6px;display:flex;flex-direction:column;gap:8px}
.tui-step{animation:fadeUp .3s var(--ease)}
.tui-welcome{display:inline-block;padding:10px 16px;border:1px solid #6E83FF;border-radius:10px}
.tui-welcome .star{color:#9DB2FF}
.tui-welcome b{color:#fff}
.tui .dim{color:#7C88AC}
.tui-meta{margin-top:6px;font-size:12.5px;color:#7C88AC}
.tui-user{padding:4px 10px;border-left:2px solid #6E83FF;background:rgba(255,255,255,.05);color:#fff;border-radius:0 6px 6px 0}
.tui-think .star{display:inline-block;width:1em;color:#B26CFF}
.tui-think .shim{background:linear-gradient(90deg,#B26CFF 30%,#fff 50%,#B26CFF 70%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.6s linear infinite}
.tui-tool .dot{color:#22C55E}
.tui-tool b{color:#fff;font-weight:600}
.tui-tool .arg{color:#9DB2FF}
.tui-res{padding-left:14px;color:#8E9AC0}
.tui-res.ok,.tui-res .okc{color:#86EFAC}
.tui-res .spin{display:inline-block;color:#9DB2FF;animation:spin 1s steps(8) infinite}
.tui-diff{margin:4px 0 0 14px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06);font-size:12.5px}
.tui-diff .dl{display:grid;grid-template-columns:34px 16px 1fr;padding:1px 8px 1px 0;white-space:pre;overflow:hidden}
.tui-diff .ln{text-align:right;padding-right:8px;color:#5B6688}
.tui-diff .add{background:rgba(34,197,94,.14);color:#BBF7D0}.tui-diff .add .sg{color:#4ADE80}
.tui-diff .del{background:rgba(229,72,77,.16);color:#FECACA}.tui-diff .del .sg{color:#F87171}
.tui-perm{margin-left:14px;padding:10px 14px;border:1px solid #9DB2FF;border-radius:10px;background:rgba(110,131,255,.08)}
.tui-perm b{display:block;color:#fff;margin-bottom:4px}
.tui-perm .opt{color:#A9B4D8}
.tui-perm .opt.sel{color:#9DB2FF;font-weight:600}
.tui-answer{color:#E7ECFF}
.tui-answer .dot.w{color:#fff}
.tui-input{display:flex;align-items:center;gap:8px;margin:6px 14px 0;padding:9px 12px;border:1px solid #3A4570;border-radius:10px;min-height:42px;color:#fff}
.tui-prompt{color:#9DB2FF;font-weight:700}
.tui-cur{width:8px;height:16px;background:#C9D6FF;animation:blink 1s steps(2) infinite}
.tui-ph{color:#5B6688;margin-left:-8px}
.tui-status{display:flex;justify-content:space-between;gap:12px;padding:6px 16px 10px;font-size:11.5px;color:#6B7699}
.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.code-card{border-radius:22px;padding:20px}
.code-card h3{font-size:17px;margin-bottom:10px}
.win-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border-radius:18px;text-align:left;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#2B7BFF,#0A5BD9);box-shadow:0 1px 1px rgba(255,255,255,.4) inset,0 16px 30px -14px rgba(10,91,217,.75);transition:transform .35s var(--spring)}
.win-btn::before{content:"";position:absolute;left:8%;right:8%;top:2px;height:40%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent)}
.win-btn:hover{transform:translateY(-2px)}
.win-btn .ic{width:30px;height:30px}
.win-btn b{display:block;font-size:17px}
.win-btn small{display:block;font-size:12.5px;opacity:.85}
.code-steps{margin:14px 0 0 1.2em;display:grid;gap:8px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.code-steps li::marker{color:var(--blue);font-weight:800}
.acc-line{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.acc-line .al-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:rgba(32,72,240,.08)}
.acc-line .al-ic.atom-ic{color:#fff;background:linear-gradient(160deg,#1E2A6B,#3B1FA8)}
.acc-line .al-ic .ic{width:18px;height:18px}
.acc-line b{display:block;font-size:14.5px}
.acc-line small{font-size:12.5px;color:var(--ink-3)}
.acc-line small code{font:500 12px "JetBrains Mono",monospace}
.acc-line .st{width:18px;height:18px}
.acc-line.ok .st{color:#16A34A}.acc-line.no .st{color:var(--ink-3)}
.acc-line.no small{color:#B45309}
.acc-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.acc-btns .ic{width:16px;height:16px}
@media (max-width:860px){
  .loc-card{grid-template-columns:1fr;padding:28px 22px}
  .loc-mock{min-height:300px}
  .code-grid{grid-template-columns:1fr}
  .tui{font-size:12px}
  .tui-body{height:400px;padding:12px}
  .tui-status span:first-child{display:none}
}

/* ====================== ЗАХОД 7: публичная версия, настоящие модели, речь ====================== */
/* «думает» — без текста рассуждений */
.think-anim{display:inline-flex;align-items:center;gap:12px;height:44px;margin:2px 0 6px;padding:0 16px 0 8px;border-radius:999px;
  background:linear-gradient(120deg,rgba(255,255,255,.85),rgba(234,240,255,.75));box-shadow:0 0 0 1px rgba(32,72,240,.10),0 10px 24px -18px rgba(32,72,240,.6);animation:fadeUp .4s var(--ease)}
.ta-orb{position:relative;width:30px;height:30px;flex:none}
.ta-orb b{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#7B9BFF 45%,#2048F0);box-shadow:0 0 14px rgba(32,72,240,.55);animation:corePulse2 1.4s ease-in-out infinite}
.ta-orb i{position:absolute;inset:0;border-radius:50%;animation:spin 1.6s linear infinite}
.ta-orb i::before{content:"";position:absolute;left:50%;top:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2048F0;box-shadow:0 0 8px #4F70FF}
.ta-orb i:nth-child(2){animation-duration:2.2s;animation-direction:reverse}.ta-orb i:nth-child(2)::before{background:#7B3CFF;box-shadow:0 0 8px #7B3CFF}
.ta-orb i:nth-child(3){animation-duration:2.9s;inset:3px}.ta-orb i:nth-child(3)::before{background:#0EA5E9;box-shadow:0 0 8px #0EA5E9}
.ta-label{font-size:14.5px;font-weight:600;background:linear-gradient(90deg,var(--ink-2) 30%,var(--blue) 50%,var(--ink-2) 70%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 2.2s linear infinite}
.ta-dots{display:inline-flex;gap:4px}
.ta-dots i{width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:.3;animation:dot 1.2s infinite}
.ta-dots i:nth-child(2){animation-delay:.15s}.ta-dots i:nth-child(3){animation-delay:.3s}

/* Multi-Thinking — красивое, но без содержимого линий */
.mt-anim{position:relative;display:flex;align-items:center;gap:16px;margin:2px 0 8px;padding:14px 18px 14px 14px;border-radius:22px;overflow:hidden;animation:fadeUp .45s var(--ease);
  background:radial-gradient(120% 90% at 0% 50%,rgba(123,60,255,.12),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.9),rgba(243,240,255,.85));box-shadow:0 18px 40px -26px rgba(91,44,220,.6)}
.mt-anim::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--a,0deg),rgba(32,72,240,.6),rgba(123,60,255,.75),rgba(240,180,41,.6),rgba(14,165,233,.6),rgba(32,72,240,.6));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rot 3s linear infinite}
.mta-core{position:relative;width:54px;height:54px;flex:none}
.mta-core .o{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(123,60,255,.4)}
.mta-core .o1{transform:rotate(0) scaleY(.36)}.mta-core .o2{transform:rotate(60deg) scaleY(.36)}.mta-core .o3{transform:rotate(120deg) scaleY(.36)}
.mta-core .o b{position:absolute;inset:0;animation:spin 1.1s linear infinite}.mta-core .o2 b{animation-duration:1.5s;animation-direction:reverse}.mta-core .o3 b{animation-duration:1.9s}
.mta-core .o b::before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#7B3CFF;box-shadow:0 0 10px #7B3CFF}
.mta-core .o2 b::before{background:#2048F0;box-shadow:0 0 10px #2048F0}.mta-core .o3 b::before{background:#D97706;box-shadow:0 0 10px #F0B429}
.mta-nuc{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2048F0,#7B3CFF);box-shadow:0 0 16px rgba(123,60,255,.8);animation:corePulse2 1.2s ease-in-out infinite}
.mta-nuc .ic{width:15px;height:15px;stroke-width:1.6}
.mta-lanes{flex:1;display:grid;gap:7px;min-width:0}
.mta-lane{position:relative;height:6px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent);overflow:hidden}
.mta-lane i{position:absolute;top:0;bottom:0;width:38%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--c),transparent);box-shadow:0 0 10px var(--c);
  animation:lane 1.6s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:calc(var(--i) * -.37s)}
@keyframes lane{from{left:-40%}to{left:105%}}
.mta-label{font-size:14px;font-weight:700;background:linear-gradient(90deg,#2048F0,#7B3CFF);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}

/* ошибки, расшифровка, пометки */
.msg-err{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 2px;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.45;color:#B42318;background:rgba(229,72,77,.08)}
.msg-err .ic{width:18px;height:18px;flex:none}
.msg-err button{display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--blue);background:#fff;box-shadow:0 0 0 1px rgba(32,72,240,.15)}
.msg-err button .ic{width:15px;height:15px}
.who .via{width:13px;height:13px;vertical-align:-2px;color:#16A34A}
.v-text{max-width:340px;padding:8px 14px;border-radius:16px 16px 6px 16px;font-size:14.5px;line-height:1.5;background:rgba(255,255,255,.75);box-shadow:0 0 0 1px var(--line);color:var(--ink);animation:fadeUp .35s var(--ease)}
.v-text.pending{color:var(--ink-3);background:linear-gradient(90deg,rgba(255,255,255,.6) 30%,rgba(220,229,255,.9) 50%,rgba(255,255,255,.6) 70%);background-size:300% 100%;animation:shimmer 1.8s linear infinite}
.v-text.err{color:#B42318;background:rgba(229,72,77,.07)}
.mo-dev{margin-left:auto;font:600 11px "Onest",sans-serif;color:#8A6206;background:rgba(240,180,41,.16);padding:2px 8px;border-radius:999px;white-space:nowrap}
.pub-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.45;color:#8A6206;background:rgba(240,180,41,.13);box-shadow:0 0 0 1px rgba(240,180,41,.25)}
.pub-banner .ic{width:18px;height:18px;flex:none}
.as-cta.soon{cursor:default;opacity:.92}
.dl-warn.ok{color:#11804A;background:rgba(22,163,74,.1)}
.call-sub small{display:block;font-size:13px;color:var(--ink-3);margin-bottom:4px}
.call[data-state="thinking"] .call-bars i{background:linear-gradient(180deg,#F0B429,#D97706)}

/* ====================== ЗАХОД 9: мобильные правки, компактный АТОМ, админ ====================== */
/* АТОМ — спокойная компактная карточка */
.atom-mini{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:24px;position:relative;overflow:hidden;
  background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(243,240,255,.72));border:1px solid var(--glass-brd);box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%)}
.am-orb{position:relative;flex:none;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(160deg,#1E2A6B,#3B1FA8);box-shadow:0 12px 24px -12px rgba(59,31,168,.7)}
.am-orb .o{position:absolute;inset:9px;border-radius:50%;border:1.3px solid rgba(255,255,255,.35)}
.am-orb .o1{transform:rotate(30deg) scaleY(.4)}.am-orb .o2{transform:rotate(-30deg) scaleY(.4)}
.am-orb .o b{position:absolute;inset:0;animation:spin 2.4s linear infinite}.am-orb .o2 b{animation-duration:3.2s;animation-direction:reverse}
.am-orb .o b::before{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#C9D6FF;box-shadow:0 0 8px #9DB2FF}
.am-nuc{position:relative;color:#fff;display:grid;place-items:center}
.am-nuc .ic{width:22px;height:22px;stroke-width:1.6}
.am-txt{min-width:0}
.am-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.am-head b{font-size:18px;letter-spacing:-.02em}
.am-tag{font-size:12px;font-weight:700;color:#8A6206;background:rgba(240,180,41,.16);padding:3px 9px;border-radius:999px}
.am-txt p{margin-top:4px;font-size:14.5px;line-height:1.5;color:var(--ink-2);max-width:60em}
.am-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.am-chips span{font-size:12px;font-weight:600;color:#5B3CC4;background:rgba(123,60,255,.08);padding:3px 10px;border-radius:999px}
#atom{padding-top:24px;padding-bottom:24px}

/* вход в админку */
.adm-login{display:flex;gap:10px;max-width:420px;width:100%;margin:0 auto;padding:12px;border-radius:20px}
.adm-login input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:13px;border:1px solid rgba(32,72,240,.18);background:#fff;font-size:15px;outline:none}
.adm-login input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(32,72,240,.12)}
.adm-login .btn-send-sm{height:44px}

/* окна всегда листаются, если не помещаются */
.modal-card.small{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}

@media (max-width:860px){
  /* больше места под историю чатов */
  .sidebar{width:min(340px,88vw);padding:10px 8px 8px}
  .sb-top{margin-bottom:6px}
  .newchat{height:40px;margin-bottom:6px}
  .sb-nav{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px}
  .sb-link{flex-direction:column;justify-content:center;gap:3px;height:52px;padding:4px;font-size:11.5px;text-align:center;line-height:1.15;background:rgba(255,255,255,.5)}
  .sb-link .ic{width:17px;height:17px}
  .sb-star{display:none}
  .sb-search{height:36px;margin-bottom:4px}
  .sb-app{display:none}
  .group-title{padding:10px 10px 4px}
  .citem{height:38px}
  .profile{height:44px}
  .modal-card.small{max-height:calc(100dvh - 16px)}
}
@media (max-width:600px){
  /* «В разработке» и размеры не ломают строку модели */
  .mo-name{flex-wrap:wrap;row-gap:3px}
  .mo-dev,.mo-dl{margin-left:0}
  .mopt{align-items:start}
  .mopt .ok,.mo-lock{margin-top:6px}
  /* подписки на телефоне — компактная лента, без «в лицо» */
  .plan-grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding:12px 2px 8px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}
  .pcard{flex:0 0 74%;scroll-snap-align:start;padding:16px 14px 14px;border-radius:20px;animation:none}
  .pcard h3{font-size:16px}
  .pc-sub{font-size:12.5px;min-height:0}
  .pc-price b{font-size:26px}
  .pc-btn{height:38px;margin:10px 0 12px;font-size:13.5px;border-radius:12px}
  .pcard li{font-size:12.5px}
  .pcard li:nth-child(n+5){display:none}
  .pc-tag{font-size:11px;height:22px;top:-10px}
  #pricing .block-head h2,#plansPane .block-head h2{font-size:26px}
  #pricing .block-head p,#plansPane .block-head p{font-size:14.5px}
  .bill-seg button{height:32px;padding:0 12px;font-size:13px}
  .atom-mini{align-items:flex-start;gap:12px;padding:14px}
  .am-orb{width:46px;height:46px;border-radius:14px}
  .am-txt p{font-size:13.5px}
  .dl-card{padding:24px 18px 18px!important}
  .dl-info{margin:12px 0 8px}
}

/* RuStore — пока «Скоро» */
.rustore-btn.soon,.rs-banner-btn.soon,.sb-app.soon,.dl-app.soon{cursor:default}
.rustore-btn.soon{opacity:.92}
.rustore-btn.soon:hover,.sb-app.soon:hover{transform:none}
.rs-banner-btn.soon{background:rgba(0,119,255,.12);color:#0060CC;box-shadow:none}
.sb-app.soon small{color:var(--ink-3)}
.rs-official.soon{display:none}

/* главная кнопка — спокойная синяя, без бликов и свечения */
.btn-liquid{height:54px;padding:0 24px 0 28px;gap:10px;font-size:17px;font-weight:600;letter-spacing:0;
  background:#2048F0;box-shadow:0 8px 20px -10px rgba(32,72,240,.55);transition:background .2s,transform .25s var(--ease),box-shadow .25s}
.btn-liquid::before,.btn-liquid::after,.btn-liquid-glow{display:none}
.btn-liquid:hover{background:#1A3DD6;transform:translateY(-1px);box-shadow:0 12px 24px -12px rgba(32,72,240,.6)}
.btn-liquid:active{transform:translateY(0)}
.btn-liquid .ic{width:20px;height:20px;stroke-width:2}
.btn-liquid:hover .ic{transform:rotate(90deg) translateX(0) translateY(-2px)}
.btn-liquid.sm{height:48px;font-size:15.5px}