@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* ══════════════════════════════════════════
   CSS VARIABLES & RESET
══════════════════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box;}
/* dark UI for native form controls (fixes white dropdown popups platform-wide) */
html{color-scheme:dark;}
select{color-scheme:dark;}
select option,select optgroup{background-color:#111827;color:#E8F0F8;}
select option:checked{background-color:rgba(0,212,170,.22);color:#00D4AA;}
select option:disabled{color:#4A5A6A;}
:root{
  --bg:#0A0E1A;
  --bg2:#111827;
  --bg3:#1a2235;
  --bg4:#1e2d45;
  --border:#1e3a5f;
  --border2:#2a4a7f;
  --text:#E8F4FD;
  --text2:#8BA7C7;
  --text3:#4A6580;
  --gold:#F5B301;
  --gold2:#D4990A;
  --gold-bg:rgba(245,179,1,.1);
  --gold-bd:rgba(245,179,1,.3);
  --green:#00D4AA;
  --green-bg:rgba(0,212,170,.1);
  --green-bd:rgba(0,212,170,.25);
  --red:#FF4757;
  --red-bg:rgba(255,71,87,.1);
  --red-bd:rgba(255,71,87,.25);
  --blue:#4F8EF7;
  --blue-bg:rgba(79,142,247,.1);
  --blue-bd:rgba(79,142,247,.25);
  --purple:#8B5CF6;
  --grad1:linear-gradient(135deg,#667eea,#764ba2);
  --grad2:linear-gradient(135deg,#f093fb,#f5576c);
  --grad3:linear-gradient(135deg,#4facfe,#00f2fe);
  --grad4:linear-gradient(135deg,#F5B301,#f093fb);
  --sidebar:220px;
  --radius:14px;
  --radius-sm:8px;
}
[data-theme="light"]{
  --bg:#F0F4FF;--bg2:#FFFFFF;--bg3:#E8EEFF;--bg4:#D8E4FF;
  --border:#C5D5F0;--border2:#A0B8E0;
  --text:#1a2540;--text2:#4A6090;--text3:#8A9CC0;
  --gold:#D4990A;--gold-bg:rgba(212,153,10,.1);--gold-bd:rgba(212,153,10,.3);
}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:14px;overflow:hidden;}
::selection{background:var(--gold);color:#000;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}

/* ══════════════════════════════════════════
   SCREENS
══════════════════════════════════════════ */
.screen{display:none;width:100%;height:100%;flex-direction:column;}
.screen.on{display:flex;}

/* ══════════════════════════════════════════
   LANDING PAGE — v2 (Modern Terminal)
══════════════════════════════════════════ */
#sLanding{
  background:#070B14;color:#E6EDF3;
  overflow-y:auto;position:relative;
}
.ld-mono{font-family:ui-monospace,'SF Mono','JetBrains Mono','Cascadia Code',Consolas,'Liberation Mono',monospace;}

/* ── Nav ── */
.ld-nav{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;gap:10px;
  padding:13px clamp(16px,4vw,40px);
  background:rgba(7,11,20,.78);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(148,163,184,.09);
}
.ld-nav-brand{display:flex;align-items:center;gap:10px;margin-right:auto;}
.ld-mark{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  font-weight:900;font-size:12px;letter-spacing:-.5px;color:#04110D;
  background:linear-gradient(135deg,#00D4AA,#4F8EF7);
  box-shadow:0 0 18px rgba(0,212,170,.35);
}
.ld-brand-name{font-size:16px;font-weight:900;letter-spacing:-.4px;color:#E6EDF3;white-space:nowrap;}
.ld-brand-name b{background:linear-gradient(135deg,#00D4AA,#4F8EF7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;}
.ld-nav-links{display:flex;gap:22px;margin-right:10px;}
.ld-nav-links a{font-size:12.5px;font-weight:600;color:#8B98AD;text-decoration:none;transition:color .2s;}
.ld-nav-links a:hover{color:#E6EDF3;}
@media(max-width:820px){.ld-nav-links{display:none;}}

/* ── Buttons ── */
.ld-btn{border:none;cursor:pointer;font-weight:800;border-radius:12px;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;letter-spacing:.2px;white-space:nowrap;}
.ld-btn-primary{
  background:linear-gradient(135deg,#00D4AA,#4F8EF7);color:#04110D;
  padding:10px 20px;font-size:13px;
  box-shadow:0 6px 24px rgba(0,212,170,.28);
}
.ld-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(0,212,170,.42);}
.ld-btn-ghost{
  background:rgba(148,163,184,.06);color:#E6EDF3;
  border:1px solid rgba(148,163,184,.18);
  padding:10px 18px;font-size:13px;
}
.ld-btn-ghost:hover{border-color:rgba(0,212,170,.5);color:#00D4AA;}
.ld-btn-lg{padding:15px 30px;font-size:15px;border-radius:14px;}

/* ── Hero ── */
.ld-hero{
  position:relative;
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,5vw,64px);align-items:center;
  max-width:1180px;margin:0 auto;
  padding:clamp(44px,8vh,92px) clamp(16px,4vw,40px) 56px;
}
.ld-hero::before{
  content:'';position:absolute;inset:-120px -40px 0;
  background:radial-gradient(ellipse 62% 55% at 22% 8%,rgba(0,212,170,.13),transparent 65%),
             radial-gradient(ellipse 55% 50% at 85% 30%,rgba(79,142,247,.14),transparent 62%),
             radial-gradient(ellipse 40% 40% at 60% 90%,rgba(139,92,246,.08),transparent 60%);
  pointer-events:none;z-index:0;
}
.ld-hero::after{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 30%,#000 40%,transparent 100%);
  mask-image:radial-gradient(ellipse 75% 70% at 50% 30%,#000 40%,transparent 100%);
  pointer-events:none;z-index:0;
}
.ld-hero > *{position:relative;z-index:1;}
@media(max-width:920px){
  .ld-hero{grid-template-columns:1fr;text-align:center;}
}

.ld-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border-radius:999px;
  background:rgba(0,212,170,.08);border:1px solid rgba(0,212,170,.25);
  font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#00D4AA;
  margin-bottom:22px;
}
.ld-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#00D4AA;box-shadow:0 0 8px #00D4AA;animation:ldPulse 1.8s ease-in-out infinite;}
@keyframes ldPulse{0%,100%{opacity:1}50%{opacity:.3}}

.ld-h1{
  font-size:clamp(40px,6vw,68px);
  font-weight:900;line-height:1.03;letter-spacing:-2.5px;
  margin:0 0 18px;
}
.ld-h1 .hunt{
  background:linear-gradient(120deg,#00D4AA 5%,#4F8EF7 55%,#8B5CF6 105%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.ld-sub{
  font-size:clamp(15px,1.6vw,17px);line-height:1.75;color:#8B98AD;
  max-width:520px;margin:0 0 30px;
}
@media(max-width:920px){.ld-sub{margin:0 auto 30px;}}

.ld-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px;}
@media(max-width:920px){.ld-cta-row{justify-content:center;}}

.ld-proof{display:flex;gap:34px;flex-wrap:wrap;}
@media(max-width:920px){.ld-proof{justify-content:center;}}
.ld-proof-val{font-size:22px;font-weight:800;color:#E6EDF3;}
.ld-proof-lbl{font-size:10px;color:#5D6B82;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;margin-top:4px;}

/* ── Hero terminal card (signature) ── */
.ld-term{
  position:relative;
  background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(9,14,25,.96));
  border:1px solid rgba(148,163,184,.13);
  border-radius:20px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(0,212,170,.05),0 0 60px rgba(0,212,170,.06);
}
.ld-term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.1);}
.ld-term-dot{width:10px;height:10px;border-radius:50%;}
.ld-term-title{margin-left:8px;font-size:10.5px;color:#5D6B82;letter-spacing:1px;font-weight:600;}
.ld-term-live{
  margin-left:auto;display:inline-flex;align-items:center;gap:5px;
  font-size:9.5px;font-weight:800;letter-spacing:1.2px;color:#00D4AA;
}
.ld-term-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#00D4AA;animation:ldPulse 1.4s infinite;}
.ld-term-head{display:flex;align-items:baseline;gap:12px;padding:14px 18px 4px;flex-wrap:wrap;}
.ld-term-pair{font-size:13px;font-weight:800;color:#E6EDF3;letter-spacing:.4px;}
.ld-term-tf{font-size:10px;color:#5D6B82;font-weight:700;letter-spacing:1px;}
.ld-term-price{margin-left:auto;font-size:16px;font-weight:800;color:#22C55E;}
.ld-term-chg{font-size:11px;font-weight:800;color:#22C55E;}
.ld-chart{display:block;width:100%;height:auto;}
.ld-svg-lbl{font-family:ui-monospace,'SF Mono',Consolas,monospace;font-size:9px;letter-spacing:1.4px;font-weight:700;}

/* sweep candle animation */
.ld-sw-wick{transform-box:fill-box;transform-origin:top center;animation:ldWick 6.5s ease-in-out infinite;}
@keyframes ldWick{0%,8%{transform:scaleY(0)}22%,100%{transform:scaleY(1)}}
.ld-sw-body{transform-box:fill-box;transform-origin:bottom center;animation:ldBody 6.5s ease-out infinite;}
@keyframes ldBody{0%,26%{transform:scaleY(0)}46%,100%{transform:scaleY(1)}}
.ld-cross{animation:ldCross 6.5s ease-in-out infinite;}
@keyframes ldCross{0%,16%{opacity:0}26%,58%{opacity:1}70%,100%{opacity:0}}
.ld-after{animation:ldAfter 6.5s ease-out infinite;}
@keyframes ldAfter{0%,48%{opacity:0}60%,100%{opacity:1}}

/* alert toast inside terminal */
.ld-alert-pop{
  position:absolute;left:14px;right:14px;bottom:12px;
  display:flex;gap:11px;align-items:center;
  background:rgba(11,18,31,.94);
  border:1px solid rgba(0,212,170,.32);
  border-radius:14px;padding:11px 14px;
  backdrop-filter:blur(8px);
  box-shadow:0 12px 36px rgba(0,0,0,.5);
  animation:ldPop 6.5s ease infinite;
}
@keyframes ldPop{0%,52%{opacity:0;transform:translateY(14px)}62%,94%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
.ld-alert-ic{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  display:grid;place-items:center;font-size:17px;
  background:rgba(0,212,170,.12);border:1px solid rgba(0,212,170,.3);
}
.ld-alert-t1{font-size:12.5px;font-weight:800;color:#E6EDF3;}
.ld-alert-t2{font-size:11px;color:#8B98AD;margin-top:2px;line-height:1.4;}
.ld-alert-time{margin-left:auto;font-size:9.5px;color:#00D4AA;font-weight:700;letter-spacing:.8px;flex-shrink:0;}

/* ── Sections ── */
.ld-sec{max-width:1180px;margin:0 auto;padding:52px clamp(16px,4vw,40px);}
.ld-kick{font-size:10.5px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#00D4AA;}
.ld-h2{font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-1.2px;margin:10px 0 10px;color:#E6EDF3;}
.ld-sec-sub{color:#8B98AD;font-size:14px;max-width:560px;line-height:1.7;}

/* Features */
.ld-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:32px;}
.ld-feat{
  position:relative;overflow:hidden;
  background:rgba(148,163,184,.04);
  border:1px solid rgba(148,163,184,.1);
  border-radius:16px;padding:22px;
  transition:transform .25s,border-color .25s,background .25s;
}
.ld-feat::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#00D4AA,#4F8EF7);
  opacity:0;transition:opacity .25s;
}
.ld-feat:hover{transform:translateY(-3px);border-color:rgba(0,212,170,.3);background:rgba(0,212,170,.045);}
.ld-feat:hover::before{opacity:1;}
.ld-feat-ic{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;font-size:19px;
  background:rgba(79,142,247,.1);border:1px solid rgba(79,142,247,.22);
  margin-bottom:14px;
}
.ld-feat-name{font-size:14.5px;font-weight:800;margin-bottom:6px;color:#E6EDF3;}
.ld-feat-desc{font-size:12.5px;color:#8B98AD;line-height:1.65;}

/* How it works — steps */
.ld-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:32px;}
.ld-step{
  background:rgba(148,163,184,.04);
  border:1px solid rgba(148,163,184,.1);
  border-left:2px solid rgba(0,212,170,.55);
  border-radius:16px;padding:22px;
}
.ld-step-num{font-size:11px;font-weight:800;letter-spacing:2px;color:#00D4AA;margin-bottom:12px;}
.ld-step-name{font-size:15px;font-weight:800;margin-bottom:7px;color:#E6EDF3;}
.ld-step-desc{font-size:12.5px;color:#8B98AD;line-height:1.65;}

/* Community */
.ld-community-grid{display:flex;flex-direction:column;gap:12px;max-width:540px;margin-top:28px;}

/* CTA band + footer */
.ld-cta-band{
  position:relative;overflow:hidden;text-align:center;
  border:1px solid rgba(0,212,170,.22);border-radius:22px;
  background:linear-gradient(180deg,rgba(0,212,170,.07),rgba(79,142,247,.06));
  padding:clamp(36px,6vw,60px) 24px;
}
.ld-cta-band .ld-h2{margin-top:0;}
.ld-cta-band .ld-sec-sub{margin:0 auto 26px;}
.ld-footer{
  padding:50px 24px 20px;border-top:1px solid var(--border);background:var(--bg2);
}
.ld-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;max-width:900px;margin:0 auto 30px;}
.ld-footer-brand{font-size:16px;font-weight:900;letter-spacing:-.3px;color:var(--text);}
.ld-footer-head{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--text3);text-transform:uppercase;margin-bottom:10px;}
.ld-footer-col a{display:block;font-size:12px;color:var(--text2);text-decoration:none;margin-bottom:7px;}
.ld-footer-col a:hover{color:var(--green);}
.ld-footer-bottom{text-align:center;font-size:11px;color:var(--text3);padding-top:20px;border-top:1px solid var(--border);}
@media(max-width:700px){.ld-footer-grid{grid-template-columns:1fr 1fr;gap:20px;}}
/* pricing card */
.ld-price-card{max-width:420px;margin:0 auto;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:30px 28px;text-align:center;position:relative;overflow:hidden;}
.ld-price-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--gold),var(--blue));}
.ld-price-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:1px;padding:4px 12px;border-radius:20px;background:rgba(245,179,1,.15);color:var(--gold);margin-bottom:12px;}
.ld-price-name{font-size:20px;font-weight:900;color:var(--text);margin-bottom:6px;}
.ld-price-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0;}
.ld-price-old{font-size:28px;font-weight:800;color:var(--text3);text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:3px;}
.ld-price-new{font-size:38px;font-weight:900;color:var(--green);letter-spacing:-1px;}
.ld-price-why{font-size:12px;color:var(--text2);margin:8px 0 18px;}
.ld-price-list{list-style:none;padding:0;margin:0;text-align:left;}
.ld-price-list li{font-size:13px;color:var(--text);padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.ld-price-list li::before{content:'\2713';color:var(--green);font-weight:800;margin-right:10px;}
/* step arrow */
.ld-step-arrow{font-size:28px;color:var(--text3);display:flex;align-items:center;opacity:.4;}
@media(max-width:700px){.ld-step-arrow{transform:rotate(90deg);margin:10px auto;}}
/* chart line animation */
.ld-line{stroke-dasharray:600;stroke-dashoffset:600;animation:ldDraw 2s ease forwards 0.5s;}
.ld-area{opacity:0;animation:ldFadeIn 1s ease forwards 2s;}
@keyframes ldDraw{to{stroke-dashoffset:0;}}
@keyframes ldFadeIn{to{opacity:1;}}
/* alert dot pulse */
.ld-alert-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:ldPulse 1.5s ease-in-out infinite;}
@keyframes ldPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(1.4);}}
.ld-term-alert{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border);}
.ld-last{padding-bottom:96px;} /* clearance for fixed ticker */

/* ── Bottom price ticker (live, JS-fed) ── */
.land-ticker{
  position:fixed;bottom:0;left:0;right:0;z-index:100;
  background:rgba(7,11,20,.92);
  border-top:1px solid rgba(148,163,184,.12);
  padding:9px 0;overflow:hidden;backdrop-filter:blur(16px);
}
.ticker-track{display:flex;gap:46px;white-space:nowrap;width:max-content;animation:ticker 32s linear infinite;}
.ticker-track:hover{animation-play-state:paused;}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;font-family:ui-monospace,'SF Mono',Consolas,monospace;}
.ticker-sym{color:#5D6B82;}
.ticker-price{color:#E6EDF3;}
.ticker-chg,.lt-chg{font-size:11px;font-weight:800;}
.ticker-chg.up,.lt-chg.up{color:#22C55E;}
.ticker-chg.dn,.lt-chg.dn{color:#EF4444;}

/* ── v3 polish: logo mark, candle grow, hovers, reveal ── */
.ld-mark{overflow:hidden;padding:0;background:#0B1220;position:relative;}
.ld-mark img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;}
.ld-mark::after{
  content:'';position:absolute;inset:0;border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(0,212,170,.35);
  pointer-events:none;
}
.ld-nav-brand:hover .ld-mark{box-shadow:0 0 26px rgba(0,212,170,.55);}
.ld-nav-brand .ld-mark{transition:box-shadow .3s;}

/* nav link animated underline */
.ld-nav-links a{position:relative;padding-bottom:3px;}
.ld-nav-links a::after{
  content:'';position:absolute;left:0;bottom:0;height:2px;width:0;
  background:linear-gradient(90deg,#00D4AA,#4F8EF7);border-radius:2px;
  transition:width .28s ease;
}
.ld-nav-links a:hover::after{width:100%;}

/* button shine sweep */
.ld-btn{position:relative;overflow:hidden;}
.ld-btn::after{
  content:'';position:absolute;top:0;bottom:0;left:-80%;width:45%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-22deg);transition:left .55s ease;pointer-events:none;
}
.ld-btn:hover::after{left:130%;}

/* hero SVG: candles grow in, staggered */
#sLanding .ld-chart rect{transform-box:fill-box;transform-origin:center bottom;}
#sLanding .ld-chart g rect{animation:ldGrow .6s cubic-bezier(.2,.8,.3,1.15) both;}
#sLanding .ld-chart g line{animation:ldWickIn .5s ease both;}
#sLanding .ld-chart g rect:nth-of-type(1){animation-delay:.10s}
#sLanding .ld-chart g rect:nth-of-type(2){animation-delay:.22s}
#sLanding .ld-chart g rect:nth-of-type(3){animation-delay:.34s}
#sLanding .ld-chart g rect:nth-of-type(4){animation-delay:.46s}
#sLanding .ld-chart g rect:nth-of-type(5){animation-delay:.58s}
#sLanding .ld-chart g rect:nth-of-type(6){animation-delay:.70s}
#sLanding .ld-chart g rect:nth-of-type(7){animation-delay:.82s}
#sLanding .ld-chart g rect:nth-of-type(8){animation-delay:.94s}
#sLanding .ld-chart g rect:nth-of-type(9){animation-delay:1.06s}
#sLanding .ld-chart g line:nth-of-type(1){animation-delay:.14s}
#sLanding .ld-chart g line:nth-of-type(2){animation-delay:.26s}
#sLanding .ld-chart g line:nth-of-type(3){animation-delay:.38s}
#sLanding .ld-chart g line:nth-of-type(4){animation-delay:.50s}
#sLanding .ld-chart g line:nth-of-type(5){animation-delay:.62s}
#sLanding .ld-chart g line:nth-of-type(6){animation-delay:.74s}
#sLanding .ld-chart g line:nth-of-type(7){animation-delay:.86s}
#sLanding .ld-chart g line:nth-of-type(8){animation-delay:.98s}
#sLanding .ld-chart g line:nth-of-type(9){animation-delay:1.10s}
@keyframes ldGrow{from{transform:scaleY(0);opacity:0;}to{transform:scaleY(1);opacity:1;}}
@keyframes ldWickIn{from{opacity:0;}to{opacity:1;}}

/* terminal card: 3D lift on hover */
.ld-term{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;will-change:transform;}
.ld-term:hover{
  transform:perspective(900px) rotateX(2.5deg) rotateY(-3deg) translateY(-6px);
  box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 0 1px rgba(0,212,170,.22),0 0 44px rgba(0,212,170,.12);
}

/* floating candle particles in hero */
.ld-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;}
.ld-particles i{
  position:absolute;bottom:-40px;width:5px;border-radius:2px;opacity:0;
  background:linear-gradient(180deg,#22C55E,transparent);
  animation:ldFloat linear infinite;
}
.ld-particles i.r{background:linear-gradient(180deg,#EF4444,transparent);}
@keyframes ldFloat{
  0%{transform:translateY(0);opacity:0;}
  8%{opacity:.5;}
  85%{opacity:.35;}
  100%{transform:translateY(-115vh);opacity:0;}
}

/* feature card icon glow */
.ld-feat-ic{transition:transform .3s cubic-bezier(.3,1.4,.4,1),box-shadow .3s,filter .3s;}
.ld-feat:hover .ld-feat-ic{transform:scale(1.12) rotate(-4deg);box-shadow:0 0 26px rgba(0,212,170,.35);}
.ld-feat{transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;}
.ld-feat:hover{box-shadow:0 14px 40px rgba(0,0,0,.35);}

/* steps hover */
.ld-step{transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;}
.ld-step::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#00D4AA,#4F8EF7);
  transform:scaleX(0);transform-origin:left;transition:transform .4s ease;
}
.ld-step:hover{transform:translateY(-4px);border-color:rgba(79,142,247,.3);box-shadow:0 12px 36px rgba(0,0,0,.35);}
.ld-step:hover::after{transform:scaleX(1);}

/* community cards lift (landing only) */
#sLanding .x-profile-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;}
#sLanding .x-profile-card:hover{transform:translateY(-6px) scale(1.015);}

/* CTA band shimmer */
.ld-cta-band{position:relative;overflow:hidden;}
.ld-cta-band::before{
  content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(105deg,transparent,rgba(0,212,170,.07),transparent);
  transform:skewX(-18deg);animation:ldBandSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes ldBandSweep{0%,100%{left:-60%;}50%{left:120%;}}

/* ticker top glow line */
.land-ticker::before{
  content:'';position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,212,170,.6),rgba(79,142,247,.6),transparent);
  animation:ldTickGlow 3.5s ease-in-out infinite;
}
@keyframes ldTickGlow{0%,100%{opacity:.4;}50%{opacity:1;}}

/* scroll reveal */
.ld-rv{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);}
.ld-rv.in{opacity:1;transform:none;}
.ld-rv-d1{transition-delay:.08s}.ld-rv-d2{transition-delay:.16s}.ld-rv-d3{transition-delay:.24s}
.ld-rv-d4{transition-delay:.32s}.ld-rv-d5{transition-delay:.40s}

@media(prefers-reduced-motion:reduce){
  .ld-rv{opacity:1!important;transform:none!important;}
}

@media(prefers-reduced-motion:reduce){
  #sLanding *,#sLanding *::before,#sLanding *::after{animation:none!important;transition:none!important;}
}

/* ══════════════════════════════════════════
   AUTH
══════════════════════════════════════════ */
#sAuth{
  background:var(--bg);
  align-items:center;justify-content:center;
  overflow-y:auto;
  position:relative;
}
#sAuth::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 60% at 30% 50%,rgba(79,142,247,.15),transparent),
             radial-gradient(ellipse 50% 50% at 70% 50%,rgba(139,92,246,.1),transparent);
  pointer-events:none;
}
.auth-card{
  width:100%;max-width:420px;padding:32px 28px;
  background:rgba(17,24,39,.8);
  border:1px solid rgba(79,142,247,.2);
  border-radius:24px;
  backdrop-filter:blur(30px);
  box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04);
  position:relative;z-index:1;
  margin:20px;
}
.auth-logo{
  text-align:center;margin-bottom:24px;
}
.auth-logo-text{
  font-size:22px;font-weight:900;letter-spacing:-1px;
}
.auth-logo-text .grad{
  background:linear-gradient(135deg,#4F8EF7,#8B5CF6);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.auth-tabs{
  display:flex;background:rgba(0,0,0,.3);border-radius:12px;padding:4px;margin-bottom:24px;border:1px solid var(--border);
}
.auth-tab{
  flex:1;text-align:center;padding:9px;border-radius:9px;
  cursor:pointer;font-size:13px;font-weight:700;color:var(--text3);transition:.2s;
}
.auth-tab.on{
  background:linear-gradient(135deg,rgba(79,142,247,.3),rgba(139,92,246,.3));
  color:var(--text);border:1px solid rgba(79,142,247,.3);
}
.fl{display:block;font-size:11px;color:var(--text2);margin-bottom:5px;font-weight:600;letter-spacing:.3px;}
.fi{
  width:100%;
  background:rgba(0,0,0,.3);
  border:1px solid var(--border);
  border-radius:10px;
  padding:11px 14px;
  color:var(--text);
  font-size:14px;outline:none;
  margin-bottom:12px;
  transition:.2s;
}
.fi:focus{border-color:var(--blue);background:rgba(79,142,247,.05);box-shadow:0 0 0 3px rgba(79,142,247,.1);}
.fi::placeholder{color:var(--text3);}
select.fi{cursor:pointer;}
.err-box{
  background:var(--red-bg);border:1px solid var(--red-bd);border-radius:8px;
  padding:10px 12px;font-size:12px;color:var(--red);margin-bottom:12px;display:none;
}
.ok-box{
  background:var(--green-bg);border:1px solid var(--green-bd);border-radius:8px;
  padding:10px 12px;font-size:12px;color:var(--green);margin-bottom:12px;display:none;
}
.btn-auth{
  width:100%;padding:13px;
  background:linear-gradient(135deg,#4F8EF7,#8B5CF6);
  color:#fff;font-size:14px;font-weight:800;
  border-radius:12px;border:none;cursor:pointer;
  transition:.2s;letter-spacing:.3px;
  box-shadow:0 6px 20px rgba(79,142,247,.3);
  margin-bottom:10px;
  position:relative;overflow:hidden;
}
.btn-auth:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(79,142,247,.4);}
.btn-auth:disabled{opacity:.6;transform:none;}
.btn-auth::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);
}
.btn-back-auth{
  width:100%;padding:11px;background:transparent;
  color:var(--text3);font-size:13px;font-weight:600;
  border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:.2s;
}
.btn-back-auth:hover{color:var(--text);border-color:var(--border2);}

/* ══════════════════════════════════════════
   APP SHELL
══════════════════════════════════════════ */
#sApp{flex-direction:row;background:var(--bg);}

/* SIDEBAR */
.sidebar{
  width:var(--sidebar);flex-shrink:0;
  background:var(--bg2);
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;
  height:100vh;height:100dvh;overflow:hidden;
  transition:.3s;
  z-index:50;
}
.sidebar-logo{
  padding:20px 18px 16px;
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.logo-icon{
  width:34px;height:34px;border-radius:10px;
  background:linear-gradient(135deg,#4F8EF7,#8B5CF6);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:900;color:#fff;flex-shrink:0;
}
.logo-text{font-size:16px;font-weight:900;letter-spacing:-.5px;}
.logo-text .grad{background:linear-gradient(135deg,#4F8EF7,#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sidebar-user{
  padding:12px 16px;border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.sidebar-av{
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--purple));
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;color:#fff;flex-shrink:0;
  overflow:hidden;
}
.sidebar-av img{width:100%;height:100%;object-fit:cover;}
.sidebar-uname{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sidebar-role{font-size:10px;color:var(--gold);font-weight:600;letter-spacing:.5px;text-transform:uppercase;}

/* NAV ITEMS */
.nav-section{padding:8px 10px 0;flex:1;overflow-y:auto;}
.nav-label{font-size:9px;font-weight:700;color:var(--text3);letter-spacing:1px;text-transform:uppercase;padding:10px 8px 4px;}
.nav-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 10px;border-radius:10px;
  cursor:pointer;transition:.15s;color:var(--text2);
  font-size:13px;font-weight:600;margin-bottom:2px;
  border:1px solid transparent;position:relative;
}
.nav-item:hover{background:rgba(255,255,255,.04);color:var(--text);}
.nav-item.on{
  background:linear-gradient(135deg,rgba(79,142,247,.15),rgba(139,92,246,.1));
  color:var(--text);
  border-color:rgba(79,142,247,.2);
}
.nav-icon{width:22px;height:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text3);transition:color .15s,filter .15s;}
.nav-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.nav-item:hover .nav-icon{color:var(--text);}
.nav-item.on .nav-icon{color:var(--green);filter:drop-shadow(0 0 5px rgba(0,212,170,.65));}
.nav-badge{
  margin-left:auto;background:var(--red);color:#fff;
  font-size:9px;font-weight:800;border-radius:10px;
  padding:2px 6px;min-width:16px;text-align:center;
}

/* Sidebar bottom */
.sidebar-bottom{
  padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);
  display:flex;gap:6px;flex-shrink:0;
}
.sidebar-btn{
  flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);
  background:transparent;color:var(--text2);font-size:11px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:2px;transition:.15s;
}
.sidebar-btn:hover{background:var(--bg3);color:var(--text);}

/* Mobile sidebar toggle */
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:49;}
.topbar-mobile{
  display:none;align-items:center;gap:10px;
  padding:10px 14px;background:var(--bg2);border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.menu-toggle{
  width:34px;height:34px;border-radius:8px;border:1px solid var(--border);
  background:transparent;color:var(--text2);font-size:18px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
@media(max-width:768px){
  .sidebar{position:fixed;top:0;left:-240px;height:100vh;height:100dvh;z-index:100;transition:.3s;}
  .sidebar.open{left:0;box-shadow:20px 0 60px rgba(0,0,0,.5);}
  .sidebar-overlay.show{display:block;}
  .topbar-mobile{display:flex;}
  #sApp{flex-direction:column;}
}

/* ═══ DESKTOP SIDEBAR COLLAPSE ═══ */
.sidebar-collapse-btn{
  display:none;
  position:absolute;top:50%;right:-12px;transform:translateY(-50%);
  width:24px;height:24px;border-radius:50%;
  background:var(--bg3);border:1px solid var(--border2);
  color:var(--text2);font-size:12px;cursor:pointer;
  align-items:center;justify-content:center;z-index:60;
}
@media(min-width:769px){
  .sidebar{position:relative;}
  .sidebar-collapse-btn{display:flex;}
  .sidebar-collapse-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue);}
  /* Collapsed state — sidebar hidden, content full */
  #sApp.sb-collapsed .sidebar{width:0;min-width:0;border-right:none;overflow:hidden;}
  #sApp.sb-collapsed .sidebar > *{opacity:0;pointer-events:none;}
  #sApp.sb-collapsed .sidebar-collapse-btn{opacity:1;pointer-events:auto;right:-12px;}
  /* floating reopen button when collapsed */
  .sb-reopen{display:none;position:fixed;top:16px;left:12px;z-index:80;width:38px;height:38px;border-radius:10px;background:var(--bg2);border:1px solid var(--border2);color:var(--text);font-size:18px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.4);}
  #sApp.sb-collapsed .sb-reopen{display:flex;}
}

/* ── AI PICKS ── */
.picks-info{display:flex;gap:11px;align-items:flex-start;background:linear-gradient(135deg,rgba(0,212,170,.1),rgba(79,142,247,.04));border:1px solid rgba(0,212,170,.25);border-radius:14px;padding:13px;margin-bottom:14px;}
.picks-info-icon{font-size:22px;flex-shrink:0;}
.picks-info-txt{font-size:12px;color:var(--text2);line-height:1.5;}
.picks-empty{text-align:center;padding:24px;color:var(--text3);font-size:13px;background:var(--bg2);border:1px dashed var(--border);border-radius:12px;margin-bottom:14px;line-height:1.6;}
.pick-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:13px;margin-bottom:10px;}
.pick-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.pick-coin{font-size:15px;font-weight:900;color:var(--text);}
.pick-stance{font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px;text-transform:uppercase;}
.pick-stance.bullish{background:rgba(34,197,94,.15);color:var(--green);}
.pick-stance.bearish{background:rgba(239,68,68,.15);color:var(--red);}
.pick-out{font-size:9px;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;}
.pick-out.correct{background:rgba(34,197,94,.15);color:var(--green);}
.pick-out.wrong{background:rgba(239,68,68,.15);color:var(--red);}
.pick-out.pending{background:rgba(245,179,1,.12);color:var(--gold);}
.pick-handle{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:7px;}
.pick-role{font-size:11px;font-weight:700;}
.pick-ai{font-size:12px;color:var(--text2);line-height:1.5;background:var(--bg3);border-radius:9px;padding:9px 11px;margin-bottom:8px;}
.pick-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--text3);}
.pick-meta span{font-weight:600;}
.pick-chart{width:100%;border-radius:10px;margin-top:10px;border:1px solid var(--border);cursor:pointer;}
/* ── END PICKS ── */

/* ── AI BRIEFING ── */
.sent-ai-brief{background:linear-gradient(135deg,rgba(0,212,170,.1),rgba(79,142,247,.05));border:1px solid rgba(0,212,170,.25);border-radius:14px;padding:14px;margin-bottom:14px;}
.sent-ai-brief-hd{font-size:11px;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.sent-ai-brief-txt{font-size:13px;color:var(--text);line-height:1.6;}

/* ── SHIFT ALERTS ── */
.sent-shift{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;margin-bottom:6px;border:1px solid var(--border);}
.sent-shift.up{background:rgba(34,197,94,.06);border-left:3px solid var(--green);}
.sent-shift.down{background:rgba(239,68,68,.06);border-left:3px solid var(--red);}
.sent-shift-coin{font-size:13px;font-weight:800;color:var(--text);}
.sent-shift-txt{flex:1;font-size:12px;color:var(--text2);}
.sent-shift-time{font-size:10px;color:var(--text3);}

/* ── HEATMAP ── */
.sent-heatmap{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;}
.sent-heat-cell{border-radius:10px;padding:12px 6px;text-align:center;cursor:pointer;transition:transform .12s;border:1px solid rgba(255,255,255,.06);}
.sent-heat-cell:hover{transform:scale(1.04);}
.sent-heat-coin{font-size:12px;font-weight:800;}
.sent-heat-score{font-size:14px;font-weight:900;margin-top:2px;font-variant-numeric:tabular-nums;}

/* ── SMART MONEY vs RETAIL ── */
.sent-smr{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;}
.sent-smr.diverge{border-color:rgba(245,179,1,.4);background:rgba(245,179,1,.04);}
.sent-smr-coin{font-size:13px;font-weight:800;color:var(--text);margin-bottom:8px;}
.sent-smr-flag{font-size:8px;font-weight:800;color:var(--gold);background:rgba(245,179,1,.15);padding:2px 6px;border-radius:5px;}
.sent-smr-bars{display:flex;flex-direction:column;gap:7px;}
.sent-smr-row{display:flex;align-items:center;gap:8px;}
.sent-smr-lbl{font-size:10px;font-weight:700;color:var(--text3);min-width:54px;}
.sent-smr-track{flex:1;height:8px;background:var(--bg3);border-radius:4px;overflow:hidden;position:relative;}
.sent-smr-track::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border2);}
.sent-smr-fill{height:100%;border-radius:4px;transition:width .5s;}
.sent-smr-val{font-size:11px;font-weight:800;min-width:36px;text-align:right;font-variant-numeric:tabular-nums;}

/* ── DIVERGENCE ── */
.sent-diverge-box{display:flex;gap:11px;align-items:flex-start;background:linear-gradient(135deg,rgba(245,179,1,.1),rgba(245,179,1,.03));border:1px solid rgba(245,179,1,.25);border-radius:14px;padding:14px;margin-top:8px;margin-bottom:8px;}
.sent-diverge-icon{font-size:22px;flex-shrink:0;}
.sent-diverge-lbl{font-size:9px;font-weight:800;color:var(--gold);letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;}
.sent-diverge-txt{font-size:12.5px;color:var(--text);line-height:1.5;}

/* ── HISTORY CHART ── */
.sent-history-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:14px;}
.sent-history-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.sent-history-title{font-size:12px;font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.3px;}
.sent-history-sel{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:5px 10px;color:var(--text);font-size:12px;font-weight:700;}

@media(max-width:480px){
  .sent-heatmap{grid-template-columns:repeat(3,1fr);}
}
/* ── END SENT ADVANCED ── */

/* ══ SENTIMENT CATEGORY + GAUGES ══ */
.sent-cat-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;background:var(--bg2);border-bottom:2px solid var(--border);padding:8px 12px;flex-shrink:0;}
.sent-cat-tabs::-webkit-scrollbar{display:none;}
.sent-cat-tab{flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:700;color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:9px;background:var(--bg3);border:1px solid var(--border);transition:all .15s;}
.sent-cat-tab.on{color:var(--gold);background:rgba(245,179,1,.1);border-color:rgba(245,179,1,.35);}

/* Gauge cards row */
.sent-gauge-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.sent-gauge-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:14px;text-align:center;}
.sent-gauge-title{font-size:10px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.sent-gauge-wrap{position:relative;display:inline-block;}
.sent-gauge-val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.sent-gauge-num{font-size:24px;font-weight:900;line-height:1;}
.sent-gauge-lbl{font-size:9px;color:var(--text3);font-weight:700;text-transform:uppercase;margin-top:2px;}
.sent-donut-legend{display:flex;justify-content:center;gap:12px;margin-top:8px;font-size:10px;}
.sent-donut-legend .bull{color:var(--green);font-weight:700;}
.sent-donut-legend .bear{color:var(--red);font-weight:700;}

/* Trending highlight (per category) */
.sent-trend-banner{background:linear-gradient(135deg,rgba(245,179,1,.12),rgba(245,179,1,.03));border:1px solid rgba(245,179,1,.3);border-radius:14px;padding:12px 14px;margin-bottom:14px;}
.sent-trend-banner-lbl{font-size:9px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.sent-trend-pills{display:flex;gap:8px;flex-wrap:wrap;}
.sent-trend-pill{background:var(--bg3);border:1px solid var(--gold);color:var(--gold);font-size:13px;font-weight:800;padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:5px;}
.sent-trend-pill .rank{background:var(--gold);color:#000;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;}

/* Leaderboard */
.lb-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px;display:flex;align-items:center;gap:12px;}
.lb-rank{font-size:18px;font-weight:900;width:32px;text-align:center;flex-shrink:0;}
.lb-rank.gold{color:var(--gold);}
.lb-rank.silver{color:#C0C0C8;}
.lb-rank.bronze{color:#CD7F32;}
.lb-info{flex:1;min-width:0;}
.lb-handle{font-size:14px;font-weight:800;color:var(--blue);}
.lb-stats{font-size:11px;color:var(--text3);margin-top:1px;}
.lb-accuracy{text-align:right;flex-shrink:0;}
.lb-acc-val{font-size:20px;font-weight:900;}
.lb-acc-lbl{font-size:9px;color:var(--text3);text-transform:uppercase;font-weight:700;}
.lb-cat-badge{font-size:8px;font-weight:800;padding:2px 6px;border-radius:5px;text-transform:uppercase;margin-left:6px;}
.lb-cat-badge.alt{background:rgba(79,142,247,.15);color:var(--blue);}
.lb-cat-badge.meme{background:rgba(34,197,94,.15);color:var(--green);}
.lb-cat-badge.forex{background:rgba(245,179,1,.15);color:var(--gold);}

/* Influencer manager */
.inf-add-box{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:16px;}
.inf-add-title{font-size:12px;font-weight:800;color:var(--gold);margin-bottom:10px;}
.inf-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;color:var(--text);font-size:13px;margin-bottom:8px;}
.inf-input:focus{outline:none;border-color:var(--gold);}
.inf-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.inf-list-title{font-size:11px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;}
.inf-item{display:flex;align-items:center;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:6px;}
.inf-item-info{flex:1;min-width:0;}
.inf-item-handle{font-size:13px;font-weight:700;color:var(--text);}
.inf-item-meta{font-size:10px;color:var(--text3);margin-top:1px;}
.inf-item-cat{font-size:8px;font-weight:800;padding:2px 7px;border-radius:5px;text-transform:uppercase;}
.inf-item-cat.alt{background:rgba(79,142,247,.15);color:var(--blue);}
.inf-item-cat.meme{background:rgba(34,197,94,.15);color:var(--green);}
.inf-item-cat.forex{background:rgba(245,179,1,.15);color:var(--gold);}
.inf-del{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:var(--red);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.inf-del:hover{background:rgba(239,68,68,.2);}

/* Confirm dialog */
.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:300;display:none;align-items:center;justify-content:center;padding:20px;}
.confirm-overlay.show{display:flex;}
.confirm-card{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;padding:20px;max-width:320px;width:100%;text-align:center;}
.confirm-icon{font-size:36px;margin-bottom:10px;}
.confirm-title{font-size:16px;font-weight:800;margin-bottom:6px;}
.confirm-msg{font-size:13px;color:var(--text2);margin-bottom:18px;line-height:1.5;}
.confirm-btns{display:flex;gap:10px;}
.confirm-btn{flex:1;padding:11px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;}
.confirm-btn.cancel{background:var(--bg3);color:var(--text2);border:1px solid var(--border);}
.confirm-btn.delete{background:var(--red);color:#fff;}
/* ══ END SENTIMENT EXTRAS ══ */

/* ══ SENTIMENT ══ */
.sent-header{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--bg2);border-bottom:1px solid var(--border);}
.sent-title{font-size:16px;font-weight:900;}
.sent-title span{background:linear-gradient(90deg,#00D4AA,#4F8EF7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sent-sub{font-size:11px;color:var(--text3);margin-top:2px;}
.sent-refresh{background:var(--bg3);border:1px solid var(--border);color:var(--gold);font-size:12px;font-weight:700;padding:8px 14px;border-radius:10px;cursor:pointer;}
.sent-refresh:hover{border-color:var(--gold);}
.sent-wrap{padding:14px;}

/* Mood banner */
.sent-mood{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;margin-bottom:14px;border:1px solid var(--border);}
.sent-mood.bullish{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.03));border-color:rgba(34,197,94,.3);}
.sent-mood.bearish{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.03));border-color:rgba(239,68,68,.3);}
.sent-mood.mixed,.sent-mood.neutral{background:linear-gradient(135deg,rgba(245,179,1,.12),rgba(245,179,1,.03));border-color:rgba(245,179,1,.3);}
.sent-mood-emoji{font-size:40px;}
.sent-mood-txt h3{font-size:18px;font-weight:900;text-transform:capitalize;margin-bottom:3px;}
.sent-mood-txt p{font-size:12px;color:var(--text2);line-height:1.5;}

/* Section title */
.sent-sec-title{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--text3);margin:18px 0 10px;display:flex;align-items:center;gap:7px;}

/* Trending chips */
.sent-trending{display:flex;gap:8px;flex-wrap:wrap;}
.sent-trend-chip{background:var(--bg3);border:1px solid var(--gold);color:var(--gold);font-size:13px;font-weight:800;padding:7px 14px;border-radius:20px;}

/* Coin sentiment cards */
.sent-coin{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px;}
.sent-coin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.sent-coin-name{font-size:15px;font-weight:900;display:flex;align-items:center;gap:8px;}
.sent-coin-mentions{font-size:10px;color:var(--text3);font-weight:600;}
.sent-coin-score{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;}
.sent-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--bg3);}
.sent-bar-bull{background:var(--green);}
.sent-bar-neut{background:var(--text3);}
.sent-bar-bear{background:var(--red);}
.sent-bar-legend{display:flex;justify-content:space-between;font-size:10px;margin-top:6px;color:var(--text3);}
.sent-bar-legend .bull{color:var(--green);font-weight:700;}
.sent-bar-legend .bear{color:var(--red);font-weight:700;}

/* Top calls */
.sent-call{display:flex;align-items:flex-start;gap:10px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:11px;margin-bottom:8px;}
.sent-call-badge{font-size:9px;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;flex-shrink:0;margin-top:1px;}
.sent-call-badge.bullish{background:rgba(34,197,94,.15);color:var(--green);}
.sent-call-badge.bearish{background:rgba(239,68,68,.15);color:var(--red);}
.sent-call-info{flex:1;min-width:0;}
.sent-call-handle{font-size:13px;font-weight:800;color:var(--blue);}
.sent-call-coin{font-size:11px;color:var(--text3);font-weight:700;}
.sent-call-snippet{font-size:12px;color:var(--text2);margin-top:3px;font-style:italic;line-height:1.4;}

/* Tier + contrarian */
.sent-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.sent-tier{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center;}
.sent-tier-lbl{font-size:9px;color:var(--text3);text-transform:uppercase;font-weight:700;letter-spacing:.5px;}
.sent-tier-mood{font-size:14px;font-weight:900;margin-top:4px;text-transform:capitalize;}
.sent-contrarian{background:linear-gradient(135deg,rgba(79,142,247,.1),rgba(79,142,247,.03));border:1px solid rgba(79,142,247,.25);border-radius:14px;padding:14px;display:flex;gap:11px;align-items:flex-start;margin-top:14px;}
.sent-contrarian-icon{font-size:22px;flex-shrink:0;}
.sent-contrarian-txt .lbl{font-size:9px;font-weight:800;color:var(--blue);letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;}
.sent-contrarian-txt .val{font-size:12.5px;color:var(--text);line-height:1.5;}

.sent-demo-banner{background:rgba(245,179,1,.08);border:1px solid rgba(245,179,1,.2);border-radius:10px;padding:10px 12px;font-size:11px;color:var(--gold);margin-bottom:14px;text-align:center;}

/* ══ SIGNAL DESK (v2) ══ */
.sd-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;}
.sd-chip{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:12px;min-width:0;transition:border-color .2s;}
.sd-chip:hover{border-color:rgba(0,212,170,.3);}
.sd-chip-lbl{font-size:9px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--text3);}
.sd-chip-val{font-size:17px;font-weight:800;margin-top:6px;white-space:nowrap;}
.sd-chip-sub{font-size:10px;color:var(--text3);margin-top:3px;font-weight:600;}
.sd-brief{background:linear-gradient(135deg,rgba(0,212,170,.07),rgba(79,142,247,.05));border:1px solid rgba(0,212,170,.25);border-radius:14px;padding:14px;margin-bottom:6px;}
.sd-brief-hd{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--green);letter-spacing:1.4px;font-weight:800;margin-bottom:8px;}
.sd-brief-txt{font-size:13px;line-height:1.65;color:var(--text);}
.sd-brief-meta{font-size:9.5px;color:var(--text3);margin-top:9px;letter-spacing:.4px;}
.sd-filters{display:flex;gap:6px;margin:2px 0 12px;flex-wrap:wrap;}
.sd-filter{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:.15s;}
.sd-filter.on{color:var(--green);background:rgba(0,212,170,.1);border-color:rgba(0,212,170,.4);}
.sd-card{background:var(--bg2);border:1px solid var(--border);border-left:2px solid var(--border2);border-radius:14px;padding:13px 14px;margin-bottom:10px;transition:border-color .2s;}
.sd-card:hover{border-color:var(--border2);}
.sd-card.bullish{border-left-color:var(--green);}
.sd-card.bearish{border-left-color:var(--red);}
.sd-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sd-coin{font-size:15px;font-weight:800;}
.sd-stance{font-size:9px;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.6px;}
.sd-stance.bullish{background:rgba(34,197,94,.12);color:var(--green);}
.sd-stance.bearish{background:rgba(239,68,68,.12);color:var(--red);}
.sd-stance.neutral{background:rgba(245,179,1,.12);color:var(--gold);}
.sd-out{margin-left:auto;font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap;}
.sd-out.correct{background:rgba(34,197,94,.15);color:var(--green);}
.sd-out.wrong{background:rgba(239,68,68,.15);color:var(--red);}
.sd-out.pending{background:rgba(79,142,247,.12);color:var(--blue);}
.sd-live{font-size:10.5px;font-weight:800;}
.sd-live.good{color:var(--green);}
.sd-live.bad{color:var(--red);}
.sd-handle{font-size:11.5px;margin-top:7px;color:var(--text2);display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.sd-role{font-size:9.5px;font-weight:800;}
.sd-notes{font-size:11.5px;color:var(--text2);background:var(--bg3);border-radius:8px;padding:8px 10px;margin-top:8px;line-height:1.5;}
.sd-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--text3);margin-top:8px;}
.sd-actions{display:flex;gap:8px;margin-top:10px;}
.sd-btn{flex:1;padding:7px 10px;font-size:11px;font-weight:700;border-radius:8px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;text-align:center;transition:.15s;}
.sd-btn:hover{border-color:rgba(0,212,170,.4);color:var(--green);}
.sd-empty{text-align:center;padding:26px;color:var(--text3);font-size:12px;background:var(--bg2);border:1px dashed var(--border);border-radius:14px;line-height:1.8;}
.sd-conf{margin-left:auto;font-size:21px;font-weight:900;font-family:ui-monospace,'SF Mono',Consolas,monospace;line-height:1;letter-spacing:-.5px;}
.sd-conf small{font-size:10px;color:var(--text3);font-weight:700;letter-spacing:0;}
.sd-splitbar{display:flex;height:8px;border-radius:5px;overflow:hidden;margin-top:11px;background:var(--bg3);}
.sd-split-bull{background:linear-gradient(90deg,#16a34a,#22C55E);transition:width .5s;}
.sd-split-bear{background:linear-gradient(90deg,#b91c1c,#EF4444);transition:width .5s;}
.sd-split-lbl{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:10.5px;font-weight:800;}
.sd-confbar-wrap{flex:1;height:5px;border-radius:3px;background:var(--bg3);overflow:hidden;min-width:40px;}
.sd-confbar{display:block;height:100%;border-radius:3px;transition:width .5s;}
.sd-track{font-size:10px;font-weight:800;}
/* ══ RADAR + MARKETS ══ */
.rd-sel{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--ccm,ui-monospace,monospace);
  font-size:12px;font-weight:700;border-radius:9px;padding:8px 11px;cursor:pointer;}
.rd-book{grid-column:span 5;grid-row:span 2;}
.rd-mag{grid-column:span 7;grid-row:span 2;position:relative;
  background:radial-gradient(120% 90% at 70% 0%,rgba(0,212,170,.05),transparent 55%),var(--bg2);}
.rd-liq{grid-column:span 12;}
.rd-book-row{display:grid;grid-template-columns:1fr 1fr;gap:2px;align-items:center;font-family:var(--ccm,monospace);font-size:11px;height:20px;position:relative;}
.rd-b-px{z-index:2;font-weight:700;padding-left:6px;}
.rd-b-sz{z-index:2;text-align:right;padding-right:6px;color:var(--text2);}
.rd-b-fill{position:absolute;top:1px;bottom:1px;border-radius:3px;opacity:.20;}
.rd-b-fill.bid{right:0;background:var(--green);} .rd-b-fill.ask{right:0;background:var(--red);}
.rd-book-mid{text-align:center;font-family:var(--ccm,monospace);font-weight:800;font-size:13px;color:var(--green);
  padding:8px 0;margin:4px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);}
.rd-wall{box-shadow:inset 0 0 0 1px var(--gold);border-radius:3px;}
.rd-book-hd{display:grid;grid-template-columns:1fr 1fr;font-family:var(--ccm,monospace);font-size:9px;font-weight:800;
  letter-spacing:1px;color:var(--text3);text-transform:uppercase;margin-bottom:8px;padding:0 6px;}
.rd-book-hd span:last-child{text-align:right;}
.rd-src{font-family:var(--ccm,monospace);font-size:8.5px;font-weight:800;letter-spacing:.5px;
  padding:2px 7px;border-radius:5px;background:rgba(245,179,1,.15);color:var(--gold);margin-left:8px;}
.rlq-livefeed{display:flex;gap:6px;overflow-x:auto;padding:6px 0 0;scrollbar-width:none;}
.rlq-livefeed::-webkit-scrollbar{display:none;}
.rlq-liqchip{flex-shrink:0;font-family:var(--ccm,monospace);font-size:9.5px;font-weight:700;
  padding:4px 9px;border-radius:7px;white-space:nowrap;animation:rlqPop .25s ease-out;}
.rlq-liqchip.l{background:rgba(255,71,87,.14);color:var(--red);}
.rlq-liqchip.s{background:rgba(0,212,170,.14);color:var(--green);}
@keyframes rlqPop{from{transform:scale(.85);opacity:0;}to{transform:scale(1);opacity:1;}}
.rd-tick{display:flex;align-items:center;gap:6px;margin-left:auto;font-family:var(--ccm,monospace);}
.rd-tick>span{font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--text3);text-transform:uppercase;}
.rd-tick select,.rd-tick input{background:var(--bg3);border:1px solid var(--border);color:var(--text);
  font-family:var(--ccm,monospace);font-size:10.5px;font-weight:700;border-radius:7px;padding:4px 7px;cursor:pointer;}
.rd-tick input{width:64px;cursor:text;}
.rd-tick select:hover,.rd-tick input:focus{border-color:var(--border2);outline:none;}
/* scrollable order book: shows max depth, scroll for more */
.rd-book-scroll{max-height:420px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;}
.rd-book-scroll::-webkit-scrollbar{width:6px;}
.rd-book-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
.rd-book-scroll::-webkit-scrollbar-track{background:transparent;}
/* depth summary: total bids vs asks pressure bar */
.rd-depth-sum{display:flex;align-items:center;gap:8px;margin:8px 6px 4px;font-family:var(--ccm,monospace);font-size:9px;font-weight:800;letter-spacing:.5px;}
.rd-depth-bar{flex:1;height:7px;border-radius:4px;overflow:hidden;display:flex;background:var(--bg3);}
.rd-depth-bar .b{background:var(--green);} .rd-depth-bar .a{background:var(--red);}
.rd-depth-sum .bl{color:var(--green);} .rd-depth-sum .al{color:var(--red);}

/* markets screener */
.mk-tabs{display:flex;gap:4px;background:var(--bg3);border-radius:9px;padding:3px;flex-wrap:wrap;}
.mk-tab{font-family:var(--ccm,monospace);font-size:11px;font-weight:700;color:var(--text2);padding:6px 12px;border-radius:7px;cursor:pointer;}
.mk-tab.on{background:var(--green);color:#04110d;}
.mk-head,.mk-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 0.8fr;gap:8px;align-items:center;font-family:var(--ccm,monospace);font-size:11px;padding:9px 8px;}
.mk-head{font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--text3);text-transform:uppercase;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg2);}
.mk-row{border-bottom:1px solid var(--border);}
.mk-row:hover{background:var(--bg3);}
.mk-coin{font-weight:800;color:var(--text);}
.mk-num{text-align:right;} .mk-chg{text-align:right;font-weight:800;}
.mk-act{text-align:right;}
.mk-mini-btn{font-size:9px;font-weight:700;padding:4px 8px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text2);cursor:pointer;}
.mk-mini-btn:hover{border-color:rgba(0,212,170,.4);color:var(--green);}
.mk-scroll{max-height:62vh;overflow-y:auto;}
/* chart + liquidation magnet overlay */
.rd-chart{grid-column:span 12;position:relative;}
.rlq-ctrls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap;}
.rlq-seg{display:flex;gap:2px;background:var(--bg3);border-radius:8px;padding:2px;}
.rlq-seg span{font-family:var(--ccm);font-size:10px;font-weight:700;color:var(--text2);padding:5px 9px;border-radius:6px;cursor:pointer;user-select:none;white-space:nowrap;}
.rlq-seg span.on{background:var(--gold);color:#1a1200;}
#rlqIvSeg span.on{background:var(--blue);color:#04101f;}
.rlq-zoom{display:flex;gap:2px;background:var(--bg3);border-radius:8px;padding:2px;}
.rlq-zoom span{width:22px;text-align:center;line-height:20px;font-size:13px;font-weight:800;color:var(--text2);border-radius:6px;cursor:pointer;user-select:none;}
.rlq-zoom span:hover{background:var(--bg);color:var(--text);}
.rlq-ohlc{font-family:var(--ccm);font-size:10.5px;font-weight:700;color:var(--text2);min-height:15px;margin:2px 0 4px;}
.rlq-ohlc span{margin-right:11px;} .rlq-ohlc b{font-weight:800;}
.rlq-scroll{overflow-x:auto;overflow-y:hidden;position:relative;border-radius:10px;border:1px solid var(--border);
  scrollbar-width:thin;scrollbar-color:var(--border2) transparent;}
.rlq-scroll::-webkit-scrollbar{height:9px;}
.rlq-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:5px;}
.rlq-scroll::-webkit-scrollbar-track{background:var(--bg3);border-radius:5px;}
.rlq-scroll canvas{display:block;}
.rlq-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(10,14,26,.7);font-size:12px;font-weight:700;color:var(--text2);z-index:5;border-radius:10px;}
.rlq-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:9.5px;color:var(--text3);font-weight:700;}
.rlq-ramp{display:flex;align-items:center;gap:6px;}
.rlq-ramp i{display:inline-block;width:110px;height:8px;border-radius:5px;
  background:linear-gradient(90deg,#0A0E1A,#1e3a5f,#4F8EF7,#00D4AA,#F5B301,#FFF0A0);}
.rlq-hint{margin-left:auto;color:var(--text3);}
/* whale positions tab */
.rd-whale{grid-column:span 12;}
.rd-wtabs{display:flex;gap:4px;background:var(--bg3);border-radius:9px;padding:3px;margin-bottom:12px;flex-wrap:wrap;}
.rd-wtab{font-family:var(--ccm,monospace);font-size:11px;font-weight:700;color:var(--text2);padding:6px 14px;border-radius:7px;cursor:pointer;}
.rd-wtab.on{background:var(--gold);color:#1a1200;}
.wh-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--border);font-family:var(--ccm,monospace);font-size:11.5px;}
.wh-row:last-child{border-bottom:0;}
.wh-side{font-size:9px;font-weight:800;padding:3px 8px;border-radius:5px;letter-spacing:.5px;}
.wh-side.l{background:rgba(0,212,170,.15);color:var(--green);} .wh-side.s{background:rgba(255,71,87,.15);color:var(--red);}
.wh-addr{color:var(--blue);font-weight:700;}
.wh-addr a{color:var(--blue);text-decoration:none;} .wh-addr a:hover{text-decoration:underline;}
.wh-coin{font-weight:800;color:var(--text);}
.wh-sz{color:var(--text2);text-align:right;}
.wh-lev{font-size:9px;font-weight:800;color:var(--gold);background:rgba(245,179,1,.12);padding:2px 6px;border-radius:4px;text-align:center;}
.wh-pnl{font-weight:800;text-align:right;}
.wh-head{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;font-family:var(--ccm,monospace);font-size:8.5px;font-weight:800;letter-spacing:.8px;color:var(--text3);text-transform:uppercase;padding:0 8px 8px;border-bottom:1px solid var(--border);margin-bottom:2px;}
.wh-head span:nth-child(3),.wh-head span:nth-child(4),.wh-head span:nth-child(5){text-align:right;}
/* ── phone row (registration) ── */
.ph-row{display:flex;gap:8px;align-items:stretch;margin-bottom:14px;}
.ph-row .ph-cc{max-width:132px;flex-shrink:0;margin-bottom:0;font-family:var(--ccm,monospace);}
.ph-row .fi{margin-bottom:0;}
/* ── Admin: invite codes ── */
.inv-tabs{display:flex;gap:4px;background:var(--bg3);border-radius:9px;padding:3px;margin-bottom:14px;width:max-content;max-width:100%;flex-wrap:wrap;}
.inv-tab{font-family:var(--ccm,monospace);font-size:11px;font-weight:700;color:var(--text2);padding:6px 14px;border-radius:7px;cursor:pointer;white-space:nowrap;}
.inv-tab.on{background:var(--gold);color:#1a1200;}
.inv-codes{display:flex;flex-wrap:wrap;gap:6px;}
.inv-code{font-family:var(--ccm,monospace);font-size:11.5px;font-weight:800;letter-spacing:.5px;color:var(--green);background:rgba(0,212,170,.08);border:1px solid rgba(0,212,170,.25);border-radius:7px;padding:5px 10px;cursor:pointer;user-select:all;transition:all .15s;}
.inv-code:hover{border-color:var(--green);background:rgba(0,212,170,.15);}
.inv-code.copied{background:var(--green);color:#00110c;}
.inv-code.used{color:var(--text3);background:var(--bg3);border-color:var(--border);text-decoration:line-through;cursor:default;}
.inv-table{width:100%;border-collapse:collapse;font-size:11.5px;font-family:var(--ccm,monospace);min-width:640px;}
.inv-table th{font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--text3);text-transform:uppercase;text-align:left;padding:8px;border-bottom:1px solid var(--border);}
.inv-table td{padding:9px 8px;border-bottom:1px solid var(--border);color:var(--text2);}
.inv-table tr:last-child td{border-bottom:0;}
/* ── Order Book + Trades Tape (radar) ── */
.rdb-panel{grid-column:span 12;grid-row:span 2;display:flex;flex-direction:column;min-height:0;}
.rdb-plus{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.5px;}
.rdb-hd-ctrls{display:flex;align-items:center;gap:8px;margin-left:auto;}
.rdb-src{font-family:var(--ccm,monospace);font-size:8.5px;font-weight:800;letter-spacing:.5px;color:var(--gold);background:rgba(245,179,1,.12);padding:3px 8px;border-radius:6px;}
.rdb-spread{display:flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:4px 7px;font-family:var(--ccm,monospace);}
.rdb-spread:hover{border-color:var(--gold);}
.rdb-spread-lbl{font-size:8.5px;font-weight:800;letter-spacing:.6px;color:var(--text3);}
.rdb-spread-sel{background:var(--bg2);border:1px solid var(--border);color:var(--gold);font-family:var(--ccm,monospace);font-size:11px;font-weight:800;border-radius:6px;padding:3px 6px;cursor:pointer;}
.rdb-spread-input{width:80px;background:var(--bg2);border:1px solid var(--border);color:var(--gold);font-family:var(--ccm,monospace);font-size:11px;font-weight:800;border-radius:6px;padding:3px 6px;}
.rdb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0;margin-top:10px;}
.rdb-side{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:0;height:500px;}
.rdb-obhd,.rdb-tphd{display:grid;font-family:var(--ccm,monospace);font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--text3);text-transform:uppercase;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0;}
.rdb-obhd{grid-template-columns:1fr .7fr .7fr .7fr;}
.rdb-obhd span:nth-child(n+2){text-align:right;}
.rdb-tphd{grid-template-columns:.9fr 1fr .7fr .55fr;position:relative;}
.rdb-tphd span:nth-child(2),.rdb-tphd span:nth-child(3),.rdb-tphd span:nth-child(4){text-align:right;}
.rdb-rate{position:absolute;right:12px;top:7px;color:var(--green);font-weight:800;font-size:10px;}
.rdb-book-scroll,.rdb-tape-scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;}
.rdb-book-scroll::-webkit-scrollbar,.rdb-tape-scroll::-webkit-scrollbar{width:6px;}
.rdb-book-scroll::-webkit-scrollbar-thumb,.rdb-tape-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
.rdb-row{display:grid;grid-template-columns:1fr .7fr .7fr .7fr;font-family:var(--ccm,monospace);font-size:11px;padding:2px 12px;position:relative;align-items:center;}
.rdb-row .rdb-bar{position:absolute;top:0;bottom:0;right:0;opacity:.12;transition:width .15s ease;}
.rdb-row.ask .rdb-bar{background:var(--red);} .rdb-row.bid .rdb-bar{background:var(--green);}
.rdb-row .rdb-px{position:relative;font-weight:700;}
.rdb-row.ask .rdb-px{color:var(--red);} .rdb-row.bid .rdb-px{color:var(--green);}
.rdb-row .rdb-bin{position:relative;text-align:right;color:var(--gold);font-size:10px;}
.rdb-row .rdb-hl{position:relative;text-align:right;color:var(--blue);font-size:10px;}
.rdb-row .rdb-tot{position:relative;text-align:right;color:var(--text);}
.rdb-row.wall .rdb-tot{color:var(--gold);font-weight:900;}
.rdb-mid{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.rdb-mid-p{font-family:var(--ccm,monospace);font-size:16px;font-weight:900;color:var(--green);transition:color .15s;}
.rdb-mid-imb{font-family:var(--ccm,monospace);font-size:10px;color:var(--text3);}
.rdb-mid-imb .up{color:var(--green);font-weight:800;} .rdb-mid-imb .dn{color:var(--red);font-weight:800;}
.rdb-trow{display:grid;grid-template-columns:.9fr 1fr .7fr .55fr;font-family:var(--ccm,monospace);font-size:11px;padding:3px 12px;border-bottom:1px solid rgba(255,255,255,.03);animation:rdbtin .2s ease;}
@keyframes rdbtin{from{opacity:0;transform:translateY(-6px);}to{opacity:1;}}
.rdb-trow .tm{color:var(--text3);font-size:10px;}
.rdb-trow .px{font-weight:700;}
.rdb-trow .sz{text-align:right;font-weight:700;}
.rdb-trow.buy .px,.rdb-trow.buy .sz{color:var(--green);}
.rdb-trow.sell .px,.rdb-trow.sell .sz{color:var(--red);}
.rdb-trow.big{background:rgba(245,179,1,.08);} .rdb-trow.big .sz{color:var(--gold);}
.rdb-trow .src{text-align:right;font-size:9px;font-weight:800;color:var(--gold);}
.rdb-legend{display:flex;gap:12px;font-size:9px;color:var(--text3);font-weight:700;padding:6px 12px;border-top:1px solid var(--border);flex-shrink:0;}
.rdb-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:4px;vertical-align:middle;}
.rdb-legend i.b{background:var(--green);} .rdb-legend i.s{background:var(--red);} .rdb-legend i.w{background:var(--gold);}
@media(max-width:1000px){
  .rdb-panel{grid-row:auto;}
  .rdb-grid{grid-template-columns:1fr;}
  .rdb-side{height:440px;}
}
@media(max-width:1000px){
  .rd-book,.rd-mag,.rd-liq,.rd-chart,.rd-whale{grid-column:1/-1;grid-row:auto;}
  .wh-row,.wh-head{grid-template-columns:auto 1fr auto auto;font-size:10.5px;}
  .wh-row .wh-lev,.wh-head span:nth-child(4){display:none;}
}
@media(max-width:640px){
  .mk-head,.mk-row{grid-template-columns:1.3fr 1fr 0.9fr 0.9fr;}
  .mk-head span:nth-child(5),.mk-row .mk-act{display:none;}
}
/* ── search input (all pairs) ── */
.rd-sel{min-width:200px;}
.rd-sel::placeholder{color:var(--text3);}

