:root{
  --bg:#040406;
  --s1:#0d0d12;--s2:#131318;--s3:#1a1a22;
  --accent:#f0821d;--a2:#ff6b00;
  --purple:#a78bfa;--p2:#7c3aed;
  --grad:linear-gradient(135deg,#f0821d,#a78bfa);
  --adim:rgba(240,130,29,0.1);--aborder:rgba(240,130,29,0.2);
  --pdim:rgba(167,139,250,0.1);--pborder:rgba(167,139,250,0.2);
  --green:#00ff9f;--gdim:rgba(0,255,159,0.08);--gborder:rgba(0,255,159,0.18);
  --red:#ff4f6a;--rdim:rgba(255,79,106,0.08);--rborder:rgba(255,79,106,0.2);
  --yellow:#fbbf24;--blue:#5b7fff;
  --text:#f0f0ff;--muted:#555;--muted2:#888;
  --border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.1);
  --radius:20px;--radius-sm:12px;
  --glass:rgba(255,255,255,0.03);
  --shadow:0 8px 32px rgba(0,0,0,0.4);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:60px;overflow-x:hidden;}

/* CANVAS */
#cv{position:fixed;inset:0;z-index:0;pointer-events:none;}

/* NOISE OVERLAY */
body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.w{position:relative;z-index:1;}

