/* dart — Dart Terminal edition. Two faces of one design: daylight (paper white,
   ink text) and night (green-black, neon dart green as the signal). Loaded after
   theme.css (sets data-theme from the visitor's cookie); everything that reads the
   design tokens follows, the rest is pinned here through --paper / --on-ink. */
html[data-edition="dart"],html[data-edition="dart"]{
  --bg:#f3f4f0; --panel:#ffffff; --panel-2:#f7f8f4; --card:#ffffff; --card-hover:#f1f3ec; --card-hot:#eef6ea; --raised:#eceee7;
  --line:#dadfd5; --line-2:#c6ccbf; --hairline:#e6e9e1; --hover:#f1f3ec;
  --text:#0d1410; --sub:#67726b; --sub-2:#39443e; --dim:#a3aba4;
  --green:#0a8f4f; --green-2:#06713d; --green-bg:rgba(0,236,151,.18); --green-tint:rgba(0,236,151,.10); --green-line:rgba(10,143,79,.45);
  --red:#cf2f44; --red-2:#b3182f; --red-bg:rgba(207,47,68,.12);
  --yellow:#a86f0e; --orange:#c76b12; --yellow-bg:rgba(200,140,20,.14); --yellow-line:rgba(200,140,20,.45);
  --blue:#1a62d6; --blue2:#2f78e6; --blue-bg:rgba(26,98,214,.12); --quote:#1a62d6; --quote-bg:rgba(26,98,214,.10); --cyan:#0e8ea8; --purple:#7a4fd0; --bnb:#a07a00;
  --chip:#e8ebe3;
  --r:4px; --r-sm:3px;
  --shadow:0 12px 32px rgba(20,30,24,.14);
  --near:#c6f135; --ink:#0d1410; --on-ink:#ffffff; --paper:#ffffff; --tile-bg:#e8ebe3; --tile-ini:#e3f7ee; --wm:rgba(13,20,16,.06); --scroll:#c6ccbf; --dim-ring:rgba(13,20,16,.12);
  color-scheme:light;
}
/* night: the same geometry on green-black, neon green does the pointing */
html[data-edition="dart"][data-theme="dark"],html[data-edition="dart"][data-theme="dark"]{
  --bg:#0a0f0c; --panel:#101713; --panel-2:#0d1310; --card:#101713; --card-hover:#151e19; --card-hot:#122319; --raised:#17211c;
  --line:#1f2a24; --line-2:#2b3831; --hairline:#182119; --hover:#151e19;
  --text:#e9efeb; --sub:#8a968f; --sub-2:#c3ccc6; --dim:#56625b;
  --green:#c6f135; --green-2:#d4f55b; --green-bg:rgba(198,241,53,.16); --green-tint:rgba(198,241,53,.08); --green-line:rgba(198,241,53,.4);
  --red:#ff5a6a; --red-2:#ff7684; --red-bg:rgba(255,90,106,.14);
  --yellow:#f3c257; --orange:#f79f3a; --yellow-bg:rgba(243,194,87,.14); --yellow-line:rgba(243,194,87,.4);
  --blue:#5ea2ff; --blue2:#7fb6ff; --blue-bg:rgba(94,162,255,.14); --quote:#5ea2ff; --quote-bg:rgba(94,162,255,.12); --cyan:#4fd3ea; --purple:#c2a3ff; --bnb:#f0b90b;
  --chip:#1a241f;
  --shadow:0 14px 36px rgba(0,0,0,.55);
  --ink:#c6f135; --on-ink:#06110b; --paper:#101713; --tile-bg:#17211c; --tile-ini:#13281e; --wm:rgba(233,239,235,.05); --scroll:#2b3831; --dim-ring:rgba(233,239,235,.12);
  color-scheme:dark;
}
html[data-edition="dart"] *,html[data-edition="dart"] *{scrollbar-color:var(--scroll) transparent}
html[data-edition="dart"] body,html[data-edition="dart"] body{background:var(--bg);color:var(--text)}