/* ── bigger radar text (radar page only) ── */
#page-radar .cc-radar-pair{font-size:19px;}
#page-radar .cc-radar-px{font-size:19px;}
#page-radar .cc-magnet-hd{font-size:11.5px;}
#page-radar .cc-lq{height:25px;font-size:12px;grid-template-columns:72px 1fr 108px;}
#page-radar .cc-lq-price{font-size:12.5px;}
#page-radar .cc-lq-track{height:15px;}
#page-radar .cc-lq-val{font-size:11px;}
#page-radar .cc-radar-foot{font-size:11.5px;}

/* ── nearest magnet: bigger + glow (radar + dashboard) ── */
.cc-lq.hot{height:30px;}
#page-radar .cc-lq.hot{height:34px;}
.cc-lq.hot .cc-lq-price{font-size:14px;font-weight:800;color:var(--text);}
.cc-lq.hot .cc-lq-track{height:20px;}
.cc-lq.hot .cc-lq-val{font-size:12px;font-weight:800;color:var(--text);}
.cc-lq.hot .cc-lq-bar.l{box-shadow:0 0 16px rgba(0,212,170,.7);}
.cc-lq.hot .cc-lq-bar.s{box-shadow:0 0 16px rgba(255,71,87,.7);}

/* ══════════ HERO: live price + nearest magnets (dashboard's cool card) ══════════ */
.cc-hero{grid-column:span 12;position:relative;overflow:hidden;
  background:linear-gradient(120deg,rgba(0,212,170,.08),transparent 42%),linear-gradient(300deg,rgba(245,179,1,.05),transparent 42%),var(--bg2);
  border:1px solid var(--border2);}