/* PLAN BAR */
.plan-bar{
  background:rgba(4,4,6,0.96);
  border-bottom:1px solid var(--border);
  padding:7px 14px;
  height:40px;
  display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
}
.plan-left{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;}
.plan-pill{
  padding:3px 9px;border-radius:50px;
  font-size:10px;font-weight:700;letter-spacing:0.04em;
  display:flex;align-items:center;gap:4px;
  white-space:nowrap;flex-shrink:0;
  transition:all 0.3s;
}
.plan-pill.free{background:rgba(255,255,255,0.06);color:var(--muted2);border:1px solid var(--border2);}
.plan-pill.pro{background:var(--adim);color:var(--accent);border:1px solid var(--aborder);}
.plan-pill.ultra{background:var(--pdim);color:var(--purple);border:1px solid var(--pborder);}
.plan-label{
  font-size:11px;color:var(--muted2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Скрываем label на очень узких экранах */
@media(max-width:360px){.plan-label{display:none;}}
.upg-btn{
  padding:5px 12px;border-radius:8px;border:none;
  background:var(--grad);
  color:#fff;font-family:'Onest',sans-serif;font-size:11px;font-weight:700;
  cursor:pointer;letter-spacing:0.02em;
  box-shadow:0 2px 12px rgba(240,130,29,0.28);
  transition:all 0.2s;
  white-space:nowrap;flex-shrink:0;
}
.upg-btn:active{transform:scale(0.93);}

/* HDR */
.hdr{
  background:rgba(4,4,6,0.9);
  border-bottom:1px solid var(--border);
  padding:10px 14px;
  position:sticky;
  /* Точно под plan-bar высотой 40px */
  top:40px;
  z-index:99;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.logo{
  font-family:'Unbounded',sans-serif;
  font-size:13px;font-weight:800;
  background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  white-space:nowrap;
}
.logo small{display:block;font-size:9px;font-weight:400;color:var(--muted2);font-family:'Onest',sans-serif;margin-top:1px;-webkit-text-fill-color:var(--muted2);}
.hdr-r{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.live{
  display:flex;align-items:center;gap:4px;
  background:var(--gdim);border:1px solid var(--gborder);
  border-radius:50px;padding:4px 9px;
  font-size:10px;font-weight:700;color:var(--green);
  white-space:nowrap;
}
.ldot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:bl 1.4s infinite;}
@keyframes bl{0%,100%{opacity:1;}50%{opacity:0.2;}}
.hbtn{
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;border:1px solid;transition:all 0.2s;
  flex-shrink:0;
}
.hbtn.o{background:var(--adim);border-color:var(--aborder);}
.hbtn.p{background:var(--pdim);border-color:var(--pborder);}

/* DEMO SWITCHER */
.main{padding:12px 14px;}
.dsw{
  display:flex;gap:3px;margin-bottom:14px;
  background:var(--s2);border:1px solid var(--border2);
  border-radius:var(--radius-sm);padding:3px;
}
.dsw-btn{
  flex:1;padding:8px 4px;border-radius:8px;border:none;
  font-family:'Onest',sans-serif;font-size:10px;font-weight:600;
  cursor:pointer;transition:all 0.25s;background:transparent;color:var(--muted2);
  line-height:1.2;text-align:center;
  /* Не переносим текст */
  white-space:nowrap;overflow:hidden;
}
.dsw-btn.free.act{background:rgba(255,255,255,0.07);color:var(--text);}
.dsw-btn.pro.act{background:var(--adim);color:var(--accent);box-shadow:0 0 10px rgba(240,130,29,0.12);}
.dsw-btn.ultra.act{background:var(--pdim);color:var(--purple);box-shadow:0 0 10px rgba(167,139,250,0.12);}

/* SNIPER TOGGLE */
.sniper-row{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--s2);border:1px solid var(--border2);
  border-radius:var(--radius-sm);padding:11px 13px;
  margin-bottom:12px;cursor:pointer;
  transition:all 0.2s;gap:10px;
}
.sniper-row:active{transform:scale(0.99);}
.sniper-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}
.sniper-icon{
  width:34px;height:34px;border-radius:9px;
  background:var(--pdim);border:1px solid var(--pborder);
  display:flex;align-items:center;justify-content:center;font-size:16px;
  flex-shrink:0;
}
.sniper-info{min-width:0;}
.sniper-info .sn-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sniper-info .sn-sub{font-size:10px;color:var(--muted2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sniper-toggle{
  width:46px;height:27px;border-radius:50px;
  background:rgba(255,255,255,0.08);
  border:none;cursor:pointer;position:relative;
  transition:background 0.25s;flex-shrink:0;
}
.sniper-toggle.on{background:var(--purple);}
.sniper-toggle::after{
  content:'';position:absolute;
  width:21px;height:21px;border-radius:50%;background:#fff;
  top:3px;left:3px;
  transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1);
  box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
.sniper-toggle.on::after{transform:translateX(19px);}
.sniper-badge{padding:3px 8px;border-radius:50px;font-size:9px;font-weight:700;background:var(--pdim);color:var(--purple);border:1px solid var(--pborder);}

/* FILTER */
.fc{
  background:var(--glass);
  border:1px solid var(--border2);
  border-radius:var(--radius);
  padding:16px;margin-bottom:14px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:var(--shadow);
}
.ft{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;}
.ft-note{font-size:10px;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px;}
.fg label{font-size:10px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block;}
.fi,.fs{
  width:100%;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--border2);
  border-radius:10px;padding:10px 12px;
  font-family:'Onest',sans-serif;font-size:13px;color:var(--text);
  outline:none;transition:border-color 0.2s,box-shadow 0.2s;
  -webkit-appearance:none;
}
.fi::placeholder{color:var(--muted);}
.fi:focus,.fs:focus{border-color:var(--aborder);box-shadow:0 0 0 3px rgba(240,130,29,0.06);}
.fs option{background:#111;}
.lf{position:relative;border-radius:10px;overflow:hidden;}
.lf .fi,.lf .fs{opacity:0.25;pointer-events:none;}
.lo{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;gap:5px;
  font-size:11px;font-weight:700;cursor:pointer;
  border-radius:10px;transition:all 0.18s;
}
.lo:active{transform:scale(0.97);}
.lo.p{background:var(--adim);color:var(--accent);border:1px solid var(--aborder);}
.lo.u{background:var(--pdim);color:var(--purple);border:1px solid var(--pborder);}
.tr{display:flex;align-items:center;gap:8px;margin-top:8px;}
.tr label{font-size:10px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
input[type=range]{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:rgba(255,255,255,0.08);outline:none;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(240,130,29,0.4);cursor:pointer;}
.tv{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;color:var(--accent);width:42px;text-align:right;}
.pbtn{
  width:100%;padding:14px;border-radius:12px;border:none;
  background:var(--grad);
  color:#fff;font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;
  cursor:pointer;transition:all 0.2s;
  display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 4px 24px rgba(240,130,29,0.35);
  margin-top:12px;letter-spacing:0.03em;
}
.pbtn:active{transform:scale(0.97);}
.pbtn.ld{background:var(--s3);color:var(--muted);box-shadow:none;}

/* SKELETON */
@keyframes shimmer{0%{background-position:-400px 0;}100%{background-position:400px 0;}}
.skel{
  background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 50%,var(--s2) 75%);
  background-size:800px 100%;
  animation:shimmer 1.5s infinite;
  border-radius:8px;
}
.skel-card{background:var(--s2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:10px;}
.skel-line{height:12px;margin-bottom:8px;}
.skel-line.w60{width:60%;}
.skel-line.w80{width:80%;}
.skel-line.w40{width:40%;}

/* DELAY WARNING */
.dw{
  display:none;
  background:rgba(251,191,36,0.06);
  border:1px solid rgba(251,191,36,0.18);
  border-radius:var(--radius-sm);
  padding:11px 14px;margin-bottom:14px;
  font-size:12px;color:var(--yellow);
  align-items:center;gap:10px;
  line-height:1.5;
}
.dw.show{display:flex;}
.dw a{color:var(--accent);font-weight:700;cursor:pointer;text-decoration:none;}

/* PROGRESS */
.pg{display:none;margin-bottom:14px;}
.pg.show{display:block;}
.pg-card{
  background:var(--glass);border:1px solid var(--border2);
  border-radius:var(--radius);padding:18px;
  backdrop-filter:blur(12px);text-align:center;
}
.pg-title{font-size:13px;font-weight:600;color:var(--muted2);margin-bottom:12px;}
.pg-bar{height:3px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;}
.pg-fill{height:100%;border-radius:2px;background:var(--grad);width:0;transition:width 0.5s ease;}
.pg-sub{font-size:11px;color:var(--muted);margin-top:8px;}
.pg-steps{display:flex;justify-content:center;gap:6px;margin-top:10px;}
.pg-step{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.1);transition:all 0.3s;}
.pg-step.done{background:var(--accent);}
.pg-step.cur{background:var(--accent);box-shadow:0 0 8px var(--accent);}

/* KPI */
.kg{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin-bottom:12px;
}
/* На очень узких — 2x2 */
@media(max-width:320px){.kg{grid-template-columns:repeat(2,1fr);}}
.kc{
  background:var(--glass);border:1px solid var(--border2);
  border-radius:12px;
  padding:10px 6px;
  text-align:center;
  backdrop-filter:blur(10px);
  position:relative;overflow:hidden;
  transition:all 0.2s;
  min-width:0;
}
.kc::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(240,130,29,0.04),transparent);pointer-events:none;}
.kv{
  font-family:'Unbounded',sans-serif;
  font-size:14px;font-weight:700;
  /* Не выходим за пределы ячейки */
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.kl{
  font-size:7px;font-weight:700;
  letter-spacing:0.06em;text-transform:uppercase;
  color:var(--muted);margin-top:4px;
  /* Перенос если не влезает */
  line-height:1.3;
}
.kc-lock{
  position:absolute;inset:0;
  background:rgba(4,4,6,0.82);
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;cursor:pointer;
  transition:all 0.2s;
}
.kc-lock:hover{background:rgba(4,4,6,0.6);}

/* BUDGET */
.bcard{
  background:var(--glass);border:1px solid var(--gborder);
  border-radius:var(--radius);padding:16px;margin-bottom:14px;
  backdrop-filter:blur(12px);
}
.bt{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;}
.bl{font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--green);}
.bv{font-family:'Unbounded',sans-serif;font-size:17px;font-weight:700;color:var(--green);}
.bb{height:5px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;}
.bfi{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--green),#00c97a);transition:width 1.2s cubic-bezier(0.34,1.56,0.64,1);}
.bh{font-size:11px;color:var(--muted2);margin-top:8px;line-height:1.6;}

.tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:2px;}
.tabs::-webkit-scrollbar{display:none;}
.tab{padding:7px 13px;border-radius:50px;border:1px solid var(--border2);background:var(--s2);color:var(--muted2);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all 0.18s;}
.tab.active{border-color:var(--aborder);color:var(--accent);background:var(--adim);}
.lhdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.lt{font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);}
.lu{font-size:10px;color:var(--muted);}

