/* ══════════════════════════════════════════════════════════════════════════
   MASTER DASHBOARD — the desk stylesheet, ported from the reference design.

   DO NOT hand-edit this file to change a colour. Every colour it uses comes from the
   app's own palette tokens through the alias block below, so all four palettes
   (slate · warm · teal · editorial) in both light and dark drive it automatically. A
   literal colour added here would be the one thing on the page that does not follow
   the palette switch.

   The reference names its tokens `--bg`/`--card`/`--ink`; we name ours
   `--app-bg`/`--surface`/`--text`. The alias exists so the ported rules stay
   byte-comparable with the reference they came from — diffing a future version of the
   design against this file has to stay possible, and renaming 900 declarations would
   end that.
   ══════════════════════════════════════════════════════════════════════════ */
#view-currencies{
  --bg: var(--app-bg);
  --card: var(--surface);
  /* The FIRST recessed step -- every panel that should sit BELOW the card it is on: a
     tile, a key-takeaway box, a callout, a day header, a hovered row.

     Not `--surface-sunken`, whose name is the trap. That token is near-white (#f9fcff
     slate light, #f4f5ef warm, #fbfcf9 teal) and, measured against the reference's own
     eight palette/mode values, matched 2 of 8 -- editorial, where the two happen to be
     equal. `--surface-row-active` matches 8 of 8 exactly. Aliased to the near-white one,
     every recessed panel painted at very nearly the card colour and read as flat text
     rather than as a panel. ForexFundamentals' own alias block records hitting the same
     trap from the other side. Alias by VALUE, never by name: `sunken` and `sunk` are the
     same word and two different greys. */
  --sunk: var(--surface-row-active);
  /* `--sunk2` is the reference's SECOND recessed step -- the grey a bar track, a hovered
     row and a selected leaderboard row are painted in. Our `--surface-row-active` is its
     FIRST step: #DCEDFF slate light, #DDDFD4 warm, #E3EEDC teal, byte-equal to the
     reference's `--sunk` in all four palettes and both modes. Aliasing `--sunk2` onto it
     therefore left the whole ladder one notch light, and the factor-by-factor bar tracks
     painted a pale tint on a white card -- no visible track at all.

     No app token sits at the deeper step, so it is DERIVED rather than hardcoded: six per
     cent of the ink mixed into the row colour, which was fitted against the reference's
     own eight `--sunk2` values (mean oklab distance .011, worst .022) and lands a shade or
     two off everywhere -- #D1E2F2 against its #CBDCF3 on slate light, #D1D4C9 against
     #CFD2C6 on warm. A literal would match one palette exactly and stop following the
     switch on the other seven. */
  --sunk2: color-mix(in oklab, var(--text) 6%, var(--surface-row-active));
  --ink: var(--text);
  --soft: var(--text-2);
  --faint: var(--text-faint);
  --rule: rgba(var(--hairline-rgb), .55);
  --rule2: rgba(var(--hairline-rgb), .95);
  --up: var(--bull-dot);
  --up-bg: var(--bull-tint);
  --up-bd: var(--bull-edge);
  --dn: var(--bear-dot);
  --dn-bg: var(--bear-tint);
  --dn-bd: var(--bear-edge);
  --nt: var(--text-muted);
  --nt-bg: var(--surface-sunken);
  --amber: var(--warn-text);
  --amber-bg: var(--warn-tint);
  --blue: var(--accent);
  --blue-bg: var(--info-tint);
  --fsans: var(--font-sans);
  --fmono: var(--font-mono);
  --fdisp: var(--font-display);
  --rad2: var(--r-md);
}

/* The reference styles `body`; here the view IS the page, and it is the
   reference's own `.page` column geometry that belongs on it. */
#view-currencies{
  background: var(--bg); color: var(--ink);
  font-family: var(--fsans);
  font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-wrap: pretty;
  max-width: 1300px; padding: 0 46px 90px; min-width: 0;
}
@media (max-width:860px){ #view-currencies{padding: 0 20px 70px} }

/* -- deviations our own app forces ----------------------------------------- */

/* `css/surface.css` carries the app's convention that a view's top-level blocks ARE
   cards:

       :where(.card, .view > .panel, .view > section){ background; border; radius; shadow }

   The reference's page is built the other way round. Its `section` rule is `margin-top`
   and nothing else, and a section is a HEADING SITTING ON THE PAGE followed by a card of
   its own; its `.card` is background, border and radius with no shadow. Ported faithfully,
   neither of our rules sets the properties the app's rule sets, so the app's won: every
   section on a currency page drew a box around its own heading, and every card carried a
   shadow the design does not have.

   The board escaped both only by accident of nesting — it returns one `.cb` wrapper, so
   its sections are not `.view > section`. A currency page returns six of them at the top
   level, exactly as the reference does, which is why this is a deviation block rather than
   a change to the renderer: the markup is right and the app rule is what does not apply
   here. Both app rules are zero-specificity `:where(...)`, so this is a reach, not a
   fight. */
#view-currencies > section {
  background: none; border: 0; border-radius: 0; box-shadow: none;
}
#view-currencies .card { box-shadow: none; }

/* Two fields the desk publishes on every currency and the reference has no slot for,
   because its fixture carries neither. They are here rather than in the sheet because
   the sheet is generated and a hand-edit in it is deleted by the next re-port.

   `.cconf` — how sure the desk is, beside the lean it qualifies. Deliberately the
   quietest thing in the header row: it modifies the bias chip and must not compete with
   it, so it takes the bank label's own register rather than a second pill. */
#view-currencies .chead .cconf {
  font-family: var(--fmono); font-size: 10.5px; letter-spacing: .06em;
  text-transform: uppercase; color: var(--faint); white-space: nowrap;
}

/* `.crisk` — what would go wrong, and what would prove the call wrong, under the reasons
   they answer. Built on `.cnote`'s shape (the page already has one "read this against the
   above" block, and two different shapes for one idea is how a page stops being one
   page), with the warning accent on the rule so it reads as a caution rather than as a
   second caveat.

   Two columns only when BOTH halves are published — `.two` is written by the renderer
   rather than inferred from the child count, so a single half always gets the full
   measure instead of half a panel with a gap beside it. */
#view-currencies .crisk {
  margin: 16px 0 0; max-width: 74ch; background: var(--sunk);
  border-left: 3px solid var(--amber); border-radius: 0 8px 8px 0; padding: 13px 16px;
}
#view-currencies .crisk.two {
  max-width: 92ch; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 26px;
}
@media (max-width:860px){ #view-currencies .crisk.two { grid-template-columns: 1fr; } }
#view-currencies .crisk .lb {
  display: block; font-family: var(--fmono); font-size: 10px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--amber); margin-bottom: 5px;
}
/* The falsifier is not a warning — it is the test the desk set itself, and colouring it
   amber would read as a second risk rather than as the thing that settles the first. */
#view-currencies .crisk .lb.alt { color: var(--faint); }
#view-currencies .crisk p { margin: 0; font-size: 13.5px; line-height: 1.65; color: var(--soft); }
#view-currencies .crisk p.q {
  margin-top: 5px; font-family: var(--fmono); font-size: 11px; color: var(--faint);
}

/* The bank's own release, and what it has not addressed. The reference's fixture carries
   neither, so neither has a rule to port; both are here for the same reason `.cconf` and
   `.crisk` are.

   `.cbsil` deliberately looks like a QUOTE and not like a warning. What a bank has not
   said is an observation about the record, not a risk, and amber here would read as the
   desk flagging something — which is exactly the over-claim the "reported with a source"
   rule exists to prevent. */
#view-currencies .cbcard .cbsil {
  margin-top: 12px; padding: 11px 14px; background: var(--sunk);
  border-left: 2px solid var(--rule2); border-radius: 0 6px 6px 0;
}
#view-currencies .cbcard .cbsil ul { margin: 6px 0 0; padding-left: 18px; }
#view-currencies .cbcard .cbsil li {
  font-size: 13px; line-height: 1.6; color: var(--soft); margin: 0 0 4px;
}
#view-currencies .cbcard .cbsil li:last-child { margin-bottom: 0; }
/* A line of context inside a bank card -- today, the decision the bank last took, in the
   Standing board's own sentence rather than the tile's one word. It carries its own type
   because `.cbcard p` is more specific than the sheet's own `.cbl2` and would override it
   into body copy; this has to read as a caption under the message, not as more message. */
#view-currencies .cbcard .cbmeta {
  margin: 0 0 10px; font-size: 12.5px; line-height: 1.55; color: var(--faint);
}
#view-currencies .cbcard .cbmeta b { color: var(--ink); font-weight: 600; }
#view-currencies .cbcard .cbmeta:last-child { margin-bottom: 0; }
/* The release sits last in the card because it is the receipt for everything above it. */
#view-currencies .cbcard .cbrel {
  display: inline-block; margin-top: 10px; font-size: 13px; color: var(--ink);
}
#view-currencies .cbcard a.cbrel:hover { text-decoration: underline; }
/* A `source_url` that is a STATEMENT rather than a link is not clickable and must not
   look it — same slot, quieter, no underline on hover. */
#view-currencies .cbcard .cbrel.plain { color: var(--soft); }

/* -- the factor drawer: this currency's answer, then the definition (2026-09-15) --
   The reference's drawer is three generic definitions and a leaderboard, and its fixture
   has no per-currency reading to put anywhere — so there is no rule to port for one. Ours
   publishes four: what was measured, the ladder that turns it into a score, where it
   places, and where the number came from. They are the answer to "why does this read +2",
   which is the question the drawer exists for, so they go ABOVE the definitions rather
   than under them.

   ⚠️ THE TWO WRAPPERS ARE WHAT KEEP THE DRAWER TWO ROWS. The ported sheet pins
   `.axexp2 .lbd` to `grid-column:3; grid-row:1/3` (the leaderboard is a full-height
   column beside the text, deviation 20), which leaves exactly FOUR auto-placed slots in
   columns 1–2. The drawer now emits up to five blocks of reading plus three of
   definition; auto-placed, the overflow flows to row 3 and lands underneath the
   leaderboard. Wrapping each group and placing it explicitly means the drawer stays two
   rows whatever any one currency happens to publish.

   Both class names are NEW, so neither fights a ported rule for specificity — which
   matters, because VIEW_HEAD is prepended and a deviation at equal specificity would
   lose to the sheet rather than beat it. */
#view-currencies .axexp2 .axrd {
  grid-column: 1 / 3; grid-row: 1;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px;
}
/* `.axrd` takes row 1 explicitly; `.axdef` takes only a COLUMN and lets auto-placement
   find its row. That is deliberate rather than lazy: pinning it to row 2 leaves row 1
   empty on a leg with no reading to show — a gapped leg publishes no basis, no ladder, no
   place and no note, so `axAnswer` returns "" and there is no `.axrd` at all. Auto-placed,
   it seats at row 2 behind `.axrd` and at row 1 when `.axrd` is absent, which is the
   intent in both cases. */
#view-currencies .axexp2 .axdef {
  grid-column: 1 / 3;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px;
  border-top: 1px solid var(--rule); padding-top: 11px;
}
/* The reading is about THIS currency and the definition is reference material identical
   on all ten, so they must not read as equals: the answer takes the body ink, the
   definition keeps the quieter register it had when it was the only thing here. */
#view-currencies .axexp2 .axrd p { color: var(--ink); }
#view-currencies .axexp2 .axdef .lb { opacity: .8; }
#view-currencies .axexp2 .axdef p { font-size: 12.5px; }
/* ⚠️ 760px, NOT 860px — THIS QUERY MUST MATCH THE PORTED SHEET'S OWN, not the page
   gutter's. `.axexp2 .lbd` un-pins from `grid-column:3; grid-row:1/3` at **760px**
   (currency-board.css, the `@media (max-width:760px)` block that also re-flows
   `.axexp2`); several of our deviations above use 860px for the page gutter, and copying
   that number here opened a 100px band (761–860px) where the leaderboard was STILL a
   pinned full-height third column while these two wrappers had already gone full width —
   so both got pushed to row 3, underneath it, which is the precise failure the wrappers
   exist to prevent. Below the real breakpoint the explicit placement has to come off, or
   they keep reserving a two-column grid that is no longer there. */
@media (max-width:760px){
  #view-currencies .axexp2 .axrd, #view-currencies .axexp2 .axdef {
    grid-column: 1 / -1; grid-row: auto;
  }
}

/* The two paragraphs that tell a reader the page runs on a second dataset at all.
   `.cbridge` hands over from the desk's own reasons to the measured comparison; it is a
   sibling of `.cintro` and deliberately quieter than it, because the recap is the claim
   and this is the page explaining where the rest of itself comes from. */
#view-currencies .cbridge {
  margin: 10px 0 0; max-width: 78ch; font-size: 14px; line-height: 1.7; color: var(--soft);
}
/* `.cmpintro` states the mechanics of the comparison once, under its heading. Same
   register as the bridge — it is the same voice answering the same question one level
   down — and capped at the measure the section's own rows read at. */
#view-currencies .cmpintro {
  margin: 0 0 12px; max-width: 78ch; font-size: 13.5px; line-height: 1.7; color: var(--soft);
}
#view-currencies .cmpintro em { font-style: normal; color: var(--ink); font-weight: 600; }

#view-currencies * {box-sizing:border-box}
#view-currencies button {font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
#view-currencies a {color:var(--blue)}
#view-currencies :focus-visible {outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
#view-currencies .m {font-family:var(--fmono);font-variant-numeric:tabular-nums}
#view-currencies .lb {font-family:var(--fmono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
#view-currencies img.fl {border-radius:999px;object-fit:cover;box-shadow:0 0 0 1px rgba(26,29,33,.10);vertical-align:-3px}
#view-currencies .fpair {display:inline-flex;align-items:center;flex:0 0 auto;margin-right:3px;vertical-align:middle}
#view-currencies .fpair img.fl {border:2px solid var(--card);border-radius:999px;vertical-align:middle;
  box-sizing:content-box;box-shadow:0 0 0 1px rgba(26,29,33,.12);position:relative}
#view-currencies .fpair img.fl:first-child {z-index:2}
#view-currencies .fpair img.fl+img.fl {margin-left:calc(var(--fp) * -0.40);z-index:1}
#view-currencies .shell {display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}
#view-currencies .page {max-width:1300px;margin:0;padding:0 46px 90px;min-width:0}
#view-currencies .side {position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;padding:20px 14px 24px;
  border-right:1px solid var(--rule);background:var(--card);display:flex;flex-direction:column;gap:22px}
#view-currencies .sbrand {display:flex;align-items:center;gap:10px;padding:0 8px 4px}
#view-currencies .sbrand span {display:flex;flex-direction:column;line-height:1.25}
#view-currencies .sbrand b {font-size:14px;font-weight:700;letter-spacing:-.01em}
#view-currencies .sbrand i {font-style:normal;font-size:11px;color:var(--faint)}
#view-currencies .sgl {display:block;font-family:var(--fmono);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);padding:0 8px;margin-bottom:7px}
#view-currencies .sitem {display:flex;align-items:center;gap:10px;width:100%;padding:8px 9px;border-radius:8px;
  font-size:13.5px;color:var(--soft);border:0;background:none;cursor:pointer;position:relative}
#view-currencies .sitem .ic {font-size:13px;color:var(--faint);width:15px;text-align:center}
#view-currencies .sitem:hover {background:var(--sunk2);color:var(--ink)}
#view-currencies .sitem.on {background:var(--sunk2);color:var(--ink);font-weight:600}
#view-currencies .sitem.on .ic {color:var(--ink)}
#view-currencies .sitem .cnt {margin-left:auto;font-family:var(--fmono);font-size:10px;color:var(--faint)}
#view-currencies .sitem .cv {font-size:9px;color:var(--faint);margin-left:7px;transition:transform .15s}
#view-currencies .sitem.exp .cv {transform:rotate(180deg)}
#view-currencies .sitem.soon {cursor:default;color:var(--soft)}
#view-currencies .sitem.soon:hover {background:var(--sunk2);color:var(--soft)}
#view-currencies .sitem .nml {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-currencies .sitem .sn {margin-left:auto;flex:0 0 auto;white-space:nowrap;font-family:var(--fmono);
  font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);
  background:var(--rule);border-radius:5px;padding:3px 6px;line-height:1;
  opacity:0;transition:opacity .16s ease}
#view-currencies .sitem.soon:hover .sn {opacity:1}
@media (hover:none) {
  #view-currencies .sitem .sn {opacity:1}
}
#view-currencies .ssub {margin:3px 0 0 9px;padding-left:9px;border-left:1px solid var(--rule)}
#view-currencies .ssi {display:flex;align-items:center;gap:7px;width:100%;padding:5px 7px;border-radius:7px;border:0;
  background:none;cursor:pointer;font-size:12px}