.cc-hero::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 130% at 18% 0%,rgba(0,212,170,.12),transparent 60%);}
.cc-hero-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.05fr;gap:16px;align-items:stretch;position:relative;z-index:1;}
.cc-hero-price{display:flex;flex-direction:column;justify-content:center;}
.cc-hero-lbl{font-family:var(--ccm);font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--green);display:flex;align-items:center;gap:6px;}
.cc-hero-lbl .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:ccPulse 1.6s infinite;}
.cc-hero-px{font-family:var(--ccm);font-size:36px;font-weight:900;letter-spacing:-1.2px;color:var(--text);line-height:1.05;transition:color .25s;margin-top:4px;}
.cc-hero-chg{font-family:var(--ccm);font-size:13px;font-weight:800;margin-top:3px;}
.cc-hero-target{border-radius:13px;padding:13px 15px;border:1px solid var(--border);background:rgba(10,14,26,.55);display:flex;flex-direction:column;justify-content:center;transition:transform .2s,box-shadow .2s;}
.cc-hero-target:hover{transform:translateY(-2px);}
.cc-hero-target.up{border-color:rgba(0,212,170,.35);}
.cc-hero-target.up:hover{box-shadow:0 8px 26px rgba(0,212,170,.14);}
.cc-hero-target.dn{border-color:rgba(255,71,87,.35);}
.cc-hero-target.dn:hover{box-shadow:0 8px 26px rgba(255,71,87,.14);}
.cc-hero-tlbl{font-family:var(--ccm);font-size:9.5px;font-weight:800;letter-spacing:1px;margin-bottom:6px;}
.cc-hero-target.up .cc-hero-tlbl{color:var(--green);}
.cc-hero-target.dn .cc-hero-tlbl{color:var(--red);}
.cc-hero-tpx{font-family:var(--ccm);font-size:21px;font-weight:900;color:var(--text);letter-spacing:-.5px;}
.cc-hero-tmeta{font-family:var(--ccm);font-size:11px;color:var(--text2);margin-top:4px;font-weight:700;}
.cc-hero-tmeta b{color:var(--text);}
.cc-hero-pull{display:flex;flex-direction:column;justify-content:center;}
.cc-hero-pullbar{height:9px;border-radius:6px;background:var(--bg);overflow:hidden;position:relative;margin:8px 0;border:1px solid var(--border);}
.cc-hero-pullbar i{position:absolute;top:0;bottom:0;width:3px;border-radius:3px;background:#fff;box-shadow:0 0 10px #fff;transition:left .4s;transform:translateX(-50%);}
.cc-hero-pullbar::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--red),var(--gold) 50%,var(--green));opacity:.35;}
.cc-hero-pulltxt{font-family:var(--ccm);font-size:11.5px;font-weight:800;color:var(--gold);}
.cc-hero-pullends{display:flex;justify-content:space-between;font-family:var(--ccm);font-size:8.5px;font-weight:800;color:var(--text3);letter-spacing:.5px;}
@media(max-width:900px){.cc-hero-grid{grid-template-columns:1fr 1fr;}.cc-hero-price{grid-column:1/-1;}}
@media(max-width:480px){.cc-hero-grid{grid-template-columns:1fr;}.cc-hero-px{font-size:30px;}}
/* ── end hero ── */
/* ══ END RADAR MARKETS ══ */
/* ══ END SENTIMENT ══ */