/* DEAL CARD */
.dc{
  background:var(--glass);
  border:1px solid var(--border2);
  border-radius:var(--radius);padding:13px 12px;
  margin-bottom:10px;
  position:relative;overflow:hidden;
  animation:fu 0.4s both;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 4px 16px rgba(0,0,0,0.25);
  transition:border-color 0.2s,box-shadow 0.2s;
}
.dc::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;}
.dc.fire{border-color:rgba(0,255,159,0.12);box-shadow:0 4px 20px rgba(0,255,159,0.05);}
.dc.fire::before{background:var(--green);}
.dc.mid::before{background:var(--yellow);}
.dc.norm::before{background:var(--muted);}
.dc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.025) 0%,transparent 50%);pointer-events:none;border-radius:var(--radius);}
@keyframes fu{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.dct{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:7px;margin-bottom:7px;
}
.dcn{
  font-size:13px;font-weight:700;flex:1;line-height:1.3;color:var(--text);
  min-width:0;word-break:break-word;
}
.sbdg{
  padding:3px 8px;border-radius:50px;
  font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;
  flex-shrink:0;white-space:nowrap;
}
.sbdg.sf{background:rgba(0,255,159,0.1);color:var(--green);border:1px solid var(--gborder);}
.sbdg.sm{background:rgba(251,191,36,0.08);color:var(--yellow);border:1px solid rgba(251,191,36,0.18);}
.sbdg.sn{background:rgba(255,255,255,0.04);color:var(--muted2);border:1px solid var(--border);}
.dcp{display:flex;align-items:baseline;gap:7px;margin-bottom:8px;flex-wrap:wrap;}
.dcpr{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:700;color:var(--accent);}
.dcav{font-size:11px;color:var(--muted);text-decoration:line-through;}
.dcsv{padding:2px 7px;border-radius:50px;font-size:10px;font-weight:700;}
.dcsv.g{background:var(--gdim);color:var(--green);}
.dcsv.y{background:rgba(251,191,36,0.08);color:var(--yellow);}

/* PRICE BLUR */
.pblur{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:700;color:var(--accent);filter:blur(7px);cursor:pointer;user-select:none;}
.punlock{
  padding:3px 10px;border-radius:50px;
  background:var(--adim);color:var(--accent);
  border:1px solid var(--aborder);
  font-size:10px;font-weight:700;cursor:pointer;
  white-space:nowrap;transition:all 0.2s;
}
.punlock:active{background:var(--accent);color:#fff;}

/* SCORE */
.sc-row{display:flex;align-items:center;gap:7px;margin-bottom:8px;}
.sc-l{font-size:10px;color:var(--muted);width:44px;font-weight:600;}
.sc-b{flex:1;height:3px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;}
.sc-f{height:100%;border-radius:2px;transition:width 1.2s ease;}
.sc-n{font-size:11px;font-weight:700;width:26px;text-align:right;}

/* SCORE LOCKED — shake animation */
@keyframes shake{0%,100%{transform:translateX(0);}20%{transform:translateX(-3px);}40%{transform:translateX(3px);}60%{transform:translateX(-2px);}80%{transform:translateX(2px);}}
.score-locked{
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border2);
  border-radius:10px;padding:9px 11px;
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:8px;cursor:pointer;transition:all 0.2s;gap:8px;
}
.score-locked:hover{animation:shake 0.4s ease;}
.score-locked:active{transform:scale(0.98);}
.sl-left{display:flex;align-items:center;gap:7px;flex:1;min-width:0;}
.sl-bar{width:60px;height:3px;background:rgba(255,255,255,0.04);border-radius:2px;overflow:hidden;flex-shrink:0;}
.sl-fill{height:100%;border-radius:2px;background:rgba(240,130,29,0.25);}
.sl-label{font-size:11px;color:var(--muted2);white-space:nowrap;}
.sl-badge{padding:3px 8px;border-radius:50px;font-size:10px;font-weight:700;background:var(--adim);color:var(--accent);border:1px solid var(--aborder);white-space:nowrap;flex-shrink:0;}

/* FOOTER */
.dcft{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:9px;border-top:1px solid var(--border);gap:6px;
}
.dca{display:flex;gap:5px;align-items:center;flex-shrink:0;}
.abtn{
  padding:6px 11px;border-radius:8px;border:none;
  font-family:'Onest',sans-serif;font-size:11px;font-weight:600;
  cursor:pointer;transition:all 0.18s;white-space:nowrap;
}
.abtn.p{background:var(--adim);color:var(--accent);border:1px solid var(--aborder);}
.abtn.p:active{background:var(--accent);color:#fff;}
.abtn.s{background:rgba(255,255,255,0.04);color:var(--muted2);border:1px solid var(--border2);}
.ssel{
  padding:5px 8px;border-radius:8px;
  border:1px solid var(--border2);
  background:rgba(255,255,255,0.03);
  color:var(--muted2);
  font-family:'Onest',sans-serif;font-size:11px;font-weight:600;
  cursor:pointer;outline:none;-webkit-appearance:none;
  max-width:110px;overflow:hidden;text-overflow:ellipsis;
}
.ssel.new{border-color:var(--aborder);color:var(--accent);}
.ssel.called{border-color:rgba(251,191,36,0.3);color:var(--yellow);}
.ssel.checked{border-color:var(--gborder);color:var(--green);}

/* AI TEASER */
.ai-teaser{
  background:rgba(255,79,106,0.05);
  border:1px solid rgba(255,79,106,0.2);
  border-radius:10px;padding:9px 11px;
  margin-bottom:8px;
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;cursor:pointer;
  transition:all 0.2s;
}
.ai-teaser:active{transform:scale(0.98);}
.ai-teaser-left{display:flex;align-items:flex-start;gap:7px;flex:1;min-width:0;}

.ai-teaser-ico{font-size:14px;flex-shrink:0;margin-top:1px;}
.ai-teaser-txt{font-size:11px;color:var(--muted2);line-height:1.5;}
.ai-teaser-txt strong{color:var(--red);}
.ai-unlock{padding:4px 10px;border-radius:50px;font-size:10px;font-weight:700;background:rgba(255,79,106,0.1);color:var(--red);border:1px solid var(--rborder);white-space:nowrap;flex-shrink:0;}

/* AI VISIBLE */
.ai-v{
  background:rgba(167,139,250,0.05);
  border:1px solid var(--pborder);
  border-radius:10px;padding:10px 12px;
  margin-bottom:9px;
  display:flex;align-items:flex-start;gap:8px;
}
.ai-ico{font-size:14px;flex-shrink:0;margin-top:1px;}
.ai-txt{font-size:11px;line-height:1.5;color:var(--muted2);}
.ai-txt strong{color:var(--text);}

/* PILLS */
.pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px;}
.pill{padding:3px 10px;border-radius:50px;font-size:10px;font-weight:500;background:rgba(255,255,255,0.03);border:1px solid var(--border2);color:var(--muted2);}
.pill.g{background:var(--gdim);color:var(--green);border-color:var(--gborder);}
.pill.r{background:var(--rdim);color:var(--red);border-color:var(--rborder);}
.pill.o{background:var(--adim);color:var(--accent);border-color:var(--aborder);}
.pill.p{background:var(--pdim);color:var(--purple);border-color:var(--pborder);}

.dcft{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border);}
.dca{display:flex;gap:6px;align-items:center;}
.abtn{padding:7px 13px;border-radius:9px;border:none;font-family:'Onest',sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all 0.18s;}
.abtn.p{background:var(--adim);color:var(--accent);border:1px solid var(--aborder);}
.abtn.p:active{background:var(--accent);color:#fff;}
.abtn.s{background:rgba(255,255,255,0.04);color:var(--muted2);border:1px solid var(--border2);}
.ssel{padding:6px 10px;border-radius:9px;border:1px solid var(--border2);background:rgba(255,255,255,0.03);color:var(--muted2);font-family:'Onest',sans-serif;font-size:11px;font-weight:600;cursor:pointer;outline:none;-webkit-appearance:none;}
.ssel.new{border-color:var(--aborder);color:var(--accent);}
.ssel.called{border-color:rgba(251,191,36,0.3);color:var(--yellow);}
.ssel.checked{border-color:var(--gborder);color:var(--green);}

/* SUPER BLUR CARD */
.sbc{
  position:relative;
  border-radius:var(--radius);
  margin-bottom:10px;
  /* Фиксированная минимальная высота чтобы оверлей не обрезался */
  min-height:140px;
}
.sbc .dc{
  filter:blur(5px);
  pointer-events:none;
  margin-bottom:0;
  user-select:none;
  /* Убираем border-radius снизу чтобы не было зазора */
  border-radius:var(--radius);
  /* Чуть уменьшаем контент чтобы он не торчал */
  overflow:hidden;
}
.sbo{
  position:absolute;
  inset:0;
  background:linear-gradient(160deg,rgba(4,4,6,0.78),rgba(0,20,10,0.85));
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:16px 20px;
  border-radius:var(--radius);
  border:1px solid var(--gborder);
  cursor:pointer;
  box-sizing:border-box;
}
.sbo-icon{
  font-size:22px;
  line-height:1;
}
.sbo-title{
  font-family:'Unbounded',sans-serif;
  font-size:12px;
  font-weight:700;
  color:var(--green);
  text-align:center;
  line-height:1.3;
  /* Не даём тексту растягиваться */
  max-width:100%;
}
.sbo-sub{
  font-size:10px;
  color:var(--muted2);
  text-align:center;
  line-height:1.5;
  max-width:100%;
  /* Обрезаем если не влезает */
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sbo-btn{
  /* Кнопка не шире контейнера */
  width:100%;
  max-width:240px;
  padding:10px 16px;
  border-radius:10px;
  background:var(--grad);
  color:#fff;
  font-family:'Onest',sans-serif;
  font-size:12px;
  font-weight:700;
  border:none;
  cursor:pointer;
  box-shadow:0 4px 16px rgba(240,130,29,0.3);
  transition:all 0.2s;
  text-align:center;
  white-space:nowrap;
}
.sbo-btn:active{transform:scale(0.96);}

/* MISSED DEALS */
.missed-section{margin-bottom:16px;}
.missed-title{
  font-size:10px;font-weight:700;letter-spacing:0.1em;
  text-transform:uppercase;color:var(--red);
  margin-bottom:8px;display:flex;align-items:center;gap:6px;
}
.missed-card{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  margin-bottom:8px;
  opacity:0.7;
  min-height:90px;
}
.missed-card .dc{
  filter:blur(3px);
  pointer-events:none;
  margin-bottom:0;
  user-select:none;
  border-color:rgba(255,79,106,0.15);
}
.missed-overlay{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,79,106,0.12),rgba(4,4,6,0.82));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:var(--radius);
}
.sold-badge{
  padding:6px 14px;border-radius:50px;
  background:rgba(255,79,106,0.15);
  border:1px solid var(--rborder);
  font-size:12px;font-weight:700;color:var(--red);
  display:flex;align-items:center;gap:6px;
}
.sold-time{font-size:10px;color:var(--muted2);font-weight:500;}