#view-currencies .ssi:hover {background:var(--sunk2)}
#view-currencies .ssi.on {background:var(--sunk2);font-weight:600}
#view-currencies .ssiall {display:block;padding:8px 7px 9px;margin-bottom:5px;border-bottom:1px solid var(--rule);
  border-radius:7px 7px 0 0}
#view-currencies .fstack {display:flex;align-items:center;margin-bottom:6px}
#view-currencies .fstack img.fl {border:1.5px solid var(--card);box-sizing:content-box;border-radius:999px;
  box-shadow:0 0 0 1px rgba(26,29,33,.12)}
#view-currencies .fstack img.fl+img.fl {margin-left:-7px}
#view-currencies .ssiall .lbl {display:block;font-size:12px;font-weight:600}
#view-currencies .ssi .r {font-family:var(--fmono);font-size:9.5px;color:var(--faint);width:20px}
#view-currencies .ssi .cd {font-family:var(--fmono);font-weight:600}
#view-currencies .ssi .sig {margin-left:auto;transform:scale(.84);transform-origin:right center}
#view-currencies .sfoot {margin-top:auto;padding:0 8px}
#view-currencies .sfoot .thm {width:100%;justify-content:center}
@media (max-width:860px) {
  #view-currencies .shell {grid-template-columns:1fr}
  #view-currencies .side {position:static;height:auto;border-right:0;border-bottom:1px solid var(--rule)}
  #view-currencies .ssub {display:flex;flex-wrap:wrap;gap:4px;border-left:0;margin-left:0;padding-left:0}
  #view-currencies .ssi {width:auto}
  #view-currencies .page {padding:0 20px 70px}
}
@media print {
  #view-currencies .side {display:none}
  #view-currencies .shell {grid-template-columns:1fr}
}
#view-currencies .mast {display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:18px 0 14px;
  border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:30;background:var(--bg)}
#view-currencies .wm {font-family:var(--fmono);font-size:12px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--soft)}
#view-currencies .nav {display:flex;gap:16px;flex-wrap:wrap;font-family:var(--fmono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
#view-currencies .nav .soon {position:relative;cursor:default}
#view-currencies .nav .soon:hover {color:var(--soft)}
#view-currencies .nav .soon::after {content:'Coming soon';position:absolute;left:50%;top:calc(100% + 9px);
  transform:translateX(-50%);background:var(--ink);color:var(--bg);font-size:9px;letter-spacing:.1em;
  padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .14s ease;z-index:20}
#view-currencies .nav .soon:hover::after {opacity:1}
#view-currencies .nav .on {color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:3px}
#view-currencies .stat {margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;font-family:var(--fmono);font-size:11px;color:var(--faint)}
#view-currencies .dot {width:7px;height:7px;border-radius:999px;background:var(--up);position:relative}
#view-currencies .stat .dot {animation:pulse 2.4s ease-in-out infinite}
#view-currencies .stat .dot::after {content:'';position:absolute;inset:0;border-radius:999px;background:var(--up);
  animation:ping 2.4s cubic-bezier(.2,.7,.4,1) infinite}
@keyframes pulse {0%,100%{opacity:1}50%{opacity:.55}}
@keyframes ping {0%{transform:scale(1);opacity:.45}70%,100%{transform:scale(2.8);opacity:0}}
@media (prefers-reduced-motion:reduce) {
  #view-currencies .stat .dot {animation:none}
  #view-currencies .stat .dot::after {display:none}
}
#view-currencies section {margin-top:38px}
#view-currencies .sh {display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
#view-currencies .sh h2 {font-size:21px;font-weight:700;letter-spacing:-.015em;margin:0}
#view-currencies .sh .r {margin-left:auto;font-family:var(--fmono);font-size:11px;color:var(--faint)}
#view-currencies .purpose {margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--soft);max-width:80ch}
#view-currencies .purpose b {color:var(--ink);font-weight:600}
#view-currencies .sig {display:inline-flex;align-items:center;gap:5px;font-family:var(--fmono);font-size:10.5px;
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;
  border:1px solid transparent;white-space:nowrap}
#view-currencies .sig.up {background:var(--up-bg);border-color:var(--up-bd);color:var(--up)}
#view-currencies .sig.dn {background:var(--dn-bg);border-color:var(--dn-bd);color:var(--dn)}
#view-currencies .sig.nt {background:var(--nt-bg);border-color:var(--rule2);color:var(--nt)}
#view-currencies .sig.dir {min-width:88px;justify-content:center;letter-spacing:.1em}
#view-currencies .sig.wn {background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}
#view-currencies .chip {display:inline-flex;align-items:center;gap:6px;font-family:var(--fmono);font-size:10.5px;
  padding:5px 11px;border-radius:999px;border:1px solid var(--rule2);color:var(--soft);background:var(--card)}
#view-currencies .chip[aria-pressed="true"] {background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}
#view-currencies .card {background:var(--card);border:1px solid var(--rule);border-radius:12px}
#view-currencies .tops {margin-top:26px}
#view-currencies .topgrid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
#view-currencies .tcard {display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);
  border-top:3px solid var(--up);border-radius:0 0 12px 12px;padding:16px 18px 18px}
#view-currencies .tcard.dn {border-top-color:var(--dn)}
#view-currencies .tcard.open {border-color:var(--rule2);box-shadow:0 10px 30px rgba(15,17,21,.08)}
#view-currencies .tcard .th {display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#view-currencies .tcard .rk {font-family:var(--fmono);font-size:11px;font-weight:600;color:var(--faint)}
#view-currencies .tcard .p {display:inline-flex;align-items:center;gap:7px;font-family:var(--fmono);
  font-size:14px;font-weight:600}
#view-currencies .tcard .cv {display:block;margin-top:9px;font-family:var(--fmono);font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
#view-currencies .tcard .hl {margin:6px 0 8px;font-size:19px;line-height:1.28;font-weight:700;letter-spacing:-.02em}
#view-currencies .tcard .ex {margin:0 0 16px;font-size:13.5px;line-height:1.6;color:var(--soft);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#view-currencies .tcard .rm {margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--fmono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  padding:9px 14px;border-radius:999px;border:1px solid var(--rule2);background:transparent;
  color:var(--soft);cursor:pointer}
#view-currencies .tcard .rm:hover {color:var(--ink);border-color:var(--ink)}
#view-currencies .tcard.open .rm {background:var(--ink);border-color:var(--ink);color:var(--bg)}
#view-currencies .topopen {margin-top:14px;background:var(--card);border:1px solid var(--rule);
  border-left:4px solid var(--up);border-radius:12px;padding:20px 22px}
#view-currencies .topopen.dn {border-left-color:var(--dn)}
#view-currencies .topopen .toh {display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:12px}
#view-currencies .topopen .toh .p {display:inline-flex;align-items:center;gap:8px;font-family:var(--fmono);
  font-size:16px;font-weight:600}
#view-currencies .topopen .toh .hl {font-size:15px;font-weight:600;color:var(--soft)}
#view-currencies .topopen .lead {margin:0;font-size:15px;line-height:1.65;max-width:78ch;color:var(--soft)}
@media (max-width:900px) {
  #view-currencies .topgrid {grid-template-columns:1fr}
  #view-currencies .tcard .ex {-webkit-line-clamp:none}
}
@media print {
  #view-currencies .tcard .rm {display:none}
}
#view-currencies .top .flag {display:inline-flex;align-items:center;gap:8px;background:var(--up-bg);border:1px solid var(--up-bd);
  color:var(--up);border-radius:999px;padding:4px 12px;font-family:var(--fmono);font-size:10.5px;
  font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#view-currencies .top h1 {font-size:27px;line-height:1.25;font-weight:700;letter-spacing:-.02em;margin:14px 0 6px}
#view-currencies .top .pairline {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#view-currencies .top .pairline .p {font-family:var(--fmono);font-size:19px;font-weight:600}
#view-currencies .top p {margin:0 0 10px;font-size:15px;line-height:1.65;max-width:78ch}
#view-currencies .top .grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px}
#view-currencies .top .box {background:var(--sunk);border-radius:8px;padding:12px 14px}
#view-currencies .top .box .lb {display:block;color:var(--faint);margin-bottom:5px}
#view-currencies .top .box p {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft)}
#view-currencies .legend {display:flex;gap:16px;flex-wrap:wrap;background:var(--sunk);border-radius:8px;padding:10px 14px;
  margin-bottom:14px;font-size:12.5px;color:var(--soft)}
#view-currencies .legend span b {color:var(--ink)}
#view-currencies .rel {display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:12px}
#view-currencies .rel .c {background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:14px 16px}
#view-currencies .rel .c .hd {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-currencies .rel .c .nm {font-family:var(--fmono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--soft);display:block;margin-bottom:4px}
#view-currencies .rel .c .v {font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#view-currencies .rel .c .cons {font-family:var(--fmono);font-size:10.5px;color:var(--faint);display:block;margin-top:2px}
#view-currencies .rel .c .why {margin:11px 0 0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-currencies .stars {font-family:var(--fmono);font-size:11px;letter-spacing:1px;margin-left:auto}
#view-currencies .bhead, #view-currencies .brow {display:grid;grid-template-columns:46px 132px 108px 1fr 74px 26px;gap:14px;align-items:center}
#view-currencies .brow .rk {font-family:var(--fmono);font-size:13px;font-weight:600;color:var(--faint)}
#view-currencies .bhead {padding:10px 16px;background:var(--sunk);border-bottom:1px solid var(--rule)}
#view-currencies .bhead span, #view-currencies .bhead button {font-family:var(--fmono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .bhead button {background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;gap:5px;
  font-weight:400}
#view-currencies .bhead button:hover {color:var(--ink)}
#view-currencies .bhead button.on {color:var(--ink);font-weight:600}
#view-currencies .bhead button .ar {font-size:8px;opacity:.55}
#view-currencies .bhead button.on .ar {opacity:1}
#view-currencies .bhead button.rt {justify-content:flex-end}
#view-currencies .brow {padding:13px 16px;border-bottom:1px solid var(--rule);cursor:pointer;width:100%}
#view-currencies .brow:hover {background:var(--sunk)}
#view-currencies .brow .cc {display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.02em}
#view-currencies .brow .cc small {display:block;font-family:var(--fmono);font-size:9px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint);font-weight:400}
#view-currencies .brow .ln {font-size:13.5px;color:var(--soft);line-height:1.45}
#view-currencies .brow .y {text-align:right;font-family:var(--fmono);font-size:14px}
#view-currencies .brow .ex {text-align:right;color:var(--faint);font-family:var(--fmono)}
#view-currencies .bexp {padding:18px 16px 22px;background:var(--sunk);border-bottom:1px solid var(--rule)}
@media (max-width:760px) {
  #view-currencies .bhead, #view-currencies .phead {display:none}
  #view-currencies .brow {grid-template-columns:42px 1fr 26px;gap:8px}
}
#view-currencies .dr {display:grid;grid-template-columns:150px 92px 110px 92px 56px;gap:12px;align-items:center;
  padding:11px 0;border-bottom:1px solid var(--rule)}
#view-currencies .dr:last-child {border-bottom:0}
#view-currencies .trk {position:relative;height:7px;background:var(--sunk2);border-radius:999px}
#view-currencies .trk .z {position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;background:var(--rule2)}
#view-currencies .trk b {position:absolute;top:0;bottom:0;border-radius:999px}
#view-currencies .dr .k {font-weight:600;font-size:13.5px;min-width:0}
#view-currencies .dr .sa, #view-currencies .dr .sb {font-family:var(--fmono);font-size:12px;color:var(--faint);white-space:nowrap}
#view-currencies .dr .sa {text-align:right}
#view-currencies .dr .sb {text-align:left}
#view-currencies .dr .lead {color:var(--ink);font-weight:600}
#view-currencies .dr .sc {text-align:right;font-family:var(--fmono);font-weight:600}
#view-currencies .dr .ds {grid-column:1/-1;font-size:13px;color:var(--soft);line-height:1.5;margin-top:1px}
@media (max-width:820px) {
  #view-currencies .dr {grid-template-columns:1fr 60px}
  #view-currencies .dr .trk, #view-currencies .dr .ds {display:none}
}
#view-currencies .phead {display:grid;grid-template-columns:150px 138px minmax(0,1fr) 26px;gap:14px;align-items:center;
  padding:10px 16px;background:var(--sunk);border-bottom:1px solid var(--rule)}
#view-currencies .phead span {font-family:var(--fmono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .prow {display:grid;grid-template-columns:150px 138px minmax(0,1fr) 26px;gap:14px;align-items:center;
  padding:14px 16px;border-bottom:1px solid var(--rule);cursor:pointer;width:100%}
#view-currencies .prow:hover {background:var(--sunk)}
#view-currencies .prow .pp {display:flex;align-items:center;gap:7px;font-family:var(--fmono);font-weight:600;font-size:14.5px}
#view-currencies .prow .ln {font-size:13.5px;color:var(--soft);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#view-currencies .prow {min-height:62px}
#view-currencies .prow .ex {text-align:right;color:var(--faint);font-family:var(--fmono)}
#view-currencies .pexp {padding:22px 16px 32px;background:var(--sunk);border-bottom:1px solid var(--rule)}
#view-currencies .pexp .pt {margin:0 0 12px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.015em;max-width:70ch}
#view-currencies .pexp .note {margin-top:18px}
#view-currencies .note {background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:12px 14px;margin-top:14px}
#view-currencies .note .lb {display:block;color:var(--faint);margin-bottom:5px}
#view-currencies .note p {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft)}
@media (max-width:760px) {
  #view-currencies .prow {grid-template-columns:1fr 26px;gap:8px}
}
#view-currencies .filters {display:flex;gap:7px;flex-wrap:wrap;align-items:center;background:var(--card);border:1px solid var(--rule);
  border-radius:12px;padding:11px 13px;margin-bottom:14px}
#view-currencies .news {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
#view-currencies .na {background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:15px 17px;cursor:pointer;
  display:flex;flex-direction:column;min-height:186px;
  display:flex;flex-direction:column;gap:9px}
#view-currencies .na:hover {border-color:var(--rule2)}
#view-currencies .na.open {grid-column:1/-1;border-color:var(--ink)}
#view-currencies .na .meta {display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  font-family:var(--fmono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
#view-currencies .na .meta {flex-wrap:nowrap;min-height:26px}
#view-currencies .na .meta .mi {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  display:block;font-family:var(--fmono)}
#view-currencies .na .meta .tags {margin-left:auto;display:flex;gap:5px;flex:0 0 auto}
#view-currencies .na .meta .tm {color:var(--ink);font-weight:600}
#view-currencies .na .meta .src {color:var(--soft)}
#view-currencies .na h3 {margin:0;font-size:15.5px;line-height:1.35;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#view-currencies .na .sum {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#view-currencies .na .kt {background:var(--sunk);border-radius:8px;padding:14px 16px;margin-top:2px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
#view-currencies .na .kt>div {min-width:0}
#view-currencies .na .kt p {margin:0;font-size:13.2px;line-height:1.6;color:var(--soft)}
#view-currencies .na .kt .ac p {color:var(--ink)}
#view-currencies .na .kt .lb {display:block;color:var(--faint);margin-bottom:6px}
#view-currencies .na .kt ul {margin:0;padding-left:18px}
#view-currencies .na .kt li {font-size:13.5px;line-height:1.55;color:var(--soft);margin-bottom:5px}
#view-currencies .na .kt li:last-child {margin-bottom:0}
#view-currencies .na .more {margin-top:auto;padding-top:12px;font-family:var(--fmono);font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
#view-currencies .na.open h3, #view-currencies .na.open .sum {-webkit-line-clamp:unset;display:block;overflow:visible}
#view-currencies .na:not(.open) .kt {display:none}
#view-currencies .day {margin-bottom:14px}
#view-currencies .dayhd {padding:13px 16px;border-bottom:1px solid var(--rule);background:var(--sunk)}
#view-currencies .dayhd b {font-size:15px;font-weight:700}
#view-currencies .dayhd p {margin:3px 0 0;font-size:13px;color:var(--soft)}
#view-currencies .evt {display:grid;grid-template-columns:74px 1fr 92px;gap:14px;padding:13px 16px;border-bottom:1px solid var(--rule);align-items:start}
#view-currencies .evt:last-child {border-bottom:0}
#view-currencies .evt .t {font-family:var(--fmono);font-size:12px;color:var(--soft)}
#view-currencies .evt .ti {font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:7px}
#view-currencies .evt .cons {font-family:var(--fmono);font-size:11px;color:var(--faint);margin-top:3px}
#view-currencies .evt .why {font-size:13px;color:var(--soft);margin-top:5px;line-height:1.5}
#view-currencies .evt .im {text-align:right}
#view-currencies .evt[hidden] {display:none}
@media (max-width:760px) {
  #view-currencies .evt {grid-template-columns:1fr 92px}
  #view-currencies .evt .t {grid-column:1/-1}
}
#view-currencies .foot {margin-top:44px;padding-top:16px;border-top:1px solid var(--rule2);
  font-family:var(--fmono);font-size:10.5px;line-height:1.75;color:var(--faint)}