/* ══ POSITION CALCULATOR ══ */
#page-calculator .pc-header{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--bg2);border-bottom:1px solid var(--border);}
.pc-title{font-size:16px;font-weight:900;}
.pc-title span{background:linear-gradient(90deg,#00D4AA,#4F8EF7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.pc-dir{display:flex;background:var(--bg3);border-radius:10px;padding:3px;width:160px;}
.pc-dir-btn{flex:1;padding:7px;text-align:center;font-size:12px;font-weight:800;border-radius:8px;cursor:pointer;transition:.15s;color:var(--text3);}
.pc-dir-btn.long.on{background:var(--green);color:#fff;}
.pc-dir-btn.short.on{background:var(--red);color:#fff;}
.pc-symbar{display:flex;gap:8px;padding:10px 14px;background:var(--bg2);border-bottom:1px solid var(--border);}
.pc-symsel{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:9px 12px;color:var(--text);font-size:13px;font-weight:700;}
.pc-symsel:focus{outline:none;border-color:var(--gold);}
.pc-livebtn{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:9px 14px;color:var(--gold);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;}
.pc-livebtn:hover{border-color:var(--gold);}
.pc-sym-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;max-height:240px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.5);}
.pc-sym-item{padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.pc-sym-item:last-child{border-bottom:none;}
.pc-sym-item:hover{background:var(--bg3);}
.pc-sym-item .sym-vol{font-size:10px;color:var(--text3);font-weight:500;}
.pc-chart-wrap{position:relative;background:var(--bg2);border-bottom:1px solid var(--border);}
#pcChart{width:100%;height:300px;}
.pc-chart-hint{position:absolute;top:8px;left:8px;font-size:10px;color:var(--text3);background:rgba(13,17,23,.8);padding:4px 8px;border-radius:6px;z-index:5;pointer-events:none;}
.pc-line-tag{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;cursor:ns-resize;z-index:6;user-select:none;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.4);touch-action:none;}
.pc-line-tag.entry{background:var(--gold);color:#000;}
.pc-line-tag.sl{background:var(--red);color:#fff;}
.pc-line-tag.tp{background:var(--green);color:#fff;}
.pc-calc{padding:14px;}
.pc-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px;}
.pc-section-title{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--text3);margin-bottom:12px;}
.pc-field{margin-bottom:12px;}
.pc-field:last-child{margin-bottom:0;}
.pc-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text2);font-weight:600;margin-bottom:5px;}
.pc-input-wrap{position:relative;}
.pc-input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:11px 12px;color:var(--text);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;}
.pc-input:focus{outline:none;border-color:var(--gold);}
.pc-input.sl:focus{border-color:var(--red);}
.pc-input.tp:focus{border-color:var(--green);}
.pc-input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text3);font-weight:600;pointer-events:none;}
.pc-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pc-lev-val{font-size:13px;font-weight:900;color:var(--gold);}
.pc-slider{width:100%;-webkit-appearance:none;height:6px;border-radius:3px;background:var(--bg3);outline:none;margin-top:6px;}
.pc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 2px 6px rgba(245,179,1,.4);}
.pc-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);cursor:pointer;border:none;}
.pc-lev-marks{display:flex;justify-content:space-between;font-size:9px;color:var(--text3);margin-top:4px;}
.pc-chips{display:flex;gap:6px;margin-top:6px;}
.pc-chip{flex:1;padding:6px;text-align:center;font-size:11px;font-weight:700;background:var(--bg3);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:.15s;}
.pc-chip.on{background:rgba(245,179,1,.12);border-color:var(--gold);color:var(--gold);}
.pc-rr-chip.on{background:rgba(34,197,94,.12);border-color:var(--green);color:var(--green);}
.pc-results{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--border2);border-radius:14px;padding:14px;margin-bottom:12px;}
.pc-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:12px;overflow:hidden;}
.pc-result{background:var(--bg2);padding:12px;}
.pc-result-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;}
.pc-result-val{font-size:17px;font-weight:900;font-variant-numeric:tabular-nums;}
.pc-result-sub{font-size:10px;color:var(--text3);margin-top:1px;}
.pc-rr-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px;}
.pc-rr-bar{display:flex;height:36px;border-radius:10px;overflow:hidden;margin-top:10px;}
.pc-rr-risk{background:linear-gradient(90deg,#EF4444,#dc2626);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;min-width:50px;transition:flex .4s;}
.pc-rr-reward{background:linear-gradient(90deg,#16a34a,#22C55E);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;min-width:50px;transition:flex .4s;}
.pc-rr-big{text-align:center;font-size:26px;font-weight:900;margin-top:4px;}
.pc-rr-verdict{text-align:center;font-size:11px;font-weight:700;margin-top:2px;}
.pc-liq-warn{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:11px;color:var(--red);}
.pc-footer-note{font-size:10px;color:var(--text3);text-align:center;padding:8px;}
/* ══ END POSITION CALCULATOR ══ */

/* ══ JOURNAL DASHBOARD ══ */
.jnl-tabs{display:flex;gap:4px;background:var(--bg3);border-radius:9px;padding:3px;flex-wrap:wrap;}
.jnl-tab{font-family:var(--ccm,ui-monospace,monospace);font-size:11px;font-weight:700;color:var(--text2);padding:7px 12px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:.15s;}
.jnl-tab.on{background:var(--gold);color:#1a1400;}
.jnl-tab:hover:not(.on){color:var(--text);}
.jnl-tab-content{display:none;padding-bottom:20px;}
.jnl-tab-content.on{display:block;}
.jnl-add{background:linear-gradient(135deg,var(--gold),#ffcf40);color:#1a1400;box-shadow:0 4px 16px rgba(245,179,1,.25);}

/* KPI strip: reuse cc-ctx, 4 cols */
.cc-ctx.jnl-ctx{grid-template-columns:repeat(4,1fr);}
.jnl-kpi-val.pos{color:var(--green)!important;}
.jnl-kpi-val.neg{color:var(--red)!important;}

/* bento spans */
.jnl-eq{grid-column:span 7;position:relative;background:radial-gradient(120% 90% at 70% 0%,rgba(0,212,170,.05),transparent 55%),var(--bg2);}
.jnl-wl{grid-column:span 5;}
.jnl-edge{grid-column:span 5;}
.jnl-daily{grid-column:span 7;}
.jnl-sess-p{grid-column:span 5;}
.jnl-cal{grid-column:span 7;}

/* win/loss + gauge combo */
.jnl-wl-flex{display:flex;align-items:center;justify-content:space-around;gap:14px;flex-wrap:wrap;}
.jnl-donut-box{text-align:center;}
.jnl-donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;pointer-events:none;font-family:var(--ccm,monospace);}
.jnl-donut-legend{text-align:center;font-size:11px;color:var(--text2);margin-top:8px;font-family:var(--ccm,monospace);font-weight:700;}
.jnl-gauge-wrap{position:relative;text-align:center;}
.jnl-mini-lbl{font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--text3);margin-bottom:4px;}
.jnl-gauge-val{font-size:21px;font-weight:900;margin-top:2px;color:var(--text);}

/* edge bars */
.jnl-avgbar-wrap{display:flex;flex-direction:column;gap:13px;padding-top:4px;}
.jnl-avgbar-row{display:flex;align-items:center;gap:10px;}
.jnl-avgbar-lbl{font-size:10px;color:var(--text3);font-weight:700;min-width:58px;}
.jnl-avgbar-track{flex:1;height:7px;background:var(--bg);border-radius:4px;overflow:hidden;}
.jnl-avgbar-fill{height:100%;border-radius:4px;transition:width .6s ease;}
.jnl-avgbar-fill.green{background:linear-gradient(90deg,#0b8f74,var(--green));}
.jnl-avgbar-fill.red{background:linear-gradient(90deg,#b71f2e,var(--red));}
.jnl-avgbar-fill.blue{background:linear-gradient(90deg,#2f5fbf,var(--blue));}
.jnl-avgbar-val{font-size:11px;font-weight:800;color:var(--text);min-width:48px;text-align:right;}

/* sessions */
.jnl-session-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.jnl-sess-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:10px 12px;transition:transform .2s,border-color .2s;}
.jnl-sess-card:hover{transform:translateY(-2px);border-color:var(--border2);}
.jnl-sess-name{font-size:9px;font-weight:800;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-family:var(--ccm,monospace);}
.jnl-sess-pnl{font-size:16px;font-weight:900;font-family:var(--ccm,monospace);}
.jnl-sess-pnl.pos{color:var(--green);} .jnl-sess-pnl.neg{color:var(--red);}
.jnl-sess-meta{font-size:10px;color:var(--text3);margin-top:2px;}
.jnl-sess-wr{font-size:11px;font-weight:700;margin-top:4px;font-family:var(--ccm,monospace);}
.loading-sess{grid-column:1/-1;text-align:center;padding:20px;color:var(--text3);font-size:12px;}

/* calendar nav */
.cal-nav{background:var(--bg3);border:1px solid var(--border);color:var(--text2);width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:.15s;}
.cal-nav:hover{border-color:var(--gold);color:var(--gold);}

/* trades list restyle */
#tradesList .trade-card{
  background:var(--bg2);border:1px solid var(--border);border-left:2px solid var(--border2);
  border-radius:12px;padding:12px 14px;margin-bottom:9px;cursor:pointer;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
#tradesList .trade-card:hover{transform:translateY(-2px);border-color:rgba(0,212,170,.35);box-shadow:0 8px 24px rgba(0,0,0,.28);}
#tradesList .trade-pnl{font-family:var(--ccm,monospace);}
#tradesList .trade-sym{font-family:var(--ccm,monospace);}

/* AI report container */
#aiInsights{padding-top:4px;}

@media(max-width:900px){
  .jnl-eq,.jnl-wl,.jnl-edge,.jnl-daily,.jnl-sess-p,.jnl-cal{grid-column:1/-1;}
}
@media(max-width:640px){
  .cc-ctx.jnl-ctx{grid-template-columns:repeat(2,1fr);}
  .jnl-tabs{width:100%;}
  .jnl-tab{flex:1;text-align:center;padding:7px 6px;}
  .jnl-add{width:100%;}
}
/* ══ END JOURNAL ══ */

/* ── AI ANALYSIS ── */
.ai-panel{background:transparent;margin-bottom:14px;animation:aiSlide .4s ease;}
@keyframes aiSlide{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

/* Score header card */
.ai-score-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:16px;}
.ai-gauge{position:relative;width:80px;height:80px;flex-shrink:0;}
.ai-gauge-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;}
.ai-score-text{flex:1;min-width:0;}
.ai-score-text h3{font-size:13px;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:6px;}
.ai-score-text p{font-size:12px;color:var(--text2);line-height:1.55;}

/* Section card */
.ai-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px;}
.ai-card-hd{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--text2);margin-bottom:10px;display:flex;align-items:center;gap:7px;}

/* Strength / weakness items — clean, subtle */
.ai-item{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:12.5px;line-height:1.5;color:var(--text);}
.ai-item:last-child{border-bottom:none;padding-bottom:0;}
.ai-item:first-child{padding-top:0;}
.ai-item-dot{width:6px;height:6px;border-radius:50%;margin-top:6px;flex-shrink:0;}
.ai-item-dot.green{background:var(--green);box-shadow:0 0 8px rgba(34,197,94,.5);}
.ai-item-dot.red{background:var(--red);box-shadow:0 0 8px rgba(239,68,68,.5);}

/* Mistake card */
.ai-mistake{background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--red);border-radius:10px;padding:12px;margin-bottom:8px;}
.ai-mistake:last-child{margin-bottom:0;}
.ai-mistake-name{font-size:13px;font-weight:800;color:var(--text);margin-bottom:5px;display:flex;align-items:center;gap:6px;}
.ai-mistake-detail{font-size:12px;color:var(--text2);margin-bottom:8px;line-height:1.5;}
.ai-mistake-fix{font-size:12px;color:var(--text);line-height:1.5;background:rgba(34,197,94,.08);border-radius:8px;padding:8px 10px;}
.ai-mistake-fix b{color:var(--green);}

/* Session cards */
.ai-session-box{display:flex;gap:10px;margin-bottom:10px;}
.ai-session-item{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:11px;text-align:center;}
.ai-session-item .lbl{font-size:9px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.ai-session-item .val{font-size:15px;font-weight:900;margin-top:4px;text-transform:capitalize;}
.ai-session-item.best{border-color:rgba(34,197,94,.3);}
.ai-session-item.best .val{color:var(--green);}
.ai-session-item.worst{border-color:rgba(239,68,68,.3);}
.ai-session-item.worst .val{color:var(--red);}
.ai-session-insight{font-size:12px;color:var(--text2);line-height:1.5;}

/* Strategy verdict */
.ai-strat{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.ai-strat:last-child{border-bottom:none;padding-bottom:0;}
.ai-strat:first-child{padding-top:0;}
.ai-strat-verdict{font-size:9px;font-weight:800;padding:4px 9px;border-radius:6px;text-transform:uppercase;flex-shrink:0;letter-spacing:.5px;}
.ai-strat-verdict.keep{background:rgba(34,197,94,.15);color:var(--green);}
.ai-strat-verdict.improve{background:rgba(245,179,1,.15);color:var(--gold);}
.ai-strat-verdict.drop{background:rgba(239,68,68,.15);color:var(--red);}
.ai-strat-info{flex:1;min-width:0;}
.ai-strat-name{font-size:13px;font-weight:700;color:var(--text);}
.ai-strat-reason{font-size:11px;color:var(--text3);margin-top:1px;line-height:1.4;}

/* Confidence insight */
.ai-conf-box{font-size:12px;color:var(--text2);line-height:1.55;background:var(--bg3);border-radius:10px;padding:11px 12px;}

/* Top recommendation — highlighted */
.ai-reco{background:linear-gradient(135deg,rgba(245,179,1,.1),rgba(245,179,1,.03));border:1px solid rgba(245,179,1,.25);border-radius:14px;padding:14px;display:flex;gap:11px;align-items:flex-start;margin-bottom:12px;}
.ai-reco-icon{font-size:20px;flex-shrink:0;}
.ai-reco-text{flex:1;}
.ai-reco-text .lbl{font-size:9px;font-weight:800;color:var(--gold);letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px;}
.ai-reco-text .val{font-size:13px;font-weight:600;color:var(--text);line-height:1.55;}

/* Loading */
.ai-loading{background:var(--bg2);border:1px solid var(--border);border-radius:14px;text-align:center;padding:28px;}
.ai-loading .ai-spin{font-size:36px;animation:aiPulse 1.5s ease infinite;}
@keyframes aiPulse{0%,100%{opacity:.4;transform:scale(.95);}50%{opacity:1;transform:scale(1.05);}}
.ai-loading-text{font-size:13px;color:var(--text2);margin-top:10px;}

/* AI header badge */
.ai-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ai-header-badge{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--text);}
.ai-header-badge .ai-live{font-size:8px;font-weight:800;color:var(--green);background:rgba(34,197,94,.12);padding:2px 7px;border-radius:5px;letter-spacing:.5px;}
.ai-refresh-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text3);font-size:11px;font-weight:700;padding:5px 11px;border-radius:8px;cursor:pointer;transition:.15s;}
.ai-refresh-btn:hover{border-color:var(--gold);color:var(--gold);}

/* Quick stats row */
.ai-top-row{margin-bottom:12px;}
.ai-quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:12px;}
.ai-quick{padding:12px 10px;text-align:center;border-right:1px solid var(--border);}
.ai-quick:last-child{border-right:none;}
.ai-q-val{font-size:16px;font-weight:900;color:var(--text);}
.ai-q-lbl{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;margin-top:3px;}

/* Strengths/Weaknesses side by side */
.ai-sw-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.ai-card-half{margin-bottom:0!important;}

/* Direction bias */
.ai-dir-row{display:flex;flex-direction:column;gap:12px;}
.ai-dir-item{display:flex;flex-direction:column;gap:6px;}
.ai-dir-label{font-size:13px;font-weight:800;color:var(--text);}
.ai-dir-stats{display:flex;gap:12px;font-size:11px;font-weight:700;color:var(--text2);}
.ai-dir-bar{height:8px;background:var(--bg3);border-radius:4px;overflow:hidden;}
.ai-dir-fill{height:100%;border-radius:4px;transition:width .6s ease;}

@media(max-width:480px){
  .ai-quick-row{grid-template-columns:repeat(2,1fr);}
  .ai-quick:nth-child(2){border-right:none;}
  .ai-sw-row{grid-template-columns:1fr;}
}
/* ── END AI ── */

/* ══ CALENDAR WIDGET ══ */
.cal-widget-wrap{
  flex:1;
  overflow:hidden;
  position:relative;
  background:var(--bg);
}
.cal-widget-wrap #economicCalendarWidget{
  width:100% !important;
  height:100% !important;
}
/* Override widget iframe to match dark theme */
.cal-widget-wrap iframe{
  width:100% !important;
  min-height:calc(100vh - 110px) !important;
  border:none !important;
  display:block;
  background:var(--bg) !important;
  color-scheme:dark;
}
/* Mini widget in dashboard */
.cal-mini-wrap{
  overflow:hidden;
  position:relative;
  background:var(--bg);
}
.cal-mini-wrap #economicCalendarWidgetMini{
  width:100% !important;
}
.cal-mini-wrap iframe{
  width:100% !important;
  height:420px !important;
  border:none !important;
  display:block;
  color-scheme:dark;
}
/* ══ END CALENDAR WIDGET ══ */

/* ══ NEWS & EVENTS CALENDAR ══ */
.cal-tab{padding:7px 14px;border-radius:8px 8px 0 0;font-size:12px;font-weight:700;cursor:pointer;color:var(--text3);white-space:nowrap;border:1px solid transparent;border-bottom:none;transition:all .15s;flex-shrink:0;}
.cal-tab.on{background:var(--bg3);color:var(--gold);border-color:var(--border);border-bottom:2px solid var(--bg3);margin-bottom:-1px;}
.cal-tab:hover:not(.on){color:var(--text2);}
.cal-imp{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--bg3);color:var(--text3);transition:all .15s;}
.cal-imp.on-h{background:rgba(239,68,68,.12);color:#EF4444;border-color:rgba(239,68,68,.3);}
.cal-imp.on-m{background:rgba(245,179,1,.12);color:#F5B301;border-color:rgba(245,179,1,.3);}
.cal-imp.on-l{background:var(--bg3);color:var(--text2);border-color:var(--border2);}
.cal-cur{padding:5px 9px;border-radius:20px;font-size:13px;cursor:pointer;background:var(--bg3);border:1px solid var(--border);color:var(--text3);transition:all .15s;line-height:1;white-space:nowrap;}
.cal-cur.on{background:rgba(47,129,247,.15);border-color:rgba(47,129,247,.4);color:#4F8EF7;}
.cal-col-hd{display:grid;grid-template-columns:64px 70px 1fr 68px 68px 68px;padding:7px 16px;font-size:9px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--text3);background:var(--bg);border-bottom:2px solid var(--border);}
.cal-col-hd span:nth-child(n+4){text-align:right;}
.cal-day-sep{padding:9px 16px;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:var(--text2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:3;backdrop-filter:blur(12px);background:rgba(13,17,23,.9);}
.cal-day-sep::before{content:'';width:3px;height:16px;border-radius:2px;background:var(--blue);flex-shrink:0;}
.cal-day-sep.cal-today::before{background:var(--gold);}
.cal-day-sep.cal-today{color:var(--gold);}
.cal-day-count{margin-left:auto;font-size:10px;font-weight:600;color:var(--text3);}
.cal-row{display:grid;grid-template-columns:64px 70px 1fr 68px 68px 68px;padding:11px 16px;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);border-left:3px solid transparent;transition:background .12s;}
.cal-row:hover{background:rgba(255,255,255,.03);}
.cal-row.imp-high{border-left-color:#EF4444;}
.cal-row.imp-med{border-left-color:#F5B301;}
.cal-row.imp-low{border-left-color:#30363D;}
.cal-row.cal-past{opacity:.45;}
.cal-row.cal-now{background:rgba(245,179,1,.04);border-left-color:var(--gold)!important;}
.cal-time{font-size:12px;font-weight:700;color:var(--text3);font-variant-numeric:tabular-nums;}
.cal-row.cal-now .cal-time{color:var(--gold);}
.cal-live-pill{display:inline-block;background:var(--gold);color:var(--bg);font-size:8px;font-weight:900;padding:2px 5px;border-radius:4px;vertical-align:middle;margin-left:3px;letter-spacing:.5px;}
.cal-cur-cell{display:flex;align-items:center;gap:5px;}
.cal-flag{font-size:16px;line-height:1;}
.cal-code{font-size:11px;font-weight:800;color:var(--text2);letter-spacing:.3px;}
.cal-ev-wrap{display:flex;align-items:center;gap:6px;min-width:0;}
.cal-dots{display:flex;gap:2px;align-items:center;flex-shrink:0;}
.cal-dot{width:5px;height:10px;border-radius:2px;}
.cal-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cal-row.cal-past .cal-name{color:var(--text3);}
.cal-val{text-align:right;font-size:12px;font-weight:700;color:var(--text3);font-variant-numeric:tabular-nums;}
.cal-val.better{color:var(--green);}
.cal-val.worse{color:var(--red);}
.cal-val.same{color:var(--text);}
.cal-empty{text-align:center;padding:60px 20px;color:var(--text3);}
@media(max-width:480px){
  .cal-col-hd,.cal-row{grid-template-columns:54px 46px 1fr 56px 56px 56px;padding:9px 10px;}
  .cal-code{display:none;}.cal-name{font-size:11px;}.cal-val{font-size:11px;}
}
/* ══ END CALENDAR ══ */

.chart-popup-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,.85);
  backdrop-filter:blur(4px);
  z-index:500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:12px;
}
.chart-popup-overlay.on{display:flex;}
.chart-popup-box{
  width:100%;
  max-width:900px;
  height:90vh;
  max-height:700px;
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  animation:popupIn .25s cubic-bezier(.34,1.56,.64,1);
}
@keyframes popupIn{
  from{opacity:0;transform:scale(.9);}
  to{opacity:1;transform:scale(1);}
}
.chart-popup-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  background:var(--bg2);
  border-bottom:1px solid var(--border);
  flex-shrink:0;
}
@media(max-width:480px){
  .chart-popup-box{height:85vh;border-radius:12px;}
  .chart-popup-overlay{padding:8px;}
}
/* ── END CHART POPUP ── */
/* ── DASHBOARD v2 — Bento × Terminal ── */
/* ══ COMMAND CENTER ══ */
.cc-wrap{padding:16px clamp(12px,3vw,20px) 34px;--ccm:ui-monospace,'SF Mono','SFMono-Regular',Consolas,monospace;}
.ccm{font-family:var(--ccm);}
.cc-up{color:var(--green);} .cc-dn{color:var(--red);}

.cc-cmd{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.cc-greet{font-size:15px;font-weight:800;letter-spacing:-.2px;color:var(--text);}
.cc-greet b{color:var(--green);}
.cc-date{font-size:11px;color:var(--text3);margin-top:2px;}
.cc-cmd-right{margin-left:auto;display:flex;align-items:center;gap:11px;flex-wrap:wrap;}
.cc-live{display:inline-flex;align-items:center;gap:6px;font-family:var(--ccm);font-size:10px;font-weight:700;
  color:var(--green);border:1px solid rgba(0,212,170,.3);border-radius:20px;padding:5px 11px;background:rgba(0,212,170,.06);}
.cc-live .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:ccPulse 1.6s infinite;}
@keyframes ccPulse{0%,100%{opacity:1}50%{opacity:.35}}
.cc-sess{font-family:var(--ccm);font-size:10px;color:var(--text2);font-weight:700;letter-spacing:.5px;}
.cc-sess b{color:var(--gold);}
.cc-add{background:linear-gradient(135deg,var(--green),var(--blue));color:#04110d;font-weight:800;font-size:12px;
  border:none;border-radius:10px;padding:9px 15px;cursor:pointer;box-shadow:0 4px 16px rgba(0,212,170,.25);}
.cc-add:hover{filter:brightness(1.05);}

/* context strip */
.cc-ctx{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;}
.cc-cx{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:13px 15px;position:relative;overflow:hidden;min-width:0;}
.cc-cx::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;opacity:.55;background:var(--green);}
.cc-cx.b-blue::after{background:var(--blue);} .cc-cx.b-red::after{background:var(--red);}
.cc-cx.b-gold::after{background:var(--gold);} .cc-cx.b-green::after{background:var(--green);}
.cc-cx-lbl{font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--text3);text-transform:uppercase;}
.cc-cx-val{font-family:var(--ccm);font-size:22px;font-weight:800;margin-top:7px;letter-spacing:-.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cc-cx-sub{font-size:10.5px;color:var(--text2);margin-top:3px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* bento */
.cc-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;}
.cc-panel{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:16px;min-width:0;}
.cc-ph{display:flex;align-items:center;gap:9px;margin-bottom:13px;}
.cc-ph h3{font-size:12px;font-weight:800;letter-spacing:.3px;font-family:var(--ccm);color:var(--text);}
.cc-ph h3::before{content:'// ';color:var(--green);}
.cc-ph .pill{margin-left:auto;font-family:var(--ccm);font-size:9px;font-weight:700;color:var(--text3);border:1px solid var(--border);border-radius:5px;padding:2px 7px;white-space:nowrap;flex-shrink:0;}
.cc-ph h3{white-space:nowrap;}
.cc-lq-val{white-space:nowrap;}

/* radar (signature) */
.cc-radar{grid-column:span 7;grid-row:span 2;position:relative;
  background:radial-gradient(120% 90% at 70% 0%,rgba(0,212,170,.05),transparent 55%),var(--bg2);}
.cc-bk{position:absolute;width:15px;height:15px;border:2px solid var(--green);opacity:.5;pointer-events:none;}
.cc-bk.tl{top:9px;left:9px;border-right:0;border-bottom:0;} .cc-bk.tr{top:9px;right:9px;border-left:0;border-bottom:0;}
.cc-bk.bl{bottom:9px;left:9px;border-right:0;border-top:0;} .cc-bk.br{bottom:9px;right:9px;border-left:0;border-top:0;}
.cc-radar-top{display:flex;align-items:baseline;gap:11px;margin-bottom:5px;flex-wrap:wrap;}
.cc-radar-pair{font-size:16px;font-weight:900;letter-spacing:-.3px;color:var(--text);}
.cc-radar-px{font-family:var(--ccm);font-size:16px;font-weight:800;color:var(--green);}
.cc-radar-tags{margin-left:auto;display:flex;gap:8px;font-family:var(--ccm);font-size:10px;font-weight:700;flex-wrap:wrap;}
.cc-radar-tags span{color:var(--text2);} .cc-radar-tags b{color:var(--text);}
.cc-magnet-hd{font-family:var(--ccm);font-size:10px;color:var(--gold);font-weight:800;margin:8px 0 10px;letter-spacing:.4px;}
.cc-lq{display:grid;grid-template-columns:60px 1fr 74px;align-items:center;gap:8px;height:19px;margin-bottom:3px;font-family:var(--ccm);font-size:10px;}
.cc-lq-price{color:var(--text2);text-align:right;}
.cc-lq-track{height:12px;border-radius:3px;background:var(--bg);position:relative;overflow:hidden;}
.cc-lq-bar{position:absolute;top:0;bottom:0;border-radius:3px;}
.cc-lq-bar.s{right:0;background:linear-gradient(90deg,rgba(255,71,87,.15),var(--red));}
.cc-lq-bar.l{left:0;background:linear-gradient(270deg,rgba(0,212,170,.15),var(--green));}
.cc-lq-val{color:var(--text3);}
.cc-lq.now{margin:5px 0;}
.cc-lq.now .cc-lq-track{background:transparent;overflow:visible;}
.cc-priceline{height:2px;background:var(--green);position:relative;box-shadow:0 0 10px var(--green);}
.cc-priceline b{position:absolute;right:0;top:-15px;font-family:var(--ccm);font-size:9px;color:var(--green);font-weight:800;}
.cc-radar-foot{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-family:var(--ccm);font-size:10px;}
.cc-radar-foot .k{color:var(--text3);} .cc-radar-foot .v{color:var(--text);font-weight:800;}
.cc-magnet-score{margin-left:auto;color:var(--gold);font-weight:800;}

/* live liquidations */
.cc-feed{grid-column:span 7;}
.cc-liq-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;font-family:var(--ccm);font-size:11px;padding:7px 0;border-bottom:1px solid var(--border);}
.cc-liq-row:last-child{border-bottom:0;}
.cc-liq-tag{font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.4px;}
.cc-liq-tag.long{background:rgba(255,71,87,.14);color:var(--red);}
.cc-liq-tag.short{background:rgba(0,212,170,.14);color:var(--green);}
.cc-liq-coin{font-weight:800;color:var(--text);}
.cc-liq-amt{font-weight:800;} .cc-liq-time{color:var(--text3);font-size:9.5px;}
.cc-empty{color:var(--text3);font-size:11px;text-align:center;padding:22px 10px;font-family:var(--ccm);}

/* funding extremes */
.cc-lead{grid-column:span 5;}
.cc-lead-row{display:grid;grid-template-columns:52px 1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-family:var(--ccm);font-size:11px;}
.cc-lead-row:last-child{border-bottom:0;}
.cc-lead-coin{font-weight:800;color:var(--text);}
.cc-lead-bar{height:5px;border-radius:3px;background:var(--bg);position:relative;overflow:hidden;}
.cc-lead-bar i{position:absolute;top:0;bottom:0;border-radius:3px;}
.cc-lead-fund{font-weight:800;width:64px;text-align:right;} .cc-lead-oi{color:var(--text2);width:56px;text-align:right;}

/* signals */
.cc-sig{grid-column:span 5;}
.cc-sig-card{background:var(--bg3);border:1px solid var(--border);border-left:2px solid var(--green);border-radius:11px;padding:11px 13px;margin-bottom:9px;}
.cc-sig-card:last-child{margin-bottom:0;}
.cc-sig-card.short{border-left-color:var(--red);}
.cc-sig-top{display:flex;align-items:center;gap:9px;}
.cc-sig-coin{font-family:var(--ccm);font-weight:800;font-size:14px;color:var(--text);}
.cc-sig-dir{font-size:9px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.5px;}
.cc-sig-dir.long{background:rgba(0,212,170,.14);color:var(--green);} .cc-sig-dir.short{background:rgba(255,71,87,.14);color:var(--red);}
.cc-sig-conf{margin-left:auto;font-family:var(--ccm);font-size:19px;font-weight:900;}
.cc-sig-conf small{font-size:9px;color:var(--text3);font-weight:700;}
.cc-sig-why{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.cc-sig-why span{font-family:var(--ccm);font-size:9px;font-weight:700;color:var(--text2);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:3px 7px;}
.cc-sig-why span b{color:var(--green);}
.cc-sig-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px;font-family:var(--ccm);font-size:10px;color:var(--text3);}
.cc-sig-meta b{color:var(--text);}
.cc-sig-act{display:flex;gap:8px;margin-top:10px;}
.cc-sig-btn{flex:1;text-align:center;font-size:10.5px;font-weight:700;padding:6px;border-radius:7px;background:var(--bg);border:1px solid var(--border);color:var(--text2);cursor:pointer;}
.cc-sig-btn:hover{border-color:rgba(0,212,170,.4);color:var(--green);}

/* whales */
.cc-whale{grid-column:span 5;}
.cc-whale-row{display:grid;grid-template-columns:auto auto 1fr auto;gap:9px;align-items:center;font-family:var(--ccm);font-size:11px;padding:8px 0;border-bottom:1px solid var(--border);}
.cc-whale-row:last-child{border-bottom:0;}
.cc-whale-side{font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:4px;}
.cc-whale-side.l{background:rgba(0,212,170,.14);color:var(--green);} .cc-whale-side.s{background:rgba(255,71,87,.14);color:var(--red);}
.cc-whale-addr{color:var(--blue);font-weight:700;}
.cc-whale-desc{color:var(--text2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-whale-pnl{font-weight:800;text-align:right;}

/* ── responsive ── */
@media(max-width:1000px){
  .cc-bento > *{grid-column:1/-1;grid-row:auto;}
  .cc-bento{grid-template-columns:1fr;}
  .cc-ctx{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
  .cc-ctx{grid-template-columns:repeat(2,1fr);}
  .cc-cmd-right{width:100%;margin-left:0;}
  .cc-cx-val{font-size:19px;}
  .cc-radar-tags{width:100%;margin-left:0;}
}
@media(max-width:640px){
  .cc-ph h3{font-size:11px;}
  .cc-ph .pill{font-size:8px;padding:2px 5px;}
  #page-radar .cc-lq{grid-template-columns:60px 1fr 98px;font-size:11px;}
  #page-radar .cc-lq.hot .cc-lq-val{font-size:11px;}
  #page-radar .cc-lq-price{font-size:11.5px;}
}
@media(max-width:420px){
  .cc-ctx{grid-template-columns:1fr 1fr;}
  .cc-lq{grid-template-columns:52px 1fr 66px;}
  .cc-lq-val{font-size:9px;}
}
@media(prefers-reduced-motion:reduce){ .cc-live .dot{animation:none!important;} }
/* ══ SIGNAL LOG + SIGNAL CARDS ══ */
.msig-tabs{display:flex;gap:4px;background:var(--bg3);border-radius:9px;padding:3px;}
.msig-tab{font-family:var(--ccm);font-size:11px;font-weight:700;color:var(--text2);padding:7px 14px;border-radius:7px;cursor:pointer;white-space:nowrap;}
.msig-tab.on{background:var(--green);color:#04110d;}
.msig-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:13px;margin-top:14px;}
.msig-empty{grid-column:1/-1;text-align:center;color:var(--text3);font-family:var(--ccm);font-size:12px;padding:44px 12px;border:1px dashed var(--border);border-radius:14px;}

/* card (Option B compact + live price) */
.msig{position:relative;background:linear-gradient(160deg,rgba(0,212,170,.05),transparent 40%),var(--bg2);
  border:1px solid var(--border);border-radius:16px;padding:14px 14px 12px;overflow:hidden;}
.msig.short{background:linear-gradient(160deg,rgba(255,71,87,.05),transparent 40%),var(--bg2);}
.msig::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green);}
.msig.short::before{background:var(--red);}
.msig .bk2{position:absolute;width:12px;height:12px;border:2px solid var(--green);opacity:.35;}
.msig.short .bk2{border-color:var(--red);}
.msig .bk2.tr{top:8px;right:8px;border-left:0;border-bottom:0;}
.msig .bk2.br{bottom:8px;right:8px;border-left:0;border-top:0;}
.msig-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.msig-coin{font-family:var(--ccm);font-size:18px;font-weight:900;letter-spacing:-.4px;color:var(--text);}
.msig-dir{font-family:var(--ccm);font-size:10px;font-weight:900;letter-spacing:1px;padding:3px 9px;border-radius:6px;}
.msig-dir.l{background:rgba(0,212,170,.15);color:var(--green);border:1px solid rgba(0,212,170,.4);}
.msig-dir.s{background:rgba(255,71,87,.15);color:var(--red);border:1px solid rgba(255,71,87,.4);}
.msig-conf{margin-left:auto;text-align:right;}
.msig-conf-n{font-family:var(--ccm);font-size:21px;font-weight:900;line-height:1;}
.msig-conf-n small{font-size:10px;color:var(--text3);font-weight:700;}
.msig-conf-lbl{font-family:var(--ccm);font-size:7.5px;font-weight:800;letter-spacing:1.4px;color:var(--text3);margin-top:2px;}
.msig-eye{display:flex;align-items:center;gap:7px;margin-top:8px;font-family:var(--ccm);font-size:9.5px;font-weight:700;color:var(--text3);flex-wrap:wrap;}
.msig-serial{color:var(--gold);border:1px solid rgba(245,179,1,.3);border-radius:5px;padding:2px 7px;background:rgba(245,179,1,.06);letter-spacing:.5px;}
.msig-run{display:inline-flex;align-items:center;gap:5px;color:var(--green);}
.msig-run .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:ccPulse 1.5s infinite;}
.msig-out{font-weight:900;letter-spacing:.8px;padding:2px 8px;border-radius:5px;}
.msig-out.profit{background:rgba(0,212,170,.14);color:var(--green);}
.msig-out.loss{background:rgba(255,71,87,.14);color:var(--red);}
.msig-out.breakeven{background:rgba(245,179,1,.14);color:var(--gold);}
/* live price strip */
.msig-live{display:flex;align-items:center;gap:9px;margin-top:11px;padding:8px 11px;border-radius:10px;
  background:var(--bg);border:1px solid rgba(245,179,1,.25);font-family:var(--ccm);}
.msig-live-k{font-size:8.5px;font-weight:800;letter-spacing:1.2px;color:var(--gold);}
.msig-live-v{font-size:16px;font-weight:900;color:var(--text);letter-spacing:-.3px;transition:color .25s;}
.msig-live-pnl{margin-left:auto;font-size:13px;font-weight:900;}
/* levels */
.msig-lv{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:11px;}
.msig-lv .lv{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 4px;text-align:center;min-width:0;}
.msig-lv .lv-k{font-family:var(--ccm);font-size:7.5px;font-weight:800;letter-spacing:.7px;color:var(--text3);text-transform:uppercase;}
.msig-lv .lv-v{font-family:var(--ccm);font-size:11.5px;font-weight:800;margin-top:3px;color:var(--text);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.msig-lv .lv.sl{border-color:rgba(255,71,87,.5);background:linear-gradient(160deg,rgba(255,71,87,.20),rgba(255,71,87,.04));} .msig-lv .lv.sl .lv-k{color:var(--red);}
.msig-lv .lv.en{border-color:rgba(0,212,170,.5);background:linear-gradient(160deg,rgba(0,212,170,.20),rgba(0,212,170,.04));} .msig-lv .lv.en .lv-k{color:var(--green);}
.msig-lv .lv.tp{border-color:rgba(245,179,1,.5);background:linear-gradient(160deg,rgba(245,179,1,.20),rgba(245,179,1,.04));} .msig-lv .lv.tp .lv-k{color:var(--gold);}
.msig-lev{font-family:var(--ccm);font-size:10px;font-weight:900;letter-spacing:.5px;padding:3px 8px;border-radius:6px;background:rgba(79,142,247,.15);color:var(--blue);border:1px solid rgba(79,142,247,.4);}
.msig-meta{display:flex;gap:13px;margin-top:10px;flex-wrap:wrap;font-family:var(--ccm);font-size:10.5px;}
.msig-meta .m{color:var(--text3);font-weight:700;}
.msig-meta .m b{color:var(--text);font-weight:800;}
.msig-mistake{margin-top:9px;font-size:11px;color:var(--text2);background:var(--bg);border-left:2px solid var(--gold);border-radius:6px;padding:7px 10px;}
.msig-act{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;}
.msig-act.n3{grid-template-columns:repeat(3,1fr);}
.msig-act.n2{grid-template-columns:repeat(2,1fr);}
.msig-btn{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;font-weight:700;
  padding:8px 4px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:.15s;white-space:nowrap;}
.msig-btn:hover{border-color:var(--border2);color:var(--text);transform:translateY(-1px);}
.msig-btn.share{background:linear-gradient(135deg,rgba(0,212,170,.15),rgba(79,142,247,.12));border-color:rgba(0,212,170,.4);color:var(--green);}
.msig-btn.close{border-color:rgba(245,179,1,.4);color:var(--gold);}
.msig-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}

/* generate/close modal */
.msig-ov{position:fixed;inset:0;background:rgba(4,8,16,.78);backdrop-filter:blur(6px);z-index:1200;display:none;align-items:center;justify-content:center;overflow-y:auto;padding:26px 12px;}
.msig-ov.on{display:flex;}
.msig-modal{width:100%;max-width:470px;background:var(--bg2);border:1px solid var(--border2);border-radius:18px;padding:18px;position:relative;}
.msig-modal h3{font-family:var(--ccm);font-size:13px;letter-spacing:.5px;}
.msig-modal h3::before{content:'// ';color:var(--green);}
.msig-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;}
.msig-f{margin-top:13px;}
.msig-f label{display:block;font-family:var(--ccm);font-size:9px;font-weight:800;letter-spacing:1px;color:var(--text3);text-transform:uppercase;margin-bottom:5px;}
.msig-f select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--text);font-family:var(--ccm);font-size:13px;font-weight:700;padding:10px 11px;outline:none;cursor:pointer;}
.msig-f select:focus{border-color:var(--green);}
.msig-f input,.msig-f textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--text);font-family:var(--ccm);font-size:13px;font-weight:700;padding:10px 11px;outline:none;}
.msig-f input:focus,.msig-f textarea:focus{border-color:var(--green);}
.msig-f textarea{font-family:var(--sans,inherit);font-weight:500;min-height:56px;resize:vertical;}
.msig-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.msig-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
#msigTPRow{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
#msigTPRow .msig-f{flex:1;min-width:90px;}
.msig-addtp{flex-shrink:0;height:42px;padding:0 16px;border-radius:10px;border:1px dashed var(--border2);
  background:transparent;color:var(--text2);font-family:var(--ccm,monospace);font-size:12px;font-weight:800;
  cursor:pointer;transition:border-color .2s,color .2s;}
