/* Futures Pulse Premium Nebula theme v1.5.0 */
:root{
  --bg:#030806;
  --panel:rgba(7,18,14,.68);
  --panel2:rgba(10,23,18,.78);
  --line:rgba(151,255,190,.14);
  --line-strong:rgba(151,255,190,.24);
  --text:#f4f8f5;
  --muted:#8b9d94;
  --green:#57f19a;
  --red:#ff6b71;
  --amber:#ffc95c;
  --blue:#69a9ff;
  --violet:#b99aff;
  --glass:linear-gradient(145deg,rgba(18,48,36,.76),rgba(5,14,11,.58));
  --glass-soft:linear-gradient(145deg,rgba(21,54,40,.62),rgba(5,14,11,.42));
  --shadow:0 28px 90px rgba(0,0,0,.42);
}

html{background:var(--bg);scrollbar-color:#385346 transparent}
body{
  position:relative;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--text);
  background:#030806;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
}
body::before{
  background:
    linear-gradient(180deg,rgba(1,7,5,.42),rgba(1,7,5,.72)),
    url('./assets/nebula-green.jpg') center/cover no-repeat;
  opacity:.63;
  filter:saturate(1.08) contrast(1.06);
  transform:scale(1.04);
  animation:premiumNebula 34s ease-in-out infinite alternate;
}
body::after{
  background:
    radial-gradient(circle at 10% 0%,rgba(87,241,154,.12),transparent 28%),
    radial-gradient(circle at 80% 20%,rgba(87,241,154,.08),transparent 30%),
    url('./assets/dot-wave.jpg') center/cover no-repeat;
  opacity:.055;
  mix-blend-mode:screen;
  filter:saturate(1.15) contrast(1.16);
  animation:premiumDots 46s ease-in-out infinite alternate;
}
@keyframes premiumNebula{from{transform:scale(1.04) translate3d(-1%,0,0)}to{transform:scale(1.10) translate3d(1.2%,-1.2%,0)}}
@keyframes premiumDots{from{transform:scale(1.02)}to{transform:scale(1.075) translate3d(-1%,1%,0)}}

button,input,select{font-family:inherit}
button,a{transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(87,241,154,.58);outline-offset:2px}

.app{
  position:relative;
  z-index:1;
  max-width:1880px;
  margin:0 auto;
  padding:18px clamp(14px,1.7vw,30px) 34px;
}
.app::before{
  content:"";
  position:absolute;
  inset:12px clamp(7px,1vw,18px) 12px;
  z-index:-1;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.055);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(1,10,7,.20),rgba(0,4,3,.14));
  box-shadow:0 36px 120px rgba(0,0,0,.30);
}