/* HISTORY (ultra) */
.hist-card{
  background:rgba(251,191,36,0.04);
  border:1px solid rgba(251,191,36,0.15);
  border-radius:12px;padding:12px 14px;
  margin-bottom:10px;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  transition:all 0.2s;
}
.hist-card:active{transform:scale(0.98);}
.hist-locked-card{
  background:rgba(251,191,36,0.03);
  border:1px dashed rgba(251,191,36,0.15);
  border-radius:12px;padding:12px 14px;
  margin-bottom:10px;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.hb{padding:4px 10px;border-radius:50px;font-size:10px;font-weight:700;background:rgba(251,191,36,0.08);color:var(--yellow);border:1px solid rgba(251,191,36,0.18);white-space:nowrap;}

/* TG BANNER */
.tg-banner{
  background:rgba(91,127,255,0.05);
  border:1px dashed rgba(91,127,255,0.2);
  border-radius:var(--radius-sm);padding:14px;
  margin-bottom:14px;cursor:pointer;
  display:flex;align-items:center;gap:12px;
  transition:all 0.2s;
}
.tg-banner:active{transform:scale(0.99);}
.tg-ico{font-size:24px;flex-shrink:0;}
.tg-info .tg-title{font-size:13px;font-weight:700;color:var(--blue);}
.tg-info .tg-sub{font-size:11px;color:var(--muted2);margin-top:3px;line-height:1.4;}
.tg-badge{padding:5px 12px;border-radius:8px;background:rgba(91,127,255,0.1);color:var(--blue);border:1px solid rgba(91,127,255,0.2);font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;}

/* TOAST */
.toast{
  position:fixed;top:14px;left:50%;
  transform:translateX(-50%) translateY(-80px);
  z-index:600;background:rgba(13,13,18,0.98);
  border:1px solid var(--border2);border-radius:12px;
  padding:12px 20px;font-size:12px;font-weight:500;
  backdrop-filter:blur(20px);
  transition:transform 0.32s cubic-bezier(0.34,1.56,0.64,1),opacity 0.3s;
  opacity:0;pointer-events:none;white-space:nowrap;
  display:flex;align-items:center;gap:8px;
}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1;}