#view-currencies .axp {display:grid;grid-template-columns:150px 120px 64px minmax(0,1fr) 20px;gap:14px;align-items:start;
  padding:13px 18px}
#view-currencies .axp .k {font-weight:600;font-size:13.5px;min-width:0}
#view-currencies .axp .k small {display:block;font-family:var(--fmono);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);font-weight:400;margin-top:2px}
#view-currencies .axp .sc {text-align:right;font-family:var(--fmono);font-weight:600;font-size:14px;
  font-variant-numeric:tabular-nums}
#view-currencies .axp .why {font-size:13px;line-height:1.55;color:var(--soft);min-width:0;overflow-wrap:anywhere;
  padding-left:14px;border-left:1px solid var(--rule)}
#view-currencies .axp .trk {margin-top:5px}
#view-currencies .axp .ex {text-align:right;color:var(--faint);font-family:var(--fmono);font-size:13px}
@media (max-width:820px) {
  #view-currencies .axp {grid-template-columns:1fr 64px 20px}
  #view-currencies .axp .trk, #view-currencies .axp .why {grid-column:1/-1}
  #view-currencies .axp .trk {display:none}
  #view-currencies .axp .why {padding-left:0;border-left:0}
}
#view-currencies .axr {display:grid;grid-template-columns:28px 170px 128px 60px minmax(0,1fr) 18px;gap:0 13px;
  align-items:center;padding:11px 18px}
#view-currencies .axr .ic {width:26px;height:26px;border-radius:7px;background:var(--sunk2);color:var(--soft);
  display:flex;align-items:center;justify-content:center}
#view-currencies .axr .ic svg {width:14px;height:14px}
#view-currencies .axr.open .ic {background:var(--ink);color:var(--bg)}
#view-currencies .axr .nm b {display:block;font-weight:600;font-size:13.5px;letter-spacing:-.01em;line-height:1.3}
#view-currencies .axr .nm small {display:block;font-size:10.5px;line-height:1.35;color:var(--faint);margin-top:2px}
#view-currencies .axr .bw {display:block}
#view-currencies .axr .trk {display:block;width:100%;height:6px;margin:0}
#view-currencies .axr .trk b.up {background:var(--up)}
#view-currencies .axr .trk b.dn {background:var(--dn)}
#view-currencies .axr .trk b.nt {background:var(--faint)}
#view-currencies .axr .trk b.lv {background:var(--up)}
#view-currencies .axr .trk.lv .z {display:none}
#view-currencies .axr .scale {display:flex;justify-content:space-between;margin-top:3px}
#view-currencies .axr .scale i {font-style:normal;font-family:var(--fmono);font-size:8.5px;color:var(--faint)}
#view-currencies .axr .nm small em {font-style:normal;color:var(--soft);font-weight:600}
#view-currencies .axr .sc {justify-self:end;font-family:var(--fmono);font-weight:600;font-size:12px;
  padding:3px 9px;border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}
#view-currencies .axr .sc.up {background:var(--up-bg);color:var(--up)}
#view-currencies .axr .sc.dn {background:var(--dn-bg);color:var(--dn)}
#view-currencies .axr .sc.nt {background:var(--sunk2);color:var(--faint)}
#view-currencies .axr .sc.lv {background:var(--sunk2);color:var(--ink)}
#view-currencies .axr .why {font-size:12.5px;line-height:1.5;color:var(--soft);min-width:0;overflow-wrap:anywhere;
  padding-left:14px;border-left:1px solid var(--rule)}
#view-currencies .axr .ex {justify-self:end;color:var(--faint);font-family:var(--fmono);font-size:13px}
@media (max-width:1080px) {
  #view-currencies .axr {grid-template-columns:28px minmax(0,1fr) 120px 58px 18px;gap:6px 13px;padding:13px 18px}
  #view-currencies .axr .why {grid-column:2/-1;padding-left:0;border-left:0;margin-top:6px}
}
@media (max-width:640px) {
  #view-currencies .axr {grid-template-columns:28px minmax(0,1fr) 58px 18px}
  #view-currencies .axr .bw {grid-column:2/-1;margin-top:6px}
}
#view-currencies }

 
.rsn {border:1px solid var(--rule);border-radius:10px;padding:12px 14px;margin-bottom:9px;background:var(--card)}
#view-currencies .rsn:last-child {margin-bottom:0}
#view-currencies .rsn .hd {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
#view-currencies .rsn .w {font-family:var(--fmono);font-size:10px;font-weight:600;letter-spacing:.06em;
  padding:3px 8px;border-radius:999px;background:var(--ink);color:var(--bg)}
#view-currencies .rsn .ref {font-family:var(--fmono);font-size:10px;color:var(--faint);
  margin-left:auto;overflow-wrap:anywhere;text-align:right}
#view-currencies .rsn p {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft);overflow-wrap:anywhere}
#view-currencies .pend {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint)}
#view-currencies .state {font-family:var(--fmono);font-size:9.5px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--rule2);color:var(--faint)}
#view-currencies .state.firing {background:var(--ink);border-color:var(--ink);color:var(--bg)}
#view-currencies .state.armed {background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}
#view-currencies .brow .cc, #view-currencies .prow .pp, #view-currencies .evt .ti {min-width:0}
#view-currencies .brow .cc>span, #view-currencies .prow .pp, #view-currencies .evt .ti {overflow-wrap:anywhere}
#view-currencies .brow .ln, #view-currencies .prow .ln, #view-currencies .evt .why, #view-currencies .evt .cons {min-width:0;overflow-wrap:anywhere}
#view-currencies .prow {align-items:start}
#view-currencies .prow .sig {white-space:nowrap}
#view-currencies .prow>span {min-width:0}
#view-currencies .prow .pp {flex-wrap:wrap;line-height:1.35}
#view-currencies .evt {align-items:start}
#view-currencies .evt .ti {flex-wrap:wrap;line-height:1.35}
#view-currencies .evt .im .sig {white-space:nowrap;text-align:center;line-height:1.3}
#view-currencies .dr .ds {min-width:0}
#view-currencies .dr .ds {min-width:0;overflow-wrap:anywhere}
#view-currencies .relrail {display:flex;align-items:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;
  scrollbar-width:thin;scrollbar-color:var(--rule2) transparent;-webkit-overflow-scrolling:touch}
#view-currencies .relrail::-webkit-scrollbar {height:7px}
#view-currencies .relrail::-webkit-scrollbar-thumb {background:var(--rule2);border-radius:999px}
#view-currencies .relrail::-webkit-scrollbar-track {background:transparent}
#view-currencies .relrail .c {flex:0 0 min(272px,82vw);scroll-snap-align:start;
  background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:14px 16px}
#view-currencies .relrail .c .hd {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-currencies .relrail .c .nm {font-family:var(--fmono);font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--soft);display:block;margin-bottom:4px}
#view-currencies .relrail .c .v {font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#view-currencies .relrail .c .cons {font-family:var(--fmono);font-size:10.5px;color:var(--faint);display:block;margin-top:2px}
#view-currencies .relrail .c .why {margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-currencies .relrail .c .rf {display:block;margin-top:11px;padding:0;background:none;border:0;cursor:pointer;
  font-family:var(--fmono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--blue)}
#view-currencies .relrail .c .rf:hover {text-decoration:underline}
#view-currencies .relrail .c.open {border-color:var(--rule2)}
@media print {
  #view-currencies .relrail .c .rf {display:none}
  #view-currencies .relrail .c .why {display:block}
}
@media print {
  #view-currencies .relrail {overflow:visible;flex-wrap:wrap}
  #view-currencies .relrail .c {flex-basis:31%}
}
#view-currencies .stat .sep {width:1px;height:11px;background:var(--rule2);display:inline-block}
#view-currencies .stat .upd {color:var(--soft)}
#view-currencies .chain {display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;gap:10px;align-items:stretch;margin-top:18px}
#view-currencies .chain .step {background:var(--sunk);border-radius:8px;padding:12px 14px;position:relative}
#view-currencies .chain .step .n {position:absolute;top:-9px;left:12px;width:19px;height:19px;border-radius:999px;
  background:var(--ink);color:var(--bg);font-family:var(--fmono);font-size:10px;font-weight:600;
  display:flex;align-items:center;justify-content:center}
#view-currencies .chain .step .lb {display:block;color:var(--faint);margin:3px 0 5px}
#view-currencies .chain .step .hl {display:block;font-size:14.5px;font-weight:600;line-height:1.4;
  letter-spacing:-.01em;margin-bottom:7px}
#view-currencies .chain .step p {margin:0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-currencies .chain .step.s3 p b {color:var(--ink)}
#view-currencies .chain .arw {display:flex;align-items:center;justify-content:center;color:var(--rule2);font-size:17px}
#view-currencies .risk {margin-top:12px;background:var(--dn-bg);border:1px solid var(--dn-bd);border-radius:8px;padding:12px 14px}
#view-currencies .risk .lb {display:block;color:var(--dn);margin-bottom:5px}
#view-currencies .risk p {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft)}
@media (max-width:820px) {
  #view-currencies .chain {grid-template-columns:1fr;gap:16px}
  #view-currencies .chain .arw {transform:rotate(90deg);height:8px}
}
#view-currencies .qm {width:18px;height:18px;border-radius:999px;border:1px solid var(--rule2);background:transparent;
  color:var(--faint);font-family:var(--fsans);font-size:11px;font-weight:600;line-height:1;
  cursor:pointer;margin:0 0 0 8px;padding:0;flex:0 0 auto;position:relative;top:-1px;
  display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
#view-currencies .qm span {display:block;line-height:1}
#view-currencies .sh h2 .qm {width:20px;height:20px;font-size:12px;top:-2px}
#view-currencies .qm:hover {background:var(--ink);border-color:var(--ink);color:var(--bg)}
#view-currencies .tour-hl {box-shadow:0 0 0 2px var(--amber),0 0 0 6px var(--amber-bg);border-radius:8px;
  transition:box-shadow .18s ease}
#view-currencies .tip {position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));
  background:var(--card);border:1px solid var(--rule2);border-radius:12px;padding:15px 17px 13px;
  box-shadow:0 14px 44px rgba(15,17,21,.22);z-index:60}
#view-currencies .tip .th {display:flex;align-items:baseline;gap:10px;margin-bottom:7px}
#view-currencies .tip .th b {font-size:14px}
#view-currencies .tip .th .ct {margin-left:auto;font-family:var(--fmono);font-size:10.5px;color:var(--faint)}
#view-currencies .tip p {margin:0;font-size:13.5px;line-height:1.58;color:var(--soft)}
#view-currencies .tip .tb {display:flex;gap:8px;margin-top:12px}
#view-currencies .tip button {font:inherit;font-size:12.5px;padding:6px 13px;border-radius:999px;cursor:pointer;
  border:1px solid var(--rule2);background:transparent;color:var(--soft)}
#view-currencies .tip button.pri {background:var(--ink);border-color:var(--ink);color:var(--bg);margin-left:auto}
@media print {
  #view-currencies .qm, #view-currencies .tip {display:none!important}
  #view-currencies .tour-hl {box-shadow:none}
}
#view-currencies .ax {width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);cursor:pointer;
  font:inherit;color:inherit}
#view-currencies .ax:hover {background:var(--sunk2)}
#view-currencies .ax.open {border-bottom-color:transparent}
#view-currencies .axr .ex {justify-self:end;align-self:start;color:var(--faint);font-family:var(--fmono);
  font-size:13px;margin-top:4px}
#view-currencies .ax:hover .ex {color:var(--ink)}
#view-currencies .axexp {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;
  background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:14px 16px;margin:0 0 12px}
#view-currencies .axexp .lb {display:block;color:var(--faint);margin-bottom:4px}
#view-currencies .axexp p {margin:0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-currencies .axexp .ev {grid-column:1/-1;border-top:1px solid var(--rule);padding-top:11px}
#view-currencies .axexp .ev p {color:var(--ink)}
#view-currencies .axexp .ev p.dv {margin-top:8px;color:var(--soft);font-size:12.5px}
#view-currencies .axexp .ev p.dv b {color:var(--faint);font-family:var(--fmono);font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase}
#view-currencies .score {background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:14px 16px;margin-bottom:20px}
#view-currencies .score .lb {display:block;color:var(--faint);margin-bottom:6px}
#view-currencies .score p {margin:0;font-size:13.8px;line-height:1.6;color:var(--soft);max-width:80ch}
#view-currencies .score p b {color:var(--ink)}
#view-currencies .score p.q {margin-top:9px;padding-top:9px;border-top:1px solid var(--rule);font-size:13px}
#view-currencies .cmps {margin-top:4px}
#view-currencies .cmp {width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);cursor:pointer;
  font:inherit;color:inherit;display:grid;gap:14px;align-items:center;padding:12px 0;
  grid-template-columns:136px 86px 96px 86px minmax(0,1fr) 20px}
#view-currencies .cmp:hover {background:var(--sunk2)}
#view-currencies .cmp .k {font-weight:600;font-size:13.5px;min-width:0}
#view-currencies .cmp .k small {display:block;font-family:var(--fmono);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);font-weight:400;margin-top:2px}
#view-currencies .cmp .sa, #view-currencies .cmp .sb {font-family:var(--fmono);font-size:12px;color:var(--faint);white-space:nowrap}
#view-currencies .cmp .sa {text-align:right}
#view-currencies .cmp .sb {text-align:left}
#view-currencies .cmp .lead {color:var(--ink);font-weight:600}
#view-currencies .cmp .vd {font-family:var(--fmono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);min-width:0;overflow-wrap:anywhere;padding-left:14px;
  border-left:1px solid var(--rule)}
#view-currencies .cmp .vd.ok {color:var(--up)}
#view-currencies .cmp .vd.no {color:var(--dn)}
#view-currencies .cmp .ex {text-align:right;color:var(--faint);font-family:var(--fmono);font-size:13px}
#view-currencies .cmpexp {display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--card);border:1px solid var(--rule);
  border-radius:10px;padding:14px 16px;margin:0 0 12px}
#view-currencies .cmpexp .lb {display:block;color:var(--faint);margin-bottom:4px}
#view-currencies .cmpexp p {margin:0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-currencies .cmpexp .ev {grid-column:1/-1;border-top:1px solid var(--rule);padding-top:11px}
#view-currencies .cmpexp .ev p {color:var(--ink)}
#view-currencies .cmpexp p.dv {margin-top:8px;font-size:12.5px}
#view-currencies .cmpexp p.dv b {color:var(--faint);font-family:var(--fmono);font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase}
#view-currencies .legs {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
#view-currencies .leg {background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:13px 15px}
#view-currencies .leg .lh {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-currencies .leg .lh b {font-family:var(--fmono);font-size:14px}
#view-currencies .leg .rl {margin-left:auto;font-family:var(--fmono);font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .leg .rsn {background:var(--sunk)}
#view-currencies .leg .ln {margin:0 0 11px;font-size:12.5px;line-height:1.5;color:var(--soft)}
#view-currencies .leg .ln b {color:var(--ink)}
#view-currencies .leg .ef {margin-left:auto;font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .leg .mut {margin:0;font-size:13px;color:var(--faint)}
@media (max-width:900px) {
  #view-currencies .cmp {grid-template-columns:1fr 88px 20px}
  #view-currencies .cmp .trk, #view-currencies .cmp .sa, #view-currencies .cmp .sb {display:none}
  #view-currencies .dr {grid-template-columns:1fr 56px}
  #view-currencies .dr .trk, #view-currencies .dr .sa, #view-currencies .dr .sb {display:none}
  #view-currencies .cmpexp, #view-currencies .legs {grid-template-columns:1fr}
}
#view-currencies .lbd {grid-column:1/-1;border-top:1px solid var(--rule);padding-top:12px;margin-top:2px}
#view-currencies .lbd .lb {display:block;color:var(--faint);margin-bottom:8px}
#view-currencies .lbd ol {list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:2px 16px}
#view-currencies .lbd li {display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:6px;font-size:12.5px}
#view-currencies .lbd li.me {background:var(--sunk2);font-weight:600}
#view-currencies .lbd .pos {font-family:var(--fmono);font-size:10px;color:var(--faint);width:15px;text-align:right}
#view-currencies .lbd .cd {font-family:var(--fmono)}
#view-currencies .lbd .vl {margin-left:auto;font-family:var(--fmono);font-variant-numeric:tabular-nums}
#view-currencies .thm {display:inline-flex;align-items:center;gap:6px;margin-left:6px;flex:0 0 auto;padding:5px 10px;border-radius:999px;
  border:1px solid var(--rule2);background:transparent;color:var(--faint);cursor:pointer;
  font-family:var(--fmono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}