.top{
  position:relative;
  display:grid;
  grid-template-columns:minmax(210px,auto) minmax(420px,1fr) auto;
  align-items:center;
  gap:20px;
  min-height:70px;
  padding:12px 16px;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(10,28,21,.80),rgba(3,12,9,.68));
  box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  overflow:hidden;
}
.top::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 5% 50%,rgba(87,241,154,.09),transparent 22%),radial-gradient(circle at 84% 0%,rgba(87,241,154,.055),transparent 18%);
}
.brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-width:0}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;border:1px solid rgba(87,241,154,.25);background:radial-gradient(circle,rgba(87,241,154,.18),rgba(87,241,154,.035));box-shadow:0 0 26px rgba(87,241,154,.10)}
.brand-mark i{position:relative;width:25px;height:16px;display:block}
.brand-mark i::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;border-radius:2px;background:var(--green);box-shadow:0 0 10px rgba(87,241,154,.8)}
.brand-mark i::after{content:"";position:absolute;left:2px;top:1px;width:21px;height:13px;background:linear-gradient(90deg,transparent 0 10%,var(--green) 11% 17%,transparent 18% 31%,var(--green) 32% 38%,transparent 39% 55%,var(--green) 56% 63%,transparent 64%);clip-path:polygon(0 46%,16% 46%,25% 0,37% 100%,52% 31%,64% 68%,76% 46%,100% 46%,100% 58%,72% 58%,64% 82%,53% 50%,37% 100%,25% 23%,18% 58%,0 58%)}
.brand-copy{min-width:0}
.brand h1{margin:0;font:800 clamp(23px,2.3vw,31px)/1 Inter,Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap}
.brand h1 span{color:var(--green);text-shadow:0 0 20px rgba(87,241,154,.18)}
.brand .lead{margin:5px 0 0;color:var(--muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase}

.desktop-nav{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:4px;min-width:0}
.desktop-nav button,.desktop-nav a{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#b5c1bb;text-decoration:none;font-size:12px;white-space:nowrap;cursor:pointer}
.desktop-nav button:hover,.desktop-nav a:hover{color:var(--text);background:rgba(255,255,255,.035)}
.desktop-nav button.on{color:var(--text);border-color:rgba(87,241,154,.13);background:linear-gradient(180deg,rgba(87,241,154,.14),rgba(87,241,154,.055));box-shadow:inset 0 -2px 0 var(--green),0 0 22px rgba(87,241,154,.08)}

.top-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:7px}
.statusline,.refresh,.pwa-btn,.iconbtn{border:1px solid var(--line);border-radius:12px;background:rgba(3,13,9,.56);color:var(--muted);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(12px)}
.statusline{min-height:40px;padding:0 13px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.refresh,.pwa-btn{width:40px;height:40px}
.refresh:hover,.pwa-btn:hover,.iconbtn:hover{border-color:rgba(87,241,154,.42);background:rgba(87,241,154,.08);color:var(--green);transform:translateY(-1px)}
.dot{box-shadow:0 0 14px currentColor}

.view-switch{display:none!important}

.desktop-dashboard{
  display:grid;
  grid-template-columns:250px minmax(580px,1fr) 390px;
  gap:14px;
  align-items:start;
  margin-top:14px;
}
.desktop-left-column,.desktop-center-column,.desktop-right-column{display:grid;gap:14px;min-width:0}
.desktop-panel,.table-panel-wrap{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--glass);
  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
}
.desktop-panel::before,.table-panel-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 0 0,rgba(87,241,154,.065),transparent 22%),url('./assets/dot-wave.jpg') center/cover no-repeat;
  opacity:.025;
  mix-blend-mode:screen;
}
.panel-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px 12px;color:var(--text);font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.panel-heading button{border:0;background:none;color:var(--green);font-size:10px;cursor:pointer}
.panel-heading b{font-size:10px;color:var(--green)}