/* SHEET */
.sho{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,0.85);display:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.sho.show{display:block;}
.sh{
  position:fixed;bottom:0;left:0;right:0;z-index:410;
  background:#0a0a10;
  border-radius:24px 24px 0 0;
  border:1px solid var(--border2);border-bottom:none;
  transform:translateY(100%);
  transition:transform 0.38s cubic-bezier(0.32,0.72,0,1);
  max-height:92dvh;display:flex;flex-direction:column;
  box-shadow:0 -10px 60px rgba(0,0,0,0.5);
}
.sh.open{transform:translateY(0);}
.sh-h{width:40px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;margin:12px auto 0;flex-shrink:0;}
.sh-hdr{padding:14px 18px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0;}
.sh-t{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sh-x{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted2);}
.sh-b{overflow-y:auto;padding:18px;padding-bottom:calc(24px + env(safe-area-inset-bottom));}
.sh-b::-webkit-scrollbar{display:none;}

/* PRICING CARDS */
.pcards{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.pc{border-radius:18px;padding:18px;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;}
.pc::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.04) 0%,transparent 60%);pointer-events:none;border-radius:18px;}
.pc.fr{background:var(--s2);border:1px solid var(--border2);}
.pc.pr{background:linear-gradient(135deg,rgba(240,130,29,0.08),rgba(167,139,250,0.05));border:2px solid var(--accent);box-shadow:0 0 30px rgba(240,130,29,0.12);}
.pc.ul{background:linear-gradient(135deg,rgba(167,139,250,0.08),rgba(91,127,255,0.05));border:1px solid var(--pborder);}
.pc.hot::after{content:'ХИТ';position:absolute;top:14px;right:14px;background:var(--grad);color:#fff;font-size:9px;font-weight:800;padding:3px 9px;border-radius:50px;letter-spacing:0.06em;}
.pc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;}
.pc-name{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;}
.pc-amount{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:800;text-align:right;}
.pc-per{font-size:10px;color:var(--muted2);text-align:right;margin-top:2px;}
.pc-features{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
.pf{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted2);}
.pf.on{color:var(--text);}
.pf-ic{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;}
.pf-ic.y{background:var(--gdim);color:var(--green);}
.pf-ic.n{background:rgba(255,255,255,0.04);color:var(--muted);}
.pc-btn{
  width:100%;padding:13px;border-radius:11px;border:none;
  font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;
  cursor:pointer;letter-spacing:0.03em;transition:all 0.2s;
}
.pc-btn.fb{background:rgba(255,255,255,0.06);color:var(--muted2);}
.pc-btn.pb{background:var(--grad);color:#fff;box-shadow:0 4px 20px rgba(240,130,29,0.3);}
.pc-btn.ub{background:linear-gradient(135deg,var(--pdim),rgba(91,127,255,0.1));color:var(--purple);border:1px solid var(--pborder);}
.pc-hint{text-align:center;font-size:11px;color:var(--muted);margin-top:7px;}

/* SNIPER MODAL */
.sniper-modal{
  background:linear-gradient(135deg,rgba(167,139,250,0.08),rgba(91,127,255,0.05));
  border:1px solid var(--pborder);border-radius:20px;
  padding:24px 20px;text-align:center;
}
.sm-icon{font-size:48px;margin-bottom:12px;}
.sm-title{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;}
.sm-desc{font-size:13px;color:var(--muted2);line-height:1.6;margin-bottom:18px;}
.sm-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left;}
.sm-feat{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);}
.sm-feat span{font-size:18px;flex-shrink:0;}