#view-currencies .thm:hover {color:var(--ink);border-color:var(--ink)}
@media print {
  #view-currencies .thm {display:none!important}
}
#view-currencies .cmp .sa, #view-currencies .cmp .sb, #view-currencies .dr .sa, #view-currencies .dr .sb {display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;
  align-items:baseline;font-variant-numeric:tabular-nums}
#view-currencies .cmp .sa .cd, #view-currencies .cmp .sb .cd, #view-currencies .dr .sa .cd, #view-currencies .dr .sb .cd {text-align:left}
#view-currencies .cmp .sa .vl, #view-currencies .dr .sa .vl {text-align:right}
#view-currencies .cmp .sb .vl, #view-currencies .dr .sb .vl {text-align:left}
#view-currencies .lbd li {padding:0}
#view-currencies .lbr {position:relative;display:flex;align-items:center;gap:7px;width:100%;padding:4px 7px;border-radius:6px;
  font:inherit;color:inherit;background:none;border:0;cursor:pointer;font-size:12.5px}
#view-currencies .lbr:hover {background:var(--sunk2)}
#view-currencies .lbd li.me .lbr {background:var(--sunk2);font-weight:600}
#view-currencies .tipcard {position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:236px;padding:11px 13px;
  background:var(--card);border:1px solid var(--rule2);border-radius:10px;
  box-shadow:0 12px 32px rgba(15,17,21,.18);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .12s ease;text-align:left}
#view-currencies .lbr:hover .tipcard, #view-currencies .lbr:focus-visible .tipcard {opacity:1;visibility:visible}
#view-currencies .tipcard .th {display:flex;align-items:center;gap:7px;margin-bottom:8px}
#view-currencies .tipcard .th b {font-family:var(--fmono);font-size:13px}
#view-currencies .tipcard .rkm {margin-left:auto;font-family:var(--fmono);font-size:11px;color:var(--faint)}
#view-currencies .tipcard .tr {display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--soft);
  padding:3px 6px;margin:0 -6px;border-radius:5px}
#view-currencies .tipcard .tr.on {background:var(--sunk2);color:var(--ink);font-weight:600;
  box-shadow:inset 2px 0 0 var(--ink)}
#view-currencies .tipcard .tr b {margin-left:auto;font-family:var(--fmono);color:var(--ink);
  font-variant-numeric:tabular-nums}
#view-currencies .tipcard .tf {display:block;margin-top:9px;padding-top:8px;border-top:1px solid var(--rule);
  font-family:var(--fmono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--blue)}
@media print {
  #view-currencies .tipcard {display:none}
}
#view-currencies .nav .nv {font:inherit;font-family:var(--fmono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);background:none;border:0;padding:0 0 3px;cursor:pointer}
#view-currencies .nav .nv:hover {color:var(--ink)}
#view-currencies .nav .nv.on {color:var(--ink);border-bottom:2px solid var(--ink)}
#view-currencies .cpick {display:flex;gap:7px;overflow-x:auto;padding:16px 0 14px;scrollbar-width:thin}
#view-currencies .cp {display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 11px;border-radius:999px;
  border:1px solid var(--rule);background:var(--card);cursor:pointer;font:inherit;font-size:12.5px}
#view-currencies .cp:hover {border-color:var(--rule2)}
#view-currencies .cp.on {border-color:var(--ink);background:var(--ink);color:var(--bg)}
#view-currencies .cp .n {font-family:var(--fmono);font-size:9.5px;color:var(--faint)}
#view-currencies .cp.on .n {color:var(--bg);opacity:.7}
#view-currencies .cp .cd {font-family:var(--fmono);font-weight:600}
#view-currencies .cp .dot {width:6px;height:6px;border-radius:999px;background:var(--nt)}
#view-currencies .cp .dot.up {background:var(--up)}
#view-currencies .cp .dot.dn {background:var(--dn)}
#view-currencies .chead {border-bottom:1px solid var(--rule);padding-bottom:22px;margin-bottom:26px}
#view-currencies .chead .ct {display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#view-currencies .chead h1 {margin:0;font-size:34px;letter-spacing:-.02em;font-family:var(--fmono);font-weight:600;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#view-currencies .chead h1 .bk {font-family:var(--fsans);font-size:12px;font-weight:400;color:var(--faint);
  letter-spacing:0}
#view-currencies .chead .cm {margin-left:auto;display:flex;align-items:center;gap:10px}
#view-currencies .chead .rkbig {font-family:var(--fmono);font-size:13px;color:var(--faint)}
#view-currencies .chl {margin:16px 0 10px;font-size:23px;line-height:1.3;font-weight:700;letter-spacing:-.015em;max-width:34ch}
#view-currencies .cst {max-width:78ch}
#view-currencies .cst p {margin:0 0 9px;font-size:15px;line-height:1.65;color:var(--soft);padding-left:15px;
  border-left:2px solid var(--rule)}
#view-currencies .cst p:first-child {color:var(--ink);border-left-color:var(--ink)}
#view-currencies .cst p:last-child {margin-bottom:0}
#view-currencies .cbox {overflow:hidden;padding:2px 16px}
#view-currencies .mut {margin:0;font-size:13.5px;color:var(--faint)}
#view-currencies .cnav {display:flex;gap:10px;align-items:center;margin:26px 0 8px}
#view-currencies .cnav button {font-family:var(--fmono);font-size:11px;letter-spacing:.06em;padding:8px 14px;
  border:1px solid var(--rule2);border-radius:999px;background:transparent;color:var(--soft);cursor:pointer}
#view-currencies .cnav button:hover {color:var(--ink);border-color:var(--ink)}
#view-currencies .cnav .bk {margin-left:auto;margin-right:auto}
#view-currencies .cnav .cnp, #view-currencies .cnav .bk {display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:13.5px;letter-spacing:-.005em;
  color:var(--ink);background:var(--card);border:1px solid var(--rule2);border-radius:999px;
  box-shadow:0 1px 2px rgba(26,29,33,.05);padding:6px 16px 6px 12px;transition:border-color .14s,box-shadow .14s}
#view-currencies .cnav .cnp.nx {padding:6px 12px 6px 16px}
#view-currencies .cnav .cnp:hover, #view-currencies .cnav .bk:hover {border-color:var(--ink);box-shadow:0 3px 10px rgba(26,29,33,.08)}
#view-currencies .cnav img.fl {border-radius:999px;box-shadow:0 0 0 1px rgba(26,29,33,.10)}
#view-currencies .cnav .cnp b {font-weight:650}
#view-currencies .cnav .cnp i {font-style:normal;font-family:var(--fmono);font-size:10.5px;color:var(--faint)}
#view-currencies .cnav .cnp .ar {color:var(--faint);font-size:15px;line-height:1;transition:transform .14s,color .14s}
#view-currencies .cnav .cnp:hover .ar {color:var(--ink)}
#view-currencies .cnav .cnp:not(.nx):hover .ar {transform:translateX(-2px)}
#view-currencies .cnav .cnp.nx:hover .ar {transform:translateX(2px)}
#view-currencies .cnav .bk {padding:6px 16px 6px 9px}
#view-currencies .cnav .bk .fstack {margin-bottom:0}
#view-currencies .cnav .bk .lbl {font-weight:600}
#view-currencies .cnav {display:grid;grid-template-columns:1fr auto 1fr}
#view-currencies .cnav .cnp {justify-self:start}
#view-currencies .cnav .cnp.nx {justify-self:end}
#view-currencies .cnav .bk {margin:0}
#view-currencies .cm .cpa.wide {width:auto;min-width:0;height:32px;display:inline-flex;align-items:center;gap:6px;
  padding:0 11px 0 9px;border-radius:999px;font-size:15px;line-height:1}
#view-currencies .cm .cpa.wide img.fl {border-radius:999px;box-shadow:0 0 0 1px rgba(26,29,33,.10)}
#view-currencies .cm .cpa.wide b {font-family:var(--fmono);font-size:11px;font-weight:600;letter-spacing:.03em}
#view-currencies .cm .cpa.wide .fstack.mini {margin:0}
#view-currencies .cm .cpa.wide .fstack.mini img.fl+img.fl {margin-left:-6px}
@media (max-width:640px) {
  #view-currencies .cnav .bk .lbl {display:none}
}
@media (max-width:640px) {
  #view-currencies .chead h1 {font-size:27px}
  #view-currencies .chl {font-size:19px}
}
#view-currencies .tiles {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
#view-currencies .tiles.t3 {grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
#view-currencies .tile {background:var(--sunk);border-radius:10px;padding:12px 14px}
#view-currencies .tile .lb {display:block;color:var(--faint);margin-bottom:5px}
#view-currencies .tile .v {display:block;font-size:20px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
#view-currencies .tile .nt {display:block;margin-top:3px;font-size:11.5px;color:var(--soft)}
#view-currencies .pbox {padding:16px}
#view-currencies .sparkwrap {margin-top:16px}
#view-currencies .sh2 {display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
#view-currencies .sh2 .rr {margin-left:auto;font-family:var(--fmono);font-size:10.5px;color:var(--faint)}
#view-currencies .spk {display:block;width:100%;height:74px}
#view-currencies .cbp {margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--soft);max-width:78ch}
#view-currencies .cbs {margin:9px 0 0;font-size:13.5px;line-height:1.6;color:var(--soft);max-width:78ch}
#view-currencies .cbs b {color:var(--ink)}
#view-currencies .cmeta {display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
#view-currencies .cmeta span {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);border:1px solid var(--rule);border-radius:999px;padding:4px 10px}
#view-currencies .cmeta b {color:var(--ink)}
#view-currencies .cmeta .warn {border-color:var(--amber);color:var(--amber)}
#view-currencies .ghead, #view-currencies .grow {display:grid;grid-template-columns:92px 82px 88px minmax(0,1fr);gap:14px;align-items:center}
#view-currencies .ghead {padding:10px 16px;background:var(--sunk);border-bottom:1px solid var(--rule);margin:0 -16px}
#view-currencies .ghead span {font-family:var(--fmono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .grow {padding:11px 0;border-bottom:1px solid var(--rule)}
#view-currencies .grow:last-child {border-bottom:0}
#view-currencies .grow .og {display:flex;align-items:center;gap:8px}
#view-currencies .grow .cd {font-family:var(--fmono);font-weight:600}
#view-currencies .grow .gv, #view-currencies .grow .gc {font-family:var(--fmono);font-size:13px;font-variant-numeric:tabular-nums}
#view-currencies .grow .gd {font-size:13px;color:var(--soft);min-width:0}
#view-currencies .frow {display:grid;grid-template-columns:230px 84px minmax(0,1fr) 130px;gap:14px;align-items:baseline;
  padding:11px 0;border-bottom:1px solid var(--rule)}
#view-currencies .frow:last-child {border-bottom:0}
#view-currencies .frow .k {font-weight:600;font-size:13.5px}
#view-currencies .frow .fv {font-family:var(--fmono);font-size:14px;font-weight:600;text-align:right;
  font-variant-numeric:tabular-nums}
#view-currencies .frow .fd {font-size:12.5px;color:var(--soft);min-width:0}
#view-currencies .frow .fp {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);text-align:right}
@media (max-width:860px) {
  #view-currencies .ghead {display:none}
  #view-currencies .grow {grid-template-columns:92px 82px 1fr}
  #view-currencies .grow .gd {grid-column:1/-1}
  #view-currencies .frow {grid-template-columns:1fr 84px}
  #view-currencies .frow .fd, #view-currencies .frow .fp {grid-column:1/-1;text-align:left}
}
#view-currencies .clive {margin:14px 0 0;font-size:14px;line-height:1.6;color:var(--soft);max-width:70ch}
#view-currencies .cintro {margin:14px 0 0;font-size:15px;line-height:1.68;color:var(--soft);max-width:78ch}
#view-currencies .cintro b {color:var(--ink);font-weight:600}
#view-currencies .cnote {margin:16px 0 0;max-width:74ch;background:var(--sunk);border-left:3px solid var(--rule2);border-radius:0 8px 8px 0;padding:13px 16px}
#view-currencies .cnote .lb {display:block;font-family:var(--fmono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);margin-bottom:6px}
#view-currencies .cnote p {margin:0;font-size:13.5px;line-height:1.65;color:var(--soft)}
#view-currencies .clive b {color:var(--ink)}
#view-currencies .leg2 {margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--faint);max-width:80ch}
#view-currencies .leg2 b {color:var(--soft)}
#view-currencies .fp .pw {display:inline-block}
#view-currencies .age {display:inline-block;margin-left:7px;padding:2px 7px;border-radius:999px;border:1px solid var(--rule);
  color:var(--faint);font-size:9px}
#view-currencies .age.old {border-color:var(--amber);color:var(--amber)}
#view-currencies .age.stale {border-color:var(--dn);color:var(--dn)}
#view-currencies .mtop {margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--rule)}
#view-currencies .mwrap {margin-top:12px}
#view-currencies .mtabs {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-currencies .mnote {margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--soft);max-width:88ch}
#view-currencies .mnote b {color:var(--ink)}
#view-currencies .mscroll {overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
#view-currencies .mgrid {display:grid;gap:3px;min-width:620px}
#view-currencies .mh {display:flex;align-items:center;justify-content:center;gap:5px;background:none;border:0;padding:6px 2px;
  font-family:var(--fmono);font-size:10.5px;font-weight:600;color:var(--soft);cursor:pointer}
#view-currencies .mh:hover {color:var(--ink)}
#view-currencies .mh.side {justify-content:flex-start;padding-left:2px}
#view-currencies .mh.corner {cursor:default}
#view-currencies .mc {display:flex;align-items:center;justify-content:center;height:34px;border-radius:6px;
  font-family:var(--fmono);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
#view-currencies .mcw {display:block}
#view-currencies .mcw.me .mc {box-shadow:inset 0 0 0 1.5px var(--ink)}
#view-currencies .mh.me {color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#view-currencies .mc.self {background:var(--sunk);color:var(--faint)}
#view-currencies .mc.none {background:var(--sunk);color:var(--faint);font-weight:400}
@media (max-width:760px) {
  #view-currencies .mc {height:30px;font-size:11px}
}
#view-currencies .mc {border:0;cursor:pointer;font:inherit;font-family:var(--fmono);font-size:12px;font-weight:600;
  font-variant-numeric:tabular-nums;width:100%}
#view-currencies .mc:hover {outline:2px solid var(--ink);outline-offset:-2px}
#view-currencies .mc.on {outline:2px solid var(--ink);outline-offset:-2px}
#view-currencies .mdet {margin-top:14px;background:var(--card);border:1px solid var(--rule2);border-radius:12px;padding:16px 18px}
#view-currencies .mdh {display:flex;align-items:center;gap:10px;margin-bottom:8px}
#view-currencies .mdh b {font-family:var(--fmono);font-size:16px}
#view-currencies .mdx {margin-left:auto;font-family:var(--fmono);font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint);background:none;border:1px solid var(--rule2);
  border-radius:999px;padding:5px 11px;cursor:pointer}
#view-currencies .mdx:hover {color:var(--ink);border-color:var(--ink)}
#view-currencies .mds {margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--soft);max-width:80ch}
#view-currencies .mds b {color:var(--ink)}
#view-currencies .mdr {display:grid;grid-template-columns:126px 80px 92px 80px minmax(0,1fr);gap:12px;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--rule)}
#view-currencies .mdr:last-child {border-bottom:0}
#view-currencies .mdr .k {font-size:13px;font-weight:600}
#view-currencies .mdr .sa, #view-currencies .mdr .sb {display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px;align-items:baseline;
  font-family:var(--fmono);font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
#view-currencies .mdr .sa .vl {text-align:right}
#view-currencies .mdr .lead {color:var(--ink);font-weight:600}
#view-currencies .mdr .vd {font-family:var(--fmono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint)}
#view-currencies .mdgaps {display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}
#view-currencies .mdgaps span {font-size:12px;color:var(--faint)}
#view-currencies .mdgaps b {font-family:var(--fmono);font-size:13px;color:var(--ink);margin-right:5px}
#view-currencies .mdlinks {display:flex;gap:8px;margin-top:14px}
#view-currencies .mdlinks button {font-family:var(--fmono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 13px;border:1px solid var(--rule2);border-radius:999px;background:transparent;color:var(--soft);
  cursor:pointer}
#view-currencies .mdlinks button:hover {color:var(--ink);border-color:var(--ink)}
@media (max-width:760px) {
  #view-currencies .mdr {grid-template-columns:1fr 74px}
  #view-currencies .mdr .trk, #view-currencies .mdr .sa, #view-currencies .mdr .sb {display:none}
}
#view-currencies .mread {margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--soft);max-width:88ch}
#view-currencies .mread b {color:var(--ink)}
#view-currencies .mkey {display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin:0 0 12px}
#view-currencies .mkey .kk {width:26px;height:12px;border-radius:3px}
#view-currencies .mkey .kt {margin-left:10px;font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .mc.self {background:var(--sunk);color:var(--faint);font-weight:400;font-size:11px}
#view-currencies .cpk {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0 18px}
#view-currencies .cpsel {position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#view-currencies .cpsel .bk {font-size:12.5px;color:var(--faint)}
#view-currencies .cpsel .sig {flex:0 0 auto}
#view-currencies .cpb {display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--rule2);
  border-radius:999px;background:var(--card);cursor:pointer;font:inherit}