/* ── frame: the nav with a neon-green rule under it, square everything ── */
html[data-edition="dart"] .nav,html[data-edition="dart"] .nav{background:var(--paper);border-bottom:2px solid var(--near)}
html[data-edition="dart"] .logo span,html[data-edition="dart"] .logo span{font-weight:600;letter-spacing:-.02em}
html[data-edition="dart"] .logo .ed,html[data-edition="dart"] .logo .ed{margin-left:6px;padding:1px 6px;border:1px solid var(--ink);border-radius:2px;font-size:10px;font-weight:600;letter-spacing:.06em;color:#06110b;background:var(--near)}
html[data-edition="dart"] .logo .mark,html[data-edition="dart"] .logo .mark{filter:none}
html[data-edition="dart"][data-theme="dark"] .logo .mark{filter:none}
html[data-edition="dart"][data-theme="dark"] .logo .mark{filter:none}
html[data-edition="dart"] .menu a.on,html[data-edition="dart"] .menu a.on{background:var(--ink);color:var(--on-ink);border-radius:3px}
html[data-edition="dart"] .menu a:hover,html[data-edition="dart"] .menu a:hover{color:var(--text)}
html[data-edition="dart"] .tbar,html[data-edition="dart"] .tbar{background:var(--panel-2);border-bottom:1px solid var(--line)}
html[data-edition="dart"] .chains button,html[data-edition="dart"] .chains button{color:var(--sub)}
html[data-edition="dart"] .chains button.on,html[data-edition="dart"] .chains button.on{background:var(--ink);color:var(--on-ink)}
html[data-edition="dart"] .pill,html[data-edition="dart"] .ibtn,html[data-edition="dart"] .ib,
html[data-edition="dart"] .pill,html[data-edition="dart"] .ibtn,html[data-edition="dart"] .ib{background:var(--paper);border-color:var(--line);color:var(--text)}
html[data-edition="dart"] .pill:hover,html[data-edition="dart"] .ibtn:hover,
html[data-edition="dart"] .pill:hover,html[data-edition="dart"] .ibtn:hover{border-color:var(--ink)}
html[data-edition="dart"] .search,html[data-edition="dart"] .search{background:var(--paper);border-color:var(--line)}
html[data-edition="dart"] .search input,html[data-edition="dart"] .search input{color:var(--text)}
html[data-edition="dart"] input,html[data-edition="dart"] select,html[data-edition="dart"] textarea,
html[data-edition="dart"] input,html[data-edition="dart"] select,html[data-edition="dart"] textarea{background:var(--paper)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-edition="dart"] input::placeholder,html[data-edition="dart"] input::placeholder{color:var(--dim)}
/* the light / dark switch sits right after the wordmark */
html[data-edition="dart"] #mt-theme,html[data-edition="dart"] #mt-theme{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--text);cursor:pointer}
html[data-edition="dart"] #mt-theme:hover,html[data-edition="dart"] #mt-theme:hover{border-color:var(--ink)} 
html[data-edition="dart"] #mt-theme svg,html[data-edition="dart"] #mt-theme svg{width:14px;height:14px}
html[data-edition="dart"] #mt-theme .sun,html[data-edition="dart"] #mt-theme .sun{display:none} 
html[data-edition="dart"][data-theme="dark"] #mt-theme .sun,html[data-edition="dart"][data-theme="dark"] #mt-theme .sun{display:block} 
html[data-edition="dart"][data-theme="dark"] #mt-theme .moon,html[data-edition="dart"][data-theme="dark"] #mt-theme .moon{display:none}

/* ── lanes: columns divided by hairlines, hot rows tinted green ── */
html[data-edition="dart"] .lane,html[data-edition="dart"] .lane{background:var(--panel);border-color:var(--line)}
html[data-edition="dart"] .lane-h,html[data-edition="dart"] .lane-h{background:var(--paper);border-bottom:1px solid var(--line)}
html[data-edition="dart"] .lane-h h2,html[data-edition="dart"] .lane-h h2{color:var(--text)}
html[data-edition="dart"] .row,html[data-edition="dart"] .row{background:var(--card);border-bottom:1px solid var(--hairline)}
html[data-edition="dart"] .row:hover,html[data-edition="dart"] .row:hover{background:var(--card-hover)}
html[data-edition="dart"] .row.hot,html[data-edition="dart"] .row.hot{background:var(--card-hot)}
html[data-edition="dart"] .row.enter,html[data-edition="dart"] .row.enter{animation:none;box-shadow:inset 3px 0 0 var(--near)}
html[data-edition="dart"] .tile,html[data-edition="dart"] .tile{border-radius:4px;background:conic-gradient(from -90deg,var(--lp,#9aa39c) calc(var(--p,0)*1turn),var(--dim-ring) 0)}
html[data-edition="dart"] .tile .pic,html[data-edition="dart"] .tile .pic{border-radius:2px;background:var(--tile-bg)}
html[data-edition="dart"] .tile .ini,html[data-edition="dart"] .tile .ini{color:var(--text);background:var(--tile-ini)}
html[data-edition="dart"] .rp,html[data-edition="dart"] .pill2,
html[data-edition="dart"] .rp,html[data-edition="dart"] .pill2{background:var(--chip);color:var(--sub-2)}
html[data-edition="dart"] button.buy,html[data-edition="dart"] button.buy{background:var(--ink);color:var(--on-ink);border-radius:3px;font-weight:600}
html[data-edition="dart"] button.buy:hover,html[data-edition="dart"] button.buy:hover{filter:brightness(1.12)}
html[data-edition="dart"] button.buy svg,html[data-edition="dart"] button.buy svg{color:var(--near)} 
html[data-edition="dart"][data-theme="dark"] button.buy svg,html[data-edition="dart"][data-theme="dark"] button.buy svg{color:#06110b}
html[data-edition="dart"] .mc,html[data-edition="dart"] .mc{color:var(--green-2)}
html[data-edition="dart"] .age.fresh,html[data-edition="dart"] .age.fresh{color:var(--green-2)}
html[data-edition="dart"] .n,html[data-edition="dart"] .tabs .n,
html[data-edition="dart"] .n,html[data-edition="dart"] .tabs .n{background:var(--chip);color:var(--sub-2)}

/* ── token page ── */
html[data-edition="dart"] .th,html[data-edition="dart"] .panel,html[data-edition="dart"] .side,html[data-edition="dart"] .trade,
html[data-edition="dart"] .th,html[data-edition="dart"] .panel,html[data-edition="dart"] .side,html[data-edition="dart"] .trade{background:var(--panel);border-color:var(--line)}
html[data-edition="dart"] .tabs button.on,html[data-edition="dart"] .tabs button.on{color:var(--text);border-bottom-color:var(--near)}
html[data-edition="dart"] .tv-lightweight-charts,html[data-edition="dart"] .tv-lightweight-charts{background:var(--paper)}
html[data-edition="dart"] table th,html[data-edition="dart"] table th{color:var(--sub);border-bottom:1px solid var(--line)}
html[data-edition="dart"] .side .buy,html[data-edition="dart"] .side .sell,
html[data-edition="dart"] .side .buy,html[data-edition="dart"] .side .sell{border-radius:3px}
html[data-edition="dart"] .seg,html[data-edition="dart"] .seg{background:var(--chip)} 
html[data-edition="dart"] .seg button.on,html[data-edition="dart"] .seg button.on{background:var(--paper);color:var(--text);box-shadow:0 1px 0 var(--line)}

/* ── sheets, dialogs, toasts ── */
html[data-edition="dart"] .modal,html[data-edition="dart"] .modal{background:rgba(13,20,16,.38)} 
html[data-edition="dart"][data-theme="dark"] .modal,html[data-edition="dart"][data-theme="dark"] .modal{background:rgba(0,0,0,.6)}
html[data-edition="dart"] .fm,html[data-edition="dart"] .dlg,html[data-edition="dart"] .ntf,html[data-edition="dart"] .co-hover,html[data-edition="dart"] .dd-menu,html[data-edition="dart"] #lz,
html[data-edition="dart"] .fm,html[data-edition="dart"] .dlg,html[data-edition="dart"] .ntf,html[data-edition="dart"] .co-hover,html[data-edition="dart"] .dd-menu,html[data-edition="dart"] #lz{background:var(--paper);border-color:var(--line-2);color:var(--text)}
html[data-edition="dart"] .modal .btn,html[data-edition="dart"] .modal .btn{border-color:var(--line-2);color:var(--text)}
html[data-edition="dart"] .modal .btn.primary,html[data-edition="dart"] .btn.primary,
html[data-edition="dart"] .modal .btn.primary,html[data-edition="dart"] .btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
html[data-edition="dart"] .modal .btn.primary:hover,html[data-edition="dart"] .modal .btn.primary:hover{filter:brightness(1.12)}
html[data-edition="dart"] .xb-hop,html[data-edition="dart"] .xb-q,html[data-edition="dart"] .co-src,
html[data-edition="dart"] .xb-hop,html[data-edition="dart"] .xb-q,html[data-edition="dart"] .co-src{background:var(--panel-2)}
html[data-edition="dart"] .foot,html[data-edition="dart"] .ft,
html[data-edition="dart"] .foot,html[data-edition="dart"] .ft{background:var(--paper);border-top:1px solid var(--line)}
html[data-edition="dart"] .giga,html[data-edition="dart"] .giga{color:var(--text)}
html[data-edition="dart"] .empty,html[data-edition="dart"] .empty{color:var(--sub)}
/* the tape: a new fill flashes green or red instead of sweeping ink */
html[data-edition="dart"] tr.fresh td,html[data-edition="dart"] tr.fresh td{animation:none}
html[data-edition="dart"] tr.fresh.buy td,html[data-edition="dart"] tr.fresh.buy td{background:var(--green-tint)}
html[data-edition="dart"] tr.fresh.sell td,html[data-edition="dart"] tr.fresh.sell td{background:var(--red-bg)}
html[data-edition="dart"] .charthost > .wm,html[data-edition="dart"] .charthost > .wm{color:var(--wm)}
html[data-edition="dart"] .charthost,html[data-edition="dart"] #chart,
html[data-edition="dart"] .charthost,html[data-edition="dart"] #chart{background:var(--paper)}
html[data-edition="dart"] .rp,html[data-edition="dart"] .rp{background:var(--chip);color:var(--sub-2)}
html[data-edition="dart"] .rp.n,html[data-edition="dart"] .rp.n{color:var(--sub)}
html[data-edition="dart"] .st .v,html[data-edition="dart"] .vol,html[data-edition="dart"] .row .f,
html[data-edition="dart"] .st .v,html[data-edition="dart"] .vol,html[data-edition="dart"] .row .f{color:var(--sub-2)}
/* the volume / ATH bands were tuned for the copytrade board: here the value reads in the text colour and only market cap keeps its band colour */
html[data-edition="dart"] .kvi b:not(.mc),html[data-edition="dart"] .kvi b:not(.mc){color:var(--sub-2)!important}
html[data-edition="dart"] .rp.n,html[data-edition="dart"] .rp.n svg,
html[data-edition="dart"] .rp.n,html[data-edition="dart"] .rp.n svg{color:var(--sub);opacity:1}

/* interface language: the switch next to the theme button */
html[data-edition="dart"] #mt-lang,html[data-edition="dart"] #mt-lang{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;margin-left:6px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--text);cursor:pointer;font:600 12px/1 Geist,"PingFang SC","Microsoft YaHei",sans-serif}
html[data-edition="dart"] #mt-lang:hover,html[data-edition="dart"] #mt-lang:hover{border-color:var(--ink)}
html.lang-zh body,html.lang-zh button,html.lang-zh input{font-family:Geist,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
html.i18n-wait body{visibility:hidden}

/* dart token in the menu */
html[data-edition="dart"] .menu a.dart-link,html[data-edition="dart"] .menu a.dart-link{color:#c6f135;font-weight:700}
html[data-edition="dart"][data-theme="dark"] .menu a.dart-link,html[data-edition="dart"][data-theme="dark"] .menu a.dart-link{color:#c6f135}

/* the language menu */
#mt-lang-menu{position:absolute;z-index:1000;min-width:190px;padding:6px;border:1px solid var(--line-2);border-radius:12px;background:var(--paper,var(--panel));box-shadow:var(--shadow)}
#mt-lang-menu button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font:500 13.5px/1 Geist,"PingFang SC","Microsoft YaHei",sans-serif;cursor:pointer;text-align:left}
#mt-lang-menu button b{display:inline-grid;place-items:center;min-width:28px;height:22px;border-radius:6px;background:var(--chip);font-size:11px}
#mt-lang-menu button:hover{background:var(--hover)} #mt-lang-menu button.on b{background:var(--ink);color:var(--on-ink)}

/* ── Modern technical typography (Space Grotesk) ── */
@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
html[data-edition="dart"],html[data-edition="dart"]{
  --serif:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;
}
html[data-edition="dart"] .nav .logo span,html[data-edition="dart"] .logo span,
html[data-edition="dart"] .nav .logo span,html[data-edition="dart"] .logo span{
  font-family:var(--serif);font-style:normal;font-weight:700;font-size:24px;letter-spacing:-.03em;text-transform:lowercase;color:var(--text);
}
html[data-edition="dart"] .tbar .tb-t,html[data-edition="dart"] .tbar .tb-t{
  font-family:var(--serif);font-style:normal;font-weight:700;font-size:18px;letter-spacing:-.02em;text-transform:lowercase;color:var(--text);
}
html[data-edition="dart"] .au-hero h1,html[data-edition="dart"] .hero-main h1,html[data-edition="dart"] .an-head h1,html[data-edition="dart"] .rm-head h1,html[data-edition="dart"] .rm .top h1,html[data-edition="dart"] .gs-keys-r,html[data-edition="dart"] .page h1,html[data-edition="dart"] .tp-h h1,
html[data-edition="dart"] .au-hero h1,html[data-edition="dart"] .hero-main h1,html[data-edition="dart"] .an-head h1,html[data-edition="dart"] .rm-head h1,html[data-edition="dart"] .rm .top h1,html[data-edition="dart"] .gs-keys-r,html[data-edition="dart"] .page h1,html[data-edition="dart"] .tp-h h1{
  font-family:var(--serif);font-style:normal;font-weight:700;letter-spacing:-.03em;
}
html[data-edition="dart"] .au-hero h1 em,html[data-edition="dart"] .rm .top h1 em,html[data-edition="dart"] .au-hero h1 em,html[data-edition="dart"] .rm .top h1 em{
  font-style:normal;
}