.empty{text-align:center;padding:50px 20px;color:var(--muted);}

/* ROI BLOCK */
.roi-card{
  background:linear-gradient(135deg,rgba(0,255,159,0.06),rgba(91,127,255,0.04));
  border:1px solid var(--gborder);
  border-radius:var(--radius);padding:16px;margin-bottom:12px;
}
.roi-title{
  font-family:'Unbounded',sans-serif;
  font-size:12px;font-weight:700;color:var(--green);
  margin-bottom:12px;display:flex;align-items:center;gap:7px;
  line-height:1.3;
}
.roi-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px;margin-bottom:12px;
}
.roi-item{
  background:rgba(0,0,0,0.3);border-radius:11px;
  padding:11px 6px;text-align:center;
  min-width:0;
}
.roi-val{
  font-family:'Unbounded',sans-serif;
  font-size:15px;font-weight:700;margin-bottom:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.roi-lbl{font-size:8px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);line-height:1.3;}
.roi-arrow{
  padding:11px;background:rgba(0,255,159,0.05);border-radius:10px;
  font-size:11px;color:var(--muted2);line-height:1.5;
  /* Текстовый блок — не flex */
}
.roi-arrow strong{color:var(--green);}

/* LOSS COUNTER */
.loss-ticker{
  background:rgba(255,79,106,0.06);
  border:1px solid var(--rborder);
  border-radius:var(--radius-sm);padding:11px 12px;
  margin-bottom:12px;
  display:none;
  align-items:center;gap:8px;
}
.loss-ticker.show{display:flex;}
.loss-ticker-ico{font-size:18px;flex-shrink:0;animation:shake 1s infinite;}
.loss-ticker-body{flex:1;min-width:0;}
.loss-ticker-title{font-size:11px;font-weight:700;color:var(--red);}
.loss-ticker-val{
  font-family:'Unbounded',sans-serif;
  font-size:18px;font-weight:800;color:var(--red);
  margin-top:2px;transition:all 0.3s;
  /* Не выходим за пределы */
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.loss-ticker-sub{font-size:10px;color:var(--muted2);margin-top:2px;}
.loss-ticker-btn{
  padding:7px 11px;border-radius:8px;
  background:var(--red);color:#fff;
  font-family:'Onest',sans-serif;font-size:11px;font-weight:700;
  border:none;cursor:pointer;white-space:nowrap;
  box-shadow:0 0 12px rgba(255,79,106,0.25);
  flex-shrink:0;
}

/* TEST DRIVE BANNER */
.td-banner{
  background:linear-gradient(135deg,rgba(240,130,29,0.08),rgba(167,139,250,0.06));
  border:1px solid var(--aborder);
  border-radius:var(--radius);padding:18px;margin-bottom:14px;
  position:relative;overflow:hidden;
}
.td-banner::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(240,130,29,0.12),transparent);border-radius:50%;pointer-events:none;}
.td-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px;}
.td-sub{font-size:12px;color:var(--muted2);line-height:1.6;margin-bottom:14px;}
.td-perks{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.td-perk{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);}
.td-perk span{font-size:15px;}
.td-form{display:flex;flex-direction:column;gap:8px;}
.td-input{
  width:100%;background:rgba(255,255,255,0.05);
  border:1px solid var(--border2);border-radius:10px;
  padding:11px 14px;
  font-family:'Onest',sans-serif;font-size:13px;color:var(--text);
  outline:none;transition:border-color 0.2s;
}
.td-input::placeholder{color:var(--muted);}
.td-input:focus{border-color:var(--aborder);}
.td-submit{
  width:100%;padding:13px;border-radius:11px;border:none;
  background:var(--grad);color:#fff;
  font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;
  cursor:pointer;letter-spacing:0.03em;
  box-shadow:0 4px 20px rgba(240,130,29,0.3);
  transition:all 0.2s;
}
.td-submit:active{transform:scale(0.97);}
.td-note{font-size:10px;color:var(--muted);text-align:center;margin-top:4px;}