.filter-panel{padding-bottom:12px}
.filter-panel .controls{position:relative;z-index:1;display:grid;align-items:stretch;gap:12px;margin:0;padding:0 14px 6px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.filter-panel .seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(0,0,0,.16)}
.filter-panel .seg button{min-width:0;padding:9px 5px;border:0;border-right:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:var(--muted);font-size:10px}
.filter-panel .seg button:nth-child(2n){border-right:0}.filter-panel .seg button:nth-last-child(-n+2){border-bottom:0}
.filter-panel .seg button.on{background:linear-gradient(180deg,rgba(87,241,154,.19),rgba(87,241,154,.08));color:var(--green);box-shadow:inset 0 0 0 1px rgba(87,241,154,.14)}
.filter-panel .field{display:grid;gap:6px;color:var(--muted);font-size:10px}
.filter-panel .field input,.filter-panel .field select{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:rgba(2,10,7,.50);color:var(--text);padding:0 10px}
.filter-panel .spacer{display:none}.filter-panel .hint{padding:8px 0 0;color:var(--muted);font-size:9px;text-align:center}
.quick-panel{padding-bottom:14px}
.quick-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px}
.quick-grid button{min-height:44px;padding:8px;border:1px solid var(--line);border-radius:11px;background:rgba(3,12,9,.48);color:#c0cbc5;font-size:10px;cursor:pointer}
.quick-grid button:hover{border-color:rgba(87,241,154,.33);background:rgba(87,241,154,.07);color:var(--text)}
.quick-grid i{font-style:normal;color:var(--green)}

.market-hero{display:grid;grid-template-columns:1fr auto;gap:16px;padding:20px 20px 0}
.market-hero-copy{position:relative;z-index:1;min-width:0}
.eyebrow{display:block;margin-bottom:6px;color:var(--green);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.market-hero h2,.table-panel-head h2{margin:0;font:800 25px/1.05 Inter,Arial,sans-serif;letter-spacing:-.035em}
.market-hero p{margin:8px 0 0;color:var(--muted);font-size:11px;max-width:650px}
.hero-action{position:relative;z-index:1;align-self:center;height:44px;padding:0 15px;border:1px solid rgba(87,241,154,.22);border-radius:12px;background:rgba(87,241,154,.07);color:var(--text);font-size:10px;font-weight:800;text-transform:uppercase;cursor:pointer}
.hero-action:hover{background:rgba(87,241,154,.13);box-shadow:0 0 24px rgba(87,241,154,.08)}
.hero-action span{color:var(--green);margin-right:6px}
.market-hero .stats{position:relative;z-index:1;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px -4px 16px;padding:0;border:0;background:transparent;overflow:visible}
.market-hero .stat{position:relative;overflow:hidden;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(13,35,26,.68),rgba(4,13,10,.47))}
.market-hero .stat:last-child{border:1px solid var(--line)}
.market-hero .stat::after{content:"";position:absolute;right:-35px;bottom:-45px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(87,241,154,.13),transparent 68%)}
.stat-k{font-size:8px;letter-spacing:.14em;color:var(--muted)}
.stat-v{margin-top:5px;font-size:18px;font-weight:800;letter-spacing:-.02em}

