/* xSale — общий визуальный язык («терминал сигналов»), как на лендинге landing_en.html. Кабинет /app. */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#08090a;--bg2:#0e1011;--panel:#111314;--rule:#23272a;--rule2:#1a1d1f;
  --ink:#eef0ea;--dim:#9aa19a;--mute:#5d645f;
  --sig:#3dff8f;--sig-d:#1d7a46;--sig-g:rgba(61,255,143,.14);
  --hot:#ff4d2e;--warm:#ffb020;
  --mono:'JetBrains Mono',ui-monospace,monospace;--disp:'Big Shoulders Display',Impact,sans-serif;--sans:'IBM Plex Sans',system-ui,sans-serif;
}
html[lang=ru]{--disp:"Oswald",Impact,sans-serif}
html{-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;min-height:100vh}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(var(--rule2) 1px,transparent 1px),linear-gradient(90deg,var(--rule2) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(ellipse at 80% 0%,#000 0%,transparent 60%);opacity:.5}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.mono{font-family:var(--mono)}
.dim{color:var(--dim)}.mute{color:var(--mute)}.sig{color:var(--sig)}
[hidden]{display:none!important}

/* живая точка, логотип с радаром */
.blink{width:7px;height:7px;border-radius:50%;background:var(--sig);display:inline-block;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,255,143,.7)}70%{box-shadow:0 0 0 9px rgba(61,255,143,0)}100%{box-shadow:0 0 0 0 rgba(61,255,143,0)}}
.logo{font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:900;font-size:26px;letter-spacing:.5px;display:flex;align-items:center;gap:10px}
.logo i{width:20px;height:20px;border:2px solid var(--sig);border-radius:50%;position:relative;display:inline-block}
.logo i::after{content:'';position:absolute;left:50%;top:50%;width:9px;height:2px;background:var(--sig);transform-origin:0 50%;animation:spin 2.4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;padding:12px 18px;border:1px solid var(--sig);cursor:pointer;transition:.15s;background:none;white-space:nowrap}
.btn-sig{background:var(--sig);color:#04120a}.btn-sig:hover{background:#7dffb4}
.btn-ghost{color:var(--ink);border-color:#3a403c}.btn-ghost:hover{border-color:var(--sig);color:var(--sig);background:var(--sig-g)}
.btn-sm{padding:7px 11px;font-size:11px}
.btn[disabled]{opacity:.45;cursor:default}
.lang,.snd{background:none;border:1px solid var(--rule);color:var(--mute);font-family:var(--mono);font-size:12px;padding:7px 10px;cursor:pointer;letter-spacing:.06em}
.lang b{font-weight:700}.lang .on{color:var(--sig)}.lang:hover,.snd:hover{border-color:var(--sig)}
.snd.on{color:var(--sig);border-color:var(--sig)}

/* каркас кабинета */
.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh;position:relative;z-index:1}
.side{border-right:1px solid var(--rule);background:#0a0b0c;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 0}
.side .logo{padding:0 22px 26px}
.nav a{display:flex;align-items:center;gap:12px;padding:11px 22px;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);border-left:2px solid transparent}
.nav a:hover{color:var(--ink);background:var(--rule2)}
.nav a.on{color:var(--ink);border-left-color:var(--sig);background:linear-gradient(90deg,var(--sig-g),transparent 70%)}
.nav a .ic{width:18px;text-align:center;color:var(--mute)}.nav a.on .ic{color:var(--sig)}
.nav a .cnt{margin-left:auto;font-size:11px;color:var(--mute)}
.side .plan-box{margin:auto 16px 0;border:1px solid var(--rule);padding:14px;font-family:var(--mono);font-size:11.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
.side .plan-box b{display:block;color:var(--ink);font-size:13px;margin-bottom:4px}
.side .plan-box b.live{color:var(--sig)}
.side .plan-box .btn{margin-top:10px;width:100%}
.main{min-width:0}
.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 36px;border-bottom:1px solid var(--rule);position:sticky;top:0;background:rgba(8,9,10,.92);backdrop-filter:blur(6px);z-index:20}
.top .logo{display:none}
.top .live{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;color:var(--sig);font-weight:700;letter-spacing:.08em}
.top .live span.mute{font-weight:400;letter-spacing:.02em}
.top .r{display:flex;align-items:center;gap:10px}
.content{padding:30px 36px 80px;max-width:1360px}
.bnav{display:none}

h1.pt{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(40px,4.2vw,64px);line-height:.9;letter-spacing:-.3px}
h1.pt em{font-style:normal;color:var(--sig)}
.kick{font-family:var(--mono);font-size:12px;color:var(--sig);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.lead{color:var(--dim);font-size:16px;max-width:680px;margin-top:12px}
.sec{margin-top:40px}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);padding-bottom:10px;margin-bottom:16px}
.sec-h h2{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-weight:500}
.sec-h a{font-family:var(--mono);font-size:12px;color:var(--sig)}