/* FEATURE VALUE POPUP */
.fval-popup{
  position:fixed;bottom:20px;left:50%;
  transform:translateX(-50%) translateY(100px);
  z-index:700;width:calc(100% - 32px);max-width:360px;
  background:#0f0f16;border:1px solid var(--border2);
  border-radius:18px;padding:18px;
  box-shadow:0 8px 40px rgba(0,0,0,0.6);
  transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
  pointer-events:none;
}
.fval-popup.show{transform:translateX(-50%) translateY(0);pointer-events:all;}
.fvp-close{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,0.06);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted2);font-size:12px;}
.fvp-icon{font-size:28px;margin-bottom:8px;}
.fvp-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;margin-bottom:6px;}
.fvp-stats{display:flex;gap:8px;margin:10px 0;}
.fvp-stat{flex:1;background:rgba(255,255,255,0.03);border:1px solid var(--border2);border-radius:10px;padding:10px;text-align:center;}
.fvp-stat-val{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:700;color:var(--green);}
.fvp-stat-lbl{font-size:9px;color:var(--muted);margin-top:3px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;}
.fvp-desc{font-size:12px;color:var(--muted2);line-height:1.5;margin-bottom:12px;}
.fvp-btn{width:100%;padding:12px;border-radius:10px;border:none;background:var(--grad);color:#fff;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:0.03em;}

/* LEAD CAPTURE */
.lead-form{
  background:var(--s1);border:1px solid var(--border2);
  border-radius:var(--radius);padding:20px;
  margin:16px 0 0;
  position:relative;overflow:hidden;
}
.lead-form::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(240,130,29,0.04),rgba(167,139,250,0.03));pointer-events:none;}
.lead-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px;}
.lead-sub{font-size:12px;color:var(--muted2);line-height:1.5;margin-bottom:14px;}
.lead-social{display:flex;gap:8px;margin-bottom:10px;}
.lead-s-btn{
  flex:1;padding:11px;border-radius:10px;border:none;
  font-family:'Onest',sans-serif;font-size:12px;font-weight:600;
  cursor:pointer;transition:all 0.2s;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.lead-s-btn.tg{background:rgba(91,127,255,0.12);color:var(--blue);border:1px solid rgba(91,127,255,0.25);}
.lead-s-btn.tg:active{background:var(--blue);color:#fff;}
.lead-divider{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;color:var(--muted);}
.lead-divider::before,.lead-divider::after{content:'';flex:1;height:1px;background:var(--border2);}
.lead-success{display:none;text-align:center;padding:16px 0;}
.lead-success.show{display:block;}
.lead-success-icon{font-size:36px;margin-bottom:8px;}
.lead-success-text{font-size:13px;color:var(--text);font-weight:600;}
.lead-success-sub{font-size:11px;color:var(--muted2);margin-top:4px;}