#view-currencies .cpb:hover, #view-currencies .cpb.open {border-color:var(--ink)}
#view-currencies .cpb .rk, #view-currencies .cpi .rk {font-family:var(--fmono);font-size:10px;color:var(--faint);min-width:20px}
#view-currencies .cpb .cd {font-family:var(--fmono);font-size:15px;font-weight:600}
#view-currencies .cpb .car {color:var(--faint);font-size:10px;margin-left:2px}
#view-currencies .cpl {position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:290px;padding:6px;
  background:var(--card);border:1px solid var(--rule2);border-radius:12px;
  box-shadow:0 16px 40px rgba(15,17,21,.2)}
#view-currencies .cpi {display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:8px;
  background:none;cursor:pointer;font:inherit;font-size:13px}
#view-currencies .cpi:hover {background:var(--sunk2)}
#view-currencies .cpi.on {background:var(--sunk2);font-weight:600}
#view-currencies .cpall {border-bottom:1px solid var(--rule);border-radius:8px 8px 0 0;
  margin:0 0 4px;padding-bottom:10px;gap:10px}
#view-currencies .cpall .cda {font-weight:600;font-size:13px;flex:0 0 auto}
#view-currencies .cpall .bn {overflow:visible;text-overflow:clip}
#view-currencies .cpi .cd {font-family:var(--fmono);font-weight:600;min-width:34px}
#view-currencies .cpi .bn {color:var(--faint);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-currencies .cpi .sig {margin-left:auto;flex:0 0 auto}
#view-currencies .cpa {width:32px;height:32px;border:1px solid var(--rule2);border-radius:999px;background:transparent;
  color:var(--soft);cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;
  justify-content:center}
#view-currencies .cpa:hover {color:var(--ink);border-color:var(--ink)}
#view-currencies .cpr {margin-left:auto;font-family:var(--fmono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint)}
@media print {
  #view-currencies .cpk {display:none}
}
#view-currencies .mcard {padding:18px 20px 20px}
#view-currencies .mhead {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
#view-currencies .mhead h2 {margin:0;font-size:18px;font-weight:700;letter-spacing:-.015em}
#view-currencies .mhead .mtabs {margin:0 0 0 auto}
#view-currencies .mtabs {display:flex;gap:7px;flex-wrap:wrap}
#view-currencies .mread {margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--soft);max-width:92ch}
#view-currencies .mread b {color:var(--ink)}
#view-currencies .mread .mm {color:var(--faint)}
#view-currencies .mkey {display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin:12px 0 0}
#view-currencies .mkey .kr {margin-left:auto;color:var(--blue)}
#view-currencies .mtop {margin-bottom:30px;padding-bottom:0;border-bottom:0}
#view-currencies .stcard {margin-bottom:14px}
#view-currencies .stlead {margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--soft);max-width:92ch}
#view-currencies .stlead b {color:var(--ink)}
#view-currencies .stcols {display:grid;grid-template-columns:1fr 1fr;gap:14px}
#view-currencies .stcol .lb {display:block;color:var(--faint);margin-bottom:8px}
#view-currencies .stcol.up .lb {color:var(--up)}
#view-currencies .stcol.dn .lb {color:var(--dn)}
#view-currencies .stflat {margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}
#view-currencies .stflat .lb {display:block;color:var(--faint);margin-bottom:8px}
#view-currencies .stw {display:grid;grid-template-columns:26px 20px 42px 78px 1fr 34px 132px;gap:9px;align-items:center;
  width:100%;padding:8px 9px;margin-bottom:3px;border:1px solid transparent;border-radius:9px;
  background:var(--sunk);cursor:pointer;font:inherit;text-align:left}
#view-currencies .stw:hover {border-color:var(--rule2);background:var(--sunk2)}
#view-currencies .stw.me {border-color:var(--ink)}
#view-currencies .stw .rk {font-family:var(--fmono);font-size:10px;color:var(--faint)}
#view-currencies .stw .cd {font-family:var(--fmono);font-size:13.5px;font-weight:600}
#view-currencies .stw .wd {font-size:12.5px;font-weight:600}
#view-currencies .stw .wd.up {color:var(--up)}
#view-currencies .stw .wd.dn {color:var(--dn)}
#view-currencies .stw .wd.nt {color:var(--faint)}
#view-currencies .stw .cf {font-family:var(--fmono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--faint);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-currencies .stw .sc {font-family:var(--fmono);font-size:13px;text-align:right;color:var(--faint);
  font-variant-numeric:tabular-nums}
#view-currencies .stw .sc.up {color:var(--up)}
#view-currencies .stw .sc.dn {color:var(--dn)}
#view-currencies .stw .ag {font-family:var(--fmono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;
  text-align:right;color:var(--faint)}
#view-currencies .stw .ag.no {color:var(--amber);font-weight:600}
@media (max-width:1000px) {
  #view-currencies .stcols {grid-template-columns:1fr}
}
@media (max-width:640px) {
  #view-currencies .stw {grid-template-columns:26px 20px 42px 1fr 34px}
  #view-currencies .stw .cf, #view-currencies .stw .ag {display:none}
}
#view-currencies .cbig {display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:none;border:0;padding:6px 10px 6px 0;
  cursor:pointer;font:inherit;border-radius:12px}
#view-currencies .cbig:hover, #view-currencies .cbig.open {background:var(--sunk)}
#view-currencies .cbig h1 {margin:0;font-size:34px;letter-spacing:-.02em;font-family:var(--fmono);font-weight:600}
#view-currencies .cbig .car {color:var(--faint);font-size:12px;margin-left:-4px}
#view-currencies .cbig .bk {font-size:12px;color:var(--faint)}
#view-currencies .chead .ct {align-items:center}
#view-currencies .chead .cm {gap:8px}
#view-currencies .nvw {position:relative;display:inline-block}
#view-currencies .nvw .nv {display:inline-flex;align-items:center;gap:5px}
#view-currencies .nvw:hover .nv {color:var(--ink)}
#view-currencies .nvw .nv::after {content:'';width:0;height:0;border-left:3.5px solid transparent;
  border-right:3.5px solid transparent;border-top:4px solid currentColor;opacity:.5;
  transition:transform .16s,opacity .16s}
#view-currencies .nvw:hover .nv::after, #view-currencies .nvw:focus-within .nv::after {opacity:1;transform:rotate(180deg)}
#view-currencies .navmenu {position:absolute;top:calc(100% + 10px);left:0;opacity:0;visibility:hidden;transition:opacity .12s;
  text-transform:none;letter-spacing:0}
#view-currencies .nvw:hover .navmenu, #view-currencies .nvw:focus-within .navmenu {opacity:1;visibility:visible}
#view-currencies .navmenu::before {content:'';position:absolute;top:-10px;left:0;right:0;height:10px}
@media print {
  #view-currencies .navmenu {display:none}
}
#view-currencies .cb {padding-top:6px}
#view-currencies .cbeye {margin:0 0 10px;font-family:var(--fmono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .cbh {margin:0 0 14px;font-size:30px;line-height:1.24;font-weight:700;letter-spacing:-.02em;max-width:24ch}
#view-currencies .cbl {margin:0 0 20px;font-size:15px;line-height:1.7;color:var(--soft);max-width:80ch}
#view-currencies .cbl b {color:var(--ink);font-weight:600}
#view-currencies .cbcnt {margin:0 0 18px;font-family:var(--fmono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .cbcnt b {color:var(--ink)}
#view-currencies .cbkey {background:var(--sunk);border-radius:10px;padding:13px 15px;margin-bottom:16px}
#view-currencies .cbkey .lb {display:block;color:var(--faint);margin-bottom:9px}
#view-currencies .cbkey .kx {display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--soft);padding:3px 0}
#view-currencies .cbkey .kx b {color:var(--ink);font-weight:600}
#view-currencies .chp {display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 6px;
  border-radius:6px;font-family:var(--fmono);font-size:11px;font-weight:600;
  border:1px solid transparent}
#view-currencies .chp.up {background:var(--up-bg);border-color:var(--up-bd);color:var(--up)}
#view-currencies .chp.dn {background:var(--dn-bg);border-color:var(--dn-bd);color:var(--dn)}
#view-currencies .chp.nt {background:var(--nt-bg);border-color:var(--rule2);color:var(--nt)}
#view-currencies .chp.armed {background:transparent;border-style:dashed}
#view-currencies .chp.dormant {background:transparent;border-color:var(--rule2);color:var(--faint);opacity:.75}
#view-currencies .cbhead, #view-currencies .cbrow {display:grid;grid-template-columns:150px 108px minmax(0,1fr) 78px 68px 26px;gap:14px;
  align-items:center}
#view-currencies .cbhead {padding:10px 16px;background:var(--sunk);border-bottom:1px solid var(--rule)}
#view-currencies .cbhead span {font-family:var(--fmono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .cbrow {width:100%;padding:13px 16px;border-bottom:1px solid var(--rule);cursor:pointer;background:none;
  border-left:0;border-right:0;border-top:0;font:inherit;text-align:left}
#view-currencies .cbrow:hover {background:var(--sunk)}
#view-currencies .cbrow .cc {display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}
#view-currencies .cbrow .cc small {display:block;font-family:var(--fmono);font-size:9px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint);font-weight:400}
#view-currencies .cbrow .chps {display:flex;gap:5px;flex-wrap:wrap}
#view-currencies .cbrow .lv {font-family:var(--fmono);font-size:12px;color:var(--faint)}
#view-currencies .cbrow .lv.hi {color:var(--ink);font-weight:600}
#view-currencies .cbrow .y {text-align:right;font-family:var(--fmono);font-size:14px}
#view-currencies .cbrow .ex {text-align:right;color:var(--faint);font-family:var(--fmono)}
#view-currencies .cbexp {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding:18px 16px 24px;
  background:var(--sunk);border-bottom:1px solid var(--rule)}
#view-currencies .cbsum {margin:6px 0 0;font-size:14px;line-height:1.62;color:var(--soft);max-width:74ch}
#view-currencies .cbsum b {color:var(--ink);font-weight:600}
#view-currencies .cbr {display:grid;grid-template-columns:34px 82px minmax(0,1fr);gap:11px;align-items:baseline;
  padding:9px 0;border-bottom:1px solid var(--rule)}
#view-currencies .cbr:last-child {border-bottom:0}
#view-currencies .cbr .st {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint)}
#view-currencies .cbr .tx {font-size:13.5px;line-height:1.55;color:var(--soft)}
#view-currencies .cbside .lb {color:var(--faint)}
#view-currencies .cbsh {display:grid;grid-template-columns:minmax(0,1fr) 46px 56px;gap:10px;padding:0 8px 7px;
  margin:8px -8px 3px;border-bottom:1px solid var(--rule)}
#view-currencies .cbsh span {font-family:var(--fmono);font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .cbsh span+span {text-align:right}
#view-currencies .cbsr {position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px 56px;align-items:baseline;
  gap:10px;padding:6px 8px;margin:0 -8px;border-radius:7px;cursor:default}
#view-currencies .cbsr:hover {background:var(--sunk2)}
#view-currencies .cbsr .k {font-size:12.5px;color:var(--soft)}
#view-currencies .cbsr b {font-family:var(--fmono);font-size:13px;font-variant-numeric:tabular-nums;
  text-align:right}
#view-currencies .cbsr b.up {color:var(--up)}
#view-currencies .cbsr b.dn {color:var(--dn)}
#view-currencies .cbsr b.nt {color:var(--faint)}
#view-currencies .cbsr .rp {font-family:var(--fmono);font-size:11.5px;color:var(--faint);
  text-align:right;font-variant-numeric:tabular-nums}
#view-currencies .lbpop {position:absolute;right:calc(100% + 12px);top:-10px;width:252px;z-index:70;
  background:var(--card);border:1px solid var(--rule2);border-radius:10px;padding:12px 14px;
  box-shadow:0 18px 44px rgba(15,17,21,.24);opacity:0;visibility:hidden;transition:opacity .12s}
#view-currencies .cbsr:hover .lbpop {opacity:1;visibility:visible}
#view-currencies .lbpop .lbd {border-top:0;padding-top:0;margin-top:0}
#view-currencies .lbpop .lbd ol {grid-template-columns:1fr}
#view-currencies .lbpop .tipcard {display:none}
@media (max-width:900px) {
  #view-currencies .lbpop {right:auto;left:0;top:calc(100% + 8px);width:100%;min-width:230px}
}
@media print {
  #view-currencies .lbpop {display:none}
}
#view-currencies .cbnxw {position:relative}
#view-currencies .cbnx .more {display:block;margin-top:6px;font-family:var(--fmono);font-size:9.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--faint);
  background:none;border:0;padding:0;text-align:left;cursor:pointer}
#view-currencies .calpop {position:absolute;right:calc(100% + 12px);top:0;width:290px;z-index:70;display:block;
  background:var(--card);border:1px solid var(--rule2);border-radius:10px;padding:13px 15px;
  box-shadow:0 18px 44px rgba(15,17,21,.24);opacity:0;visibility:hidden;transition:opacity .12s}
/* Three ways in, because no single one reaches every reader: hover is the mouse,
   :focus-within is the keyboard, and `.pinned` is the tap, set by the diary button in
   currency-board.js. Touch has no hover at all, and Safari does not focus a button when
   you press it, so the class is the only one of the three that reaches a phone. */
#view-currencies .cbnxw:hover .calpop,
#view-currencies .cbnxw:focus-within .calpop,
#view-currencies .cbnxw.pinned .calpop {opacity:1;visibility:visible}
#view-currencies .calpop .lb {display:block;color:var(--faint);margin-bottom:9px}
#view-currencies .cal {display:block}
#view-currencies .cday {display:block;padding:7px 0;border-top:1px solid var(--rule)}
#view-currencies .cday:first-child {border-top:0;padding-top:0}
#view-currencies .cday .dh {display:flex;align-items:baseline;gap:7px;margin-bottom:4px}
#view-currencies .cday .dh b {font-size:12px;font-weight:600}
#view-currencies .cday .dh i {font-style:normal;font-family:var(--fmono);font-size:10px;color:var(--faint)}
#view-currencies .cev {display:block;font-size:12px;line-height:1.45;color:var(--soft);padding:2px 0 2px 9px;
  border-left:2px solid var(--rule2);margin-top:3px}
#view-currencies .cev.hi {border-left-color:var(--dn)}
#view-currencies .cev .t {font-family:var(--fmono);font-size:9.5px;color:var(--faint);margin-right:6px}
#view-currencies .cev .hz {font-family:var(--fmono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--dn);margin-left:6px}
#view-currencies .cday.empty .none {font-size:11.5px;color:var(--faint)}
@media (max-width:900px) {
  #view-currencies .calpop {right:auto;left:0;top:calc(100% + 8px);width:100%}
}
@media print {
  #view-currencies .calpop {display:none}
}
#view-currencies .mstand {margin:4px 0 34px}
#view-currencies .mstand .sample {display:inline-flex;align-items:center;font-family:var(--fmono);
  font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--amber);
  background:var(--amber-bg);border:1px solid var(--amber);border-radius:999px;padding:3px 9px}
#view-currencies .smwrap {padding:0;overflow:hidden}
#view-currencies .smtop {display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid var(--rule)}
#view-currencies .smkey {display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--soft)}
#view-currencies .smkey i {display:inline-block;width:14px;height:9px;border-radius:2px;margin-right:6px;vertical-align:-1px}
#view-currencies .smkey i.up {background:color-mix(in srgb,var(--up) 30%,transparent);border-top:2px solid var(--up)}
#view-currencies .smkey i.dn {background:color-mix(in srgb,var(--dn) 30%,transparent);border-bottom:2px solid var(--dn)}
#view-currencies .smgrid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 16px 16px}
@media (max-width:1300px) {
  #view-currencies .smgrid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px) {
  #view-currencies .smgrid {grid-template-columns:minmax(0,1fr)}
}
#view-currencies .smc {display:block;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--card);
  border:1px solid var(--rule);border-radius:11px;padding:11px 12px 10px;transition:border-color .12s,box-shadow .12s}
