:root {
  --gap-sage:#B0C47D; --gap-olive:#A1BD57; --gap-acid:#C3F611; --gap-lime:#B0CB5B;
  --bg-main:#090B08; --bg-secondary:#0D100B; --bg-panel:#11140E; --bg-elevated:#151911;
  --text-primary:#F0F2E9; --text-secondary:#B6BAAC; --text-muted:#747A6C;
  --border-subtle:rgba(176,196,125,.14); --border-normal:rgba(161,189,87,.30);
  --border-active:rgba(176,203,91,.72); --border-live:#C3F611;
  --accent-primary:var(--gap-lime); --accent-secondary:var(--gap-olive);
  --accent-soft:var(--gap-sage); --accent-live:var(--gap-acid);
  --bg:var(--bg-main); --amber:var(--accent-primary); --hot:var(--text-secondary);
  --yellow:var(--accent-primary); --dim:var(--text-muted); --faint:var(--border-subtle);
  --line:var(--border-normal); --white:var(--text-primary); --green:var(--accent-live);
  --mono:"IBM Plex Mono",monospace;
  --display:"VT323","IBM Plex Mono",monospace;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; min-width:320px; color:var(--hot); font:13px var(--mono);
  background:radial-gradient(circle at 50% -20%,rgba(176,203,91,.055),transparent 45%),
   linear-gradient(var(--bg-main),var(--bg-main) 50%,var(--bg-main));
}
button,input { font:inherit; color:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
body:before,body:after {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:99;
}
body:before {
  opacity:.045;
  background-image:repeating-radial-gradient(#fff 0,#000 1px,transparent 2px);
  background-size:5px 5px;
}
body:after {
  opacity:.12;
  background:repeating-linear-gradient(transparent 0,transparent 3px,rgba(176,203,91,.055) 4px);
}
.shell { max-width:1500px; margin:auto; border-inline:1px solid var(--border-subtle); }
header {
  height:72px; display:grid; grid-template-columns:1fr auto 1fr;
  align-items:center; padding:0 45px; border-bottom:1px solid var(--line);
  background:rgba(9,11,8,.92); position:sticky; top:0; z-index:30;
  backdrop-filter:blur(12px);
}
.brand { display:flex; align-items:center; width:max-content; }
.brand img {
  width:24px; height:24px; object-fit:contain; margin-right:9px;
  image-rendering:pixelated; filter:drop-shadow(0 0 4px rgba(195,246,17,.18));
  transition:filter .18s ease;
}
.brand:hover img { filter:drop-shadow(0 0 7px rgba(195,246,17,.28)); }
.brand>span {
  font:31px var(--display); letter-spacing:2px; text-shadow:0 0 13px var(--accent-primary);
}
.brand>span b { color:var(--yellow); font-weight:400; }
.brand small {
  font-size:8px; color:var(--dim); align-self:flex-start; margin:17px 0 0 6px;
}
.clock { display:flex; align-items:center; gap:9px; color:var(--dim); font-size:10px; }
.clock i,footer>span i {
  width:7px; height:7px; border-radius:50%; background:var(--amber);
  box-shadow:0 0 9px var(--amber); animation:pulse 1.7s infinite;
}
.clock b,.clock time { color:var(--hot); font-weight:400; }
.clock em { font-style:normal; }
.header-actions {
  justify-self:end;
  display:flex;
  align-items:center;
  gap:9px;
}
.mini-ca {
  height:38px;
  max-width:180px;
  padding:0 10px;
  overflow:hidden;
  border:1px solid var(--line);
  background:transparent;
  color:var(--dim);
  font:8px var(--mono);
  white-space:nowrap;
}
.mini-ca span { color:var(--hot); }
.mini-ca:hover { border-color:var(--amber); color:var(--yellow); }
.x-link {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  color:var(--white);
  font-size:12px;
  font-weight:600;
}
.x-link:hover {
  border-color:var(--amber);
  color:var(--bg-main);
  background:var(--amber);
}
.wallet.network-error { border-color:var(--accent-soft); color:var(--accent-soft); }
.wallet {
  background:transparent; border:1px solid var(--amber);
  padding:10px 14px; font-size:10px;
}
.wallet b { color:var(--yellow); }
.wallet:hover,.actions a,.order { background:var(--amber); color:var(--bg-main); }
.hero {
  min-height:440px; padding:72px clamp(24px,7vw,105px) 60px;
  position:relative; overflow:hidden; border-bottom:1px solid var(--line);
}
.hero:after {
  content:""; position:absolute; width:470px; height:300px; right:1%; top:80px;
  background:url("assets/praxis/praxis-logo.webp") center/contain no-repeat;
  opacity:.09; transform:scale(1.2);
}
.kicker {
  display:flex; justify-content:space-between; max-width:790px;
  padding-bottom:9px; border-bottom:1px dotted var(--faint);
  font-size:9px; color:var(--dim); letter-spacing:.1em;
}
.hero h1 {
  position:relative; z-index:1; font:clamp(55px,7vw,105px)/.82 var(--display);
  font-weight:400; margin:34px 0 22px;
  text-shadow:0 0 9px var(--accent-primary),0 0 35px rgba(176,203,91,.08);
}
.hero h1 em { font-style:normal; color:var(--yellow); }
.hero p { max-width:670px; color:var(--text-secondary); line-height:1.3; margin:4px 0; }
.actions { display:flex; gap:11px; margin-top:28px; }
.actions a,.actions button {
  border:1px solid var(--amber); padding:12px 16px;
  background:transparent; font-size:10px;
}
.actions a { background:var(--amber); color:var(--bg-main); }
.actions a:hover,.actions button:hover { background:var(--yellow); color:var(--bg); }
.tape {
  height:36px; overflow:hidden; border-bottom:1px solid var(--line);
  display:flex; align-items:center;
}
.tape>div {
  display:flex; gap:45px; white-space:nowrap; width:max-content;
  animation:ticker 32s linear infinite; font-size:9px;
}
.tape span { color:var(--dim); }
.tape b { color:var(--hot); }
.tape i { color:var(--yellow); font-style:normal; margin-left:7px; }
.terminal {
  display:grid; grid-template-columns:minmax(285px,.8fr) minmax(590px,2fr);
  gap:11px; padding:11px; background:var(--bg-main);
}
.panel {
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(17,20,14,.90),rgba(9,11,8,.97)); min-width:0;
}
.panel-head {
  height:36px; border-bottom:1px solid var(--line); padding:0 12px;
  display:flex; align-items:center; justify-content:space-between;
  font-size:8px; color:var(--dim); letter-spacing:.08em;
}
.panel-head span { color:var(--hot); }
.panel-head span b { color:var(--yellow); margin-right:8px; }
.panel-head i { font-style:normal; }
.good { color:var(--green)!important; }
.tabs { display:grid; grid-template-columns:repeat(3,1fr); }
.tabs button {
  border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line);
  background:transparent; color:var(--dim); padding:10px 2px; font-size:8px;
}
.tabs button.active,.tabs button:hover { background:rgba(176,196,125,.04); color:var(--yellow); }
#market-list { min-height:510px; }
.market-row {
  width:100%; border:0; border-bottom:1px dotted var(--faint);
  background:transparent; text-align:left; padding:14px 12px;
  display:grid; grid-template-columns:37px 1fr auto; gap:10px; align-items:center;
}
.market-row:hover,.market-row.active {
  background:linear-gradient(90deg,rgba(176,196,125,.06),transparent);
}
.market-row.active { box-shadow:inset 2px 0 var(--yellow); }
.stock-logo-wrapper {
  width:26px; height:26px; display:flex; align-items:center; justify-content:center;
}
.ticker-icon {
  border:1px solid var(--border-subtle); border-radius:50%; background:transparent;
  display:grid; place-items:center; color:var(--yellow); font:18px var(--display);
}
.stock-logo-wrapper img {
  max-width:18px; max-height:18px; width:18px; height:18px; object-fit:contain;
  transform:scale(var(--logo-scale,1));
}
.asset img { max-width:30px; max-height:30px; width:30px; height:30px; object-fit:contain; display:block; }
.asset.has-logo { padding:0; overflow:hidden; }
.market-copy b { display:block; font-size:10px; }
.market-copy small { font-size:7px; color:var(--dim); }
.odds { text-align:right; }
.odds b { display:block; color:var(--yellow); font:22px var(--display); }
.odds small { font-size:7px; color:var(--dim); }
.view-all {
  width:100%; border:0; border-top:1px solid var(--line);
  background:transparent; text-align:left; padding:12px; font-size:8px;
}
.view-all span { float:right; }
.trade-body { padding:17px; }
.market-title {
  display:grid; grid-template-columns:51px 1fr auto; gap:13px;
  align-items:center; margin-bottom:16px;
}
.asset {
  width:51px; height:51px; border:1px solid var(--amber);
  display:grid; place-items:center; font:25px var(--display); color:var(--yellow);
}
.market-title small { font-size:7px; color:var(--dim); }
.market-title h2 {
  font:clamp(26px,3vw,39px) var(--display); color:var(--white);
  font-weight:400; margin:2px 0;
}
.market-title>button {
  border:1px solid var(--faint); background:transparent; width:34px; height:34px;
}
.metrics {
  display:grid; grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line); margin-bottom:12px;
}
.metrics>div { padding:9px 11px; border-right:1px solid var(--line); }
.metrics>div:last-child { border:0; background:rgba(176,196,125,.04); }
.metrics small { display:block; color:var(--dim); font-size:6px; margin-bottom:4px; }
.metrics b { color:var(--white); font-size:11px; }
.metrics em {
  display:block;
  margin-top:3px;
  color:var(--dim);
  font-size:6px;
  font-style:normal;
}
.metrics>div:last-child b { color:var(--yellow); }
.chart {
  height:260px; border:1px solid var(--line);
  position:relative; padding:10px 12px 8px;
  background:radial-gradient(circle at 80% 30%,rgba(176,203,91,.055),transparent 35%);
}
.chart-toolbar,.axis {
  display:flex; justify-content:space-between; color:var(--dim); font-size:7px;
}
.chart-toolbar { height:17px; align-items:center; gap:8px; }
.chart-controls,.timeframes,.chart-modes { display:flex; align-items:center; gap:3px; }
.chart-controls { margin-left:auto; gap:10px; }
.timeframes button,.chart-modes button {
  border:0; padding:1px 4px; background:transparent; color:rgba(176,196,125,.48);
  font:7px var(--mono);
}
.timeframes button.active,.timeframes button:hover,.chart-modes button.active,.chart-modes button:hover { color:var(--accent-live); }
.chart-modes { padding-left:8px; border-left:1px solid var(--border-subtle); }
.ohlc-strip { height:18px; color:var(--accent-soft); font-size:7px; white-space:nowrap; overflow:hidden; }
.ohlc-strip b { color:var(--text-primary); font-weight:500; }
.chart-stage { position:absolute; left:12px; right:12px; top:45px; bottom:7px; }
.price-layer,.model-layer { position:absolute; inset:0; }
.price-layer canvas { display:block; width:100%; height:100%; }
.chart-tooltip {
  position:absolute; z-index:3; width:126px; padding:7px 8px; pointer-events:none;
  border:1px solid var(--border-normal); background:rgba(9,11,8,.94);
  color:var(--text-primary); font:7px/1.6 var(--mono);
}
.chart-tooltip b { display:inline-block; min-width:42px; color:var(--accent-soft); font-weight:400; }
.chart-empty {
  position:absolute; inset:0; display:grid; place-items:center; pointer-events:none;
  color:rgba(176,196,125,.48); font:8px var(--mono); letter-spacing:.08em;
}
.chart-empty[hidden],.model-layer[hidden],.price-layer[hidden],.ohlc-strip[hidden],.timeframes[hidden] { display:none!important; }
.chart i { font-style:normal; color:var(--hot); }
.chart svg { width:100%; height:100%; }
.grid line { stroke:rgba(176,196,125,.08); stroke-dasharray:2 4; }
.chart .area { fill:url(#fill); }
.chart .line {
  fill:none; stroke:var(--accent-primary); stroke-width:2; filter:url(#glow);
}
.chart circle { fill:var(--yellow); }
.axis { position:absolute; left:0; right:0; bottom:0; }
.model-layer>strong {
  position:absolute; right:6%; top:23%; color:var(--yellow);
  font:42px var(--display); text-shadow:0 0 17px var(--accent-primary);
}
.model-layer>strong small { font:8px var(--mono); }
.flash-up { animation:data-flash-up .32s ease; }
.flash-down { animation:data-flash-down .32s ease; }
@keyframes data-flash-up {
  50% { color:var(--yellow); text-shadow:0 0 12px rgba(195,246,17,.35); }
}
@keyframes data-flash-down {
  50% { opacity:.52; }
}
.order-zone {
  display:grid; grid-template-columns:.9fr 1.1fr; gap:10px; margin-top:10px;
}
.sides { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.side {
  border:1px solid var(--faint); background:var(--bg-main);
  text-align:left; padding:12px;
}
.side span,.side small { display:block; font-size:7px; color:var(--dim); }
.side b {
  display:block; font:37px var(--display); color:var(--white); margin:7px 0;
}
.side.active,.side:hover { border-color:var(--amber); background:rgba(176,196,125,.04); }
.side.active span { color:var(--yellow); }
.ticket { border:1px solid var(--line); padding:10px; }
.ticket>label {
  display:flex; justify-content:space-between;
  font-size:7px; color:var(--dim); margin-bottom:6px;
}
.amount {
  height:41px; border:1px solid var(--faint);
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; padding:0 9px;
}
.amount input {
  width:100%; border:0; outline:0; background:transparent;
  color:var(--white); font:24px var(--display);
}
.amount button { border:0; background:transparent; color:var(--yellow); }
.quick,.summary {
  display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin:5px 0 9px;
}
.quick button {
  border:1px solid var(--faint); background:transparent;
  color:var(--dim); font-size:7px; padding:4px;
}
.quick button:hover { border-color:var(--amber); color:var(--yellow); }
.summary { grid-template-columns:repeat(3,1fr); }
.summary div { border-left:1px solid var(--faint); padding-left:6px; }
.summary small { display:block; font-size:5px; color:var(--dim); }
.summary b { font-size:8px; color:var(--white); }
.order { width:100%; border:1px solid var(--amber); padding:7px; }
.order>* { display:block; }
.order small { font-size:5px; }
.order:hover { background:var(--yellow); }
.lower {
  display:grid; grid-template-columns:1.45fr 1fr;
  gap:11px; padding:0 11px 11px; background:var(--bg-main);
}
.events article {
  display:grid; grid-template-columns:42px 38px 1fr auto;
  gap:9px; padding:12px; border-bottom:1px dotted var(--faint);
}
.events time,.events p { font-size:7px; color:var(--dim); }
.events article>i { font-style:normal; font-size:6px; color:var(--yellow); }
.events b { color:var(--white); font-size:8px; }
.events p { margin:3px 0; }
.events em { font-size:6px; color:var(--yellow); }
.network { display:grid; grid-template-columns:1fr 1fr; }
.network>div {
  padding:12px; border-right:1px dotted var(--faint);
  border-bottom:1px dotted var(--faint);
}
.network span,.network small { display:block; color:var(--dim); font-size:6px; }
.network b {
  display:block; color:var(--white); font:23px var(--display); margin:3px 0;
}
.network small { color:var(--green); }
footer {
  height:65px; padding:0 22px; border-top:1px solid var(--line);
  display:grid; grid-template-columns:1fr auto 1fr;
  align-items:center; color:var(--dim); font-size:7px;
}
footer img { width:23px; height:23px; object-fit:contain; image-rendering:pixelated; vertical-align:middle; filter:drop-shadow(0 0 4px rgba(195,246,17,.18)); }
footer nav { display:flex; gap:20px; }
footer a:hover { color:var(--yellow); }
footer>span { justify-self:end; display:flex; gap:6px; }
dialog {
  width:min(500px,calc(100% - 30px)); border:1px solid var(--amber);
  background:var(--bg-main); color:var(--hot); padding:27px;
  box-shadow:0 0 70px rgba(176,203,91,.08);
}
dialog::backdrop { background:#000d; }
dialog>button { float:right; border:0; background:none; }
dialog h2 { font:41px var(--display); color:var(--yellow); }
dialog li { display:flex; gap:13px; padding:10px; border-top:1px dotted var(--faint); }
dialog p { color:var(--dim); font-size:8px; }
.wallet-dialog { width:min(560px,calc(100% - 30px)); }
.wallet-dialog .dialog-close { color:var(--hot); }
.wallet-note { margin:0 0 15px; letter-spacing:.1em; }
.wallet-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.wallet-options button,.wallet-detail-actions button {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid var(--line);
  background:var(--bg-secondary);
  color:var(--hot);
  padding:10px 12px;
  font:9px var(--mono);
  text-align:left;
}
.wallet-options button:hover,.wallet-detail-actions button:hover {
  border-color:var(--amber);
  color:var(--yellow);
}
.wallet-options span { color:var(--dim); font-size:7px; }
.wallet-options button.detected span { color:var(--green); }
.wallet-message { min-height:14px; margin:14px 0 0; color:var(--yellow) !important; }
.wallet-dialog dl { margin:8px 0 18px; border:1px solid var(--line); }
.wallet-dialog dl div { padding:11px; border-bottom:1px dotted var(--line); }
.wallet-dialog dl div:last-child { border-bottom:0; }
.wallet-dialog dt { color:var(--dim); font-size:7px; }
.wallet-dialog dd { margin:5px 0 0; overflow-wrap:anywhere; color:var(--hot); font-size:9px; }
.wallet-detail-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.preview-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:10px 0 18px;
  border:1px solid var(--line);
}
.preview-grid div { padding:12px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.preview-grid div:nth-child(2n) { border-right:0; }
.preview-grid div:nth-last-child(-n+2) { border-bottom:0; }
.preview-grid small { display:block; margin-bottom:5px; color:var(--dim); font-size:7px; }
.preview-grid b { color:var(--hot); font-size:9px; }
.market-row[data-data-status="stale"] .odds b { opacity:.68; }
.market-row[data-data-status="unavailable"] .odds b { color:var(--dim); }
.wallet-dialog>footer {
  height:auto;
  margin-top:20px;
  padding:12px 0 0;
  display:block;
  border-top:1px dotted var(--line);
}
.toast {
  position:fixed; right:17px; bottom:17px; z-index:120;
  border:1px solid var(--amber); background:var(--bg-secondary);
  padding:11px 15px; color:var(--yellow); font-size:9px;
  transform:translateY(160%); transition:.25s;
}
.toast.show { transform:none; }
@keyframes pulse { 50% { opacity:.25; } }
@keyframes ticker { to { transform:translateX(-50%); } }
@media(max-width:950px) {
  header { grid-template-columns:1fr auto; }
  .clock { display:none; }
  .terminal { grid-template-columns:1fr; }
  #market-list {
    min-height:0; display:grid; grid-template-columns:1fr 1fr;
  }
  .market-row:nth-child(n+5) { display:none; }
  .lower { grid-template-columns:1fr; }
}
@media(max-width:650px) {
  header { height:60px; padding:0 12px; }
  .brand img { width:22px; height:22px; }
  .mini-ca { max-width:90px; padding:0 7px; }
  .wallet { font-size:0; }
  .wallet b { font-size:10px; }
  .hero { min-height:380px; padding:54px 18px; }
  .kicker span:last-child { display:none; }
  .hero h1 { font-size:16vw; }
  .terminal { padding:6px; }
  #market-list { grid-template-columns:1fr; }
  .market-row:nth-child(n+4) { display:none; }
  .trade-body { padding:9px; }
  .metrics { grid-template-columns:1fr 1fr; }
  .order-zone { grid-template-columns:1fr; }
  .wallet-options { grid-template-columns:1fr; }
  .lower { padding:0 6px 6px; }
  footer nav { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  * { animation:none!important; scroll-behavior:auto!important; }
}

/* Praxis institutional lime theme: color-only overrides. */
::selection { background:var(--accent-live); color:var(--bg-main); }
*:focus-visible { outline:1px solid var(--accent-live); outline-offset:3px; }
html { scrollbar-color:var(--accent-secondary) var(--bg-main); }
body {
  color:var(--text-secondary);
  background:
    radial-gradient(circle at 50% -20%,rgba(176,203,91,.055),transparent 45%),
    linear-gradient(var(--bg-main),var(--bg-secondary) 50%,#080A07);
}
body:after { background:repeating-linear-gradient(transparent 0,transparent 3px,rgba(176,203,91,.055) 4px); }
.shell { border-color:var(--border-subtle); }
header { background:rgba(9,11,8,.92); border-color:var(--border-subtle); }
.brand img { filter:drop-shadow(0 0 4px rgba(195,246,17,.18)); }
.brand:hover img { filter:drop-shadow(0 0 7px rgba(195,246,17,.28)); }
.brand>span { color:var(--accent-primary); text-shadow:0 0 12px rgba(176,203,91,.18); }
.brand>span b { color:var(--accent-live); }
.brand small { color:var(--text-muted); }
.clock { color:var(--text-muted); }
.clock i,footer>span i { background:var(--accent-secondary); box-shadow:0 0 8px rgba(161,189,87,.3); }
.clock b,.clock time { color:var(--accent-secondary); }
.x-link { color:var(--text-primary); border-color:var(--border-normal); }
.x-link:hover { color:var(--bg-main); background:var(--accent-live); border-color:var(--accent-live); }
.wallet { color:var(--accent-primary); border-color:var(--accent-primary); }
.wallet b { color:var(--accent-live); }
.wallet:hover,.actions a,.order { background:var(--accent-primary); color:var(--bg-main); }
.wallet:hover,.actions a:hover,.actions button:hover,.order:hover { background:var(--accent-live); border-color:var(--accent-live); color:var(--bg-main); box-shadow:0 0 20px rgba(195,246,17,.18); }
.wallet:active,.actions a:active,.actions button:active,.order:active { transform:translateY(1px); filter:brightness(.92); }
.wallet.network-error { border-color:var(--accent-soft); color:rgba(176,196,125,.68); }
.hero { background:radial-gradient(circle at 70% 25%,rgba(176,203,91,.055),transparent 38%); border-color:var(--border-subtle); }
.hero:after { filter:none; }
.kicker { color:var(--accent-secondary); border-color:var(--border-normal); }
.hero h1 { color:var(--text-primary); text-shadow:0 0 9px rgba(176,203,91,.2),0 0 30px rgba(176,203,91,.08); }
.hero h1 em { color:var(--accent-primary); }
.hero p { color:var(--text-secondary); }
.actions a,.actions button { border-color:var(--accent-primary); }
.tape { border-color:var(--border-subtle); }
.tape span { color:var(--accent-soft); }
.tape b { color:var(--text-primary); }
.tape i { color:var(--accent-primary); }
.terminal,.lower { background:#080A07; }
.panel { border-color:var(--border-subtle); background:linear-gradient(135deg,var(--bg-panel),var(--bg-main)); }
.panel-head { color:var(--text-muted); border-color:var(--border-normal); }
.panel-head span { color:var(--accent-primary); }
.panel-head span b { color:var(--accent-secondary); }
.good { color:var(--accent-live)!important; }
.tabs button { color:var(--text-muted); border-color:var(--border-subtle); }
.tabs button.active,.tabs button:hover { background:rgba(176,196,125,.04); color:var(--accent-live); border-color:var(--border-active); }
.market-row { border-color:var(--border-subtle); }
.market-row:hover,.market-row.active { background:linear-gradient(90deg,rgba(176,196,125,.06),transparent); }
.market-row:hover { outline:1px solid rgba(176,203,91,.65); outline-offset:-1px; }
.market-row.active { box-shadow:inset 2px 0 var(--accent-primary),inset 0 0 0 1px rgba(195,246,17,.15); }
.ticker-icon { color:var(--accent-primary); }
.ticker-icon img { filter:none; }
.market-copy b { color:var(--text-primary); }
.market-copy small,.odds small { color:var(--accent-soft); }
.odds b { color:var(--accent-primary); }
.market-row.active .odds b { color:var(--accent-live); }
.view-all { color:var(--accent-primary); border-color:var(--border-normal); }
.view-all:hover { color:var(--accent-live); }
.asset { color:var(--accent-primary); border-color:var(--border-active); }
.market-title small { color:var(--accent-soft); }
.market-title h2 { color:var(--text-primary); }
.market-title>button { color:var(--accent-primary); border-color:var(--border-subtle); }
.metrics { border-color:var(--border-normal); }
.metrics>div { border-color:var(--border-subtle); }
.metrics>div:last-child { background:rgba(176,196,125,.04); }
.metrics small { color:var(--accent-soft); }
.metrics b { color:var(--text-primary); }
.metrics>div:last-child b { color:var(--accent-live); }
.chart { border-color:var(--border-normal); background:radial-gradient(circle at 80% 30%,rgba(176,203,91,.055),transparent 35%); }
.chart-toolbar,.axis { color:rgba(176,196,125,.45); }
.chart i { color:var(--accent-primary); }
.grid line { stroke:rgba(176,196,125,.08); }
.chart .line { stroke:var(--accent-primary); filter:drop-shadow(0 0 3px rgba(176,203,91,.18)); }
.chart circle { fill:var(--accent-live); }
.model-layer>strong { color:var(--accent-live); text-shadow:0 0 14px rgba(195,246,17,.16); }
.side { background:var(--bg-main); border-color:var(--border-subtle); }
.side span,.side small { color:var(--accent-soft); }
.side b { color:rgba(176,196,125,.68); }
.side.active,.side:hover { border-color:var(--border-live); background:rgba(176,196,125,.04); }
.side.active span,.side.active b { color:var(--accent-live); }
.ticket { border-color:var(--border-normal); }
.ticket>label,.quick button,.summary small { color:var(--text-muted); }
.amount { border-color:var(--border-subtle); }
.amount input,.summary b { color:var(--text-primary); }
.amount button { color:var(--accent-primary); }
.quick button { border-color:var(--border-subtle); }
.quick button:hover { border-color:var(--accent-secondary); color:var(--accent-live); }
.summary div { border-color:var(--border-subtle); }
.order { border-color:var(--accent-primary); }
.events article { border-color:var(--border-subtle); }
.events time,.events p { color:var(--accent-soft); }
.events article>i,.events em { color:var(--accent-secondary); }
.events b { color:var(--text-primary); }
.network>div { border-color:var(--border-subtle); }
.network span,.network small { color:var(--text-muted); }
.network b { color:var(--accent-primary); }
.network small { color:var(--accent-live); }
footer { color:var(--text-muted); border-color:var(--border-subtle); }
footer a:hover { color:var(--accent-primary); }
dialog { background:var(--bg-panel); color:var(--text-secondary); border-color:var(--border-active); box-shadow:0 0 24px rgba(176,203,91,.14); }
dialog h2 { color:var(--accent-primary); }
dialog li { border-color:var(--border-subtle); }
dialog p { color:var(--accent-soft); }
.toast { background:var(--bg-panel); color:var(--accent-live); border-color:var(--border-live); box-shadow:0 0 24px rgba(195,246,17,.16); }