.msig-addtp:hover{border-color:var(--gold);color:var(--gold);}
.msig-dirbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.msig-dirbtn{text-align:center;font-family:var(--ccm);font-weight:900;font-size:13px;letter-spacing:1px;padding:11px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text3);cursor:pointer;}
.msig-dirbtn.l.on{background:rgba(0,212,170,.15);border-color:var(--green);color:var(--green);}
.msig-dirbtn.s.on{background:rgba(255,71,87,.15);border-color:var(--red);color:var(--red);}
.msig-livehint{font-family:var(--ccm);font-size:10px;color:var(--gold);margin-top:5px;font-weight:700;cursor:pointer;}
.msig-rr{margin-top:12px;font-family:var(--ccm);font-size:11px;color:var(--text2);background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:9px 11px;display:flex;gap:14px;flex-wrap:wrap;}
.msig-rr b{color:var(--text);}
.msig-save{width:100%;margin-top:15px;background:linear-gradient(135deg,var(--green),var(--blue));color:#04110d;font-weight:900;font-size:13px;border:none;border-radius:11px;padding:13px;cursor:pointer;letter-spacing:.4px;}
.msig-save:disabled{opacity:.5;cursor:default;}
.msig-outbtns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.msig-outbtn{text-align:center;font-family:var(--ccm);font-weight:900;font-size:11px;letter-spacing:.6px;padding:11px 4px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text3);cursor:pointer;}
.msig-outbtn.profit.on{background:rgba(0,212,170,.15);border-color:var(--green);color:var(--green);}
.msig-outbtn.loss.on{background:rgba(255,71,87,.15);border-color:var(--red);color:var(--red);}
.msig-outbtn.breakeven.on{background:rgba(245,179,1,.15);border-color:var(--gold);color:var(--gold);}
.msig-genbtn{background:linear-gradient(135deg,var(--green),var(--blue));color:#04110d;font-weight:800;font-size:12px;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;box-shadow:0 4px 16px rgba(0,212,170,.25);white-space:nowrap;}
/* dashboard signal engine rows */
.cc-msig-row{display:flex;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid var(--border);font-family:var(--ccm);flex-wrap:wrap;}
.cc-msig-row:last-child{border-bottom:0;}
.cc-msig-serial{font-size:8.5px;font-weight:800;color:var(--gold);border:1px solid rgba(245,179,1,.3);border-radius:4px;padding:1px 6px;background:rgba(245,179,1,.06);}
.cc-msig-coin{font-size:13px;font-weight:900;color:var(--text);}
.cc-msig-lv{font-size:9.5px;color:var(--text3);font-weight:700;}
.cc-msig-lv b{color:var(--text2);}
.cc-msig-pnl{margin-left:auto;font-size:12px;font-weight:900;}
@media(max-width:640px){
  .msig-list{grid-template-columns:1fr;}
  .msig-lv{grid-template-columns:repeat(5,1fr);gap:4px;}
  .msig-lv .lv-v{font-size:10.5px;}
}
.cc-sig .msig{margin-bottom:11px;}
.cc-sig .msig:last-of-type{margin-bottom:0;}
/* ── Log Book ledger ── */
.lb-books{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
.lb-books select{flex:1;min-width:160px;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--ccm);font-size:13px;font-weight:700;border-radius:9px;padding:9px 12px;cursor:pointer;}
.lb-books select:focus{outline:none;border-color:var(--border2);}
.lb-bookbtn{flex-shrink:0;background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-family:var(--ccm);font-size:11px;font-weight:800;border-radius:8px;padding:9px 12px;cursor:pointer;transition:border-color .2s,color .2s;}
.lb-bookbtn:hover{border-color:var(--gold);color:var(--gold);}
.lb-bookbtn.del:hover{border-color:var(--red);color:var(--red);}
.lb-title{font-family:var(--ccm);font-size:13px;font-weight:800;color:var(--gold);letter-spacing:.5px;margin-bottom:12px;}
.lb-title span{color:var(--text3);font-weight:600;font-size:11px;}
.lb-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:6px;overflow:hidden;}
.lb-scroll{overflow-x:auto;}
.lb-inner{min-width:820px;}
.lb-head,.lb-row,.lb-total{display:grid;grid-template-columns:130px 72px 1fr 1fr 1fr 1fr 82px 62px 86px;gap:8px;align-items:center;}
.lb-head{font-family:var(--ccm);font-size:9px;font-weight:800;letter-spacing:.6px;color:var(--text3);text-transform:uppercase;padding:10px 8px;border-bottom:1px solid var(--border);}
.lb-row{padding:8px;border-bottom:1px solid var(--border);font-family:var(--ccm);font-size:12px;}
.lb-row .lb-c{color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lb-row .win{color:var(--green);font-weight:800;} .lb-row .loss{color:var(--red);font-weight:800;} .lb-row .be{color:var(--gold);font-weight:800;}
.lb-row .pos{color:var(--green);} .lb-row .neg{color:var(--red);}
.lb-new input,.lb-new select{width:100%;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:var(--ccm);font-size:11px;font-weight:700;padding:8px 6px;outline:none;}
.lb-new input[type=date]{min-width:120px;color-scheme:dark;}
.lb-new input:focus,.lb-new select:focus{border-color:var(--green);}
.lb-add{background:linear-gradient(135deg,var(--green),var(--blue));color:#04110d;font-weight:800;font-size:10px;border:none;border-radius:7px;padding:8px 4px;cursor:pointer;white-space:nowrap;}
.lb-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:14px;}
.lb-del:hover{color:var(--red);}
.lb-total{padding:14px 8px;font-family:var(--ccm);font-weight:900;font-size:15px;border-top:2px solid var(--border2);}
.lb-total span:first-child{grid-column:1/6;color:var(--text3);letter-spacing:1px;font-size:12px;}
.lb-total span:last-child{grid-column:6/8;}
.lb-empty-row{text-align:center;color:var(--text3);font-family:var(--ccm);font-size:12px;padding:26px;}
/* signal rule tip (violet highlight) */
.msig-tip{margin-top:10px;font-family:var(--ccm);font-size:11px;font-weight:700;color:var(--text2);background:rgba(181,123,255,.08);border:1px solid rgba(181,123,255,.28);border-radius:8px;padding:8px 10px;}
.msig-tip b{color:#B57BFF;}
/* ══ END SIGNAL LOG ══ */
/* ── END DASH REDESIGN ── */

.dash-section{background:var(--bg2);border:1px solid var(--border);border-radius:16px;overflow:hidden;}
.dash-sec-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:800;color:var(--text);}
.mkt-tabs{display:flex;background:var(--bg3);border-radius:8px;padding:2px;gap:2px;}
.mkt-tab{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;color:var(--text3);cursor:pointer;transition:.15s;}
.mkt-tab.on{background:var(--gold);color:var(--bg);}
.price-table{width:100%;}
.pt-header{display:grid;grid-template-columns:1fr 1fr 100px;padding:8px 16px;font-size:10px;font-weight:700;color:var(--text3);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border);}
.pt-header span:last-child,.pt-chg-pill{text-align:right;}
.pt-header span:nth-child(2),.pt-price{text-align:right;}
.pt-row{display:grid;grid-template-columns:1fr 1fr 100px;padding:11px 16px;align-items:center;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04);}
.pt-row:last-child{border-bottom:none;}
.pt-row:hover{background:rgba(255,255,255,.04);}
.pt-row:hover .pt-name{color:var(--gold);}
.pt-coin{display:flex;align-items:center;gap:10px;}
.pt-logo{width:36px;height:36px;border-radius:50%;display:block;flex-shrink:0;}
.pt-logo-fb{width:36px;height:36px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;flex-shrink:0;}
.pt-name{font-size:13px;font-weight:800;color:var(--text);line-height:1.2;}
.pt-sym{font-size:10px;color:var(--text3);font-weight:600;}
.pt-price{font-size:13px;font-weight:800;color:var(--text);text-align:right;}
.pt-chg-pill{text-align:right;}
.pt-chg-pill span{display:inline-block;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:800;min-width:72px;text-align:center;}
.pt-chg-pill .up{background:rgba(34,197,94,.15);color:#22C55E;border:1px solid rgba(34,197,94,.2);}
.pt-chg-pill .dn{background:rgba(239,68,68,.15);color:#EF4444;border:1px solid rgba(239,68,68,.2);}

/* ── END PRICE TABLE ── */
.x-profile-card{
  display:flex;align-items:center;gap:14px;
  padding:14px 16px;
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:16px;
  transition:all .2s;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}
.x-profile-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(79,142,247,.04),transparent);
  opacity:0;transition:opacity .3s;
}
.x-profile-card:hover::before{opacity:1;}
.x-profile-card:hover{
  border-color:rgba(79,142,247,.35);
  transform:translateY(-2px);
  box-shadow:0 8px 32px rgba(0,0,0,.3);
}
/* Avatar wrap - Twitter style circle with ring */
.x-avatar-wrap{
  position:relative;flex-shrink:0;
  width:52px;height:52px;
}
.x-avatar-img{
  width:52px;height:52px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--border);
  transition:border-color .2s;
  display:block;
}
.x-profile-card:hover .x-avatar-img{
  border-color:rgba(79,142,247,.5);
}
/* Verified badge */
.x-verified{
  color:#1D9BF0;font-size:13px;
}
.x-info{flex:1;min-width:0;}
.x-name{
  font-size:15px;font-weight:800;color:var(--text);
  margin-bottom:1px;
  display:flex;align-items:center;gap:4px;
}
.x-handle{
  font-size:13px;color:var(--text3);
  margin-bottom:5px;
}
.x-bio{
  font-size:12px;color:var(--text2);
  line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.x-follow-btn{
  display:flex;align-items:center;gap:5px;
  background:#000;color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  padding:7px 14px;
  font-size:12px;font-weight:700;
  flex-shrink:0;
  transition:all .2s;
  white-space:nowrap;
  letter-spacing:.3px;
}
.x-profile-card:hover .x-follow-btn{
  background:#111;
  border-color:rgba(255,255,255,.35);
  box-shadow:0 0 12px rgba(255,255,255,.1);
}

/* ── END X CARDS ── */
.lh-brand-block{
  position:relative;
  z-index:2;
  text-align:center;
  padding:32px 20px 24px;
  margin-bottom:8px;
  width:100%;
}
.lh-brand-glow{
  position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,212,170,.12),transparent 70%);
  pointer-events:none;border-radius:20px;
  transition:opacity .3s;
}
.lh-logo-hover{
  position:relative;display:inline-block;cursor:default;
  padding:16px 28px;
  border-radius:20px;
  border:1px solid rgba(0,212,170,.15);
  background:rgba(0,212,170,.03);
  transition:all .35s;
  overflow:hidden;
}
/* Lightning sweep on hover */
.lh-logo-hover::before{
  content:'';
  position:absolute;
  top:-100%;left:-100%;
  width:60%;height:300%;
  background:linear-gradient(105deg,transparent 40%,rgba(0,212,170,.18) 50%,rgba(79,142,247,.12) 55%,transparent 65%);
  transition:none;
  transform:rotate(15deg);
  pointer-events:none;
}
.lh-logo-hover:hover::before{
  animation:lightSweep .6s ease forwards;
}
@keyframes lightSweep{
  0%{left:-100%;}
  100%{left:200%;}
}
.lh-logo-hover:hover{
  border-color:rgba(0,212,170,.4);
  background:rgba(0,212,170,.06);
  box-shadow:0 0 40px rgba(0,212,170,.15),0 0 80px rgba(79,142,247,.08);
  transform:translateY(-2px);
}
.lh-name{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  margin-bottom:10px;
}
/* Single row logo name */
.lh-name-row{
  display:flex;align-items:baseline;gap:0;
  margin-bottom:12px;
  line-height:1;
}
.lh-name-liquidity{
  font-size:clamp(28px,8vw,48px);
  font-weight:900;
  letter-spacing:-1px;
  background:linear-gradient(135deg,#00D4AA,#4F8EF7);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  transition:all .3s;
}
.lh-logo-hover:hover .lh-name-liquidity{
  background:linear-gradient(135deg,#00ffcc,#667eea);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 12px rgba(0,212,170,.6));
}
.lh-name-hunter{
  font-size:clamp(28px,8vw,48px);
  font-weight:900;
  letter-spacing:-1px;
  color:#E6EDF3;
  transition:all .3s;
}
.lh-logo-hover:hover .lh-name-hunter{
  color:#fff;
  text-shadow:0 0 20px rgba(255,255,255,.4),0 0 40px rgba(0,212,170,.3);
}
/* Tagline row */
.lh-tagline-row{
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:clamp(13px,3.5vw,16px);
  font-weight:700;
  letter-spacing:1.5px;
  transition:all .3s;
}
.lh-tl-dash{
  color:var(--green);opacity:.6;
  transition:all .3s;
}
.lh-tl-text{
  color:var(--green);
  transition:all .3s;
}
.lh-logo-hover:hover .lh-tagline-row{
  letter-spacing:2px;
}
.lh-logo-hover:hover .lh-tl-text{
  color:#00ffcc;
  text-shadow:0 0 15px rgba(0,212,170,.7);
}
.lh-logo-hover:hover .lh-tl-dash{
  opacity:1;color:#00ffcc;
}
.lh-tagline{
  font-size:clamp(13px,3.5vw,17px);
  font-weight:700;
  color:var(--green);
  letter-spacing:2px;
  margin-bottom:6px;
  transition:all .3s;
}
.lh-logo-hover:hover .lh-tagline{
  color:#00ffcc;
  text-shadow:0 0 15px rgba(0,212,170,.7);
  letter-spacing:3px;
}
.lh-sub-tag{
  font-size:11px;
  color:var(--text3);
  letter-spacing:3px;
  font-weight:600;
  text-transform:uppercase;
  transition:color .3s;
}
.lh-logo-hover:hover .lh-sub-tag{
  color:var(--text2);
}

/* Navbar logo hover */
.nav-logo-wrap{
  display:flex;align-items:center;gap:8px;flex:1;
  position:relative;cursor:default;
}
.nav-logo-text{
  font-size:16px;font-weight:900;letter-spacing:-.5px;
  position:relative;overflow:hidden;
  padding:4px 8px;border-radius:8px;
  transition:all .3s;
}
.nav-logo-text:hover{
  background:rgba(0,212,170,.08);
  text-shadow:0 0 20px rgba(0,212,170,.4);
}
.nav-logo-text::after{
  content:'';position:absolute;
  top:0;left:-100%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(0,212,170,.2),transparent);
  transition:none;
}
.nav-logo-text:hover::after{
  animation:navSweep .5s ease forwards;
}
@keyframes navSweep{0%{left:-100%;}100%{left:200%;}}

/* Sidebar logo hover */
.sidebar-logo{
  padding:16px;border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
  position:relative;overflow:hidden;
  cursor:default;
  transition:background .3s;
}
.sidebar-logo:hover{background:rgba(0,212,170,.05);}
.sidebar-logo::after{
  content:'';position:absolute;
  top:0;left:-100%;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(0,212,170,.15),transparent);
}
.sidebar-logo:hover::after{animation:navSweep .5s ease forwards;}

/* ── END BRAND BLOCK ── */
.main-content{
  flex:1;overflow:hidden;display:flex;flex-direction:column;
  position:relative;
  margin:8px;border-radius:18px;
  background:var(--bg);
  z-index:0;
  border:1px solid rgba(79,142,247,.3);
}
/* Subtle ambient glow border (v2 — replaces RGB spinner) */
.main-content::before{
  content:'';position:absolute;inset:-2px;border-radius:20px;
  background:linear-gradient(135deg,rgba(0,212,170,.55),rgba(79,142,247,.45) 50%,rgba(139,92,246,.4));
  filter:blur(10px);opacity:.35;z-index:-2;pointer-events:none;
}
.page-wrap{flex:1;overflow-y:auto;padding:16px;border-radius:16px;position:relative;z-index:1;background:var(--bg);}
.page{display:none;}
.page.on{display:block;}

/* ═══════════════════════════════════════════
   DESKTOP / LARGE SCREEN LAYOUT
   Content fills full available width using
   multi-column grids — no empty right space
   ═══════════════════════════════════════════ */
@media(min-width:900px){
  .page-wrap{padding:24px 28px;}
  /* Pages fill full width (NO centering, NO max-width cap) */
  .page.on{width:100%;max-width:none;margin:0;}

  /* Price cards spread across full width */
  .price-grid{grid-template-columns:repeat(4,1fr)!important;}

  /* ── SENTIMENT: fill width with masonry-style columns ── */
  .sent-wrap{
    column-count:2;
    column-gap:18px;
    max-width:none;
    margin:0;
  }
  .sent-wrap > div{
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
    page-break-inside:avoid;
  }
  /* Gauge row spans both columns at top */
  .sent-gauge-row{column-span:all;-webkit-column-span:all;max-width:none;}
  .sent-ai-brief,.sent-mood{column-span:all;-webkit-column-span:all;}
  .sent-heatmap{grid-template-columns:repeat(4,1fr)!important;}

  /* Picks / leaderboard: 2-column grid */
  .picks-grid,.lb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}

  /* Single-column pages (leaderboard, history, picks): full width, no masonry */
  .sent-wrap-single{column-count:1!important;max-width:1000px;margin:0 auto;}

  /* ── DASHBOARD: greeting full-width, then 2-col panels ── */
  #page-dashboard.on{padding:0;}
  #page-dashboard > div:first-child{grid-column:1/-1;} /* greeting */
  .dash-panels{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    padding:16px 28px;
    align-items:start;
  }
  .dash-panels > *{min-width:0;}

  /* ── JOURNAL: analytics in 2-3 col grid ── */
  .jnl-analytics-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    align-items:start;
  }
  .jnl-analytics-grid > .jnl-full{grid-column:1/-1;}

  /* Journal & calculator use their own grids (set inline) */
  #newsFrame{height:82vh!important;}
}

@media(min-width:1300px){
  .price-grid{grid-template-columns:repeat(6,1fr)!important;}
  .sent-wrap{column-count:3;}
  .sent-heatmap{grid-template-columns:repeat(6,1fr)!important;}
}

@media(min-width:1700px){
  .page-wrap{padding:28px 48px;}
  .sent-wrap{column-count:3;}
}
/* ── END DESKTOP LAYOUT ── */

/* ══════════════════════════════════════════
   COMMON COMPONENTS
══════════════════════════════════════════ */
.card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--radius);padding:16px;
  transition:.2s;
}
.card:hover{border-color:var(--border2);}
.card-grad{
  background:linear-gradient(135deg,rgba(79,142,247,.08),rgba(139,92,246,.06));
  border-color:rgba(79,142,247,.2);
}
.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.sec-title{font-size:14px;font-weight:800;color:var(--text);}
.sec-title .accent{color:var(--blue);}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:.15s;white-space:nowrap;}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;box-shadow:0 4px 15px rgba(245,179,1,.3);}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,179,1,.4);}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text2);border:1px solid var(--border);}
.btn-ghost:hover{background:rgba(255,255,255,.08);color:var(--text);border-color:var(--border2);}
.btn-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd);}
.btn-blue{background:linear-gradient(135deg,#4F8EF7,#8B5CF6);color:#fff;box-shadow:0 4px 15px rgba(79,142,247,.3);}
.btn-sm{padding:6px 12px;font-size:11px;border-radius:8px;}
.btn-block{width:100%;}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;}

/* Profile avatar */
.profile-av{
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--purple));
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:900;color:#fff;
  overflow:hidden;flex-shrink:0;
}
.profile-av img{width:100%;height:100%;object-fit:cover;}

/* ══════════════════════════════════════════
   DASHBOARD — PRICE CARDS
══════════════════════════════════════════ */
.price-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;margin-bottom:20px;
}
@media(min-width:600px){.price-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:900px){.price-grid{grid-template-columns:repeat(6,1fr);}}
.price-card{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:14px;
  display:flex;flex-direction:column;gap:4px;
  transition:.2s;cursor:pointer;
  position:relative;overflow:hidden;
}
.price-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--card-color,linear-gradient(90deg,#4F8EF7,#8B5CF6));
}
.price-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3);}
.pc-sym{font-size:10px;font-weight:700;color:var(--text2);letter-spacing:.5px;}
.pc-price{font-size:15px;font-weight:900;color:var(--text);}
.pc-chg{font-size:11px;font-weight:700;}
.pc-chg.up{color:var(--green);}
.pc-chg.dn{color:var(--red);}
.pc-icon{font-size:18px;margin-bottom:2px;}
.pc-coin-name{font-size:11px;font-weight:700;color:var(--text);margin-bottom:1px;margin-top:4px;}
.pc-logo-wrap{width:38px;height:38px;margin-bottom:4px;}
.pc-logo{width:38px;height:38px;border-radius:50%;display:block;object-fit:cover;}
.pc-logo-fb{width:38px;height:38px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#fff;}

/* Stat circles */
.stat-row{display:flex;justify-content:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px;}
.stat-circle{
  width:68px;height:68px;border-radius:50%;
  border:2px solid;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:900;
  background:var(--bg2);
}
.stat-circle.gray{border-color:var(--text3);color:var(--text);}
.stat-circle.grn{border-color:var(--green);color:var(--green);}
.stat-circle.red{border-color:var(--red);color:var(--red);}
.stat-circle.blue{border-color:var(--blue);color:var(--blue);}
.stat-circle.gold{border-color:var(--gold);color:var(--gold);}
.stat-lbl{font-size:9px;font-weight:700;color:var(--text3);letter-spacing:.8px;text-transform:uppercase;}

/* ══════════════════════════════════════════
   ALERT CARDS
══════════════════════════════════════════ */
.alert-card{
  background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;
  gap:8px;text-align:center;position:relative;overflow:hidden;transition:.15s;
}
.alert-card:hover{border-color:var(--border2);}
.alert-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.alert-card.active::before{background:linear-gradient(90deg,var(--green),#00f2fe);}
.alert-card.triggered::before{background:linear-gradient(90deg,var(--red),#f093fb);}
.alert-card.pending::before{background:linear-gradient(90deg,var(--gold),#f5576c);}
.ac-sym{font-size:16px;font-weight:900;}
.ac-dir{font-size:13px;font-weight:700;}
.ac-dir.up{color:var(--green);}
.ac-dir.dn{color:var(--red);}
.ac-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;}
.ac-tag{font-size:9px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--bg3);color:var(--text2);border:1px solid var(--border);}
.ac-note{font-size:11px;color:var(--text3);font-style:italic;}
.ac-prog{width:100%;max-width:280px;}
.prog-info{display:flex;justify-content:space-between;font-size:10px;color:var(--text3);margin-bottom:4px;}
.prog-track{height:3px;background:var(--bg3);border-radius:2px;overflow:hidden;}
.prog-fill{height:100%;border-radius:2px;transition:width .5s;}
.prog-fill.g{background:linear-gradient(90deg,#00D4AA,#4facfe);}
.prog-fill.r{background:linear-gradient(90deg,var(--red),#f093fb);}
.prog-fill.y{background:linear-gradient(90deg,var(--gold),#f5576c);}
.ac-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;}
.ac-status{font-size:9px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.8px;}
.ac-status.active{background:var(--green-bg);color:var(--green);border:1px solid var(--green-bd);}
.ac-status.triggered{background:var(--red-bg);color:var(--red);border:1px solid var(--red-bd);}
.ac-status.pending{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-bd);}
.icon-btn{
  width:30px;height:30px;border-radius:8px;
  border:1px solid var(--border);background:var(--bg3);
  color:var(--text3);font-size:13px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.15s;flex-shrink:0;
}
.icon-btn:hover{border-color:var(--border2);color:var(--text);}
.icon-btn.del:hover{border-color:var(--red);color:var(--red);background:var(--red-bg);}

/* ══════════════════════════════════════════
   CHARTS TAB
══════════════════════════════════════════ */
.layout-picker{display:flex;gap:6px;margin-bottom:12px;align-items:center;}
.layout-btn{
  width:34px;height:28px;border-radius:7px;
  border:1px solid var(--border);background:var(--bg3);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  padding:4px;transition:.15s;
}
.layout-btn:hover,.layout-btn.on{
  border-color:var(--blue);
  background:linear-gradient(135deg,rgba(79,142,247,.15),rgba(139,92,246,.1));
}
.layout-btn svg{width:100%;height:100%;fill:var(--text2);}
.layout-btn.on svg{fill:var(--blue);}
.chart-grid{display:grid;gap:6px;height:calc(100vh - 180px);}
.chart-grid.l1{grid-template-columns:1fr;grid-template-rows:1fr;}
.chart-grid.l2{grid-template-columns:1fr 1fr;grid-template-rows:1fr;}
.chart-grid.l3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}
.chart-grid.l3 .tv-cell:first-child{grid-row:1/3;}
.chart-grid.l4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}
.tv-cell{border-radius:10px;overflow:hidden;background:var(--bg2);border:1px solid var(--border);}
.tv-cell iframe{width:100%;height:100%;border:none;}

/* ══════════════════════════════════════════
   STRATEGY TAB
══════════════════════════════════════════ */
.strat-card{
  background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);
  padding:16px;margin-bottom:10px;cursor:pointer;transition:.2s;
}
.strat-card:hover{border-color:var(--blue);transform:translateY(-1px);}
.strat-name{font-size:14px;font-weight:800;margin-bottom:4px;}
.strat-preview{font-size:12px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.strat-meta{display:flex;gap:8px;margin-top:8px;align-items:center;}
.strat-meta span{font-size:10px;color:var(--text3);}
.img-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.img-gallery img{width:70px;height:55px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--border);}
.img-fullview{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:999;align-items:center;justify-content:center;cursor:zoom-out;}
.img-fullview.on{display:flex;}
.img-fullview img{max-width:95vw;max-height:95vh;border-radius:10px;}

/* ══════════════════════════════════════════
   JOURNAL TAB
══════════════════════════════════════════ */
.j-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;}
.j-stat-card{
  background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px;transition:.2s;
}
.j-stat-card:hover{border-color:var(--border2);}
.j-stat-label{font-size:10px;color:var(--text3);font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;}
.j-stat-val{font-size:20px;font-weight:900;}
.j-stat-val.pos{color:var(--green);}
.j-stat-val.neg{color:var(--red);}
@media(min-width:600px){.j-stats-grid{grid-template-columns:repeat(3,1fr);}}
.chart-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px;}
.chart-box-title{font-size:12px;font-weight:800;margin-bottom:10px;color:var(--text2);}
.chart-box canvas{max-height:220px;}
.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.cal-nav{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);transition:.15s;}
.cal-nav:hover{border-color:var(--border2);color:var(--text);}
.cal-title{font-size:13px;font-weight:800;}
.cal-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:3px;
  width:100%;
}
.cal-dow{
  text-align:center;
  font-size:9px;
  font-weight:700;
  color:var(--text3);
  padding:6px 0 4px;
  text-transform:uppercase;
  letter-spacing:.3px;
}
.cal-day{
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:6px 2px;
  min-height:44px;
  font-size:11px;
  background:var(--bg3);
  border:1px solid var(--border);
  gap:2px;
  cursor:default;
  transition:all .15s;
}
.cal-day:not(.empty):hover{border-color:var(--border2);}
.cal-day.empty{background:transparent;border-color:transparent;}
.cal-day.pos{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25);}
.cal-day.neg{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.25);}
.cal-day-num{font-weight:800;color:var(--text2);font-size:12px;line-height:1;}
.cal-day-pnl{font-size:8px;font-weight:700;line-height:1;}
.cal-day.pos .cal-day-num{color:var(--text);}
.cal-day.pos .cal-day-pnl{color:var(--green);}
.cal-day.neg .cal-day-num{color:var(--text);}
.cal-day.neg .cal-day-pnl{color:var(--red);}
/* Mobile: shrink text on tiny screens */
@media(max-width:380px){
  .cal-day{min-height:36px;padding:4px 1px;}
  .cal-day-num{font-size:10px;}
  .cal-day-pnl{font-size:7px;}
  .cal-dow{font-size:8px;}
}
.trade-card{
  background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);
  padding:13px;margin-bottom:8px;display:flex;align-items:center;gap:12px;
  cursor:pointer;transition:.15s;
}
.trade-card:hover{border-color:var(--border2);}
.trade-sym-badge{width:38px;height:38px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;}
.trade-info{flex:1;min-width:0;}
.trade-sym{font-size:13px;font-weight:800;}
.trade-meta{font-size:10px;color:var(--text3);margin-top:2px;}
.trade-pnl{font-size:14px;font-weight:900;text-align:right;flex-shrink:0;}
.trade-pnl.pos{color:var(--green);}
.trade-pnl.neg{color:var(--red);}