#view-currencies .smc:hover {border-color:var(--rule2);box-shadow:0 3px 12px rgba(26,29,33,.08)}
#view-currencies .smh {display:flex;align-items:center;gap:7px}
#view-currencies .smh .rk {font-family:var(--fmono);font-size:10px;color:var(--faint);width:20px}
#view-currencies .smh img.fl {border-radius:999px}
#view-currencies .smh b {font-size:13.5px;font-weight:650}
#view-currencies .smv {margin-left:auto;font-size:17px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#view-currencies .smv.up {color:var(--up)}
#view-currencies .smv.dn {color:var(--dn)}
#view-currencies .smv.nt {color:var(--soft)}
#view-currencies .smplot {position:relative;display:block;margin:8px 0 7px;height:64px}
#view-currencies .smplot svg {position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#view-currencies .smplot .z {stroke:var(--rule2);stroke-width:1}
#view-currencies .smplot .ln {fill:none;stroke-width:1.8;stroke-linejoin:round}
#view-currencies .smg {position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--ink);opacity:0;pointer-events:none}
#view-currencies .smd {position:absolute;width:9px;height:9px;border-radius:999px;background:var(--up);border:2px solid var(--card);
  box-shadow:0 0 0 1px rgba(26,29,33,.14);transform:translate(-50%,-50%);opacity:0;pointer-events:none}
#view-currencies .smd.dn {background:var(--dn)}
#view-currencies .smdt {position:absolute;top:-19px;transform:translateX(-50%);font-style:normal;font-family:var(--fmono);
  font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;
  background:var(--ink);color:var(--bg);padding:2px 6px;border-radius:4px;opacity:0;pointer-events:none}
#view-currencies .smc.hvc .smdt {opacity:1}
#view-currencies .smgrid.live .smg {opacity:.28}
#view-currencies .smgrid.live .smd {opacity:1}
#view-currencies .smf {display:block;font-size:11.5px;line-height:1.4;color:var(--soft)}
#view-currencies .smf em {font-style:normal;font-family:var(--fmono);font-size:10.5px;font-weight:600}
#view-currencies .smf em.up {color:var(--up)}
#view-currencies .smf em.dn {color:var(--dn)}
#view-currencies .mclear {border:0;background:none;cursor:pointer;font-family:var(--fmono);
  font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);padding:4px 6px}
#view-currencies .mclear:hover {color:var(--ink)}
#view-currencies .mfoot {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 24px;padding:13px 20px 15px;
  border-top:1px solid var(--rule);background:var(--sunk)}
#view-currencies .mfoot .k {display:block;font-family:var(--fmono);font-size:9px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--faint);margin-bottom:4px}
#view-currencies .mfoot .v {display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink);font-weight:600;flex-wrap:wrap}
#view-currencies .mfoot .v em {font-style:normal;font-weight:400;color:var(--soft)}
#view-currencies .mfoot .v img.fl {border-radius:999px}
#view-currencies .mstand .sh {align-items:center;margin-bottom:10px}
#view-currencies .smtop.two {border-bottom:0;padding:13px 18px 0}
#view-currencies .smkeyrow {padding:10px 20px 12px;border-bottom:1px solid var(--rule)}
#view-currencies .mstand .sh .sample {margin-left:-2px}
#view-currencies .vsw {display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--rule2);
  border-radius:999px;background:var(--card);box-shadow:0 1px 2px rgba(26,29,33,.05)}
#view-currencies .vsw button {display:inline-flex;align-items:center;gap:7px;border:0;background:none;cursor:pointer;font:inherit;
  font-size:12.5px;font-weight:600;color:var(--soft);padding:6px 13px 6px 10px;border-radius:999px;
  transition:background .15s,color .15s}
#view-currencies .vsw button svg {width:15px;height:15px;flex:0 0 auto}
#view-currencies .vsw button:hover {color:var(--ink)}
#view-currencies .vsw button.on {background:var(--ink);color:var(--bg)}
@media (max-width:640px) {
  #view-currencies .vsw button span {display:none}
  #view-currencies .vsw button {padding:7px 10px}
}
#view-currencies .tgchips {display:flex;align-items:center;gap:12px;padding:11px 18px 12px;border-bottom:1px solid var(--rule)}
#view-currencies .tgchips .cl {display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;min-width:0}
#view-currencies .tgc {display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--card);
  border-radius:999px;padding:4px 10px 4px 5px;cursor:pointer;font:inherit;color:var(--ink);
  transition:border-color .12s,background .12s,opacity .12s}
#view-currencies .tgc img.fl {border-radius:999px}
#view-currencies .tgc b {font-size:12px;font-weight:650}
#view-currencies .tgc span {font-family:var(--fmono);font-size:10.5px;font-weight:600;color:var(--soft)}
#view-currencies .tgc:hover, #view-currencies .tgc.hv {border-color:var(--rule2);background:var(--sunk2)}
#view-currencies .tgc.on {border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
#view-currencies .tgchart.has .tgc:not(.on):not(.hv) {opacity:.55}
#view-currencies .tgplot {position:relative;padding:12px 12px 4px}
#view-currencies .tgplot svg {display:block;width:100%;height:auto}
#view-currencies .tgchart .gl {stroke:var(--rule);stroke-width:1;stroke-dasharray:3 5}
#view-currencies .tgchart .zl {stroke:var(--rule2);stroke-width:1.4}
#view-currencies .tgchart .yl, #view-currencies .tgchart .xl {font-family:var(--fmono);font-size:11px;fill:var(--faint)}
#view-currencies .tgchart .yl {text-anchor:end}
#view-currencies .tgchart .xl {text-anchor:middle}
#view-currencies .tgl path {fill:none;stroke-linejoin:round;transition:opacity .14s,stroke-width .14s}
#view-currencies .tgl .gry {stroke:var(--faint);stroke-width:1.3;opacity:0}
#view-currencies .tgl .col {stroke-width:1.5;opacity:.72}
#view-currencies .tgl .hit {stroke:transparent;stroke-width:10;cursor:pointer;pointer-events:stroke}
#view-currencies .tgchart.has .tgl .col, #view-currencies .tgchart.hv .tgl .col {opacity:0}
#view-currencies .tgchart.has .tgl .gry, #view-currencies .tgchart.hv .tgl .gry {opacity:.34}
#view-currencies .tgchart.has:not(.hv) .tgl.act .col, #view-currencies .tgchart.hv .tgl.hv .col {opacity:1;stroke-width:2.8}
#view-currencies .tgchart.has:not(.hv) .tgl.act .gry, #view-currencies .tgchart.hv .tgl.hv .gry {opacity:0}
#view-currencies .tgab {cursor:pointer;transition:opacity .14s}
#view-currencies .tgab text {font-family:var(--fmono);font-size:10.5px;font-weight:600;fill:var(--ink)}
#view-currencies .tgab text.sc {fill:var(--soft);font-weight:500}
#view-currencies .tgab line {stroke:var(--rule2);stroke-width:1}
#view-currencies .tgchart.has .tgab, #view-currencies .tgchart.hv .tgab {opacity:.34}
#view-currencies .tgchart.has:not(.hv) .tgab.act, #view-currencies .tgchart.hv .tgab.hv {opacity:1}
#view-currencies .evd {cursor:pointer}
#view-currencies .evd .mk {stroke-width:2.2;transition:r .12s}
#view-currencies .evd.flip .mk {fill:var(--card)}
#view-currencies .evd.up .mk {stroke:var(--up)}
#view-currencies .evd.dn .mk {stroke:var(--dn)}
#view-currencies .evd.big.up .mk {fill:var(--up);stroke:var(--card)}
#view-currencies .evd.big.dn .mk {fill:var(--dn);stroke:var(--card)}
#view-currencies .evd .hz {fill:transparent}
#view-currencies .evd:hover .mk, #view-currencies .evd.hl .mk {r:7.5}
#view-currencies .tgchart.hv .evd {opacity:.25}
#view-currencies .tgkey .ring, #view-currencies .tgkey .solid {display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:6px;vertical-align:-1px}
#view-currencies .tgkey .ring {border:2px solid var(--soft);background:var(--card)}
#view-currencies .tgkey .solid {background:var(--soft);box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--rule2)}
#view-currencies .tgguide {position:absolute;top:12px;bottom:26px;width:1px;background:var(--rule2);opacity:0;pointer-events:none}
#view-currencies .tgtip {position:absolute;top:12px;pointer-events:none;opacity:0;background:var(--ink);color:var(--bg);
  border-radius:10px;padding:9px 11px 8px;min-width:140px;box-shadow:0 8px 24px rgba(26,29,33,.24);z-index:6}
#view-currencies .tgtip .dt {display:block;font-family:var(--fmono);font-size:9px;letter-spacing:.09em;
  text-transform:uppercase;opacity:.6;margin-bottom:6px}
#view-currencies .tgtip .row {display:grid;grid-template-columns:18px 14px 34px 1fr;gap:6px;align-items:center;
  font-size:11.5px;line-height:1;padding:2.5px 0;opacity:.66}
#view-currencies .tgtip .row.me {opacity:1;font-weight:700}
#view-currencies .tgtip .row i {font-style:normal;font-family:var(--fmono);font-size:9.5px;opacity:.7}
#view-currencies .tgtip .row img.fl {border-radius:999px}
#view-currencies .tgtip .row em {font-style:normal;font-family:var(--fmono);font-size:11px;text-align:right}
#view-currencies .tgchart.live .tgguide, #view-currencies .tgchart.live .tgtip {opacity:1}
#view-currencies .tgchart.onev .tgtip {opacity:0}
#view-currencies .evtip {position:absolute;width:280px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:7;
  background:var(--card);color:var(--ink);border:1px solid var(--rule2);border-radius:12px;padding:12px 14px 13px;
  box-shadow:0 12px 32px rgba(26,29,33,.18)}
#view-currencies .evtip.on {opacity:1}
#view-currencies .evtip .e1 {display:flex;align-items:center;gap:7px;margin-bottom:8px}
#view-currencies .evtip .e1 img.fl {border-radius:999px}
#view-currencies .evtip .e1 b {font-size:13px;font-weight:650}
#view-currencies .evtip .e1 .dt {font-family:var(--fmono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
#view-currencies .evtip .e1 .mv {margin-left:auto;font-family:var(--fmono);font-size:11px;font-weight:600}
#view-currencies .evtip .e1 .mv.up {color:var(--up)}
#view-currencies .evtip .e1 .mv.dn {color:var(--dn)}
#view-currencies .evtip .tag, #view-currencies .sev .tag {display:inline-block;font-family:var(--fmono);font-size:9px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;margin-bottom:7px}
#view-currencies .evtip .tag.up, #view-currencies .sev .tag.up {color:var(--up);background:color-mix(in srgb,var(--up) 12%,transparent)}
#view-currencies .evtip .tag.dn, #view-currencies .sev .tag.dn {color:var(--dn);background:color-mix(in srgb,var(--dn) 12%,transparent)}
#view-currencies .evtip h5 {margin:0 0 5px;font-size:13.5px;font-weight:650;line-height:1.35}
#view-currencies .evtip p {margin:0;font-size:12.5px;line-height:1.58;color:var(--soft)}
#view-currencies .sev .fl {border-radius:999px}
#view-currencies .mvx {margin-left:auto;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
#view-currencies .mvx b {font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;
  padding:4px 7px;border-radius:6px;min-width:22px;text-align:center}
#view-currencies .mvx b.up {color:var(--up);background:color-mix(in srgb,var(--up) 13%,transparent)}
#view-currencies .mvx b.dn {color:var(--dn);background:color-mix(in srgb,var(--dn) 13%,transparent)}
#view-currencies .mvx b.nt {color:var(--soft);background:var(--sunk2)}
#view-currencies .mvx svg {width:14px;height:9px;color:var(--faint);flex:0 0 auto}
#view-currencies .sev[data-tsel] {cursor:pointer}
#view-currencies .mopen {display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ink);background:var(--ink);
  color:var(--bg);border-radius:8px;padding:7px 12px;cursor:pointer;font:inherit;font-size:12px;font-weight:600}
#view-currencies .mopen img.fl {border-radius:999px}
#view-currencies .mopen:hover {opacity:.88}
#view-currencies .mopen.sm {padding:5px 11px;font-size:11.5px;margin-left:8px}
#view-currencies .sstory .sthd .mopen.sm:first-of-type:not(:only-child) {}
#view-currencies .sstory .sthd .sample + .mopen.sm {margin-left:8px}
#view-currencies .sstory .sthd .m + .mopen.sm {margin-left:auto}
#view-currencies .stand .sample {display:inline-flex;align-items:center;gap:6px;font-family:var(--fmono);
  font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--amber);
  background:var(--amber-bg);border:1px solid var(--amber);border-radius:999px;padding:3px 9px}
#view-currencies .schart {padding:0;overflow:hidden}
#view-currencies .shd {display:flex;align-items:center;gap:16px;padding:16px 20px 14px;border-bottom:1px solid var(--rule)}
#view-currencies .shd .big {font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
#view-currencies .shd .big.up {color:var(--up)}
#view-currencies .shd .big.dn {color:var(--dn)}
#view-currencies .shd .big.nt {color:var(--soft)}
#view-currencies .shd .sht {min-width:0}
#view-currencies .shd .sht b {display:block;font-size:14px;font-weight:650;letter-spacing:-.01em}
#view-currencies .shd .sht span {display:block;font-size:12px;color:var(--soft);margin-top:2px}
#view-currencies .cbtop {display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px;align-items:start}
@media (max-width:1060px) {
  #view-currencies .cbtop {grid-template-columns:minmax(0,1fr);gap:0}
  #view-currencies .rch {margin-bottom:26px}
}
#view-currencies .rch {overflow:hidden;margin-top:6px}
#view-currencies .rch .rhd {display:flex;align-items:center;gap:10px;padding:12px 14px 0}
#view-currencies .rch .rtt {font-size:14.5px;font-weight:650;letter-spacing:-.012em;color:var(--ink);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;min-width:0}
#view-currencies .rch .swin {flex:0 0 auto}
#view-currencies .rch .swin button {padding:4px 9px}
#view-currencies .rch .sample {display:inline-flex;align-items:center;font-family:var(--fmono);
  font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--amber);
  background:var(--amber-bg);border:1px solid var(--amber);border-radius:999px;padding:3px 9px;
  white-space:nowrap;flex:0 0 auto;line-height:1}
#view-currencies .rch .rsum {display:flex;align-items:center;gap:10px;padding:8px 14px 12px;font-size:12.5px;color:var(--soft);
  border-bottom:1px solid var(--rule)}
#view-currencies .rch .rsum > span:first-child {min-width:0}
#view-currencies .rch .rsum .sample {margin-left:auto}
#view-currencies .rcr {display:grid;grid-template-columns:18px 36px minmax(0,1fr) auto;gap:4px 9px;align-items:center;width:100%;
  text-align:left;border:0;background:none;cursor:pointer;padding:11px 14px;font:inherit;color:inherit}
#view-currencies .rcr + .rcr {border-top:1px solid var(--rule)}
#view-currencies .rcr:hover {background:var(--sunk)}
#view-currencies .rcr .fl {border-radius:999px}
#view-currencies .rcr .cd {font-size:13px;font-weight:650}
#view-currencies .rcr .ft {display:flex;align-items:center;gap:7px;min-width:0}
#view-currencies .rcr .mvx {margin-left:0}
#view-currencies .rcr .tag {font-family:var(--fmono);font-size:9px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;padding:3px 7px;border-radius:999px;white-space:nowrap}
#view-currencies .rcr .tag.up {color:var(--up);background:color-mix(in srgb,var(--up) 12%,transparent)}
#view-currencies .rcr .tag.dn {color:var(--dn);background:color-mix(in srgb,var(--dn) 12%,transparent)}
#view-currencies .rcr .dv {font-family:var(--fmono);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
#view-currencies .rcr .dv.up {color:var(--up)}
#view-currencies .rcr .dv.dn {color:var(--dn)}
#view-currencies .rcr .why {grid-column:2 / 5;font-size:12.5px;line-height:1.45;color:var(--soft)}
#view-currencies .rcr .rk {font-family:var(--fmono);font-size:10px;color:var(--faint);margin-left:7px;white-space:nowrap}
#view-currencies .rch .rnone {display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;padding:10px 14px 11px;
  border-top:1px solid var(--rule);background:var(--sunk)}
#view-currencies .rch .rnone i {font-style:normal;font-family:var(--fmono);font-size:9.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);margin-right:2px}
#view-currencies .rch .rnone span {display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--soft)}
#view-currencies .rch .rnone .fl {border-radius:999px}
#view-currencies .rch .rnone em {font-style:normal;font-family:var(--fmono);font-size:10.5px}
#view-currencies .rch .rnone em.up {color:var(--up)}
#view-currencies .rch .rnone em.dn {color:var(--dn)}
#view-currencies .swin {margin-left:auto;display:flex;gap:2px;background:var(--sunk2);border-radius:8px;padding:3px}
#view-currencies .swin button {border:0;background:none;cursor:pointer;font-family:var(--fmono);font-size:10px;
  font-weight:600;letter-spacing:.06em;color:var(--soft);padding:5px 11px;border-radius:6px}
