/* motion — the NEAR edition. Two faces of one design: daylight (paper white,
   ink text) and night (green-black, NEAR green as the signal). Loaded after
   theme.css on motion hosts only (the NEAR indexer injects it for those hosts
   and 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="motion"]{
  --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:#00ec97; --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, NEAR green does the pointing */
html[data-edition="motion"][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:#00ec97; --green-2:#49f2b3; --green-bg:rgba(0,236,151,.16); --green-tint:rgba(0,236,151,.08); --green-line:rgba(0,236,151,.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:#00ec97; --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="motion"] *{scrollbar-color:var(--scroll) transparent}
html[data-edition="motion"] body{background:var(--bg);color:var(--text)}

/* ── frame: the nav with a NEAR-green rule under it, square everything ── */
html[data-edition="motion"] .nav{background:var(--paper);border-bottom:2px solid var(--near)}
html[data-edition="motion"] .logo span{font-weight:600;letter-spacing:-.02em}
html[data-edition="motion"] .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="motion"] .logo .mark{filter:none}
html[data-edition="motion"][data-theme="dark"] .logo .mark{filter:invert(1) hue-rotate(180deg) brightness(1.4)}
html[data-edition="motion"] .menu a.on{background:var(--ink);color:var(--on-ink);border-radius:3px}
html[data-edition="motion"] .menu a:hover{color:var(--text)}
html[data-edition="motion"] .tbar{background:var(--panel-2);border-bottom:1px solid var(--line)}
html[data-edition="motion"] .chains button{color:var(--sub)}
html[data-edition="motion"] .chains button.on{background:var(--ink);color:var(--on-ink)}
html[data-edition="motion"] .pill,html[data-edition="motion"] .ibtn,html[data-edition="motion"] .ib{background:var(--paper);border-color:var(--line);color:var(--text)}
html[data-edition="motion"] .pill:hover,html[data-edition="motion"] .ibtn:hover{border-color:var(--ink)}
html[data-edition="motion"] .search{background:var(--paper);border-color:var(--line)}
html[data-edition="motion"] .search input{color:var(--text)}
html[data-edition="motion"] input,html[data-edition="motion"] select,html[data-edition="motion"] textarea{background:var(--paper)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-edition="motion"] input::placeholder{color:var(--dim)}
/* the light / dark switch sits right after the wordmark */
html[data-edition="motion"] #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="motion"] #mt-theme:hover{border-color:var(--ink)} html[data-edition="motion"] #mt-theme svg{width:14px;height:14px}
html[data-edition="motion"] #mt-theme .sun{display:none} html[data-edition="motion"][data-theme="dark"] #mt-theme .sun{display:block} html[data-edition="motion"][data-theme="dark"] #mt-theme .moon{display:none}

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

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

/* ── sheets, dialogs, toasts ── */
html[data-edition="motion"] .modal{background:rgba(13,20,16,.38)} html[data-edition="motion"][data-theme="dark"] .modal{background:rgba(0,0,0,.6)}
html[data-edition="motion"] .fm,html[data-edition="motion"] .dlg,html[data-edition="motion"] .ntf,html[data-edition="motion"] .co-hover,html[data-edition="motion"] .dd-menu,html[data-edition="motion"] #lz{background:var(--paper);border-color:var(--line-2);color:var(--text)}
html[data-edition="motion"] .modal .btn{border-color:var(--line-2);color:var(--text)}
html[data-edition="motion"] .modal .btn.primary,html[data-edition="motion"] .btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
html[data-edition="motion"] .modal .btn.primary:hover{filter:brightness(1.12)}
html[data-edition="motion"] .xb-hop,html[data-edition="motion"] .xb-q,html[data-edition="motion"] .co-src{background:var(--panel-2)}
html[data-edition="motion"] .foot,html[data-edition="motion"] .ft{background:var(--paper);border-top:1px solid var(--line)}
html[data-edition="motion"] .giga{color:var(--text)}
html[data-edition="motion"] .empty{color:var(--sub)}
/* the tape: a new fill flashes green or red instead of sweeping ink */
/* a printed trade is the motion kit's .mk-arrive now (token.js): the slide and the side's colour, with the
   kit's reduced-motion policy — the edition no longer freezes the row into a static tint */
html[data-edition="motion"] .charthost > .wm{color:var(--wm)}
html[data-edition="motion"] .charthost,html[data-edition="motion"] #chart{background:var(--paper)}
html[data-edition="motion"] .rp{background:var(--chip);color:var(--sub-2)}
html[data-edition="motion"] .rp.n{color:var(--sub)}
html[data-edition="motion"] .st .v,html[data-edition="motion"] .vol,html[data-edition="motion"] .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="motion"] .kvi b:not(.mc){color:var(--sub-2)!important}
html[data-edition="motion"] .rp.n,html[data-edition="motion"] .rp.n svg{color:var(--sub);opacity:1}

/* interface language: the 中 / EN switch next to the theme button; CJK glyphs fall back to the system Chinese fonts; no English flash before the first pass */
html[data-edition="motion"] #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="motion"] #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}

/* BGC in the menu */
html[data-edition="motion"] .menu a.bgc-link{color:#5fbf2a;font-weight:700} html[data-edition="motion"][data-theme="dark"] .menu a.bgc-link{color:#a6f35f}

/* 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)}