.table-panel-wrap{padding:0}
.table-panel-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.055)}
.table-panel-head h2{font-size:20px}
.table-live{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.table-panel-wrap .tablebox{position:relative;z-index:1;margin:0;border:0;border-radius:0;background:rgba(1,7,5,.25);box-shadow:none;max-height:645px;overflow:auto;backdrop-filter:none}
.table-panel-wrap table{min-width:930px}
.table-panel-wrap thead{background:rgba(6,17,13,.88);backdrop-filter:blur(16px)}
.table-panel-wrap th{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:#7e9188;font-size:8px}
.table-panel-wrap td{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}
.table-panel-wrap tbody tr:hover{background:linear-gradient(90deg,rgba(87,241,154,.07),rgba(87,241,154,.015))}
.table-panel-wrap .coin{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,rgba(87,241,154,.16),rgba(2,10,7,.55));border:1px solid rgba(87,241,154,.15);font-size:8px}
.table-panel-wrap .star{font-size:14px}
.table-panel-wrap .sym{font-size:11px}.table-panel-wrap .pair{font-size:8px}

.insight-panel{padding:0 14px 14px}
.insight-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 1px 13px}
.insight-head>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}
.insight-coin{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#f7931a;color:#fff;font-weight:900;box-shadow:0 0 20px rgba(247,147,26,.12)}
.insight-head b{display:block;font-size:14px}.insight-head small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.insight-quote{text-align:right}.insight-quote b{font-size:16px}.insight-quote span{display:block;margin-top:3px;color:var(--green);font-size:11px;font-weight:800}
.insight-tabs,.insight-timeframes,.insight-chips{position:relative;z-index:1;display:flex;gap:5px;overflow:auto;scrollbar-width:none}.insight-tabs::-webkit-scrollbar,.insight-timeframes::-webkit-scrollbar,.insight-chips::-webkit-scrollbar{display:none}
.insight-tabs{border-bottom:1px solid rgba(255,255,255,.055)}
.insight-tabs button{height:38px;padding:0 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:10px;white-space:nowrap}
.insight-tabs button.on{color:var(--text);border-color:var(--green);text-shadow:0 0 13px rgba(87,241,154,.18)}
.insight-timeframes{padding:12px 0 8px}
.insight-timeframes button,.insight-chips button{height:30px;min-width:42px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(2,10,7,.42);color:var(--muted);font-size:9px;white-space:nowrap}
.insight-timeframes button.on,.insight-chips button.on{border-color:rgba(87,241,154,.32);background:rgba(87,241,154,.11);color:var(--green);box-shadow:0 0 18px rgba(87,241,154,.055)}
.insight-chart{position:relative;z-index:1;height:228px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:linear-gradient(180deg,rgba(2,10,7,.48),rgba(1,6,4,.62));overflow:hidden}
.insight-chart svg{width:100%;height:100%}.chart-grid path{fill:none;stroke:rgba(255,255,255,.045);stroke-width:1}.insight-area{fill:url(#insightFill)}.insight-spark{fill:none;stroke:var(--green);stroke-width:3;filter:drop-shadow(0 0 6px rgba(87,241,154,.40))}.vwap-line{fill:none;stroke:#e4eee8;stroke-width:1.6;opacity:.78}
.chart-price-label{position:absolute;right:8px;top:34%;padding:4px 7px;border-radius:6px;background:var(--green);color:#04200f;font-size:9px;font-weight:900}
.insight-chips{padding:10px 0}
.insight-open{position:relative;z-index:1;width:100%;height:42px;border:1px solid rgba(87,241,154,.27);border-radius:11px;background:linear-gradient(90deg,rgba(87,241,154,.20),rgba(87,241,154,.08));color:var(--text);font-size:10px;font-weight:800;cursor:pointer}
.insight-open:hover{background:linear-gradient(90deg,rgba(87,241,154,.30),rgba(87,241,154,.12));box-shadow:0 0 25px rgba(87,241,154,.09)}
.insight-data-panel{padding-bottom:12px}
.insight-data-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 15px}
.insight-data-grid span{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(2,10,7,.35)}
.insight-data-grid small{display:block;color:var(--muted);font-size:8px}.insight-data-grid b{display:block;margin-top:5px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pulse-preview{padding-bottom:12px}.pulse-preview svg{position:relative;z-index:1;width:100%;height:82px;padding:0 14px}.pulse-line{fill:none;stroke-width:3}.pulse-a{stroke:var(--green);filter:drop-shadow(0 0 6px rgba(87,241,154,.28))}.pulse-b{stroke:#d9d04d;opacity:.78}.pulse-split{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 15px}.pulse-split span{text-align:center}.pulse-split small{display:block;color:var(--muted);font-size:8px}.pulse-split b{display:block;margin-top:4px;font-size:15px}

footer{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;margin-top:14px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:rgba(4,14,10,.56);color:var(--muted);font-size:9px;backdrop-filter:blur(18px)}
footer b{color:var(--amber)}

/* Modal */
.scrim{background:rgba(0,5,3,.78);backdrop-filter:blur(10px)}
.modal{border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(180deg,rgba(5,16,12,.96),rgba(2,9,7,.97));box-shadow:0 42px 130px rgba(0,0,0,.58)}
.modal-top,.tfbar,.obbar,.liqbar,.flowbar{background:linear-gradient(180deg,rgba(11,31,23,.86),rgba(4,15,11,.76));border-bottom:1px solid rgba(255,255,255,.065)}
.iconbtn{border-radius:10px}.tfbar button{border-radius:9px}.tfbar button.on{border-color:rgba(87,241,154,.38);background:rgba(87,241,154,.10);color:var(--green)}
.obarm{border-radius:10px;background:rgba(255,201,92,.08)}
.chart-wrap{background:radial-gradient(circle at 70% 20%,rgba(87,241,154,.025),transparent 30%),rgba(1,7,5,.38)}

/* Radar */
.radar-shell,.radar-hero,.radar-stats,.radar-controls,.radar-tabs,.radar-note,.radar-list,.radar-journal{border-color:var(--line)!important;background:linear-gradient(145deg,rgba(10,27,20,.78),rgba(3,12,9,.65))!important;backdrop-filter:blur(20px)}
.radar-card{border-color:var(--line)!important;background:linear-gradient(145deg,rgba(12,32,24,.78),rgba(3,12,9,.62))!important}
.radar-scan{background:linear-gradient(90deg,var(--green),#8effbd)!important;color:#031208!important;border-radius:11px!important}

/* Mobile premium treatment */
.mobile-home{position:relative;z-index:1}
.mobile-search-box input,.mobile-filter-btn,.mobile-panel,.market-card,.mobile-stat,.mobile-bottom-nav,.mobile-zone-panel,.mobile-zone,.mobile-indicator-controls,.mobile-ob-combo,.mobile-liq-combo,.mobile-flow-combo,.mobile-modes button{
  border-color:var(--line)!important;
  background:linear-gradient(145deg,rgba(12,33,24,.78),rgba(3,13,9,.65))!important;
  box-shadow:0 14px 40px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(19px) saturate(120%);
}
.mobile-modes button.on{border-color:rgba(87,241,154,.34)!important;background:linear-gradient(90deg,rgba(87,241,154,.18),rgba(87,241,154,.07))!important;color:var(--green)!important}
.mobile-stats{gap:8px!important;border:0!important;background:transparent!important}.mobile-stat{border-radius:14px!important}.market-card{border-radius:17px!important;overflow:hidden}.market-card::after{content:"";position:absolute;right:-55px;bottom:-70px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(87,241,154,.12),transparent 68%);pointer-events:none}.card-coin{background:linear-gradient(145deg,rgba(87,241,154,.16),rgba(1,9,6,.58))!important;border-color:rgba(87,241,154,.16)!important}.card-tag{background:rgba(87,241,154,.09)!important;border-color:rgba(87,241,154,.22)!important}.mobile-action-row button.primary{background:linear-gradient(90deg,var(--green),#8effbd)!important;color:#031208!important}.mobile-bottom-nav{background:rgba(2,10,7,.88)!important;border-top-color:var(--line)!important;backdrop-filter:blur(24px)!important}.mobile-bottom-nav button.on,.mobile-bottom-nav a.on{color:var(--green)!important}

@media(max-width:1450px){
  .desktop-dashboard{grid-template-columns:230px minmax(540px,1fr) 350px}.desktop-nav button,.desktop-nav a{padding:0 10px}.top{grid-template-columns:auto minmax(370px,1fr) auto}
}
@media(max-width:1220px){
  .desktop-dashboard{grid-template-columns:225px minmax(0,1fr)}
  .desktop-right-column{grid-column:2;grid-template-columns:1.35fr .8fr;align-items:start}
  .pulse-preview{grid-column:1/-1}
  .top{grid-template-columns:auto 1fr auto}.desktop-nav{justify-content:flex-start;overflow:auto}.desktop-nav button,.desktop-nav a{padding:0 9px}
}
@media(max-width:960px){
  .top{grid-template-columns:1fr auto}.desktop-nav{grid-column:1/-1;order:3;justify-content:flex-start;border-top:1px solid rgba(255,255,255,.045);padding-top:8px}.desktop-dashboard{grid-template-columns:210px minmax(0,1fr)}.desktop-right-column{display:none}.market-hero{grid-template-columns:1fr}.hero-action{justify-self:start}.market-hero .stats{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  body{background:#030806!important}
  body::before{opacity:.50;filter:saturate(1.05) contrast(1.06)}body::after{opacity:.035}
  .app{padding:0 10px 18px;margin:0}.app::before{display:none}
  .top{position:sticky;top:0;z-index:12;display:flex;min-height:64px;margin:0 -10px;padding:11px 13px;border-width:0 0 1px;border-radius:0;background:rgba(2,10,7,.86);backdrop-filter:blur(22px)}
  .brand-mark{width:34px;height:34px}.brand h1{font-size:22px}.brand .lead{font-size:8px}.desktop-nav{display:none}.top-actions{margin-left:auto}.statusline{min-height:34px;padding:0 7px;border-color:transparent;background:transparent}.refresh,.pwa-btn{width:34px;height:34px}
  .desktop-dashboard{display:none}.mobile-home{display:block}.mobile-bottom-nav{display:grid}
  .mobile-search-row{margin-top:13px}.mobile-search-box input{height:48px;border-radius:14px!important}.mobile-filter-btn{width:48px;height:48px;border-radius:14px!important}
  .scrim{padding:0;background:rgba(1,7,5,.96)}.modal{border-radius:0}
}
@media(max-width:390px){.brand-mark{display:none}.brand h1{font-size:21px}.brand .lead{display:none}.statusline{padding:0 4px}.top-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important}}

body.radar-active .desktop-dashboard{display:none!important}
.filter-panel #search,.filter-panel #minVol{width:100%!important;max-width:none!important}


/* v1.5.2 cleanup: remove visual clutter and force proper mobile layout */
.quick-panel,
.desktop-right-column,
.radar-stats{
  display:none !important;
}

.desktop-dashboard{
  grid-template-columns:240px minmax(0,1fr) !important;
}

.desktop-left-column{
  position:sticky;
  top:96px;
}

.filter-panel{
  min-height:fit-content;
}

.market-hero{
  grid-template-columns:1fr auto;
}

@media (max-width: 1024px){
  .desktop-dashboard{display:none !important;}
  .mobile-home{display:block !important;}
  .mobile-bottom-nav{display:grid !important;}
  .desktop-nav{display:none;}
  .top{grid-template-columns:1fr auto;}
  .top-actions{margin-left:auto;}
}


/* ===== Character style theme: Futures Pulse mascot edition ===== */
:root{
  --character-purple:#7f33d6;
  --character-purple-2:#b05fff;
  --character-lime:#b7ff36;
  --character-lime-2:#7cff2e;
  --character-dark:#08070d;
}
body{
  background:
    radial-gradient(circle at 78% 18%, rgba(176,95,255,.12), transparent 22%),
    radial-gradient(circle at 18% 14%, rgba(124,255,46,.09), transparent 18%),
    #040608;
}
body::before{
  background:
    linear-gradient(180deg,rgba(2,4,6,.64),rgba(2,5,7,.84)),
    url('./assets/nebula-green.jpg') center/cover no-repeat;
  opacity:.52;
  filter:saturate(1.15) contrast(1.08) hue-rotate(-6deg);
}
body::after{
  background:
    radial-gradient(circle at 16% 0%, rgba(124,255,46,.10), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(176,95,255,.12), transparent 26%),
    url('./assets/dot-wave.jpg') center/cover no-repeat;
  opacity:.08;
}
.app::before{
  border-color:rgba(176,95,255,.10);
  background:linear-gradient(145deg,rgba(11,10,19,.30),rgba(1,4,4,.16));
  box-shadow:0 36px 120px rgba(0,0,0,.36), inset 0 0 0 1px rgba(124,255,46,.03);
}
.app::after{
  content:"";
  position:fixed;
  right:min(2vw,22px);
  bottom:max(36px,4vh);
  width:min(22vw,340px);
  height:min(38vw,520px);
  background:url('./assets/fp-character-poster.png') center bottom / contain no-repeat;
  opacity:.10;
  filter:drop-shadow(0 0 28px rgba(124,255,46,.08));
  pointer-events:none;
  z-index:0;
  mask-image:linear-gradient(180deg, transparent 0, #000 14%, #000 72%, transparent 100%);
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 14%, #000 72%, transparent 100%);
}
.top{
  border-color:rgba(124,255,46,.14);
  background:linear-gradient(145deg,rgba(14,16,30,.88),rgba(6,18,13,.74));
  box-shadow:0 18px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(176,95,255,.05);
}
.top::before{
  background:
    radial-gradient(circle at 7% 50%,rgba(124,255,46,.12),transparent 22%),
    radial-gradient(circle at 80% 10%,rgba(176,95,255,.11),transparent 18%),
    linear-gradient(90deg, rgba(124,255,46,.03), transparent 40%, rgba(176,95,255,.05));
}
.brand-mark{
  width:54px;height:54px;border-radius:16px;
  border:1px solid rgba(124,255,46,.30);
  background:
    linear-gradient(160deg,rgba(176,95,255,.16),rgba(5,11,9,.26)),
    url('./assets/fp-character-logo.png') center/88% no-repeat;
  box-shadow:0 0 0 1px rgba(176,95,255,.14),0 0 24px rgba(124,255,46,.12);
}
.brand-mark i{display:none}
.brand h1{letter-spacing:-.055em}
.brand h1 span{color:var(--character-lime);text-shadow:0 0 22px rgba(124,255,46,.20)}
.brand .lead{color:#c6d0cc}
.desktop-nav button.on{
  border-color:rgba(124,255,46,.24);
  background:linear-gradient(135deg,rgba(176,95,255,.18),rgba(124,255,46,.12));
  box-shadow:inset 0 -2px 0 var(--character-lime),0 0 20px rgba(176,95,255,.10);
}
.desktop-nav button:hover,.desktop-nav a:hover,.statusline:hover,.refresh:hover,.pwa-btn:hover{
  border-color:rgba(176,95,255,.22);
  background:rgba(176,95,255,.08);
}
.statusline,.refresh,.pwa-btn,.iconbtn{
  border-color:rgba(176,95,255,.14);
  background:rgba(9,13,18,.70);
}
.desktop-panel,.table-panel-wrap,.mobile-panel,.market-card,.mobile-bottom-nav{
  border-color:rgba(176,95,255,.11);
  background:linear-gradient(145deg,rgba(13,19,31,.78),rgba(5,13,11,.68));
  box-shadow:0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025), 0 0 0 1px rgba(124,255,46,.03);
}
.desktop-panel::before,.table-panel-wrap::before{
  background:
    radial-gradient(circle at 0 0,rgba(124,255,46,.09),transparent 22%),
    radial-gradient(circle at 100% 0,rgba(176,95,255,.08),transparent 18%),
    url('./assets/dot-wave.jpg') center/cover no-repeat;
  opacity:.04;
}
.eyebrow,.panel-heading b,.table-live,.dot.live{color:var(--character-lime)}
.panel-heading button,.hero-action span,.quick-grid i{color:var(--character-lime)}
.filter-panel .seg,
.filter-panel .field input,
.filter-panel .field select,
.mobile-search-box input,
.mobile-filter-btn,
.mobile-stat,
.mobile-modes button,
.market-card,
.mobile-panel,
.radar-pill,
.radar-controls,
.radar-card,
.radar-journal,
.radar-tabs button,
.radar-field input,
.radar-field select{
  border-color:rgba(176,95,255,.14)!important;
}
.filter-panel .seg button.on,
.mobile-modes button.on,
.radar-tabs button.on{
  background:linear-gradient(135deg,rgba(176,95,255,.18),rgba(124,255,46,.16))!important;
  color:var(--text)!important;
  box-shadow:inset 0 0 0 1px rgba(124,255,46,.18), 0 0 18px rgba(176,95,255,.08);
}
.hero-action,
.insight-open,
.mobile-action-row button.primary,
.radar-scan{
  border-color:rgba(124,255,46,.28)!important;
  background:linear-gradient(90deg,rgba(124,255,46,.16),rgba(176,95,255,.18))!important;
  color:var(--text)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-action:hover,.insight-open:hover,.mobile-action-row button.primary:hover,.radar-scan:hover{
  box-shadow:0 0 0 1px rgba(124,255,46,.14),0 14px 28px rgba(0,0,0,.20), 0 0 24px rgba(124,255,46,.10);
}
.market-hero{
  position:relative;
  overflow:hidden;
}
.market-hero::after{
  content:"";
  position:absolute;
  right:-14px;
  bottom:-12px;
  width:280px;
  height:280px;
  background:url('./assets/fp-character-logo.png') center/contain no-repeat;
  opacity:.12;
  pointer-events:none;
  filter:drop-shadow(0 0 26px rgba(124,255,46,.10));
}
.market-hero h2,.table-panel-head h2{
  text-transform:uppercase;
  letter-spacing:-.04em;
}
.market-hero p{color:#aeb8b7}
.market-hero .stat{
  background:linear-gradient(145deg,rgba(18,24,38,.76),rgba(6,16,13,.56));
  border-color:rgba(176,95,255,.12);
}
.market-hero .stat::after{
  background:radial-gradient(circle,rgba(124,255,46,.15),rgba(176,95,255,.09) 40%,transparent 72%);
}
.table-panel-head::after{color:#a6b1af}
.table-panel-wrap thead{background:rgba(10,14,25,.92)}
.table-panel-wrap tbody tr:hover{background:linear-gradient(90deg,rgba(176,95,255,.09),rgba(124,255,46,.05))}
.table-panel-wrap .coin,
.card-coin{
  border-color:rgba(124,255,46,.16)!important;
  background:linear-gradient(145deg,rgba(176,95,255,.22),rgba(7,14,15,.55))!important;
  color:var(--character-lime)!important;
  box-shadow:0 0 18px rgba(176,95,255,.08);
}
.stat-v,.card-price,.insight-quote b,.radar-score strong{letter-spacing:-.04em}
.mobile-bottom-nav{background:rgba(6,10,15,.90)!important}
.mobile-bottom-nav button.on,.mobile-bottom-nav a.on{color:var(--character-lime)!important}
.mobile-stats .mobile-stat,
.mobile-panel,
.market-card{background:linear-gradient(145deg,rgba(13,18,29,.80),rgba(5,13,11,.70))!important}
.market-card::after{background:radial-gradient(circle,rgba(176,95,255,.14),rgba(124,255,46,.07) 42%,transparent 70%)!important}
.mobile-stat b,.card-symbol,.insight-head b{color:var(--text)}
.update{color:#aeb8b7}
.radar-pill,
.radar-card,
.radar-journal,
.radar-controls,
.radar-note,
.radar-hero{background:linear-gradient(145deg,rgba(13,19,31,.84),rgba(5,13,11,.68))!important}
.radar-hero:after{background:radial-gradient(circle,rgba(176,95,255,.18),rgba(124,255,46,.10) 38%,transparent 72%)!important}
.radar-tabs button.on{color:var(--character-lime)!important}
.radar-score strong.long,.radar-pill .long{color:var(--character-lime)!important}
.radar-score strong.short,.radar-pill .short{color:#ff7b87!important}
@media(max-width:1220px){
  .app::after{width:250px;height:390px;opacity:.08}
  .market-hero::after{width:220px;height:220px;opacity:.10}
}
@media(max-width:960px){
  .app::after{display:none}
}
@media(max-width:700px){
  .top{background:linear-gradient(145deg,rgba(12,15,26,.90),rgba(4,13,11,.82))}
  .market-card::before,.mobile-panel::before{opacity:.05}
  .brand-mark{width:42px;height:42px;border-radius:13px}
  .mobile-home::before{
    content:"";
    position:fixed;
    inset:auto -42px 68px auto;
    width:160px;
    height:160px;
    background:url('./assets/fp-character-logo.png') center/contain no-repeat;
    opacity:.12;
    pointer-events:none;
    z-index:0;
  }
}