#view-currencies .swin button.on {background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(26,29,33,.10)}
#view-currencies .swrap {position:relative;padding:14px 16px 4px}
#view-currencies .swrap svg {display:block;width:100%;height:auto}
#view-currencies .schart .gl {stroke:var(--rule);stroke-width:1;stroke-dasharray:3 5}
#view-currencies .schart .zl {stroke:var(--rule2);stroke-width:1.4}
#view-currencies .schart .yl, #view-currencies .schart .xl {font-family:var(--fmono);font-size:11px;fill:var(--faint)}
#view-currencies .schart .yl {text-anchor:end}
#view-currencies .schart .xl {text-anchor:middle}
#view-currencies .schart .flip {fill:var(--card);stroke-width:2}
#view-currencies .shair {position:absolute;top:14px;bottom:22px;width:1px;background:var(--rule2);opacity:0;pointer-events:none}
#view-currencies .sdot {position:absolute;width:11px;height:11px;border-radius:999px;background:var(--up);
  border:2.5px solid var(--card);box-shadow:0 0 0 1px rgba(26,29,33,.12);
  transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .12s}
#view-currencies .sdot.dn {background:var(--dn)}
#view-currencies .schart.live .sdot {opacity:1}
#view-currencies .stip {position:absolute;top:16px;pointer-events:none;opacity:0;transition:opacity .12s;
  background:var(--ink);color:var(--bg);border-radius:9px;padding:9px 12px;min-width:132px;
  box-shadow:0 8px 24px rgba(26,29,33,.22);z-index:5}
#view-currencies .stip .dt {display:block;font-family:var(--fmono);font-size:9px;letter-spacing:.09em;
  text-transform:uppercase;opacity:.62;margin-bottom:5px}
#view-currencies .stip .vv {display:block;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
#view-currencies .stip .rk {display:block;font-size:11.5px;opacity:.72;margin-top:3px}
#view-currencies .schart.live .shair, #view-currencies .schart.live .stip {opacity:1}
#view-currencies .schart.live .zl {stroke:var(--rule2)}
#view-currencies .sfootr {display:flex;flex-wrap:wrap;gap:10px 26px;padding:13px 20px 15px;border-top:1px solid var(--rule);
  background:var(--sunk)}
#view-currencies .sfootr div {min-width:0}
#view-currencies .sfootr .k {display:block;font-family:var(--fmono);font-size:9px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--faint);margin-bottom:3px}
#view-currencies .sfootr .v {font-size:12.5px;color:var(--ink);font-weight:600}
#view-currencies .sfootr .v em {font-style:normal;font-weight:400;color:var(--soft)}
#view-currencies .standleg {margin:10px 2px 0;font-size:12.5px;line-height:1.6;color:var(--soft)}
#view-currencies .schart .evm circle {fill:var(--ink);stroke:var(--card);stroke-width:2;transition:r .12s}
#view-currencies .schart .evm text {font-family:var(--fmono);font-size:10px;font-weight:700;fill:var(--bg);
  text-anchor:middle;pointer-events:none}
#view-currencies .schart .evm.hl circle {r:11}
#view-currencies .sstory {padding:16px 20px 18px;border-top:1px solid var(--rule)}
#view-currencies .sstory .sthd {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#view-currencies .sstory .sthd b {font-size:13.5px;font-weight:650;letter-spacing:-.01em}
#view-currencies .sstory .sthd span.m {font-size:12px;color:var(--soft)}
#view-currencies .sstory .sthd .sample {margin-left:auto}
#view-currencies .sevs {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
#view-currencies .sev {border:1px solid var(--rule);border-radius:10px;padding:12px 13px 13px;background:var(--card);
  transition:border-color .12s,box-shadow .12s}
#view-currencies .sev:hover, #view-currencies .sev.hl {border-color:var(--rule2);box-shadow:0 2px 10px rgba(26,29,33,.07)}
#view-currencies .sev .top {display:flex;align-items:center;gap:8px;margin-bottom:8px}
#view-currencies .sev .no {display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:var(--ink);
  color:var(--bg);font-family:var(--fmono);font-size:10px;font-weight:700;flex:0 0 auto}
#view-currencies .sev .dt {font-family:var(--fmono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
#view-currencies .sev .mv {margin-left:auto;font-family:var(--fmono);font-size:11px;font-weight:600;white-space:nowrap}
#view-currencies .sev .mv.up {color:var(--up)}
#view-currencies .sev .mv.dn {color:var(--dn)}
#view-currencies .sev h5 {margin:0 0 5px;font-size:13.5px;font-weight:650;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}
#view-currencies .sev p {margin:0;font-size:12.5px;line-height:1.58;color:var(--soft)}
#view-currencies .sev .xf {display:inline-block;margin-top:9px;font-family:var(--fmono);font-size:9px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px}
#view-currencies .sev .xf.up {color:var(--up);background:color-mix(in srgb,var(--up) 12%,transparent)}
#view-currencies .sev .xf.dn {color:var(--dn);background:color-mix(in srgb,var(--dn) 12%,transparent)}
#view-currencies .sev .rkm {display:block;margin-top:8px;font-size:11.5px;color:var(--faint)}
@media (max-width:640px) {
  #view-currencies .shd {flex-wrap:wrap}
  #view-currencies .swin {margin-left:0}
}
#view-currencies .rsn2 {display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 12px;align-items:start;
  border:1px solid var(--rule);border-left:3px solid var(--rule2);border-radius:11px;
  padding:13px 16px 14px;margin-bottom:8px;background:var(--card)}
#view-currencies .rsn2:last-child {margin-bottom:0}
#view-currencies .rsn2.up {border-left-color:var(--up)}
#view-currencies .rsn2.dn {border-left-color:var(--dn)}
#view-currencies .rsn2 .rno {grid-row:1 / span 2;font-family:var(--fmono);font-size:12.5px;
  font-weight:600;color:var(--faint);line-height:1.5;padding-top:1px}
#view-currencies .rsn2 .rhd {display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:5px}
#view-currencies .rsn2 h4 {margin:0;font-size:14.5px;font-weight:650;letter-spacing:-.012em;color:var(--ink);line-height:1.35}
#view-currencies .rsn2 p {margin:0;font-size:13.5px;line-height:1.6;color:var(--soft);overflow-wrap:anywhere}
#view-currencies .rsn2 .wm {margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap}
#view-currencies .rsn2 .wm .dts {display:flex;gap:3px}
#view-currencies .rsn2 .wm i {display:block;width:6px;height:6px;border-radius:999px;background:var(--rule2)}
#view-currencies .rsn2.up .wm i.on {background:var(--up)}
#view-currencies .rsn2.dn .wm i.on {background:var(--dn)}
#view-currencies .rsn2.nt .wm i.on {background:var(--faint)}
#view-currencies .rsn2 .wm em {font-style:normal;font-family:var(--fmono);font-size:9.5px;
  font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
@media (max-width:560px) {
  #view-currencies .rsn2 {grid-template-columns:20px minmax(0,1fr);gap:0 9px}
  #view-currencies .rsn2 .wm {margin-left:0;width:100%}
}
#view-currencies .bexp .bsub {display:flex;align-items:center;gap:6px;margin:28px 0 12px}
#view-currencies .bexp .bsub .lb {color:var(--faint)}
#view-currencies .leans ul {list-style:none;margin:8px 0 0;padding:0}
#view-currencies .leans li {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;align-items:baseline;
  padding:9px 0;border-top:1px solid var(--rule)}
#view-currencies .leans li:first-child {border-top:0;padding-top:2px}
#view-currencies .leans .t {font-size:13.5px;font-weight:600}
#view-currencies .leans .w {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint);text-align:right}
@media (max-width:560px) {
  #view-currencies .leans li {grid-template-columns:minmax(0,1fr)}
  #view-currencies .leans .w {text-align:left}
}
#view-currencies .axexp .lb {color:var(--ink)}
#view-currencies .axexp .ev .lb.up {color:var(--up)}
#view-currencies .axexp .ev .lb.dn {color:var(--dn)}
#view-currencies .axexp .ev .lb.nt {color:var(--faint)}
#view-currencies .axexp .lbd .lb {color:var(--faint)}
#view-currencies .cmpexp2 {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr)}
#view-currencies .cmpexp2 .ev {grid-column:1 / 3}
#view-currencies .cmpexp2 .lbd {grid-column:3;grid-row:1 / 3;border-top:0;padding-top:0;margin-top:0;
  border-left:1px solid var(--rule);padding-left:15px}
#view-currencies .cmpexp2 .lbd ol {grid-template-columns:1fr;gap:1px}
@media (max-width:760px) {
  #view-currencies .cmpexp2 {grid-template-columns:1fr}
  #view-currencies .cmpexp2 .ev {grid-column:1 / -1}
  #view-currencies .cmpexp2 .lbd {grid-column:1 / -1;grid-row:auto;border-left:0;padding-left:0;
    border-top:1px solid var(--rule);padding-top:12px;margin-top:2px}
  #view-currencies .cmpexp2 .lbd ol {grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:2px 16px}
}
#view-currencies .axexp2 {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr)}
#view-currencies .axexp2 .lbd {grid-column:3;grid-row:1/3;border-top:0;padding-top:0;margin-top:0;
  border-left:1px solid var(--rule);padding-left:15px}
#view-currencies .axexp2 .lbd ol {grid-template-columns:1fr;gap:1px}
@media (max-width:760px) {
  #view-currencies .axexp2 {grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  #view-currencies .axexp2 .lbd {grid-column:1/-1;grid-row:auto;border-left:0;padding-left:0;
    border-top:1px solid var(--rule);padding-top:12px;margin-top:2px}
  #view-currencies .axexp2 .lbd ol {grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:2px 16px}
}
#view-currencies .tiles.t4 {grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
#view-currencies .cbgrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-top:12px}
#view-currencies .cbcard {padding:16px 18px 18px}
#view-currencies .cbcard .lb {display:block;color:var(--faint);margin-bottom:10px}
#view-currencies .cbcard p {margin:0 0 10px;font-size:13.5px;line-height:1.6;color:var(--soft)}
#view-currencies .cbcard p:last-child {margin-bottom:0}
#view-currencies .cbpill {display:inline-block;padding:5px 12px;border-radius:999px;font-family:var(--fmono);
  font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:11px}
#view-currencies .cbpill.up {background:var(--up-bg);color:var(--up);border:1px solid var(--up-bd)}
#view-currencies .cbpill.dn {background:var(--dn-bg);color:var(--dn);border:1px solid var(--dn-bd)}
#view-currencies .cbpill.nt {background:var(--sunk2);color:var(--faint);border:1px solid var(--rule2)}
#view-currencies .cbq {font-size:14.5px !important;line-height:1.55 !important;color:var(--ink) !important;
  border-left:3px solid var(--rule2);padding-left:12px}
#view-currencies .cbsrc {font-family:var(--fmono);font-size:10px !important;letter-spacing:.05em}
#view-currencies .cbsrc .stale {color:var(--amber)}
#view-currencies .cbsrc .fresh {color:var(--up)}
#view-currencies .tile .nxs {display:block;margin-top:7px;font-size:12px;line-height:1.4;color:var(--ink)}
#view-currencies .tile .nxs b {font-weight:600}
#view-currencies .tile .nxn {display:block;margin-top:3px;font-size:11px;line-height:1.4;color:var(--faint)}
#view-currencies .cbwatch2 {margin-top:12px;padding:12px 14px 4px;border-radius:10px;border:1px solid var(--rule);border-left:3px solid var(--amber)}
#view-currencies .cbwatch2 .lb2 {display:block;font-family:var(--fmono);font-size:9px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--amber);margin-bottom:5px}
#view-currencies .cbwatch2 .cbwi {margin:0 0 4px;font-size:12.5px;line-height:1.55;color:var(--soft)}
#view-currencies .cbwatch2 .cbwi b {color:var(--ink)}
#view-currencies .cbwatch2 ul {list-style:none;margin:0;padding:0}
#view-currencies .cbwatch2 li {position:relative;padding:9px 0 9px 16px;border-top:1px solid var(--rule);font-size:13px;line-height:1.55;color:var(--ink)}
#view-currencies .cbwatch2 li:first-child {border-top:0}
#view-currencies .cbwatch2 li::before {content:'';position:absolute;left:2px;top:16px;width:6px;height:6px;border-radius:999px;background:var(--amber)}
#view-currencies .cbtone {display:inline-flex;align-items:center;gap:7px;align-self:center;font-family:var(--fmono);
  font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:5px 11px 5px 9px;border-radius:999px;
  border:1px solid var(--rule2);color:var(--soft);background:var(--card)}
#view-currencies .cbtone i {width:7px;height:7px;border-radius:999px;background:var(--faint)}
#view-currencies .cbtone.up {color:var(--up);border-color:color-mix(in srgb,var(--up) 35%,transparent);background:color-mix(in srgb,var(--up) 9%,transparent)}
#view-currencies .cbtone.up i {background:var(--up)}
#view-currencies .cbtone.dn {color:var(--dn);border-color:color-mix(in srgb,var(--dn) 35%,transparent);background:color-mix(in srgb,var(--dn) 9%,transparent)}
#view-currencies .cbtone.dn i {background:var(--dn)}
#view-currencies .why .wlb {display:block;font-family:var(--fmono);font-size:9.5px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;margin-bottom:3px;color:var(--faint)}
#view-currencies .why .wlb.up {color:var(--up)}
#view-currencies .why .wlb.dn {color:var(--dn)}
#view-currencies .why .wlb.lv {color:var(--ink)}
#view-currencies .cbtw {position:relative;display:inline-flex;align-items:center;gap:9px;align-self:center;outline:none}
#view-currencies .cbbar {display:block;width:92px;height:6px;border-radius:999px;background:var(--sunk2);overflow:hidden}
#view-currencies .cbbar i, #view-currencies .cbpop .pbar i {display:block;height:100%;border-radius:999px}
#view-currencies .cbbar.up i, #view-currencies .cbpop .pbar.up i {background:var(--up)}
#view-currencies .cbbar.dn i, #view-currencies .cbpop .pbar.dn i {background:var(--dn)}
#view-currencies .cbpct {font-family:var(--fmono);font-size:11px;font-weight:600;color:var(--soft)}
#view-currencies .cbpop {position:absolute;top:calc(100% + 10px);left:0;width:330px;z-index:40;opacity:0;visibility:hidden;
  transform:translateY(-3px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none;
  background:var(--card);border:1px solid var(--rule2);border-radius:12px;padding:13px 15px 14px;
  box-shadow:0 14px 34px rgba(26,29,33,.16);font-family:inherit;letter-spacing:0;text-transform:none}
#view-currencies .cbtw:hover .cbpop, #view-currencies .cbtw:focus-within .cbpop {opacity:1;visibility:visible;transform:none}
#view-currencies .cbpop .ph {display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
#view-currencies .cbpop .ph b {font-size:15px;font-weight:700}
#view-currencies .cbpop .ph b.up {color:var(--up)}
#view-currencies .cbpop .ph b.dn {color:var(--dn)}
#view-currencies .cbpop .ph b.nt {color:var(--ink)}
#view-currencies .cbpop .ph em {margin-left:auto;font-style:normal;font-family:var(--fmono);font-size:13px;font-weight:600;color:var(--ink)}
#view-currencies .cbpop .pbar {display:block;height:7px;border-radius:999px;background:var(--sunk2);overflow:hidden;margin-bottom:11px}
#view-currencies .cbpop .ps {display:block;font-size:12.5px;line-height:1.55;color:var(--soft);margin-bottom:7px}
#view-currencies .cbpop .ps b {color:var(--ink);font-weight:650}
#view-currencies .cbpop .pn {display:block;margin-top:9px;padding-top:9px;border-top:1px solid var(--rule);font-size:11px;line-height:1.5;color:var(--faint)}
#view-currencies .lands {padding:0;overflow:hidden}
#view-currencies .lands .ldh {padding:7px 16px;background:var(--sunk);border-top:1px solid var(--rule);font-family:var(--fmono);
  font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
#view-currencies .lands .ldh:first-child {border-top:0}
#view-currencies .lands .lrow {display:grid;grid-template-columns:50px minmax(0,1fr) auto 14px;gap:12px;align-items:start;padding:9px 16px;
  border:0;border-top:1px solid var(--rule);width:100%;text-align:left;font:inherit;color:inherit;background:var(--card);cursor:pointer}
#view-currencies .lands .lrow:hover, #view-currencies .lands .lrow.open {background:var(--sunk)}
#view-currencies .lands .lex {font-family:var(--fmono);font-size:13px;color:var(--faint);text-align:right;line-height:1.4}
#view-currencies .lands .lxp {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;padding:12px 16px 14px 78px;
  background:var(--sunk);border-top:1px dashed var(--rule)}