/* ══════════════════════════════════════════
   NOTIFICATIONS
══════════════════════════════════════════ */
.notif-card{
  background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);
  padding:13px 14px;margin-bottom:8px;display:flex;gap:12px;
  align-items:flex-start;transition:.15s;cursor:pointer;
}
.notif-card:hover{border-color:var(--border2);}
.notif-card.unread{border-left:3px solid var(--gold);}
.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:4px;}
.notif-dot.read{background:var(--border);}
.notif-title{font-size:13px;font-weight:700;margin-bottom:3px;}
.notif-msg{font-size:12px;color:var(--text2);margin-bottom:4px;}
.notif-time{font-size:10px;color:var(--text3);}

/* Subtabs */
.subtabs{display:flex;gap:4px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px;}
.subtab{padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s;}
.subtab:hover{border-color:var(--border2);color:var(--text);}
.subtab.on{background:linear-gradient(135deg,rgba(79,142,247,.15),rgba(139,92,246,.1));color:var(--text);border-color:rgba(79,142,247,.2);}

/* ══════════════════════════════════════════
   CHAT
══════════════════════════════════════════ */
.chat-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:.15s;}
.chat-list-item:hover{background:var(--bg3);}
.chat-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--purple));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden;}
.chat-av img{width:100%;height:100%;object-fit:cover;}
.chat-name{font-size:13px;font-weight:700;}
.chat-preview{font-size:11px;color:var(--text3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.msg-bubble{max-width:75%;padding:10px 14px;border-radius:18px;font-size:13px;line-height:1.4;word-break:break-word;}
.msg-bubble.mine{background:linear-gradient(135deg,#4F8EF7,#8B5CF6);color:#fff;border-bottom-right-radius:4px;}
.msg-bubble.theirs{background:var(--bg3);color:var(--text);border-bottom-left-radius:4px;border:1px solid var(--border);}
.chat-input-bar{display:flex;gap:8px;padding:10px 14px;background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0;}
.user-search-result{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);}

/* ══════════════════════════════════════════
   OVERLAYS
══════════════════════════════════════════ */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(4px);padding:20px 14px;}
.overlay.on{display:flex;}
.overlay-box{
  background:var(--bg2);border-radius:18px;
  border:1px solid var(--border);
  padding:22px;width:100%;max-width:640px;max-height:86vh;overflow-y:auto;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.8);
  animation:ovIn .18s cubic-bezier(.2,.9,.3,1);
}
@keyframes ovIn{from{opacity:0;transform:translateY(10px) scale(.98);}to{opacity:1;transform:none;}}
/* two columns on wider screens so a form reads as a square panel, not a long strip */
@media(min-width:560px){
  .overlay-box .ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
  .overlay-box .ov-grid .ov-full{grid-column:1/-1;}
}
.overlay-title{font-size:16px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;}
.close-btn{width:28px;height:28px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:.15s;}
.close-btn:hover{background:var(--red-bg);color:var(--red);border-color:var(--red-bd);}
.opt-row{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;}
.opt{padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;transition:.15s;}
.opt:hover{border-color:var(--border2);}
.opt.on-grn{background:var(--green-bg);color:var(--green);border-color:var(--green-bd);}
.opt.on-red{background:var(--red-bg);color:var(--red);border-color:var(--red-bd);}
.opt.on-gold{background:var(--gold-bg);color:var(--gold);border-color:var(--gold-bd);}
.opt.on-blue{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-bd);}
.live-price-hint{font-size:11px;color:var(--blue);margin-bottom:10px;height:16px;}

/* ══════════════════════════════════════════
   WELCOME POPUP + TUTORIAL
══════════════════════════════════════════ */
.welcome-overlay{
  position:fixed;inset:0;
  background:radial-gradient(circle at 50% 40%,#1a2540,#0A0E1A 70%);
  z-index:1000;
  display:none;
  align-items:center;justify-content:center;
  flex-direction:column;
  overflow:hidden;
}
.welcome-overlay.show,.welcome-overlay.on{display:flex;}

/* Logo entrance animation */
.wlc-logo{
  max-width:220px;width:55%;
  opacity:0;
  filter:drop-shadow(0 0 30px rgba(0,212,170,.6));
  animation:logoEntrance 1.4s cubic-bezier(.34,1.56,.64,1) forwards;
  z-index:2;
}
@keyframes logoEntrance{
  0%{opacity:0;transform:scale(.3) rotate(-15deg);filter:drop-shadow(0 0 0 rgba(0,212,170,0)) blur(10px);}
  50%{opacity:1;transform:scale(1.1) rotate(5deg);}
  70%{transform:scale(.95) rotate(-2deg);}
  100%{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 0 40px rgba(0,212,170,.6)) blur(0);}
}

/* Glow ring behind logo */
.wlc-glow{
  position:absolute;
  width:400px;height:400px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,212,170,.25),transparent 60%);
  animation:glowPulse 2s ease-in-out infinite;
  z-index:1;
}
@keyframes glowPulse{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.2);opacity:1;}}

/* 3D Welcome Text */
.wlc-text-wrap{
  margin-top:30px;
  text-align:center;
  z-index:2;
  opacity:0;
  animation:textReveal 1s ease forwards;
  animation-delay:1.3s;
}
@keyframes textReveal{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}

.wlc-welcome-3d{
  font-size:42px;
  font-weight:900;
  letter-spacing:2px;
  background:linear-gradient(135deg,#00D4AA 0%,#4F8EF7 50%,#8B5CF6 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  text-shadow:0 4px 12px rgba(0,212,170,.3);
  margin-bottom:6px;
  animation:text3d 3s ease-in-out infinite;
  position:relative;
}
@keyframes text3d{0%,100%{transform:perspective(400px) rotateX(0deg);}50%{transform:perspective(400px) rotateX(8deg);}}

.wlc-username{
  font-size:24px;
  font-weight:800;
  color:#fff;
  letter-spacing:1px;
  text-shadow:0 0 20px rgba(0,212,170,.6),0 2px 4px rgba(0,0,0,.5);
  margin-bottom:8px;
}
.wlc-username .at{color:var(--green);}

.wlc-tagline{
  font-size:13px;
  color:var(--green);
  letter-spacing:3px;
  font-weight:700;
  text-transform:uppercase;
  opacity:0;
  animation:textReveal 1s ease forwards;
  animation-delay:1.8s;
}

.wlc-continue{
  margin-top:36px;
  opacity:0;
  animation:textReveal 1s ease forwards;
  animation-delay:2.3s;
  z-index:2;
}

/* OLD welcome box (kept for reference but unused) */
.welcome-box{
  background:linear-gradient(135deg,rgba(17,24,39,.95),rgba(30,45,69,.95));
  border:1px solid rgba(79,142,247,.3);
  border-radius:28px;
  padding:40px 32px;
  text-align:center;
  max-width:460px;width:90%;
  position:relative;
  box-shadow:0 0 80px rgba(79,142,247,.2),0 40px 80px rgba(0,0,0,.5);
  animation:welcomeIn .6s cubic-bezier(.34,1.56,.64,1) forwards;
}
@keyframes welcomeIn{from{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.welcome-close{
  position:absolute;top:14px;right:14px;
  width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);
  color:var(--text2);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;transition:.15s;
}
.welcome-close:hover{background:var(--red-bg);color:var(--red);}
.welcome-emoji{font-size:56px;margin-bottom:16px;display:block;animation:bounce 1s ease infinite alternate;}
@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-8px)}}
.welcome-title{font-size:26px;font-weight:900;margin-bottom:8px;letter-spacing:-.5px;}
.welcome-title .grad{background:linear-gradient(135deg,#4F8EF7,#8B5CF6,#F5B301);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.welcome-sub{font-size:14px;color:var(--text2);line-height:1.6;margin-bottom:24px;}
.welcome-features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;text-align:left;}
.welcome-feat{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(79,142,247,.06);border:1px solid rgba(79,142,247,.1);border-radius:10px;}
.welcome-feat-icon{font-size:20px;flex-shrink:0;}
.welcome-feat-text{font-size:12px;color:var(--text2);}

/* Firework canvas */
#fireworkCanvas{position:fixed;inset:0;pointer-events:none;z-index:1001;}

/* Tutorial overlay */
.tutorial-overlay{
  position:fixed;inset:0;z-index:900;pointer-events:none;
}
.tutorial-overlay.show{display:block;}
.tutorial-box{
  position:absolute;
  background:linear-gradient(135deg,rgba(17,24,39,.98),rgba(30,45,69,.98));
  border:1px solid rgba(79,142,247,.4);
  border-radius:16px;padding:16px 18px;max-width:260px;
  box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 4000px rgba(0,0,0,.6);
  pointer-events:all;z-index:901;
  animation:fadeInUp .3s ease;
}
@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.tutorial-step{font-size:10px;color:var(--blue);font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;}
.tutorial-title{font-size:15px;font-weight:800;margin-bottom:6px;}
.tutorial-desc{font-size:12px;color:var(--text2);line-height:1.5;margin-bottom:12px;}
.tutorial-arrow{position:absolute;width:12px;height:12px;background:rgba(30,45,69,.98);border:1px solid rgba(79,142,247,.4);}
.tutorial-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.tutorial-dots{display:flex;gap:4px;}
.tutorial-dot{width:6px;height:6px;border-radius:50%;background:var(--border);}
.tutorial-dot.on{background:var(--blue);width:16px;border-radius:4px;}
.tutorial-highlight{
  position:absolute;border-radius:10px;
  box-shadow:0 0 0 4px rgba(79,142,247,.6),0 0 0 8px rgba(79,142,247,.2);
  pointer-events:none;z-index:900;transition:.3s;
}

/* ══════════════════════════════════════════
   MISC
══════════════════════════════════════════ */
.loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:30px;color:var(--text3);font-size:12px;}
@keyframes spin{to{transform:rotate(360deg)}}
.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;}
.empty{text-align:center;padding:36px 20px;color:var(--text3);}
.empty-icon{font-size:32px;margin-bottom:10px;}
.empty-txt{font-size:13px;}
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:8px 18px;font-size:12px;font-weight:600;color:var(--text);z-index:999;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap;}
.toast.show{opacity:1;}
.profile-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;margin-bottom:12px;}
.profile-name{font-size:16px;font-weight:800;margin-bottom:3px;}
.profile-email{font-size:12px;color:var(--text2);}
.profile-role{display:inline-block;font-size:9px;font-weight:700;padding:3px 8px;border-radius:10px;background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-bd);margin-top:6px;letter-spacing:.8px;}
.tg-connect-box{margin:8px 0 14px;padding:14px;border-radius:12px;background:var(--bg3);border:1px solid var(--border);}
.tg-status{font-family:var(--ccm,monospace);font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;}
.tg-status .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.tg-status .dot.on{background:var(--green);box-shadow:0 0 6px var(--green);}
.tg-status .dot.off{background:var(--red);box-shadow:0 0 6px var(--red);}

/* ══ welcome/boot styles ══ */
  #bootSplash{
    position:fixed;inset:0;z-index:9999;
    background:radial-gradient(ellipse at center,#101725 0%,#070B14 72%);
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;
    overflow:hidden;
  }
  /* faint rising candle bars in bg */
  .boot-bg-candles{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-around;opacity:.16;pointer-events:none;}
  .boot-bg-candles span{
    width:7px;border-radius:2px;height:22%;
    background:linear-gradient(180deg,#22C55E,transparent);
    transform-origin:bottom;animation:bootCandle 2.6s ease-in-out infinite;
  }
  .boot-bg-candles span:nth-child(2n){background:linear-gradient(180deg,#EF4444,transparent);height:34%;}
  .boot-bg-candles span:nth-child(3n){height:48%;}
  .boot-bg-candles span:nth-child(4n){height:16%;}
  .boot-bg-candles span:nth-child(1){animation-delay:0s}.boot-bg-candles span:nth-child(2){animation-delay:.2s}
  .boot-bg-candles span:nth-child(3){animation-delay:.4s}.boot-bg-candles span:nth-child(4){animation-delay:.6s}
  .boot-bg-candles span:nth-child(5){animation-delay:.8s}.boot-bg-candles span:nth-child(6){animation-delay:1s}
  .boot-bg-candles span:nth-child(7){animation-delay:1.2s}.boot-bg-candles span:nth-child(8){animation-delay:1.4s}
  .boot-bg-candles span:nth-child(9){animation-delay:1.6s}.boot-bg-candles span:nth-child(10){animation-delay:1.8s}
  .boot-bg-candles span:nth-child(11){animation-delay:2s}.boot-bg-candles span:nth-child(12){animation-delay:2.2s}
  @keyframes bootCandle{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}

  .boot-logo-mark{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;}
  .boot-logo-img{
    width:118px;height:118px;border-radius:26px;object-fit:contain;
    position:relative;z-index:3;
    box-shadow:0 10px 44px rgba(0,0,0,.6),0 0 0 1px rgba(148,163,184,.15);
    animation:bootDrop .7s cubic-bezier(.2,.9,.3,1.25) both, bootBreath 2.6s ease-in-out .8s infinite;
  }
  .boot-logo-glow{
    position:absolute;inset:14px;border-radius:30px;z-index:1;
    background:radial-gradient(circle,rgba(239,68,68,.35),rgba(0,212,170,.14) 55%,transparent 72%);
    filter:blur(14px);
    animation:bootGlow 2.6s ease-in-out infinite;
  }
  .boot-logo-ring{
    position:absolute;inset:0;border-radius:50%;z-index:2;
    border:2.5px solid transparent;
    border-top-color:#00D4AA;border-right-color:#4F8EF7;
    animation:bootSpin 1.1s linear infinite;
  }
  .boot-logo-ring.r2{
    inset:-11px;border-width:1.5px;
    border-top-color:transparent;border-right-color:transparent;
    border-bottom-color:rgba(239,68,68,.7);border-left-color:rgba(245,179,1,.5);
    animation:bootSpinRev 2.4s linear infinite;
  }
  .boot-scan{
    position:absolute;left:16px;right:16px;height:3px;border-radius:2px;z-index:4;
    background:linear-gradient(90deg,transparent,rgba(0,212,170,.85),transparent);
    filter:drop-shadow(0 0 6px rgba(0,212,170,.8));
    animation:bootScan 1.9s ease-in-out infinite;
  }
  @keyframes bootSpin{to{transform:rotate(360deg);}}
  @keyframes bootSpinRev{to{transform:rotate(-360deg);}}
  @keyframes bootDrop{from{opacity:0;transform:scale(.55) translateY(-18px);}to{opacity:1;transform:scale(1) translateY(0);}}
  @keyframes bootBreath{0%,100%{transform:scale(1);}50%{transform:scale(1.035);}}
  @keyframes bootGlow{0%,100%{opacity:.55;}50%{opacity:1;}}
  @keyframes bootScan{0%{top:16px;opacity:0;}12%{opacity:1;}88%{opacity:1;}100%{top:calc(100% - 19px);opacity:0;}}
  .boot-brand{font-size:28px;font-weight:900;letter-spacing:-.5px;animation:bootFade .8s ease .25s both;}
  .boot-tag{
    font-family:ui-monospace,'SF Mono',Consolas,monospace;
    font-size:10.5px;color:#8B949E;font-weight:700;letter-spacing:2.5px;margin-top:-12px;
    animation:bootFade 1s ease .45s both;
  }
  .boot-bar{width:170px;height:4px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;margin-top:8px;animation:bootFade 1s ease .55s both;}
  .boot-bar-fill{height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,#00D4AA,#4F8EF7);animation:bootLoad 1.2s ease-in-out infinite;}
  @keyframes bootLoad{0%{transform:translateX(-120%);}100%{transform:translateX(320%);}}
  @keyframes bootFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
  @media(prefers-reduced-motion:reduce){
    #bootSplash *,#bootSplash *::before,#bootSplash *::after{animation:none!important;}
    .boot-scan,.boot-bg-candles{display:none;}
  }

/* ══ landing page styles ══ */
#sLanding{--lx-bg:#05080F;--lx-panel:rgba(17,24,39,.55);--lx-line:rgba(79,142,247,.14);
  --lx-green:#00D4AA;--lx-red:#FF4757;--lx-gold:#F5B301;--lx-blue:#4F8EF7;
  --lx-text:#E8F4FD;--lx-mut:#8BA7C7;--lx-dim:#4A6580;
  --lx-disp:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --lx-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  background:var(--lx-bg);color:var(--lx-text);font-family:var(--lx-disp);}
#sLanding *{box-sizing:border-box;}
/* ambient background */
#sLanding .ldx-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
#sLanding .ldx-bg .grid{position:absolute;inset:-2% -2% -2% -2%;
  background-image:linear-gradient(rgba(79,142,247,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(79,142,247,.05) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 75%);}
#sLanding .ldx-bg .orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.16;animation:lxOrb 16s ease-in-out infinite alternate;}
#sLanding .ldx-bg .orb.g{width:480px;height:480px;background:var(--lx-green);top:-160px;right:-90px;}
#sLanding .ldx-bg .orb.b{width:420px;height:420px;background:var(--lx-blue);top:40%;left:-160px;animation-delay:4s;}
#sLanding .ldx-bg .orb.r{width:320px;height:320px;background:var(--lx-red);bottom:-120px;right:22%;animation-delay:8s;opacity:.10;}
@keyframes lxOrb{from{transform:translateY(0) scale(1);}to{transform:translateY(46px) scale(1.12);}}
#sLanding .ldx-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 22px;}
/* nav */
#sLanding .ldx-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;
  padding:13px 22px;background:rgba(5,8,15,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--lx-line);}
#sLanding .ldx-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:-.3px;}
#sLanding .ldx-logo img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,212,170,.45));}
#sLanding .ldx-logo b{color:var(--lx-green);}
#sLanding .ldx-links{display:flex;gap:26px;margin-left:auto;}
#sLanding .ldx-links a{color:var(--lx-mut);text-decoration:none;font-size:13.5px;font-weight:500;position:relative;padding:4px 0;transition:color .25s;}
#sLanding .ldx-links a::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;border-radius:2px;background:linear-gradient(90deg,var(--lx-green),var(--lx-blue));transition:width .28s;}
#sLanding .ldx-links a:hover{color:var(--lx-text);}
#sLanding .ldx-links a:hover::after{width:100%;}
#sLanding .ldx-btn{font-family:var(--lx-disp);font-weight:600;font-size:13.5px;border-radius:12px;cursor:pointer;border:0;padding:11px 20px;transition:transform .2s,box-shadow .25s,background .25s;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0;}
#sLanding .ldx-btn:active{transform:scale(.97);}
#sLanding .ldx-btn.pri{background:linear-gradient(135deg,var(--lx-green),#00b894);color:#03110d;box-shadow:0 6px 24px rgba(0,212,170,.30);}
#sLanding .ldx-btn.pri:hover{box-shadow:0 10px 34px rgba(0,212,170,.5);transform:translateY(-2px);}
#sLanding .ldx-btn.ghost{background:transparent;color:var(--lx-text);border:1px solid rgba(139,167,199,.25);}
#sLanding .ldx-btn.ghost:hover{border-color:var(--lx-green);color:var(--lx-green);}
#sLanding .ldx-btn.lg{padding:15px 30px;font-size:15px;border-radius:14px;}
/* hero */
#sLanding .ldx-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:74px 0 66px;position:relative;}
#sLanding .ldx-hero>div{position:relative;z-index:1;}
/* ── Animated hero wolf (photo) ── */
.ldx-wolf{position:absolute;left:48%;top:-6%;transform:translateX(-50%);height:116%;z-index:0;pointer-events:none;}
.ldx-wolf .w-img{height:100%;width:auto;display:block;opacity:0;
  filter:drop-shadow(0 0 55px rgba(0,212,170,.08));
  transition:transform 1.6s cubic-bezier(.22,1,.36,1),opacity 1.4s ease;}
.ldx-wolf.sit .w-img{transform:translateY(46px) scale(.96);}
.ldx-wolf:not(.sit) .w-img{opacity:.95;transform:translateY(0) scale(1);animation:wSway 6.5s ease-in-out 1.9s infinite;}
@keyframes wSway{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-5px) scale(1.006);}}
/* glowing eyes overlay */
.ldx-wolf .w-glow{position:absolute;width:9%;aspect-ratio:1.6;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,rgba(140,255,230,.95) 0%,rgba(0,212,170,.5) 45%,rgba(0,212,170,0) 72%);
  filter:blur(3px);mix-blend-mode:screen;opacity:0;}
.ldx-wolf:not(.sit) .w-glow{animation:wEyePulse 2.4s ease-in-out 1.2s infinite;}
.ldx-wolf .w-glow.g2{animation-delay:1.32s;}
@keyframes wEyePulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.22);}}
/* drifting ground mist */
.ldx-wolf .w-mistx{position:absolute;bottom:6%;height:16%;width:70%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,212,170,.12),transparent 70%);filter:blur(16px);mix-blend-mode:screen;opacity:0;transition:opacity 1.5s ease 1s;}
.ldx-wolf:not(.sit) .w-mistx{opacity:1;}
.ldx-wolf .w-mistx.m1{left:2%;animation:wMistD 9s ease-in-out infinite alternate;}
.ldx-wolf .w-mistx.m2{right:0;width:55%;bottom:2%;animation:wMistD 12s ease-in-out infinite alternate-reverse;}
@keyframes wMistD{from{transform:translateX(-16px);}to{transform:translateX(18px);}}
@media(max-width:900px){.ldx-wolf{opacity:.4;width:400px;left:50%;}}
@media(prefers-reduced-motion:reduce){
  .ldx-wolf *{animation:none!important;transition:none!important;}
  .ldx-wolf .w-img{opacity:.95!important;transform:none!important;}
  .ldx-wolf .w-glow{opacity:.8;}
}
#sLanding .ldx-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--lx-mono);font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--lx-green);text-transform:uppercase;background:rgba(0,212,170,.08);border:1px solid rgba(0,212,170,.22);border-radius:100px;padding:7px 15px;margin-bottom:24px;}
#sLanding .ldx-eyebrow .dt{width:7px;height:7px;border-radius:50%;background:var(--lx-green);box-shadow:0 0 10px var(--lx-green);animation:lxPing 1.6s ease-in-out infinite;}
@keyframes lxPing{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(1.45);}}
#sLanding h1.ldx-h1{font-size:clamp(40px,6.2vw,74px);line-height:1.02;font-weight:700;letter-spacing:-2.5px;margin:0 0 22px;}
#sLanding h1.ldx-h1 .hunt{display:block;background:linear-gradient(92deg,var(--lx-green) 10%,var(--lx-blue) 55%,var(--lx-gold) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:lxShift 6s ease infinite;}
@keyframes lxShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
#sLanding .ldx-sub{font-size:16.5px;line-height:1.7;color:var(--lx-mut);max-width:520px;margin:0 0 30px;font-weight:400;}
#sLanding .ldx-sub b{color:var(--lx-text);font-weight:600;}
#sLanding .ldx-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px;}
#sLanding .ldx-stats{display:flex;gap:0;border-top:1px solid var(--lx-line);}
#sLanding .ldx-stat{flex:1;padding:18px 4px 0;border-left:1px solid var(--lx-line);padding-left:16px;}
#sLanding .ldx-stat:first-child{border-left:0;padding-left:0;}
#sLanding .ldx-stat .v{font-family:var(--lx-mono);font-size:24px;font-weight:700;color:var(--lx-text);letter-spacing:-1px;}
#sLanding .ldx-stat .v em{color:var(--lx-green);font-style:normal;}
#sLanding .ldx-stat .l{font-size:10.5px;font-weight:600;letter-spacing:1.4px;color:var(--lx-dim);text-transform:uppercase;margin-top:4px;}
/* hero terminal + radar */
#sLanding .ldx-vis{position:relative;min-height:430px;display:flex;align-items:center;justify-content:flex-end;z-index:2;padding-left:40px;}
#sLanding .ldx-radar{position:absolute;width:520px;height:520px;pointer-events:none;}
#sLanding .ldx-radar .ring{position:absolute;inset:0;border:1px solid rgba(0,212,170,.12);border-radius:50%;}
#sLanding .ldx-radar .ring:nth-child(2){inset:70px;}
#sLanding .ldx-radar .ring:nth-child(3){inset:140px;}
#sLanding .ldx-radar .sweep{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(0,212,170,.22),transparent 18%);
  animation:lxSweep 4.5s linear infinite;mask-image:radial-gradient(circle,transparent 24%,#000 25%);}
@keyframes lxSweep{to{transform:rotate(360deg);}}
#sLanding .ldx-term{position:relative;width:100%;max-width:440px;border-radius:20px;overflow:hidden;z-index:5;
  background:#070B12;backdrop-filter:blur(14px);
  border:1px solid rgba(79,142,247,.30);box-shadow:0 30px 80px rgba(0,0,0,.85),0 0 40px rgba(0,212,170,.06);}