/* демо-плашка */
.demo{border:1px solid var(--warm);background:rgba(255,176,32,.06);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.demo .t{font-family:var(--mono);font-size:12.5px;color:var(--warm);letter-spacing:.04em}
.demo .t b{color:var(--ink);font-weight:500;letter-spacing:0;font-family:var(--sans);font-size:14.5px;display:block;margin-top:3px}
.demo.pend{border-color:var(--rule);background:var(--panel)}.demo.pend .t{color:var(--sig)}

/* счётчики */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);margin-top:26px;background:var(--panel)}
.stats>div{padding:16px 20px;border-left:1px solid var(--rule)}.stats>div:first-child{border-left:none}
.stats .k{font-family:var(--mono);font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.stats .v{font-family:var(--disp);font-weight:900;font-size:38px;line-height:1.05;margin-top:4px}
.stats .v small{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--dim)}
.stats .v.sig{color:var(--sig)}

/* фильтры */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:26px 0 16px}
.seg{display:inline-flex;border:1px solid var(--rule)}
.seg a{font-family:var(--mono);font-size:12px;padding:8px 12px;color:var(--dim);border-left:1px solid var(--rule);text-transform:uppercase;letter-spacing:.04em}
.seg a:first-child{border-left:none}.seg a:hover{color:var(--ink)}
.seg a.on{color:#04120a;background:var(--sig)}
.sel{background:var(--bg);border:1px solid var(--rule);color:var(--ink);font-family:var(--mono);font-size:12px;padding:8px 10px;text-transform:uppercase;letter-spacing:.04em;max-width:240px}
.flab{font-family:var(--mono);font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em;margin-left:6px}
.tip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--rule);border-radius:50%;font-family:var(--mono);font-size:11px;color:var(--dim);cursor:help;position:relative}
.tip:hover::after,.tip:focus::after{content:attr(data-tip);position:absolute;top:26px;left:50%;transform:translateX(-50%);width:260px;background:#050606;border:1px solid var(--sig);color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.4;padding:10px 12px;z-index:30;text-transform:none;letter-spacing:0}

/* карточки роликов (как на лендинге) */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
.vc{background:var(--panel);position:relative;display:flex;flex-direction:column}
.vc .th{display:block;aspect-ratio:9/12;background:#3dff8f center/cover no-repeat;background-blend-mode:luminosity;position:relative;filter:brightness(.66) contrast(1.12) saturate(.42);transition:filter .4s}
.vc:hover .th{background-blend-mode:normal;filter:none}
.vc .shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(8,9,10,.96) 96%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.vc .x{position:absolute;top:10px;left:10px;background:var(--sig);color:#04120a;font-family:var(--mono);font-weight:700;font-size:13px;padding:3px 8px}
.vc .x.hot{background:var(--hot);color:#fff}
.vc .du{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:11px;background:rgba(8,9,10,.8);padding:2px 6px;color:var(--dim)}
.vc .meta{position:absolute;left:12px;right:12px;bottom:12px;pointer-events:none}
.vc .t{font-size:13.5px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vc .s{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:6px}
.vc .s em{font-style:normal;color:var(--sig)}
.vc .act{display:grid;grid-template-columns:auto 1fr 1.35fr;border-top:1px solid var(--rule)}
.vc .act>*{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:10px 8px;background:none;border:none;border-left:1px solid var(--rule);cursor:pointer;color:var(--dim);text-align:center}
.vc .act>*:first-child{border-left:none;padding:10px 13px;font-size:15px;line-height:1}
.vc .act>*:hover{color:var(--ink);background:var(--rule2)}
.vc .act .star.on{color:var(--sig)}
.vc .act .mk{color:var(--sig)}
.vc .new{position:absolute;top:36px;left:10px;font-family:var(--mono);font-size:10px;color:var(--sig);border:1px solid var(--sig);padding:1px 5px;background:rgba(8,9,10,.7)}
.more{display:flex;justify-content:center;margin-top:18px}

/* пустые состояния */
.empty{border:1px dashed var(--rule);padding:36px 28px;text-align:center;color:var(--dim)}
.empty b{display:block;font-family:var(--mono);color:var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:14px;margin-bottom:8px}
.empty .btn{margin-top:16px}

/* ниши */
.nrow{display:grid;grid-template-columns:44px 1.25fr 120px 1fr 210px 150px;gap:18px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--rule2);background:var(--panel)}
.ntable{border:1px solid var(--rule)}
.nrow.h{background:var(--bg2);font-family:var(--mono);font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em;padding:10px 18px}
.nrow .pos{font-family:var(--mono);color:var(--mute);font-size:13px}
.nrow .nm b{display:block;font-size:16px;font-weight:600}
.nrow .nm span{display:block;color:var(--dim);font-size:13px;margin-top:3px;line-height:1.4}
.nrow .nm .score,.nrow .nm .score span{display:inline;font-size:11.5px;color:var(--dim)}.nrow .nm .score{display:block}
.lbl{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 8px;letter-spacing:.06em;border:1px solid var(--rule);color:var(--dim)}
.lbl.HOT{background:var(--hot);border-color:var(--hot);color:#fff}
.lbl.RISING{color:var(--warm);border-color:var(--warm)}
.lbl.CROWDED,.lbl.COLD{color:var(--mute)}
.lbl.NEW{color:var(--sig);border-color:var(--sig-d)}
.score{font-family:var(--mono);font-size:12px;color:var(--dim)}
.score .b{height:6px;background:var(--rule2);margin-top:6px;position:relative}
.score .b span{position:absolute;inset:0 auto 0 0;background:var(--sig)}
.score .b span.h{background:var(--hot)}.score .b span.w{background:var(--warm)}
.ex{display:flex;gap:4px}
.ex a{width:46px;aspect-ratio:9/14;background:#3dff8f center/cover;background-blend-mode:luminosity;filter:brightness(.7) saturate(.4);display:block}
.ex a:hover{filter:none;background-blend-mode:normal}
.nrow .btn{width:100%}
.btn.tracking{color:var(--sig);border-color:var(--sig-d)}

/* онбординг */
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:24px}
.nc{background:var(--panel);padding:16px 16px 14px;cursor:pointer;position:relative;display:block;min-height:118px;transition:background .15s}
.nc:hover{background:var(--bg2)}
.nc input{position:absolute;opacity:0;pointer-events:none}
.nc b{display:block;font-size:15.5px;font-weight:600;margin:10px 0 4px;padding-right:22px}
.nc span.s{font-family:var(--mono);font-size:11px;color:var(--mute)}
.nc .ck{position:absolute;top:14px;right:14px;width:18px;height:18px;border:1px solid #3a403c}
.nc:has(input:checked){background:linear-gradient(180deg,var(--sig-g),transparent 80%);box-shadow:inset 0 0 0 1px var(--sig)}
.nc:has(input:checked) .ck{background:var(--sig);border-color:var(--sig)}
.nc:has(input:checked) .ck::after{content:'✓';color:#04120a;font-size:13px;font-weight:700;display:flex;justify-content:center;line-height:17px}
.ob-bar{position:sticky;bottom:0;margin-top:26px;border:1px solid var(--rule);background:rgba(8,9,10,.95);padding:16px 18px;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;z-index:5}

/* формы */
.field label{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:7px}
.field input,.field textarea,.field select{width:100%;background:var(--bg);border:1px solid var(--rule);color:var(--ink);font:inherit;font-size:15px;padding:11px 12px;outline:none}
.field input:focus,.field textarea:focus{border-color:var(--sig)}
.field textarea{min-height:76px;resize:vertical}
.err{border:1px solid var(--hot);color:#ffb3a5;padding:11px 13px;font-size:14px;margin-bottom:16px;background:rgba(255,77,46,.07)}
.okmsg{border:1px solid var(--sig);color:var(--sig);padding:12px 14px;font-family:var(--mono);font-size:13px}

/* вход */
.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;position:relative;z-index:1}
.auth .l{padding:34px 54px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--rule)}
.auth .l h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(48px,5.4vw,88px);line-height:.88;margin:40px 0 20px}
.auth .l h1 em{font-style:normal;color:var(--sig);display:block}
.auth .l ul{list-style:none;margin-top:24px;max-width:470px}
.auth .l li{padding:9px 0 9px 24px;border-top:1px solid var(--rule2);position:relative;color:var(--dim);font-size:15px}
.auth .l li::before{content:'▸';position:absolute;left:3px;color:var(--sig)}
.auth .r{display:flex;align-items:center;justify-content:center;padding:34px}
.auth form{width:100%;max-width:400px;border:1px solid var(--rule);background:var(--panel);padding:30px}
.auth form h2{font-family:var(--mono);font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.auth form .sub{color:var(--dim);font-size:13.5px;margin-bottom:22px}
.auth .field{margin-bottom:16px}
.auth form .btn{width:100%;margin-top:6px}
.auth .alt{font-size:13.5px;color:var(--dim);margin-top:18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.auth .alt a{color:var(--sig)}
.auth .one{margin-top:20px;padding-top:16px;border-top:1px solid var(--rule2);font-family:var(--mono);font-size:11px;color:var(--mute);letter-spacing:.04em;line-height:1.6}
.auth .tbar{display:flex;justify-content:space-between;align-items:center}
.mini-feed{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);max-width:560px;margin-top:34px}
.mini-feed .vc .th{aspect-ratio:9/13}

/* Starred */
.st-list{display:flex;flex-direction:column;gap:14px}
.st{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--rule);background:var(--panel)}
.st .th{background:#3dff8f center/cover no-repeat;background-blend-mode:luminosity;filter:brightness(.7) contrast(1.1) saturate(.45);min-height:200px;position:relative;display:block}
.st .th:hover{filter:none;background-blend-mode:normal}
.st .th.link{background:var(--bg2);filter:none;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.st .bd{padding:16px 20px;min-width:0}
.st .hd{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.st .hd b{font-size:15.5px;font-weight:600;line-height:1.35}
.st .hd .s{font-family:var(--mono);font-size:11.5px;color:var(--dim);margin-top:4px}
.st .hd .s em{font-style:normal;color:var(--sig)}
.st .note{margin-top:12px}
.st .note textarea{width:100%;background:var(--bg);border:1px solid var(--rule);color:var(--ink);font:inherit;font-size:14px;padding:9px 11px;min-height:42px;resize:vertical}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:14px}
.step{background:var(--bg2);padding:13px 14px;display:flex;flex-direction:column;gap:10px}
.step .n{font-family:var(--mono);font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.step .n b{color:var(--ink);font-weight:500}
.step.done .n b{color:var(--sig)}
.out{white-space:pre-wrap;font-size:13.5px;color:var(--ink);line-height:1.5;border-left:2px solid var(--sig-d);padding-left:11px;max-height:280px;overflow:auto}
.step .hint{font-size:12.5px;color:var(--mute)}
.xbtn{background:none;border:1px solid var(--rule);color:var(--mute);font-family:var(--mono);font-size:11px;padding:5px 8px;cursor:pointer}
.xbtn:hover{color:var(--hot);border-color:var(--hot)}

/* Ads */
.soon{border:1px solid var(--rule);background:var(--panel);padding:26px 28px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:28px}
.soon .tag{display:inline-block;font-family:var(--mono);font-size:11px;color:var(--warm);border:1px solid var(--warm);padding:3px 8px;letter-spacing:.08em;margin-bottom:12px}
.soon h3{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:38px;line-height:.95}
.soon p{color:var(--dim);margin-top:10px;font-size:15px}
.ext{display:flex;flex-direction:column;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.ext a{background:var(--bg2);padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ext a:hover{background:var(--rule2)}
.ext a b{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.05em;display:block}
.ext a span{color:var(--dim);font-size:13px}
.ext a i{font-style:normal;color:var(--sig);font-family:var(--mono)}
.paste{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:end;border:1px solid var(--rule);background:var(--panel);padding:18px}
.linklist .ln{display:grid;grid-template-columns:90px 1fr auto;gap:14px;padding:11px 14px;border-bottom:1px solid var(--rule2);font-size:14px;align-items:center}
.linklist{border:1px solid var(--rule);background:var(--panel)}
.linklist .ln .src{font-family:var(--mono);font-size:11px;color:var(--sig);text-transform:uppercase}
.linklist .ln a{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Account */
.acc{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.box{border:1px solid var(--rule);background:var(--panel);padding:24px}
.box h3{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:16px;font-weight:500}
.kv{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;font-size:15px}
.kv dt{font-family:var(--mono);font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em;padding-top:2px}
.big-plan{font-family:var(--disp);font-weight:900;font-size:56px;line-height:1;text-transform:uppercase}
.big-plan.live{color:var(--sig)}
.one{font-family:var(--mono);font-size:12px;color:var(--dim);border-top:1px dashed var(--rule);margin-top:18px;padding-top:14px}
.one::before{content:'// ';color:var(--sig)}

/* модалка */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal .card{width:100%;max-width:470px;border:1px solid var(--sig);background:var(--bg2);padding:28px;position:relative}
.modal .card h3{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:40px;line-height:.95}
.modal .card h3 em{font-style:normal;color:var(--sig)}
.modal .card p{color:var(--dim);margin:12px 0 18px;font-size:15px}
.modal .card ul{list-style:none;margin:0 0 20px}
.modal .card li{padding:7px 0 7px 22px;border-top:1px solid var(--rule2);position:relative;font-size:14.5px}
.modal .card li::before{content:'▸';position:absolute;left:3px;color:var(--sig)}
.modal .card .x{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--mute);font-size:22px;cursor:pointer}
.modal .opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.modal .opt{border:1px solid var(--rule);padding:12px;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--dim)}
.modal .opt b{display:block;font-family:var(--disp);font-size:30px;color:var(--ink);font-weight:900}
.modal .opt:has(input:checked){border-color:var(--sig);background:var(--sig-g)}
.modal .opt input{display:none}
.modal .fine{font-family:var(--mono);font-size:11.5px;color:var(--mute);margin-top:12px}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#050606;border:1px solid var(--sig);color:var(--ink);font-family:var(--mono);font-size:13px;padding:11px 16px;z-index:120;animation:popin .25s ease-out}
.toast.bad{border-color:var(--hot)}
@keyframes popin{from{opacity:0;transform:translate(-50%,10px)}}

/* админка (подписчики) — светлая, как остальная админка */

@media(max-width:1100px){
  .nrow{grid-template-columns:34px 1fr 100px 150px;}
  .nrow .why,.nrow.h .why,.nrow .ex,.nrow.h .exh{display:none}
}
@media(max-width:860px){
  .shell{grid-template-columns:1fr}
  .side{display:none}
  .top{padding:12px 16px}.top .logo{display:flex;font-size:22px}
  .top .live .mute{display:none}
  .content{padding:20px 16px 110px}
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#0a0b0c;border-top:1px solid var(--rule);z-index:40;padding-bottom:env(safe-area-inset-bottom)}
  .bnav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 10px;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}
  .bnav a .ic{font-size:17px;line-height:1}
  .bnav a.on{color:var(--sig);box-shadow:inset 0 2px 0 var(--sig)}
  .stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(3){border-left:none}.stats>div:nth-child(n+3){border-top:1px solid var(--rule)}
  .stats .v{font-size:30px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .vc .act>*{padding:9px 4px;font-size:10px}
  .nrow{grid-template-columns:1fr 92px;gap:10px;padding:14px}
  .nrow .pos,.nrow .score,.nrow.h{display:none}
  .nrow .lblc{grid-column:2;grid-row:1;text-align:right}
  .nrow .nm{grid-column:1;grid-row:1}
  .nrow .bt{grid-column:1/3}
  .ob-bar{grid-template-columns:1fr}
  .auth{grid-template-columns:1fr}.auth .l{border-right:none;border-bottom:1px solid var(--rule);padding:22px 20px}
  .auth .l h1{margin:22px 0 10px;font-size:46px}.auth .l ul,.mini-feed{display:none}
  .auth .r{padding:22px 16px 40px}
  .st{grid-template-columns:96px 1fr}.st .th{min-height:150px}
  .steps{grid-template-columns:1fr}
  .soon,.acc,.paste{grid-template-columns:1fr}
  .filters .flab{display:none}
  .demo{padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}