#view-currencies .lands .lxp .lb2 {display:block;font-family:var(--fmono);font-size:9px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--faint);margin-bottom:4px}
#view-currencies .lands .lxp p {margin:0;font-size:13px;line-height:1.58;color:var(--ink)}
@media (max-width:860px) {
  #view-currencies .lands .lxp {grid-template-columns:minmax(0,1fr);padding-left:16px}
}
#view-currencies .lands .ldh + .lrow {border-top:0}
#view-currencies .lands .lt {font-family:var(--fmono);font-size:11px;color:var(--faint);padding-top:2px}
#view-currencies .lands .lb1 {min-width:0}
#view-currencies .lands .ln1 {display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13.5px}
#view-currencies .lands .ln1 b {font-weight:600}
#view-currencies .lands .ln1 img.fl {border-radius:999px}
#view-currencies .lands .ln1 small {font-family:var(--fmono);font-size:10.5px;color:var(--faint)}
#view-currencies .lands .lw {display:block;margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--soft);overflow-wrap:anywhere}
#view-currencies .lands .lim {font-family:var(--fmono);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;white-space:nowrap;margin-top:1px}
#view-currencies .lands .lim.hi {color:var(--dn);background:color-mix(in srgb,var(--dn) 11%,transparent)}
#view-currencies .lands .lim.lo {color:var(--faint);background:var(--sunk2)}
#view-currencies .cbgrid .cbsp {grid-column:1 / -1}
#view-currencies .cbgrid .cbsp ~ .cbcard {grid-column:1 / -1}
#view-currencies .spwrap {display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;margin-top:12px}
@media (max-width:860px) {
  #view-currencies .spwrap {grid-template-columns:minmax(0,1fr)}
}
#view-currencies .sptrend {padding:11px 13px;border-radius:9px;background:var(--sunk);font-size:12.5px;line-height:1.58;color:var(--soft);margin-bottom:10px}
#view-currencies .sptrend b {color:var(--ink);font-weight:650}
#view-currencies .splist {display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:10px;overflow:hidden}
#view-currencies .spi {position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:start;text-align:left;
  font:inherit;color:inherit;background:var(--card);border:0;border-top:1px solid var(--rule);padding:10px 12px 10px 14px;cursor:pointer}
#view-currencies .spi:first-child {border-top:0}
#view-currencies .spi:hover {background:var(--sunk)}
#view-currencies .spi.on {background:var(--sunk2)}
#view-currencies .spi.on::before {content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink)}
#view-currencies .spi .spd {display:flex;align-items:center;gap:6px;padding-top:2px;font-family:var(--fmono);font-size:10px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
#view-currencies .spi .spd i {width:7px;height:7px;border-radius:999px;background:var(--faint);flex:0 0 auto}
#view-currencies .spi .spd i.up {background:var(--up)}
#view-currencies .spi .spd i.dn {background:var(--dn)}
#view-currencies .spi .spw {font-size:12px;line-height:1.35;color:var(--soft)}
#view-currencies .spi .spw b {display:block;color:var(--ink);font-weight:650;font-size:13px}
#view-currencies .spbody .lb2 {display:block;font-family:var(--fmono);font-size:9px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .spbody .spmeta {margin:9px 0 10px;font-size:12px;line-height:1.5;color:var(--soft)}
#view-currencies .spbody .spmeta b {color:var(--ink);font-weight:600}
#view-currencies .sphead {margin:0 0 14px;font-size:15.5px;line-height:1.55;color:var(--ink)}
#view-currencies .sphead b {font-weight:700}
#view-currencies .sppts {margin:6px 0 14px;padding-left:18px}
#view-currencies .sppts li {font-size:13.5px;line-height:1.6;color:var(--soft);margin-bottom:4px}
#view-currencies .sppts li b {color:var(--ink);font-weight:650}
#view-currencies .spmeans {padding:11px 14px 12px;border-radius:10px;border-left:3px solid var(--faint);background:var(--sunk)}
#view-currencies .spmeans.up {border-left-color:var(--up);background:color-mix(in srgb,var(--up) 6%,transparent)}
#view-currencies .spmeans.dn {border-left-color:var(--dn);background:color-mix(in srgb,var(--dn) 6%,transparent)}
#view-currencies .spmeans p {margin:4px 0 0;font-size:13px;line-height:1.58;color:var(--ink)}
#view-currencies .spbody .cbsrc {margin-top:12px}
#view-currencies .spfoot {margin-top:14px;padding-top:10px;border-top:1px solid var(--rule)}
#view-currencies .cbsources {display:grid;gap:7px;margin-top:14px;padding:11px 13px;border-radius:9px;background:var(--sunk)}
#view-currencies .cbsources .lb2, #view-currencies .cbdo .lb2 {display:block;font-family:var(--fmono);font-size:9px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
#view-currencies .cbsources span:not(.lb2) {display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-size:12px;line-height:1.45}
#view-currencies .cbsources b {font-weight:600;color:var(--ink);min-width:170px}
#view-currencies .cbsources a {color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rule2)}
#view-currencies .cbsources a:hover {text-decoration-color:var(--ink)}
#view-currencies .cbsources em {font-style:normal;color:var(--soft)}
#view-currencies .cbdo {margin-top:14px;padding:12px 14px 13px;border-radius:10px;border:1px solid var(--rule);border-left:3px solid var(--faint)}
#view-currencies .cbdo.up {border-left-color:var(--up);background:color-mix(in srgb,var(--up) 5%,transparent)}
#view-currencies .cbdo.amber {border-left-color:var(--amber);background:var(--amber-bg)}
#view-currencies .cbdo .lb2 {margin-bottom:5px}
#view-currencies .cbdo p {margin:0;font-size:13px;line-height:1.6;color:var(--ink)}
#view-currencies .cbnums {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:13px;
  border-top:1px solid var(--rule)}
#view-currencies .cbnums span {display:block;font-size:11.5px;line-height:1.4;color:var(--faint)}
#view-currencies .cbnums b {display:block;font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;margin-bottom:2px}
#view-currencies .cbwatch {margin-top:12px;padding:16px 18px 18px;border-left:3px solid var(--amber)}
#view-currencies .cbwatch .lb {display:block;color:var(--amber);margin-bottom:8px}
#view-currencies .cbwi {margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--soft)}
#view-currencies .cbwi b {color:var(--ink)}
#view-currencies .cbwatch ul {margin:0;padding:0;list-style:none}
#view-currencies .cbwatch li {position:relative;padding:7px 0 7px 18px;font-size:13px;line-height:1.55;color:var(--soft);
  border-top:1px solid var(--rule)}
#view-currencies .cbwatch li:first-child {border-top:0}
#view-currencies .cbwatch li::before {content:'';position:absolute;left:2px;top:14px;width:5px;height:5px;border-radius:999px;
  background:var(--amber)}
#view-currencies .cbnews {margin-top:12px;padding:16px 18px 6px}
#view-currencies .cbnews .lb {display:block;color:var(--faint);margin-bottom:4px}
#view-currencies .cbn {display:block;width:100%;text-align:left;font:inherit;color:inherit;background:none;
  border:0;border-top:1px solid var(--rule);padding:11px 0;cursor:pointer}
#view-currencies .cbn:hover b {text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rule2)}
#view-currencies .cbn .rd {display:inline-block;margin-top:6px;font-family:var(--fmono);font-size:9.5px;
  font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--soft)}
#view-currencies .cbn:hover .rd {color:var(--ink)}
#view-currencies .cbn b {display:block;font-size:13.5px;font-weight:600;line-height:1.45;margin-bottom:3px}
#view-currencies .cbn span {display:block;font-size:12.5px;line-height:1.55;color:var(--faint)}
#view-currencies .card.sparkwrap {margin-top:12px;padding:16px 18px}
#view-currencies .cstrip {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;margin:18px 0 0;
  background:var(--rule);border:1px solid var(--rule);border-radius:10px;overflow:hidden}
#view-currencies .cstrip>div {background:var(--card);padding:13px 16px}
#view-currencies .cstrip .lb {display:block;font-family:var(--fmono);font-size:9px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);margin-bottom:6px}
#view-currencies .cstrip b {display:block;font-size:20px;font-weight:700;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
#view-currencies .cstrip b.up {color:var(--up)}
#view-currencies .cstrip b.dn {color:var(--dn)}
#view-currencies .cstrip b.am {color:var(--amber)}
#view-currencies .cstrip small {display:block;margin-top:3px;font-size:11.5px;color:var(--faint)}
#view-currencies .cfals {margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--soft);max-width:74ch}
#view-currencies .cfals b {color:var(--ink);font-weight:600}
#view-currencies .pathln {margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--soft);max-width:76ch}
#view-currencies .pathln b {color:var(--ink)}
#view-currencies .pathbox {padding:4px 18px 14px}
#view-currencies .path {padding:13px 0;border-top:1px solid var(--rule)}
#view-currencies .path:first-child {border-top:0}
#view-currencies .path .pb {display:flex;align-items:center;gap:11px;flex-wrap:wrap}
#view-currencies .path .pct {font-family:var(--fmono);font-size:15px;font-weight:600;
  font-variant-numeric:tabular-nums;width:40px;text-align:right}
#view-currencies .path .bar {width:92px;height:6px;border-radius:999px;background:var(--sunk2);overflow:hidden;flex:0 0 auto}
#view-currencies .path .bar i {display:block;height:100%;border-radius:999px;background:var(--nt)}
#view-currencies .path .bar i.up {background:var(--up)}
#view-currencies .path .bar i.dn {background:var(--dn)}
#view-currencies .path .nm {font-size:14px;font-weight:600}
#view-currencies .path>p {margin:7px 0 0 51px;font-size:12.5px;line-height:1.55;color:var(--faint)}
@media (max-width:600px) {
  #view-currencies .path>p {margin-left:0}
}
#view-currencies .cbs {display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12.5px;
  color:var(--soft);padding:4px 0}
#view-currencies .cbs b {font-family:var(--fmono);font-variant-numeric:tabular-nums}
#view-currencies .cbnx {margin:6px 0 0;font-size:12.5px;line-height:1.6;color:var(--soft)}
#view-currencies .cblinks {margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
#view-currencies .cblinks button {font-family:var(--fmono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;padding:8px 13px;border:1px solid var(--rule2);border-radius:999px;
  background:transparent;color:var(--soft);cursor:pointer}
#view-currencies .cblinks button:hover {color:var(--ink);border-color:var(--ink)}
#view-currencies .cblinks button.pri {display:inline-flex;align-items:center;gap:9px;width:100%;justify-content:flex-start;
  padding:11px 14px;border-radius:10px;border:1px solid var(--ink);background:var(--ink);
  color:var(--bg);font-size:11.5px;letter-spacing:.06em}
#view-currencies .cblinks button.pri .ar {margin-left:auto;font-size:14px}
#view-currencies .cblinks button.pri:hover {color:var(--bg);opacity:.85}
#view-currencies .cblinks .mut {font-size:11.5px}
#view-currencies .prbs {display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
#view-currencies .prb {display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;
  border:1px solid var(--rule2);background:var(--card);cursor:pointer;font:inherit;font-size:12.5px;
  font-family:var(--fmono);font-weight:600;color:var(--soft);position:relative}
#view-currencies .prb:hover {color:var(--ink);border-color:var(--ink)}
#view-currencies .prb::after {content:attr(data-soon);position:absolute;left:50%;top:calc(100% + 8px);
  transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:var(--bg);
  font-family:var(--fsans);font-size:11px;font-weight:400;letter-spacing:0;
  padding:5px 9px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .12s;z-index:60}
#view-currencies .prb:hover::after {opacity:1}
@media print {
  #view-currencies .prb::after {display:none}
}
#view-currencies .filters .chip .n {font-family:var(--fmono);font-size:9.5px;color:var(--faint);margin-left:4px}
@media (max-width:900px) {
  #view-currencies .cbexp {grid-template-columns:1fr}
  #view-currencies .cbhead {display:none}
  #view-currencies .cbrow {grid-template-columns:42px 1fr 26px}
  #view-currencies .cbrow .y {display:none}
}
@media (max-width:640px) {
  #view-currencies .cbh {font-size:23px}
}
#view-currencies .cbl2 {margin:0 0 16px;font-size:13.5px;line-height:1.65;color:var(--faint);max-width:76ch}
#view-currencies .bul {display:flex;align-items:baseline;gap:7px;padding:3px 0;font-size:12.5px;line-height:1.45;
  color:var(--soft);max-width:100%}
#view-currencies .bul i {width:7px;height:7px;border-radius:999px;flex:0 0 auto;background:var(--nt);
  position:relative;top:-1px}
#view-currencies .bul.up i {background:var(--up)}
#view-currencies .bul.dn i {background:var(--dn)}
#view-currencies .bul .tp {min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#view-currencies .bul .wt {flex:0 0 auto;font-family:var(--fmono);font-size:9.5px;color:var(--faint);
  border:1px solid var(--rule);border-radius:999px;padding:1px 6px}
#view-currencies .bul .nyt {flex:0 0 auto;font-family:var(--fmono);font-size:8.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .bul.armed, #view-currencies .bul.dormant {opacity:.62}
#view-currencies .bul.armed i, #view-currencies .bul.dormant i {background:transparent;box-shadow:inset 0 0 0 1.5px var(--rule2)}
#view-currencies .bul.armed.up i {box-shadow:inset 0 0 0 1.5px var(--up)}
#view-currencies .bul.armed.dn i {box-shadow:inset 0 0 0 1.5px var(--dn)}
#view-currencies .cbrow .chps {display:flex;flex-direction:column;gap:2px;min-width:0}
#view-currencies .cbkey .kx .bul {flex:0 0 auto;width:150px}
#view-currencies .cbkey .kx .bul .tp {-webkit-line-clamp:1;white-space:nowrap}
#view-currencies .cbr {display:block;padding:11px 0;border-bottom:1px solid var(--rule)}
#view-currencies .cbr .hd {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
#view-currencies .cbr .hd i {width:7px;height:7px;border-radius:999px;background:var(--nt);flex:0 0 auto}
#view-currencies .cbr.up .hd i {background:var(--up)}
#view-currencies .cbr.dn .hd i {background:var(--dn)}
#view-currencies .cbr .hd b {font-size:13.5px}
#view-currencies .cbr .wt, #view-currencies .cbr .st {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint)}
#view-currencies .cbr .st {border:1px solid var(--rule);border-radius:999px;padding:2px 8px}
#view-currencies .cbr .st.off {border-color:var(--amber);color:var(--amber)}
#view-currencies .cbr .st.up {border-color:var(--up-bd);background:var(--up-bg);color:var(--up)}
#view-currencies .cbr .st.dn {border-color:var(--dn-bd);background:var(--dn-bg);color:var(--dn)}
#view-currencies .cbr .st.nt {border-color:var(--rule2);color:var(--faint)}
#view-currencies .cbr .tx {display:block;font-size:13.5px;line-height:1.55;color:var(--soft)}
#view-currencies .cbhead, #view-currencies .cbrow {grid-template-columns:42px 132px 96px minmax(0,2.6fr) 62px 24px}
#view-currencies .cbrow .rk {font-family:var(--fmono);font-size:13px;font-weight:600;color:var(--faint)}
#view-currencies .filters .fq {display:inline-flex;align-items:center;margin-left:auto}
#view-currencies .cbrow {align-items:start}
#view-currencies .cbrow .cc, #view-currencies .cbrow>span {padding-top:1px}
#view-currencies .top h1, #view-currencies .sh h2, #view-currencies .pexp .pt, #view-currencies .chl, #view-currencies .dayhd b, #view-currencies .mdh b, #view-currencies .tip .th b {font-family:var(--fdisp);letter-spacing:-.01em}
#view-currencies .palpick {display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#view-currencies .palc {display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid var(--rule2);background:var(--card);color:var(--soft);cursor:pointer;font-family:var(--fmono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;line-height:1;white-space:nowrap}
#view-currencies .palc:hover {color:var(--ink);border-color:var(--ink)}
#view-currencies .palc.on {border-color:var(--ink);color:var(--ink);font-weight:600}
#view-currencies .palc .sw {display:flex;gap:2px}
#view-currencies .palc .sw i {width:7px;height:7px;border-radius:999px;display:block}
@media print {
  #view-currencies .palpick {display:none!important}
}
#view-currencies .mast .palpick {margin-left:auto}
#view-currencies .mast .pall {display:none}
#view-currencies .sfoot .palpick {flex-direction:column;align-items:stretch;gap:4px;margin-bottom:9px}
#view-currencies .sfoot .palc {width:100%;justify-content:flex-start;padding:6px 9px;font-size:9px}
#view-currencies .sfoot .pall {display:block;font-family:var(--fmono);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);padding:0 2px;margin-bottom:7px}
@media print {
  #view-currencies .sfoot .pall {display:none!important}
}