#sLanding .ldx-term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--lx-line);background:rgba(5,8,15,.5);}
#sLanding .ldx-term-bar i{width:10px;height:10px;border-radius:50%;}
#sLanding .ldx-term-bar .t{font-family:var(--lx-mono);font-size:11px;color:var(--lx-dim);margin-left:8px;letter-spacing:.5px;}
#sLanding .ldx-candles{display:flex;align-items:flex-end;gap:7px;height:120px;padding:18px 20px 6px;}
#sLanding .ldx-candles span{flex:1;border-radius:3px;position:relative;transform-origin:bottom;animation:lxGrow .7s cubic-bezier(.2,.9,.3,1.2) both;}
#sLanding .ldx-candles span::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:2px;top:-9px;bottom:-8px;background:inherit;opacity:.7;border-radius:2px;}
#sLanding .ldx-candles .u{background:var(--lx-green);box-shadow:0 0 12px rgba(0,212,170,.35);}
#sLanding .ldx-candles .d{background:var(--lx-red);box-shadow:0 0 12px rgba(255,71,87,.3);}
@keyframes lxGrow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
#sLanding .ldx-feed{padding:14px 18px 18px;font-family:var(--lx-mono);font-size:12px;line-height:2;min-height:118px;}
#sLanding .ldx-feed .ln{white-space:nowrap;overflow:hidden;color:var(--lx-mut);}
#sLanding .ldx-feed .ln b{color:var(--lx-text);font-weight:700;}
#sLanding .ldx-feed .ln .g{color:var(--lx-green);}#sLanding .ldx-feed .ln .r{color:var(--lx-red);}
#sLanding .ldx-feed .ln .y{color:var(--lx-gold);}#sLanding .ldx-feed .ln .bl{color:var(--lx-blue);}
#sLanding .ldx-cursor{display:inline-block;width:8px;height:14px;background:var(--lx-green);vertical-align:-2px;animation:lxBlink 1s steps(2) infinite;}
@keyframes lxBlink{50%{opacity:0;}}
#sLanding .ldx-chip{position:absolute;font-family:var(--lx-mono);font-size:11px;font-weight:700;padding:7px 12px;border-radius:10px;background:rgba(10,14,26,.9);border:1px solid var(--lx-line);backdrop-filter:blur(8px);animation:lxFloat 6s ease-in-out infinite;}
#sLanding .ldx-chip.c1{top:2%;left:0;color:var(--lx-green);animation-delay:0s;z-index:4;}
#sLanding .ldx-chip.c2{bottom:8%;right:2%;color:var(--lx-gold);animation-delay:1.6s;z-index:4;}
#sLanding .ldx-chip.c3{top:10%;right:4%;color:var(--lx-blue);animation-delay:3.2s;z-index:4;}
@keyframes lxFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-13px);}}
/* marquee */
#sLanding .ldx-marq{overflow:hidden;border-top:1px solid var(--lx-line);border-bottom:1px solid var(--lx-line);background:#080C15;padding:13px 0;position:relative;z-index:6;}
#sLanding .ldx-marq .track{display:flex;gap:52px;width:max-content;animation:lxMarq 30s linear infinite;}
#sLanding .ldx-marq:hover .track{animation-play-state:paused;}
@keyframes lxMarq{to{transform:translateX(-50%);}}
#sLanding .ldx-marq .it{font-family:var(--lx-mono);font-size:12.5px;font-weight:700;color:var(--lx-mut);white-space:nowrap;}
#sLanding .ldx-marq .it b{color:var(--lx-text);}
#sLanding .ldx-marq .up{color:var(--lx-green);}#sLanding .ldx-marq .dn{color:var(--lx-red);}
/* sections */
#sLanding .ldx-sec{padding:88px 0;position:relative;z-index:1;}
#sLanding .ldx-kick{font-family:var(--lx-mono);font-size:11px;font-weight:700;letter-spacing:3px;color:var(--lx-green);text-transform:uppercase;text-align:center;margin-bottom:12px;}
#sLanding h2.ldx-h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-1.4px;text-align:center;margin:0 0 52px;line-height:1.12;}
/* features */
#sLanding .ldx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
#sLanding .ldx-card{position:relative;background:var(--lx-panel);backdrop-filter:blur(12px);border:1px solid var(--lx-line);border-radius:18px;padding:26px 24px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;}
#sLanding .ldx-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ac,var(--lx-green)),transparent);opacity:0;transition:opacity .3s;}
#sLanding .ldx-card:hover{transform:translateY(-7px);border-color:rgba(0,212,170,.3);box-shadow:0 22px 50px rgba(0,0,0,.45);}
#sLanding .ldx-card:hover::before{opacity:1;}
#sLanding .ldx-card .ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:16px;background:rgba(0,212,170,.1);}
#sLanding .ldx-card h3{font-size:16.5px;font-weight:700;letter-spacing:-.3px;margin:0 0 9px;}
#sLanding .ldx-card p{font-size:13px;line-height:1.68;color:var(--lx-mut);margin:0;}
/* how it works beam */
#sLanding .ldx-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
#sLanding .ldx-flow::before{content:'';position:absolute;top:33px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--lx-green),var(--lx-blue),var(--lx-gold));opacity:.28;}
#sLanding .ldx-flow::after{content:'';position:absolute;top:30px;left:12%;width:8px;height:8px;border-radius:50%;background:var(--lx-green);box-shadow:0 0 14px var(--lx-green);animation:lxBeam 4s ease-in-out infinite;}
@keyframes lxBeam{0%{left:12%;}50%{left:86%;}100%{left:12%;}}
#sLanding .ldx-step{text-align:center;padding:0 12px;}
#sLanding .ldx-step .n{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--lx-mono);font-size:22px;font-weight:700;color:var(--lx-green);background:rgba(0,212,170,.08);border:1px solid rgba(0,212,170,.3);position:relative;z-index:1;box-shadow:0 0 0 8px var(--lx-bg);}
#sLanding .ldx-step h3{font-size:17px;font-weight:700;margin:0 0 9px;letter-spacing:-.3px;}
#sLanding .ldx-step p{font-size:13px;line-height:1.66;color:var(--lx-mut);margin:0;max-width:280px;margin:0 auto;}
/* pricing */
#sLanding .ldx-price{max-width:460px;margin:0 auto;position:relative;border-radius:22px;padding:2px;background:conic-gradient(from var(--a,0deg),var(--lx-green),var(--lx-blue),var(--lx-gold),var(--lx-green));animation:lxSpin 5s linear infinite;}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes lxSpin{to{--a:360deg;}}
#sLanding .ldx-price-in{background:#0A0E1A;border-radius:20px;padding:34px 30px;text-align:center;}
#sLanding .ldx-price-tag{display:inline-block;font-family:var(--lx-mono);font-size:10px;font-weight:700;letter-spacing:2px;padding:6px 16px;border-radius:100px;background:rgba(245,179,1,.12);color:var(--lx-gold);border:1px solid rgba(245,179,1,.3);margin-bottom:16px;}
#sLanding .ldx-price-name{font-size:21px;font-weight:700;margin-bottom:8px;}
#sLanding .ldx-price-row{display:flex;align-items:baseline;justify-content:center;gap:16px;margin:14px 0 6px;}
#sLanding .ldx-price-old{font-family:var(--lx-mono);font-size:26px;font-weight:700;color:var(--lx-dim);position:relative;}
#sLanding .ldx-price-old::after{content:'';position:absolute;left:-4px;right:-4px;top:52%;height:3px;background:var(--lx-red);border-radius:2px;transform:rotate(-8deg);}
#sLanding .ldx-price-new{font-size:52px;font-weight:700;letter-spacing:-2px;color:var(--lx-green);text-shadow:0 0 34px rgba(0,212,170,.45);}
#sLanding .ldx-slots{margin:18px 0 8px;}
#sLanding .ldx-slots .bar{height:9px;border-radius:6px;background:rgba(139,167,199,.13);overflow:hidden;}
#sLanding .ldx-slots .fill{height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,var(--lx-green),var(--lx-blue));transition:width 1.4s cubic-bezier(.2,.8,.2,1);}
#sLanding .ldx-slots .cap{display:flex;justify-content:space-between;font-family:var(--lx-mono);font-size:11px;color:var(--lx-dim);margin-top:7px;}
#sLanding .ldx-slots .cap b{color:var(--lx-green);}
#sLanding .ldx-plist{list-style:none;padding:0;margin:20px 0 6px;text-align:left;}
#sLanding .ldx-plist li{font-size:13.5px;color:var(--lx-text);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:11px;align-items:center;}
#sLanding .ldx-plist li::before{content:'\2713';flex-shrink:0;width:19px;height:19px;border-radius:50%;background:rgba(0,212,170,.13);color:var(--lx-green);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;}
/* final cta */
#sLanding .ldx-final{text-align:center;padding:96px 22px;position:relative;z-index:1;}
#sLanding .ldx-final h2{font-size:clamp(30px,4.6vw,52px);font-weight:700;letter-spacing:-1.8px;margin:0 0 16px;}
#sLanding .ldx-final p{color:var(--lx-mut);font-size:15.5px;margin:0 0 30px;}
/* footer */
#sLanding .ldx-foot{border-top:1px solid var(--lx-line);background:rgba(10,14,26,.6);padding:52px 22px 24px;position:relative;z-index:1;}
#sLanding .ldx-foot-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;max-width:1000px;margin:0 auto 36px;}
#sLanding .ldx-foot .bh{font-size:16px;font-weight:700;}
#sLanding .ldx-foot .bh b{color:var(--lx-green);}
#sLanding .ldx-foot .bd{font-size:12.5px;color:var(--lx-dim);line-height:1.65;margin-top:9px;max-width:260px;}
#sLanding .ldx-foot .fh{font-family:var(--lx-mono);font-size:10px;font-weight:700;letter-spacing:2px;color:var(--lx-dim);text-transform:uppercase;margin-bottom:13px;}
#sLanding .ldx-foot a{display:block;font-size:13px;color:var(--lx-mut);text-decoration:none;margin-bottom:9px;transition:color .2s,transform .2s;}
#sLanding .ldx-foot a:hover{color:var(--lx-green);transform:translateX(3px);}
#sLanding .ldx-foot-b{text-align:center;font-size:11.5px;color:var(--lx-dim);padding-top:22px;border-top:1px solid var(--lx-line);max-width:1000px;margin:0 auto;}
/* reveal on scroll */
#sLanding .lxr{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);}
#sLanding .lxr.in{opacity:1;transform:none;}
#sLanding .lxr.d1{transition-delay:.08s;}#sLanding .lxr.d2{transition-delay:.16s;}
#sLanding .lxr.d3{transition-delay:.24s;}#sLanding .lxr.d4{transition-delay:.32s;}
#sLanding .lxr.d5{transition-delay:.4s;}
/* responsive */
@media(max-width:1024px){
  #sLanding .ldx-hero{grid-template-columns:1fr;gap:52px;padding:52px 0 50px;}
  #sLanding .ldx-vis{min-height:400px;}
  #sLanding .ldx-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){
  #sLanding .ldx-links{display:none;}
  #sLanding .ldx-nav{padding:10px 12px;gap:8px;}
  #sLanding .ldx-logo{gap:7px;font-size:14px;margin-right:auto;}
  #sLanding .ldx-logo img{width:30px;height:30px;}
  #sLanding .ldx-btn{padding:9px 13px;font-size:12px;border-radius:10px;}
  #sLanding .ldx-grid{grid-template-columns:1fr;}
  #sLanding .ldx-flow{grid-template-columns:1fr;gap:36px;}
  #sLanding .ldx-flow::before,#sLanding .ldx-flow::after{display:none;}
  #sLanding .ldx-stats{flex-wrap:wrap;}
  #sLanding .ldx-stat{flex:1 1 40%;margin-bottom:14px;}
  #sLanding .ldx-foot-g{grid-template-columns:1fr 1fr;}
  #sLanding .ldx-radar{width:380px;height:380px;}
  #sLanding .ldx-chip.c1{left:0;}#sLanding .ldx-chip.c2{right:0;}
}
@media(prefers-reduced-motion:reduce){
  #sLanding *,#sLanding *::before,#sLanding *::after{animation:none!important;transition:none!important;}
  #sLanding .lxr{opacity:1;transform:none;}
}

/* ══════════════════════════════════════════════════════════════════
   DESKTOP POLISH: consistent page layout across the whole app
   ══════════════════════════════════════════════════════════════════ */
@media(min-width:1000px){
  /* content pages: same centered width everywhere (like landing) */
  #page-alerts.on,#page-notifications.on,#page-news.on,#page-strategy.on,#page-profile.on{
    max-width:980px;margin:0 auto;
  }
  #page-admin.on{max-width:1100px;margin:0 auto;}

  /* alerts: cards in a clean 2 column grid on wide screens */
  #allAlerts{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
  #allAlerts .loading,#allAlerts .empty,#allAlerts .cc-empty{grid-column:1/-1;}

  /* ── Position Calculator: pro desktop layout ── */
  #page-calculator .pc-header,#page-calculator .pc-symbar{
    padding-left:max(14px,calc((100% - 1120px)/2));
    padding-right:max(14px,calc((100% - 1120px)/2));
  }
  #page-calculator .pc-chart-wrap{max-width:1120px;margin:0 auto;}
  #pcChart{height:400px;}
  .pc-calc{max-width:1148px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;padding:18px 14px;}
  .pc-calc .pc-section{margin-bottom:0;height:100%;}
  .pc-results,.pc-rr-section{grid-column:1/-1;}
  .pc-result-grid{grid-template-columns:repeat(4,1fr);}
  .pc-calc>.btn{grid-column:1/-1;max-width:440px;width:100%;margin:4px auto 0;}
  .pc-footer-note{grid-column:1/-1;text-align:center;}
}

/* ═══ DEPTH LADDER (aggregator) ═══ */
.rd-chart-tall .rlq-scroll{min-height:660px;}
.dla-panel{grid-column:span 12;display:flex;flex-direction:column;min-height:0;}
.dla-ctrls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.dla-pairlbl{font-family:var(--mono,monospace);font-size:11px;font-weight:800;color:var(--text);letter-spacing:.5px;}
.dla-px{font-family:var(--mono,monospace);font-size:12px;font-weight:800;}
.dla-px.up{color:var(--green);}.dla-px.dn{color:var(--red);}
.dla-chg{font-family:var(--mono,monospace);font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:5px;}
.dla-chg.up{background:rgba(22,199,132,.14);color:var(--green);}
.dla-chg.dn{background:rgba(255,71,87,.14);color:var(--red);}
.dla-search{position:relative;}
.dla-search input{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--mono,monospace);
  font-size:10.5px;padding:5px 8px;border-radius:6px;width:96px;outline:none;text-transform:uppercase;transition:width .2s ease;}
.dla-search input:focus{border-color:var(--gold);width:126px;}
.dla-drop{position:absolute;top:30px;left:0;min-width:120px;background:var(--bg2);border:1px solid var(--border);
  border-radius:7px;overflow:hidden;z-index:40;display:none;box-shadow:0 12px 30px rgba(0,0,0,.6);max-height:220px;overflow-y:auto;}
.dla-drop.open{display:block;}
.dla-drop div{padding:6px 9px;font-family:var(--mono,monospace);font-size:10.5px;cursor:pointer;color:var(--text3);}
.dla-drop div:hover,.dla-drop div.hi{background:rgba(245,179,1,.12);color:var(--text);}
.dla-grp{display:flex;align-items:center;gap:5px;font-family:var(--mono,monospace);font-size:9.5px;color:var(--text3);font-weight:700;}
.dla-grp b{color:var(--text);}
.dla-step{display:flex;gap:2px;}
.dla-step span{background:var(--bg3);border:1px solid var(--border);color:var(--text3);width:19px;height:19px;
  border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;user-select:none;}
.dla-step span:hover{color:var(--text);border-color:var(--gold);}
.dla-heads{display:grid;grid-template-columns:96px 170px 1fr;padding:6px 10px;background:var(--bg3);
  border-radius:7px 7px 0 0;font-family:var(--mono,monospace);font-size:8.5px;color:var(--text3);letter-spacing:1px;font-weight:800;}
.dla-heads .r{text-align:right;}
.dla-ladder{position:relative;height:520px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border);
  border-top:none;border-radius:0 0 7px 7px;background:var(--bg2);scrollbar-width:thin;}
.dla-ladder::-webkit-scrollbar{width:8px;}
.dla-ladder::-webkit-scrollbar-track{background:var(--bg3);}
.dla-ladder::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:4px;}
.dla-ladder::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);}
.dla-row{position:relative;display:grid;grid-template-columns:96px 170px 1fr;align-items:center;height:20px;
  font-family:var(--mono,monospace);font-size:10.5px;}
.dla-row .p{text-align:left;padding-left:10px;font-weight:800;white-space:nowrap;}
.dla-row.ask .p{color:var(--red);}
.dla-row.bid .p{color:var(--green);}
.dla-row .s{text-align:left;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dla-row .s u{text-decoration:none;color:var(--text3);font-size:9px;margin-left:5px;}
.dla-row.wall .s{color:var(--gold);font-weight:800;}
.dla-row .track{position:relative;height:14px;margin-right:8px;border-radius:2px;overflow:hidden;}
.dla-row .fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:2px;
  transition:width .3s cubic-bezier(.4,0,.2,1),background .3s ease;}
.dla-row.ask .fill{background:rgba(255,71,87,.30);}
.dla-row.bid .fill{background:rgba(22,199,132,.30);}
.dla-row.ask.hot .fill{background:rgba(255,71,87,.55);}
.dla-row.bid.hot .fill{background:rgba(22,199,132,.55);}
.dla-row.flash .fill{background:rgba(255,255,255,.75)!important;transition:none;}
.dla-mid{position:sticky;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;
  padding:6px 10px;background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);z-index:10;}
.dla-mid .ln{height:1px;background:linear-gradient(90deg,transparent,var(--border));}
.dla-mid .ln.r{background:linear-gradient(90deg,var(--border),transparent);}
.dla-mid .v{font-family:var(--mono,monospace);font-size:11.5px;font-weight:800;}
.dla-mid .sp{font-family:var(--mono,monospace);font-size:8.5px;color:var(--text3);margin-left:6px;}
.dla-mid .jump{font-family:var(--mono,monospace);font-size:8px;color:var(--gold);cursor:pointer;margin-left:8px;
  border:1px solid rgba(245,179,1,.3);padding:2px 5px;border-radius:4px;}
.dla-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;
  font-family:var(--mono,monospace);font-size:9.5px;color:var(--text3);font-weight:700;flex-wrap:wrap;}
.dla-foot b{color:var(--text);}
.dla-imb{display:flex;flex:1;max-width:220px;height:7px;border-radius:4px;overflow:hidden;}
.dla-imb i{display:block;height:100%;}
.dla-imb i.b{background:var(--green);}
.dla-imb i.a{background:var(--red);}
.dla-range b{color:var(--gold);}
@media(max-width:768px){
  .rd-chart-tall .rlq-scroll{min-height:420px;}
  .dla-heads,.dla-row{grid-template-columns:80px 132px 1fr;}
  .dla-row{font-size:9.5px;}
  .dla-row .s u{font-size:8px;}
  .dla-ladder{height:400px;}
}

/* ladder + whales side by side */
.dla-panel{grid-column:span 6;}
.rd-whale{grid-column:span 6;display:flex;flex-direction:column;min-height:0;}
.rd-whale #rdWhales{overflow-y:auto;max-height:520px;}
@media(max-width:980px){
  .dla-panel,.rd-whale{grid-column:1/-1;}
  .rd-whale #rdWhales{max-height:400px;}
}

/* ═══ TRADE BUBBLE CHART ═══ */
.tbc-panel{grid-column:1/-1;display:flex;flex-direction:column;min-height:0;}
.tbc-ctrls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.tbc-pair{font-family:var(--mono,monospace);font-size:11px;font-weight:800;letter-spacing:.5px;}
.tbc-px{font-family:var(--mono,monospace);font-size:11px;font-weight:800;color:var(--green);}
.tbc-filter{display:flex;align-items:center;gap:4px;}
.tbc-flbl{font-family:var(--mono,monospace);font-size:8.5px;color:var(--text3);letter-spacing:1px;font-weight:800;}
.tbc-filter select{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--mono,monospace);
  font-size:10px;padding:3px 6px;border-radius:5px;cursor:pointer;}
.tbc-legend{display:flex;align-items:center;gap:8px;font-family:var(--mono,monospace);font-size:9px;color:var(--text3);}
.tbc-buy,.tbc-sell{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:2px;}
.tbc-buy{background:#00D8FF;box-shadow:0 0 7px rgba(0,216,255,.6);}
.tbc-sell{background:#FF9F0A;box-shadow:0 0 7px rgba(255,159,10,.6);}
.tbc-stat{font-family:var(--mono,monospace);font-size:9px;color:var(--text3);margin-left:auto;}
.tbc-wrap{position:relative;height:480px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg2);}
.tbc-chart{width:100%;height:100%;}
.tbc-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;}
@media(max-width:768px){.tbc-wrap{height:340px;}}

/* ═══ mobile/responsive corrections ═══ */
/* TF segments: never overflow the panel — scroll within themselves */
.rlq-ctrls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;}
.rlq-seg{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;}
.rlq-seg::-webkit-scrollbar{display:none;}
.rlq-seg span{flex-shrink:0;}
.cc-ph{flex-wrap:wrap;gap:8px;}
.tbc-ctrls{max-width:100%;}
.tbc-ctrls .rlq-seg{order:3;width:100%;}
@media(min-width:769px){.tbc-ctrls .rlq-seg{order:0;width:auto;}}

/* ═══ MARKETS — seamless modern dashboard ═══ */
.mkx-wrap{max-width:1160px;margin:0 auto;padding:26px 22px 60px;}
.mkx-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding-bottom:22px;border-bottom:1px solid var(--border);}
.mkx-title{font-size:30px;font-weight:800;letter-spacing:-.5px;
  background:linear-gradient(120deg,var(--text) 30%,var(--green) 90%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.mkx-sub{font-size:11px;color:var(--text3);margin-top:4px;letter-spacing:.6px;}
.mkx-hero-stats{display:flex;gap:26px;flex-wrap:wrap;}
.mkx-hstat .k{display:block;font-family:var(--mono,monospace);font-size:8.5px;letter-spacing:1.4px;color:var(--text3);font-weight:800;}
.mkx-hstat b{font-family:var(--mono,monospace);font-size:19px;font-weight:800;color:var(--text);}
.mkx-sec{padding:26px 0 4px;}
.mkx-kick{display:flex;align-items:center;gap:9px;font-family:var(--mono,monospace);font-size:10.5px;
  font-weight:800;letter-spacing:1.6px;color:var(--text2);margin-bottom:14px;}
.mkx-kick i{width:8px;height:8px;border-radius:2px;flex-shrink:0;}
.mkx-kick i.up{background:var(--green);box-shadow:0 0 8px rgba(22,199,132,.6);}
.mkx-kick i.dn{background:var(--red);box-shadow:0 0 8px rgba(255,71,87,.6);}
.mkx-kick i.au{background:var(--gold);box-shadow:0 0 8px rgba(245,179,1,.6);}
.mkx-kick i.al{background:var(--blue,#4F8EF7);box-shadow:0 0 8px rgba(79,142,247,.6);}
.mkx-24h{font-size:8.5px;color:var(--text3);letter-spacing:1px;background:var(--bg3);padding:3px 8px;border-radius:10px;}
/* horizontal snap cards */

/* seamless table */
.mkx-thead{display:grid;grid-template-columns:1.4fr 1fr .8fr .9fr 1fr 62px;padding:8px 12px;
  font-family:var(--mono,monospace);font-size:8.5px;letter-spacing:1.3px;color:var(--text3);font-weight:800;
  border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5;}
.mkx-thead .n{text-align:right;}
.mkx-row{display:grid;grid-template-columns:1.4fr 1fr .8fr .9fr 1fr 62px;align-items:center;
  padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.045);cursor:pointer;transition:background .16s ease;}
.mkx-row:hover{background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 80%);}
.mkx-row .coin{font-family:var(--mono,monospace);font-size:12.5px;font-weight:800;display:flex;align-items:center;gap:9px;}
.mkx-row .coin .dot{width:26px;height:26px;border-radius:9px;background:var(--bg3);display:flex;align-items:center;
  justify-content:center;font-size:9px;font-weight:800;color:var(--text2);border:1px solid var(--border);flex-shrink:0;}
.mkx-row .n{text-align:right;font-family:var(--mono,monospace);font-size:11.5px;font-variant-numeric:tabular-nums;}
.mkx-row .chg{font-weight:800;}
.mkx-row .chg.up{color:var(--green);}
.mkx-row .chg.dn{color:var(--red);}
.mkx-row .act{text-align:right;}
.mkx-row .go{font-family:var(--mono,monospace);font-size:9px;letter-spacing:.8px;color:var(--text3);
  border:1px solid var(--border);padding:4px 9px;border-radius:6px;transition:all .15s ease;}
.mkx-row:hover .go{color:var(--green);border-color:rgba(22,199,132,.5);}
@media(max-width:1000px){}
@media(max-width:768px){
  .mkx-wrap{padding:18px 12px 50px;}
  .mkx-title{font-size:24px;}
  .mkx-hero-stats{gap:16px;}
  .mkx-hstat b{font-size:15px;}
  .mkx-thead,.mkx-row{grid-template-columns:1.3fr 1fr .8fr 54px;}
  .h-m{display:none!important;}
  
  
  
  
}
@media(max-width:380px){}
.mkx-search{margin-left:auto;background:linear-gradient(120deg,rgba(79,142,247,.14),rgba(79,142,247,.05));
  border:1px solid rgba(79,142,247,.4);color:var(--text);font-family:var(--mono,monospace);font-size:12.5px;
  padding:11px 16px;border-radius:11px;width:260px;outline:none;letter-spacing:.5px;
  transition:width .2s ease,border-color .2s ease,box-shadow .2s ease;}
.mkx-search::placeholder{color:rgba(154,167,181,.8);}
.mkx-search:focus{border-color:var(--blue,#4F8EF7);width:320px;box-shadow:0 0 0 4px rgba(79,142,247,.12);}
@media(max-width:768px){
  .mkx-search{width:100%;margin-left:0;margin-top:8px;font-size:12px;padding:10px 13px;}
  .mkx-search:focus{width:100%;}
  .mkx-kick{flex-wrap:wrap;}
}

/* ═══ ADVANCED CHART ═══ */
#page-charts.page.on{height:100%;padding:0;}
.cht-shell{display:flex;flex-direction:column;height:100%;min-height:0;}
.cht-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);
  flex-wrap:wrap;position:relative;z-index:20;background:var(--bg);}
.cht-pair-in{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--mono,monospace);
  font-weight:800;font-size:12.5px;padding:7px 10px;border-radius:7px;width:90px;outline:none;text-transform:uppercase;}
.cht-pair-in:focus{border-color:var(--green);}
.cht-px{font-family:var(--mono,monospace);font-weight:800;font-size:13px;}
.cht-chg{font-family:var(--mono,monospace);font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:6px;}
.cht-chg.up{background:rgba(22,199,132,.14);color:var(--green);}
.cht-chg.dn{background:rgba(255,71,87,.14);color:var(--red);}
.cht-tfseg{display:flex;gap:2px;background:var(--bg3);border-radius:8px;padding:2px;}
.cht-tfseg span{font-family:var(--mono,monospace);font-size:10.5px;font-weight:700;color:var(--text3);
  padding:6px 9px;border-radius:6px;cursor:pointer;}
.cht-tfseg span.on{background:var(--green);color:#04140F;}
.cht-indbtn{margin-left:auto;font-family:var(--mono,monospace);font-size:11px;font-weight:700;color:var(--text2);
  background:var(--bg3);border:1px solid var(--border);padding:7px 12px;border-radius:7px;cursor:pointer;}
.cht-indbtn:hover{border-color:var(--green);}
#chtIndCount{color:var(--green);}
.cht-indpanel{display:none;position:absolute;top:52px;right:14px;background:var(--bg2);border:1px solid var(--border);
  border-radius:10px;padding:10px;width:250px;box-shadow:0 20px 50px -12px rgba(0,0,0,.7);z-index:30;}
.cht-indpanel.open{display:block;}
.cht-indrow{display:flex;align-items:center;justify-content:space-between;padding:7px 4px;font-size:12px;}
.cht-indrow label{display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--text2);}
.cht-indrow .dot{width:8px;height:8px;border-radius:50%;}
.cht-indnum{width:44px;background:var(--bg3);border:1px solid var(--border);color:var(--text);
  font-family:var(--mono,monospace);font-size:10.5px;padding:3px 5px;border-radius:5px;text-align:center;}
.cht-body{display:flex;flex:1;min-height:0;}
.cht-tools{display:flex;flex-direction:column;gap:3px;padding:10px 7px;border-right:1px solid var(--border);
  background:var(--bg2);flex-shrink:0;}
.cht-tool{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;
  cursor:pointer;color:var(--text3);transition:all .15s ease;}
.cht-tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.cht-tool:hover{background:var(--bg3);color:var(--text);}
.cht-tool.on{background:rgba(22,199,132,.16);color:var(--green);}
.cht-tool-sep{height:1px;background:var(--border);margin:4px 2px;}
.cht-stack{flex:1;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:6px;}
.cht-grid{flex:1;display:grid;gap:6px;min-width:0;min-height:0;width:100%;}
.cht-grid.l1{grid-template-columns:1fr;grid-template-rows:1fr;}
.cht-grid.l2{grid-template-columns:1fr 1fr;grid-template-rows:1fr;}
.cht-grid.l4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;}
.cht-cell{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;
  border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#0E1116;transition:border-color .15s;}
.cht-cell.active{border-color:var(--green);box-shadow:0 0 0 1px rgba(22,199,132,.35);}
.cht-cell-lbl{position:absolute;top:6px;left:8px;z-index:6;font-family:var(--mono,monospace);font-size:9.5px;
  font-weight:800;letter-spacing:.5px;color:var(--text2);background:rgba(10,14,20,.72);padding:3px 8px;
  border-radius:6px;pointer-events:none;}
.cht-cell.active .cht-cell-lbl{color:var(--green);}
.cht-cell-chart{flex:1;min-width:0;min-height:0;width:100%;}
/* layout toggle */
.cht-layoutseg{display:flex;gap:2px;background:var(--bg3);border-radius:8px;padding:2px;}
.cht-layoutseg span{display:flex;align-items:center;justify-content:center;width:28px;height:26px;border-radius:6px;cursor:pointer;color:var(--text3);}
.cht-layoutseg span svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;}
.cht-layoutseg span.on{background:var(--green);color:#04140F;}
.cht-main{position:relative;flex:1;min-height:0;z-index:0;}
#chtMain{width:100%;height:100%;position:relative;z-index:1;}
.cht-overlay{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;z-index:8;pointer-events:auto;}
.cht-sub{position:relative;height:120px;border-top:1px solid var(--border);flex-shrink:0;}
.cht-sublbl{position:absolute;top:6px;left:10px;z-index:5;font-family:var(--mono,monospace);font-size:9px;
  color:var(--text3);letter-spacing:1px;font-weight:800;pointer-events:none;}
#chtRsi,#chtMacd{width:100%;height:100%;}
.cht-hint{position:absolute;bottom:10px;left:12px;font-family:var(--mono,monospace);font-size:9.5px;
  color:var(--text3);background:rgba(10,14,20,.7);padding:4px 9px;border-radius:6px;pointer-events:none;display:none;}
.cht-hint.show{display:block;}
@media(max-width:768px){
  .cht-tools{padding:8px 4px;gap:2px;}
  .cht-tool{width:30px;height:30px;}
  .cht-tool svg{width:15px;height:15px;}
  .cht-pair-in{width:64px;font-size:11.5px;}
  .cht-indpanel{width:210px;right:6px;}
  .cht-top{gap:6px;padding:8px 10px;}
  .cht-tfseg span{padding:6px 7px;}
  .cht-layoutseg span{width:26px;height:24px;}
  /* multi-chart stacks into one scrollable column on small screens */
  .cht-stack{overflow-y:auto;}
  .cht-grid.l2,.cht-grid.l4{grid-template-columns:1fr;grid-auto-rows:300px;grid-template-rows:none;}
  .cht-grid.l1{grid-auto-rows:1fr;}
}

/* indicator panel close header */
.cht-indpanel-hd{display:flex;align-items:center;justify-content:space-between;
  padding:2px 4px 10px;margin-bottom:8px;border-bottom:1px solid var(--border);
  font-family:var(--mono,monospace);font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--text2);}
.cht-indclose{width:20px;height:20px;display:flex;align-items:center;justify-content:center;
  border-radius:6px;cursor:pointer;color:var(--text3);font-size:12px;line-height:1;}
.cht-indclose:hover{background:var(--bg3);color:var(--red);}

/* drawing tool customize panel (color + width) */
.cht-style{display:flex;flex-direction:column;gap:6px;padding:4px 2px;}
.cht-swrow{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;}
.cht-sw{width:14px;height:14px;border-radius:4px;cursor:pointer;border:2px solid transparent;}
.cht-sw.on{border-color:var(--text);}
.cht-wrow{display:flex;gap:3px;}
.cht-w{flex:1;text-align:center;font-family:var(--mono,monospace);font-size:9.5px;font-weight:800;
  color:var(--text3);background:var(--bg3);border-radius:5px;padding:3px 0;cursor:pointer;}
.cht-w.on{background:rgba(22,199,132,.18);color:var(--green);}
@media(max-width:768px){.cht-swrow{grid-template-columns:repeat(3,1fr);}}

/* ═══ ADMIN — Custom Indicators ═══ */
.ind-code{font-family:var(--mono,monospace);font-size:11.5px;line-height:1.55;white-space:pre;
  resize:vertical;min-height:220px;tab-size:2;}
.ind-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid var(--border);}
.ind-row:last-child{border-bottom:none;}
.ind-row .info{flex:1;min-width:0;}
.ind-row .nm{font-size:13px;font-weight:700;color:var(--text);}
.ind-row .ds{font-size:11px;color:var(--text3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ind-row .badge{font-family:var(--mono,monospace);font-size:9px;font-weight:800;letter-spacing:.6px;
  padding:3px 8px;border-radius:6px;background:rgba(22,199,132,.12);color:var(--green);flex-shrink:0;}
.ind-row .acts{display:flex;gap:6px;flex-shrink:0;}
.ind-row .acts button{font-size:10.5px;padding:6px 10px;}
.ind-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;
  display:flex;align-items:center;justify-content:center;padding:20px;}
.ind-modal{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px;
  width:100%;max-width:420px;max-height:80vh;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);}
.ind-user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 6px;
  border-bottom:1px solid var(--border);font-size:12.5px;}
.ind-user-row:last-child{border-bottom:none;}
.ind-user-row .em{color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ind-switch{width:38px;height:22px;border-radius:11px;background:var(--bg3);border:1px solid var(--border);
  position:relative;cursor:pointer;flex-shrink:0;transition:background .15s ease;}
.ind-switch.on{background:var(--green);border-color:var(--green);}
.ind-switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
  background:#fff;transition:transform .15s ease;}
.ind-switch.on i{transform:translateX(16px);}

/* ═══ ADS ═══ */
.ad-slot-mount:empty{display:none;}
.ad-sponsored-tag{font-family:var(--mono,monospace);font-size:8.5px;color:var(--text3);
  letter-spacing:1.2px;font-weight:800;margin-bottom:6px;}
.ad-banner-box{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,var(--bg2),var(--bg3));
  border-radius:12px;padding:14px 16px;border:1px solid var(--border);max-width:100%;}
.ad-banner-box img{width:60px;height:60px;border-radius:9px;object-fit:cover;flex-shrink:0;background:var(--bg3);}
.ad-banner-box .txt{min-width:0;}
.ad-banner-box .txt b{display:block;font-size:13.5px;color:var(--text);}
.ad-banner-box .cta{margin-left:auto;flex-shrink:0;font-family:var(--mono,monospace);font-size:10.5px;
  font-weight:800;background:var(--gold);color:#221900;padding:8px 16px;border-radius:8px;white-space:nowrap;}
.ad-native-box{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--bg2);
  border-radius:10px;border:1px solid var(--border);}
.ad-native-box img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--bg3);}
.ad-native-box b{font-size:12.5px;display:block;}
.ad-sidebar-box{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:10px;
  text-align:center;margin:6px 10px;}
.ad-sidebar-box img{width:100%;max-height:80px;object-fit:cover;border-radius:6px;margin-bottom:6px;}
.ad-sidebar-box .nm{font-size:10.5px;font-weight:700;color:var(--text2);}
.ad-code-frame{width:100%;border:none;border-radius:10px;overflow:hidden;display:block;}

/* ═══ ADMIN — next-level tabbed shell ═══ */
#page-admin{max-width:1060px;margin:0 auto;}
.adm-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:22px 4px 18px;}
.adm-title{font-size:27px;font-weight:800;letter-spacing:-.5px;}
.adm-title span{background:linear-gradient(120deg,var(--green),var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.adm-sub{font-size:11.5px;color:var(--text3);margin-top:4px;letter-spacing:.4px;}
.adm-hero-chip{font-family:var(--mono,monospace);font-size:9px;font-weight:800;letter-spacing:1.6px;
  color:var(--text3);border:1px solid var(--border);padding:7px 13px;border-radius:20px;
  background:linear-gradient(120deg,rgba(22,199,132,.06),transparent);}
.adm-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none;
  position:sticky;top:0;z-index:20;background:linear-gradient(var(--bg) 82%,transparent);}
.adm-tabs::-webkit-scrollbar{display:none;}
.adm-tabs span{flex-shrink:0;font-family:var(--mono,monospace);font-size:11px;font-weight:800;
  letter-spacing:.4px;color:var(--text3);padding:9px 15px;border-radius:10px;cursor:pointer;
  border:1px solid var(--border);background:var(--bg2);transition:all .18s ease;white-space:nowrap;}
.adm-tabs span:hover{color:var(--text);border-color:rgba(255,255,255,.2);transform:translateY(-1px);}
.adm-tabs span.on{background:linear-gradient(120deg,rgba(22,199,132,.18),rgba(22,199,132,.08));
  color:var(--green);border-color:rgba(22,199,132,.45);box-shadow:0 6px 18px -8px rgba(22,199,132,.4);}
.adm-panel{display:none;animation:admIn .25s ease;}
.adm-panel.on{display:block;}
@keyframes admIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
/* upgrade cards inside admin */
#page-admin .card{background:linear-gradient(165deg,var(--bg2),var(--bg3));
  border:1px solid var(--border);border-radius:16px;padding:20px;position:relative;overflow:hidden;}
#page-admin .card::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(400px 120px at 12% 0%,rgba(22,199,132,.05),transparent 70%);}
#page-admin .card .sec-title{font-size:16px;}
@media(max-width:768px){
  .adm-title{font-size:22px;}
  .adm-hero-chip{display:none;}
  #page-admin .card{padding:14px;border-radius:13px;}
  .adm-tabs span{padding:8px 12px;font-size:10px;}
}

/* ═══ SOCIAL ═══ */
.soc-wrap{max-width:640px;margin:0 auto;padding:16px 12px 60px;}
.soc-tabs{display:flex;gap:6px;position:sticky;top:0;z-index:20;padding:6px 0 12px;
  background:linear-gradient(var(--bg) 80%,transparent);}
.soc-tabs span{flex:1;text-align:center;font-family:var(--mono,monospace);font-size:11.5px;font-weight:800;
  color:var(--text3);padding:10px;border-radius:10px;cursor:pointer;border:1px solid var(--border);
  background:var(--bg2);transition:all .18s ease;position:relative;}
.soc-tabs span.on{background:linear-gradient(120deg,rgba(22,199,132,.18),rgba(22,199,132,.06));
  color:var(--green);border-color:rgba(22,199,132,.45);}
.soc-badge{background:var(--red);color:#fff;font-size:9px;border-radius:9px;padding:1px 5px;margin-left:4px;display:none;}
.soc-badge.on{display:inline;}
.soc-panel{display:none;}
.soc-panel.on{display:block;}
.soc-sortrow{display:flex;margin-bottom:12px;}
.soc-sort{display:flex;gap:2px;background:var(--bg2);border-radius:9px;padding:3px;margin-left:auto;border:1px solid var(--border);}
.soc-sort span{font-family:var(--mono,monospace);font-size:10px;font-weight:700;color:var(--text3);
  padding:6px 11px;border-radius:6px;cursor:pointer;}
.soc-sort span.on{background:var(--green);color:#04140F;}

/* composer */
.soc-comp{background:linear-gradient(165deg,var(--bg2),var(--bg3));border:1px solid var(--border);
  border-radius:16px;padding:14px;margin-bottom:16px;}
.soc-comp textarea{width:100%;background:transparent;border:none;color:var(--text);font-family:inherit;
  font-size:14px;resize:vertical;min-height:70px;outline:none;line-height:1.55;}
.soc-comp textarea::placeholder{color:var(--text3);}
.soc-comp-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border);}
.soc-tbtn{font-size:11px;font-family:var(--mono,monospace);font-weight:700;color:var(--text3);
  background:var(--bg3);border:1px solid var(--border);padding:7px 11px;border-radius:8px;cursor:pointer;}
.soc-tbtn:hover{color:var(--text);border-color:rgba(255,255,255,.2);}
.soc-tbtn.on{color:var(--green);border-color:rgba(22,199,132,.5);background:rgba(22,199,132,.1);}
.soc-post-btn{margin-left:auto;font-family:var(--mono,monospace);font-size:11.5px;font-weight:800;
  background:var(--green);color:#04140F;padding:9px 20px;border-radius:9px;cursor:pointer;border:none;}
.soc-post-btn:disabled{opacity:.4;cursor:not-allowed;}
.soc-prev{position:relative;margin-top:10px;border-radius:11px;overflow:hidden;border:1px solid var(--border);}
.soc-prev img,.soc-prev video{width:100%;display:block;max-height:320px;object-fit:cover;background:#000;}
.soc-prev .x{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;
  background:rgba(0,0,0,.75);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;}
.soc-poll-edit{margin-top:10px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:11px;}
.soc-poll-edit input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);
  border-radius:8px;padding:8px 10px;font-size:12.5px;margin-bottom:6px;outline:none;}
.soc-sched{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text3);}
.soc-sched input{background:var(--bg3);border:1px solid var(--border);color:var(--text);
  border-radius:8px;padding:6px 9px;font-size:11.5px;font-family:var(--mono,monospace);outline:none;}

/* post card */
.soc-post{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:15px;margin-bottom:13px;}
.soc-post.pinned{border-color:rgba(245,179,1,.4);background:linear-gradient(165deg,rgba(245,179,1,.04),var(--bg2));}
.soc-post.draft{border-style:dashed;opacity:.85;}
.soc-flag{display:flex;align-items:center;gap:6px;font-family:var(--mono,monospace);font-size:9px;
  font-weight:800;letter-spacing:.8px;margin-bottom:9px;}
.soc-flag.pin{color:var(--gold);}
.soc-flag.sched{color:var(--blue,#4F8EF7);}
.soc-head{display:flex;align-items:center;gap:10px;}
.soc-av{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--green),#0a3d2a);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0;color:#04140F;}
.soc-head b{font-size:13.5px;}
.soc-head .vf{color:var(--green);font-size:11px;margin-left:2px;}
.soc-head .tm{display:block;font-size:11px;color:var(--text3);}
.soc-admacts{margin-left:auto;display:flex;gap:4px;}
.soc-admacts span{font-size:11px;color:var(--text3);cursor:pointer;padding:4px 7px;border-radius:6px;}
.soc-admacts span:hover{background:var(--bg3);color:var(--text);}
.soc-txt{margin:11px 0;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;}
.soc-media{border-radius:12px;overflow:hidden;margin:10px 0;border:1px solid var(--border);}
.soc-media img,.soc-media video{width:100%;display:block;background:#000;}
/* poll */
.soc-poll{margin:10px 0;display:flex;flex-direction:column;gap:7px;}
.soc-opt{position:relative;border:1px solid var(--border);border-radius:10px;padding:10px 12px;
  cursor:pointer;overflow:hidden;transition:border-color .15s ease;}
.soc-opt:hover{border-color:rgba(22,199,132,.5);}
.soc-opt .bar{position:absolute;left:0;top:0;bottom:0;background:rgba(22,199,132,.16);
  width:0;transition:width .5s cubic-bezier(.22,1,.36,1);}
.soc-opt.voted .bar{background:rgba(22,199,132,.28);}
.soc-opt .lbl{position:relative;display:flex;justify-content:space-between;font-size:12.5px;}
.soc-opt .lbl b{font-family:var(--mono,monospace);font-size:11.5px;color:var(--text2);}
.soc-opt.voted .lbl{color:var(--green);font-weight:700;}
.soc-polltot{font-family:var(--mono,monospace);font-size:10px;color:var(--text3);margin-top:2px;}
/* actions */
.soc-acts{display:flex;align-items:center;gap:22px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border);}
.soc-act{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text3);cursor:pointer;user-select:none;}
.soc-act svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
.soc-act:hover{color:var(--text);}
.soc-act.liked{color:var(--red);}
.soc-act.liked svg{fill:var(--red);stroke:var(--red);}
.soc-cmts{margin-top:11px;padding-top:11px;border-top:1px solid var(--border);display:none;}
.soc-cmts.open{display:block;}
.soc-nocmt{font-size:12px;color:var(--text3);padding:6px 2px 10px;}
/* Twitter-style: avatar, then name · @handle · time, then the reply text */
.soc-pfp{border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border);}
.soc-pfp.ini{display:flex;align-items:center;justify-content:center;background:var(--gold-bg,rgba(245,179,1,.14));
  color:var(--gold);font-weight:800;}
.soc-cmt{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.soc-cmt:last-of-type{border-bottom:none;}
.soc-cmt .body{flex:1;min-width:0;}
.soc-cmt .who{display:flex;align-items:center;gap:5px;flex-wrap:wrap;line-height:1.2;}
.soc-cmt .who b{font-size:12.5px;font-weight:800;color:var(--text);}
.soc-cmt .who .un{font-size:11.5px;color:var(--text3);}
.soc-cmt .who .dot{color:var(--text3);font-size:11px;}
.soc-cmt .who .tm{font-size:11.5px;color:var(--text3);}
.soc-cmt .txt{font-size:13px;line-height:1.5;color:var(--text);margin-top:2px;word-break:break-word;}
.soc-cmtin{display:flex;gap:9px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}
.soc-cmtin input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:20px;
  padding:9px 14px;color:var(--text);font-size:13px;outline:none;min-width:0;}
.soc-cmtin input:focus{border-color:var(--green);}
.soc-cmtin button{font-size:12px;font-weight:800;background:var(--green);color:#04140F;
  border-radius:20px;padding:8px 16px;border:none;cursor:pointer;flex-shrink:0;}
.soc-cmtin button:hover{filter:brightness(1.08);}
@media(max-width:768px){
  .soc-wrap{padding:12px 10px 50px;}
  .soc-post{padding:13px;border-radius:13px;}
  .soc-txt{font-size:13.5px;}
}

/* chart: explain an empty chart instead of showing nothing */
.cht-msg{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:24px;background:rgba(14,17,22,.82);font-family:var(--mono,monospace);
  font-size:12px;color:var(--gold);pointer-events:none;}

/* markets polish */

.mkx-sec{padding:22px 0 2px;}
.mkx-kick{margin-bottom:12px;}

/* ═══ FEAR & GREED gauge ═══ */
.fng-card{display:flex;flex-direction:column;}
.fng-arrow{color:var(--text3);font-weight:400;}
.fng-gauge{position:relative;margin-top:6px;}
.fng-svg{width:100%;max-width:190px;display:block;margin:0 auto;overflow:visible;}
.fng-track{fill:none;stroke:rgba(255,255,255,.07);stroke-width:13;stroke-linecap:round;}
.fng-arc{fill:none;stroke-width:13;stroke-linecap:round;}
.fng-dot{fill:#fff;stroke:var(--bg2);stroke-width:3;
  transition:transform .9s cubic-bezier(.34,1.4,.4,1);transform-origin:100px 104px;}
.fng-read{position:absolute;left:0;right:0;bottom:2px;text-align:center;pointer-events:none;}
.fng-val{font-family:var(--mono,monospace);font-size:27px;font-weight:800;line-height:1;color:var(--text);}
.fng-sub{font-size:10.5px;color:var(--text3);margin-top:2px;}

/* ═══ FEAR & GREED GAUGE ═══ */
.sd-gauge{background:linear-gradient(165deg,var(--bg2),var(--bg3));border:1px solid var(--border);
  border-radius:14px;padding:12px 14px 6px;min-width:210px;flex:1;max-width:260px;}
.sd-gauge-hd{font-size:12px;font-weight:700;color:var(--text2);margin-bottom:2px;}
.sd-gauge-hd span{color:var(--text3);}
.sd-gauge-svg{width:100%;display:block;overflow:visible;}
.sd-gauge-val{font-family:var(--mono,monospace);font-size:31px;font-weight:800;fill:var(--text);}
.sd-gauge-cls{font-size:11.5px;font-weight:700;}

/* markets: per-section accent + exchange labels */
.mkx-kick i.fx{background:#4F8EF7;box-shadow:0 0 8px rgba(79,142,247,.6);}
.mkx-kick i.st{background:#C86BFA;box-shadow:0 0 8px rgba(200,107,250,.6);}

.mkx-row .coin .nm{display:flex;flex-direction:column;line-height:1.25;min-width:0;}
.mkx-row .coin .nm u{text-decoration:none;font-size:8px;letter-spacing:1px;color:var(--text3);font-weight:700;}

/* ═══ MARKETS — list panels (CoinGecko style) ═══ */
.mkx-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:8px 0 6px;}
.mkx-panel{background:linear-gradient(165deg,var(--bg2),var(--bg3));border:1px solid var(--border);
  border-radius:16px;padding:14px 14px 8px;position:relative;overflow:hidden;}
.mkx-panel::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(300px 90px at 10% 0%,rgba(255,255,255,.045),transparent 70%);}
.mkx-panel-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.mkx-panel-hd b{font-size:13.5px;font-weight:800;display:flex;align-items:center;gap:7px;letter-spacing:-.1px;}
.mkx-more{font-size:11px;color:var(--text3);cursor:pointer;white-space:nowrap;transition:color .15s ease;}
.mkx-more:hover{color:var(--green);}
.mkx-list{display:flex;flex-direction:column;}
.mkx-lrow{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:10px;
  padding:9px 4px;cursor:pointer;border-radius:9px;transition:background .14s ease;}
.mkx-lrow:hover{background:rgba(255,255,255,.05);}
.mkx-lrow:active{background:rgba(255,255,255,.08);}
.mkx-lrow .ic{width:26px;height:26px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:var(--text2);}
.mkx-lrow .nm{display:flex;flex-direction:column;line-height:1.22;min-width:0;font-size:12.5px;font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mkx-lrow .nm u{text-decoration:none;font-size:8px;letter-spacing:1px;color:var(--text3);font-weight:700;}
.mkx-lrow .px{font-family:var(--mono,monospace);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text);}
.mkx-lrow .chg{font-family:var(--mono,monospace);font-size:11.5px;font-weight:800;min-width:64px;text-align:right;}
.mkx-lrow .chg.up{color:var(--green);}
.mkx-lrow .chg.dn{color:var(--red);}
@media(max-width:1000px){.mkx-panels{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){
  .mkx-panels{grid-template-columns:1fr;gap:12px;}
  .mkx-panel{padding:13px 12px 7px;border-radius:14px;}
  .mkx-lrow{padding:10px 3px;}
}

/* ═══ ADMIN — Broadcast ═══ */
.bc-chans{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.bc-chan{display:flex;flex-direction:column;align-items:flex-start;gap:2px;position:relative;
  background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:11px 12px;cursor:pointer;
  transition:border-color .15s ease,background .15s ease;}
.bc-chan:hover{border-color:rgba(255,255,255,.2);}
.bc-chan input{position:absolute;top:10px;right:10px;accent-color:var(--green);cursor:pointer;}
.bc-chan .ic{font-size:17px;}
.bc-chan b{font-size:12.5px;}
.bc-chan i{font-size:10px;color:var(--text3);font-style:normal;}
.bc-chan:has(input:checked){border-color:rgba(22,199,132,.5);background:rgba(22,199,132,.06);}
.bc-chan.off{opacity:.45;cursor:not-allowed;}
.bc-chan.off input{cursor:not-allowed;}
.bc-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.bc-prevbox{border:1px solid var(--border);border-radius:10px;overflow:hidden;max-width:260px;}
.bc-prevbox img,.bc-prevbox video{width:100%;display:block;max-height:170px;object-fit:cover;}
.bc-hrow{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--border);font-size:12px;}
.bc-hrow:last-child{border-bottom:none;}
.bc-hrow .txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2);}
.bc-hrow .ch{font-family:var(--mono,monospace);font-size:8.5px;letter-spacing:.6px;color:var(--text3);
  border:1px solid var(--border);padding:2px 6px;border-radius:5px;flex-shrink:0;}
.bc-hrow .st{font-family:var(--mono,monospace);font-size:9px;font-weight:800;padding:3px 7px;border-radius:5px;flex-shrink:0;}
.bc-hrow .st.sent{background:rgba(22,199,132,.14);color:var(--green);}
.bc-hrow .st.partial{background:rgba(245,179,1,.14);color:var(--gold);}
.bc-hrow .st.failed{background:rgba(255,71,87,.14);color:var(--red);}
.bc-hrow .tm{font-size:10px;color:var(--text3);flex-shrink:0;}
@media(max-width:768px){.bc-chans{grid-template-columns:repeat(2,1fr);}}