:root {
      --bg: #050b16;
      --bg-2: #0f1f36;
      --surface: #101d34;
      --surface-2: #1a3151;
      --text: #eaf3ff;
      --muted: #9eb2d1;
      --line: #294666;
      --accent: #36d5ff;
      --accent-2: #5cf1bc;
      --up: #4ade80;
      --down: #fb7185;
      --warning: #facc15;
      --card-shadow: 0 14px 44px rgba(3, 10, 22, 0.55);
      --card-glow: 0 0 0 1px rgba(67, 221, 255, 0.16), 0 0 34px rgba(16, 103, 177, 0.25);
    }
    * { box-sizing: border-box; }
    html, body { max-width: 100%; overflow-x: hidden; }
    body {
      margin: 0;
      font-family: "Sora", "Avenir Next", "Trebuchet MS", sans-serif;
      color: var(--text);
      background:
        radial-gradient(1200px 640px at 6% -8%, #1a396f 0%, transparent 54%),
        radial-gradient(980px 560px at 100% 2%, #144b62 0%, transparent 48%),
        repeating-linear-gradient(0deg, rgba(42, 74, 112, 0.15) 0px, rgba(42, 74, 112, 0.15) 1px, transparent 1px, transparent 48px),
        repeating-linear-gradient(90deg, rgba(42, 74, 112, 0.11) 0px, rgba(42, 74, 112, 0.11) 1px, transparent 1px, transparent 48px),
        linear-gradient(180deg, var(--bg), #060d19 62%, #040911 100%);
      min-height: 100vh;
      line-height: 1.6;
    }
    a { color: var(--accent); text-decoration: none; }
    a:hover { text-decoration: underline; }
    .site-wrap { max-width: 1260px; margin: 0 auto; padding: 0 18px 42px; width: 100%; }
    body[data-nav="coins"] .site-wrap { max-width: 1480px; }
    body[data-nav="home"] {
      background:
        radial-gradient(1500px 820px at 2% -14%, rgba(60, 144, 255, 0.34) 0%, transparent 56%),
        radial-gradient(1180px 760px at 100% 4%, rgba(62, 211, 173, 0.2) 0%, transparent 47%),
        repeating-linear-gradient(0deg, rgba(54, 90, 136, 0.12) 0px, rgba(54, 90, 136, 0.12) 1px, transparent 1px, transparent 48px),
        repeating-linear-gradient(90deg, rgba(54, 90, 136, 0.1) 0px, rgba(54, 90, 136, 0.1) 1px, transparent 1px, transparent 48px),
        linear-gradient(180deg, #091321 0%, #07111e 46%, #050c16 100%);
    }
    body[data-nav="home"] .site-wrap {
      max-width: min(1780px, calc(100vw - 24px));
      padding: 0 18px 54px;
    }
    .topbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      padding: 14px 10px;
      border: 1px solid var(--line);
      border-radius: 14px;
      margin-bottom: 16px;
      background:
        linear-gradient(180deg, rgba(9, 20, 36, 0.94), rgba(8, 18, 34, 0.76)),
        radial-gradient(100% 220% at 0% 0%, rgba(54, 213, 255, 0.09) 0%, transparent 45%);
      backdrop-filter: blur(8px);
      position: sticky;
      top: 0;
      z-index: 12;
    }
    .brand { font-weight: 700; font-size: 24px; letter-spacing: 0.2px; color: var(--text); }
    .brand b { color: var(--accent); }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .nav {
      display: flex;
      flex: 1 1 720px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
      gap: 14px;
      min-width: 0;
    }
    .nav a { margin-left: 0; color: var(--muted); font-size: 14px; padding: 6px 0; }
    body[data-nav="home"] .nav a[data-nav="home"],
    body[data-nav="coins"] .nav a[data-nav="coins"],
    body[data-nav="trending"] .nav a[data-nav="trending"],
    body[data-nav="about"] .nav a[data-nav="about"] {
      color: var(--text);
    }
    .nav-search {
      position: relative;
      flex: 1 1 280px;
      min-width: min(280px, 100%);
      max-width: 360px;
    }
    .nav-search-form {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      margin: 0;
    }
    .nav-search-input {
      width: 100%;
      min-width: 0;
      border: 1px solid rgba(93, 143, 194, 0.34);
      border-radius: 999px;
      background: rgba(8, 18, 34, 0.88);
      color: var(--text);
      padding: 10px 14px;
      font: inherit;
      line-height: 1.2;
      box-shadow: inset 0 0 0 1px rgba(54, 213, 255, 0.06);
    }
    .nav-search-input::placeholder { color: rgba(158, 178, 209, 0.78); }
    .nav-search-input:focus {
      outline: none;
      border-color: rgba(92, 241, 188, 0.55);
      box-shadow: 0 0 0 3px rgba(54, 213, 255, 0.12);
    }
    .nav-search-button {
      border: 1px solid rgba(93, 143, 194, 0.34);
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(14, 36, 58, 0.96), rgba(10, 24, 40, 0.92));
      color: var(--text);
      padding: 10px 14px;
      font: inherit;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      transition: border-color 0.2s ease, transform 0.2s ease;
    }
    .nav-search-button:hover {
      border-color: rgba(92, 241, 188, 0.55);
      transform: translateY(-1px);
    }
    .nav-search-results {
      position: absolute;
      left: 0;
      right: 0;
      top: calc(100% + 8px);
      display: grid;
      gap: 6px;
      padding: 10px;
      border: 1px solid rgba(93, 143, 194, 0.34);
      border-radius: 14px;
      background: rgba(7, 17, 30, 0.97);
      box-shadow: 0 18px 50px rgba(3, 10, 22, 0.58);
      z-index: 22;
    }
    .nav-search-results[hidden] { display: none; }
    .nav-search-result,
    .nav-search-empty {
      border-radius: 12px;
      border: 1px solid rgba(41, 70, 102, 0.85);
      background: rgba(13, 27, 45, 0.92);
      padding: 10px 12px;
    }
    .nav-search-result {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      text-decoration: none;
    }
    .nav-search-result:hover {
      text-decoration: none;
      border-color: rgba(92, 241, 188, 0.55);
      background: rgba(15, 34, 56, 0.98);
    }
    .nav-search-result-main {
      min-width: 0;
      display: grid;
      gap: 2px;
    }
    .nav-search-result-name {
      color: var(--text);
      font-size: 14px;
      font-weight: 600;
    }
    .nav-search-result-detail,
    .nav-search-empty {
      color: var(--muted);
      font-size: 12px;
    }
    .nav-search-result-change {
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
    }
    .card {
      background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0));
      border: 1px solid var(--line);
      border-radius: 14px;
      backdrop-filter: blur(2px);
      box-shadow: var(--card-shadow);
      position: relative;
      isolation: isolate;
      overflow: visible;
    }
    .card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      border: 1px solid rgba(102, 208, 255, 0.09);
      pointer-events: none;
      box-shadow: var(--card-glow);
      opacity: 0.65;
      z-index: -1;
    }
    .muted { color: var(--muted); }
    .up { color: var(--up); }
    .down { color: var(--down); }
    section,
    .panel,
    .section-card,
    .hero-main,
    .hero-stats,
    .hero-stat,
    .home-context,
    .coin-main,
    .coin-side,
    .leaders-desktop,
    .leaders-mobile,
    .mover-card,
    .mini-row {
      min-width: 0;
    }
    .card h1,
    .card h2,
    .card h3,
    .card p,
    .card span,
    .card a,
    .card td,
    .card th,
    .card li,
    .card div {
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    img, svg, iframe, table { max-width: 100%; }
    .grid { display: grid; gap: 14px; }
    .cards { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
    .stat { padding: 16px; }
    .stat .label { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0.4px; }
    .stat .value { margin-top: 6px; font-weight: 700; font-size: 20px; }
    .section { margin-top: 14px; }
    .section h2 { margin: 0 0 12px; font-size: 21px; letter-spacing: 0.2px; }
    .ad-slot {
      min-height: 90px;
      border: 1px solid var(--line);
      margin-top: 18px;
      border-radius: 12px;
      background: rgba(10, 20, 40, 0.35);
      padding: 8px;
    }
    .ad-slot:empty { display: none; }
    .tokens-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: 12px;
      align-items: start;
    }
    .token-card {
      padding: 14px;
      align-self: start;
    }
    .token-name { font-weight: 700; font-size: 16px; color: var(--text); }
    .token-meta { color: var(--muted); font-size: 13px; margin-top: 4px; }
    .footer {
      border-top: 1px solid var(--line);
      margin-top: 28px;
      padding-top: 18px;
      color: var(--muted);
      font-size: 13px;
    }
    .footer-notes {
      display: grid;
      gap: 6px;
      margin-bottom: 10px;
    }
    .footer-notes > div,
    .footer-note,
    .footer-site-line {
      line-height: 1.5;
    }
    .footer-links {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }
    .footer-links a { color: var(--muted); }
    .footer-links a:hover { color: var(--text); }
    .chips { display: flex; flex-wrap: wrap; gap: 8px; }
    .chip {
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 6px 10px;
      color: var(--muted);
      font-size: 12px;
      background: rgba(10, 20, 40, 0.55);
    }
    .table-wrap {
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      border-radius: 12px;
    }
    .table {
      width: 100%;
      border-collapse: collapse;
      border-radius: 12px;
      border: 1px solid var(--line);
      table-layout: fixed;
    }
    .table-wrap .table { min-width: 640px; }
    .table th, .table td {
      padding: 12px;
      border-bottom: 1px solid var(--line);
      text-align: left;
      font-size: 14px;
      vertical-align: top;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .table th { color: var(--muted); background: rgba(22,34,58,0.7); }
    .table tr:last-child td { border-bottom: none; }
    .details-table td { word-break: break-all; overflow-wrap: anywhere; }
    .details-table th { white-space: normal; width: 180px; }
    .coin-title-row { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
    .coin-title { margin: 0; font-size: 30px; line-height: 1.2; overflow-wrap: anywhere; }
    .hero {
      display: grid;
      grid-template-columns: 1.4fr 1fr;
      gap: 12px;
      margin-bottom: 12px;
    }
    .hero-main { padding: 18px; }
    .hero-main h1 { margin: 0 0 8px; font-size: 34px; line-height: 1.05; letter-spacing: -0.55px; }
    .hero-main p {
      margin: 0;
      color: var(--muted);
      max-width: 720px;
      overflow-wrap: anywhere;
      line-height: 1.42;
    }
    .hero-stats {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 10px;
    }
    .hero-stat {
      padding: 12px;
      min-height: 86px;
      min-width: 0;
    }
    .hero-stat .k {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      line-height: 1.25;
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .hero-stat .v {
      margin-top: 8px;
      font-size: clamp(18px, 4.3vw, 23px);
      font-weight: 700;
      line-height: 1.15;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .home-panels { display: grid; grid-template-columns: 1.5fr 1fr; gap: 12px; }
    .panel { padding: 16px; }
    .panel h2 { margin: 0 0 6px; font-size: 20px; }
    .panel .sub { color: var(--muted); font-size: 13px; margin-bottom: 10px; }
    .quick-ribbon {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 8px;
      margin-top: 10px;
    }
    .quick-pill {
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 5px 10px;
      font-size: 12px;
      color: var(--muted);
      background: rgba(10, 20, 40, 0.55);
      white-space: normal;
      overflow-wrap: anywhere;
      min-height: 30px;
      display: flex;
      align-items: center;
    }
    .home-movers {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }
    .mover-card { padding: 14px; }
    .mover-card h3 {
      margin: 0 0 8px;
      font-size: 16px;
      line-height: 1.2;
    }
    .mover-list {
      display: grid;
      gap: 6px;
    }
    .mover-row {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(72px, 1fr) minmax(64px, 0.8fr);
      gap: 8px;
      align-items: start;
      padding: 7px 0;
      border-bottom: 1px dashed rgba(76, 106, 149, 0.45);
    }
    .mover-row:last-child { border-bottom: 0; padding-bottom: 0; }
    .mover-token-wrap { min-width: 0; }
    .mover-token {
      min-width: 0;
      font-weight: 600;
      font-size: 13px;
      line-height: 1.22;
      display: block;
    }
    .mover-meta {
      margin-top: 2px;
      display: block;
      font-size: 11px;
      color: var(--muted);
      line-height: 1.2;
    }
    .mover-price {
      font-size: 13px;
      color: var(--muted);
      white-space: normal;
      text-align: right;
      line-height: 1.24;
    }
    .mover-change {
      font-size: 13px;
      font-weight: 600;
      white-space: normal;
      text-align: right;
      line-height: 1.24;
    }
    .mover-empty { font-size: 13px; color: var(--muted); }
    .home-context {
      padding: 16px;
      margin-top: 12px;
    }
    .home-context p {
      margin: 0;
      color: var(--muted);
      line-height: 1.52;
    }
    .home-context .muted + .muted { margin-top: 8px; }
    .home-shell {
      display: grid;
      gap: 18px;
    }
    .home-stage {
      display: grid;
      grid-template-columns: minmax(0, 1.34fr) minmax(360px, 0.92fr);
      gap: 18px;
      align-items: start;
    }
    .home-stage-side,
    .home-column-stack,
    .home-board-main,
    .home-board-side {
      display: grid;
      gap: 18px;
      align-content: start;
      min-width: 0;
    }
    .home-major-row { width: 100%; }
    .home-detail-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr) minmax(320px, 0.88fr);
      gap: 18px;
      align-items: start;
    }
    .home-hero {
      padding: 20px 22px 18px;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(10, 22, 40, 0.98), rgba(10, 16, 34, 0.92)),
        radial-gradient(120% 140% at 12% 0%, rgba(76, 166, 255, 0.2) 0%, transparent 48%),
        radial-gradient(92% 120% at 100% 0%, rgba(92, 241, 188, 0.14) 0%, transparent 38%);
    }
    .home-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(115deg, rgba(64, 123, 255, 0.08), transparent 45%),
        linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
      pointer-events: none;
      z-index: -1;
    }
    .home-eyebrow {
      color: var(--accent);
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.58px;
      margin-bottom: 10px;
    }
    .home-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(290px, 0.84fr);
      gap: 16px;
      align-items: start;
    }
    .home-hero-copy {
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .home-hero-copy h1 {
      margin: 0;
      font-size: clamp(22px, 2.4vw, 32px);
      line-height: 1.04;
      letter-spacing: -0.75px;
      max-width: none;
    }
    .home-hero-copy p {
      margin: 0;
      max-width: 44ch;
      color: rgba(224, 236, 255, 0.82);
      font-size: 15px;
      line-height: 1.56;
    }
    .home-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 2px;
    }
    .home-action-ghost {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 9px 16px;
      border-radius: 13px;
      border: 1px solid rgba(115, 172, 227, 0.28);
      background: rgba(14, 28, 48, 0.74);
      color: var(--text);
      font-size: 13px;
      font-weight: 600;
      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }
    .home-action-ghost:hover {
      text-decoration: none;
      background: rgba(28, 51, 88, 0.9);
      border-color: rgba(129, 204, 255, 0.4);
      transform: translateY(-1px);
    }
    .home-chip-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 4px;
    }
    .home-chip {
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(92, 127, 170, 0.26);
      background: linear-gradient(180deg, rgba(13, 28, 48, 0.76), rgba(9, 19, 33, 0.48));
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .home-chip .k {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.44px;
      line-height: 1.2;
    }
    .home-chip .v {
      font-size: 17px;
      font-weight: 700;
      line-height: 1.12;
    }
    .home-chip .hint {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.3;
    }
    .home-hero-rail {
      display: grid;
      gap: 10px;
      padding-top: 14px;
      min-width: 0;
    }
    .home-hero-stat-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .home-hero-stat {
      min-width: 0;
      padding: 14px;
      border-radius: 16px;
      border: 1px solid rgba(102, 142, 188, 0.24);
      background: linear-gradient(180deg, rgba(17, 34, 58, 0.84), rgba(11, 21, 38, 0.52));
      display: grid;
      gap: 4px;
    }
    .home-hero-stat .k {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.46px;
      line-height: 1.2;
    }
    .home-hero-stat .v {
      font-size: clamp(22px, 3vw, 30px);
      line-height: 1.02;
      font-weight: 800;
      letter-spacing: -0.8px;
    }
    .home-hero-stat .hint {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.3;
    }
    .home-ticker-shell {
      display: grid;
      gap: 10px;
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(88, 121, 169, 0.26);
    }
    .home-panel-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 10px;
      flex-wrap: wrap;
    }
    .home-panel-head h2 {
      margin: 0;
      font-size: 22px;
      line-height: 1.05;
      letter-spacing: -0.4px;
    }
    .home-panel-head .sub {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }
    .home-panel-head .eyebrow {
      color: var(--accent);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 5px;
    }
    .home-ticker-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px;
    }
    .ticker-tile {
      display: grid;
      gap: 8px;
      padding: 12px;
      border-radius: 16px;
      border: 1px solid rgba(101, 145, 194, 0.24);
      background: linear-gradient(180deg, rgba(16, 31, 55, 0.82), rgba(9, 18, 34, 0.48));
      color: var(--text);
      min-width: 0;
      transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
    }
    .ticker-tile:hover {
      text-decoration: none;
      transform: translateY(-2px);
      border-color: rgba(129, 204, 255, 0.38);
      background: linear-gradient(180deg, rgba(19, 39, 69, 0.92), rgba(10, 22, 42, 0.62));
    }
    .ticker-top {
      display: grid;
      gap: 5px;
      min-width: 0;
    }
    .ticker-rank {
      width: fit-content;
      min-width: 30px;
      padding: 3px 8px;
      border-radius: 999px;
      border: 1px solid rgba(101, 145, 194, 0.28);
      color: var(--muted);
      font-size: 10px;
      font-weight: 700;
      text-align: center;
    }
    .ticker-symbol {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.1;
    }
    .ticker-name {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.3;
    }
    .ticker-price {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: -0.3px;
    }
    .ticker-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.2;
      min-width: 0;
    }
    .ticker-change {
      font-weight: 700;
      white-space: nowrap;
    }
    .ticker-cap {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .home-pulse-card,
    .home-side-card {
      padding: 18px;
      display: grid;
      gap: 14px;
    }
    .home-pulse-card {
      background:
        linear-gradient(180deg, rgba(13, 28, 48, 0.94), rgba(8, 18, 34, 0.88)),
        radial-gradient(110% 140% at 100% 0%, rgba(92, 241, 188, 0.12) 0%, transparent 40%);
    }
    .home-grid-movers {
      display: grid;
      gap: 18px;
      align-content: start;
      min-width: 0;
    }
    .pulse-status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: fit-content;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(112, 164, 218, 0.26);
      background: rgba(11, 22, 40, 0.64);
      color: var(--text);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }
    .pulse-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--accent);
      box-shadow: 0 0 0 5px rgba(54, 213, 255, 0.12);
    }
    .pulse-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }
    .pulse-gauge-card {
      padding: 12px;
      border-radius: 16px;
      border: 1px solid rgba(98, 139, 188, 0.24);
      background: linear-gradient(180deg, rgba(15, 30, 52, 0.82), rgba(9, 18, 34, 0.52));
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .pulse-gauge-label {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.46px;
    }
    .pulse-gauge-body {
      display: flex;
      gap: 12px;
      align-items: center;
      min-width: 0;
    }
    .pulse-ring {
      --gauge-pct: 0;
      --gauge-fill: rgba(54, 213, 255, 0.9);
      flex: 0 0 96px;
      width: 96px;
      aspect-ratio: 1;
      border-radius: 50%;
      background:
        radial-gradient(circle at center, rgba(7, 14, 27, 0.98) 0 53%, transparent 54%),
        conic-gradient(var(--gauge-fill) 0 calc(var(--gauge-pct) * 1%), rgba(255, 255, 255, 0.08) 0 100%);
      display: grid;
      place-items: center;
      box-shadow: inset 0 0 18px rgba(3, 10, 22, 0.42);
    }
    .pulse-ring-inner {
      display: grid;
      gap: 2px;
      place-items: center;
      text-align: center;
      line-height: 1;
    }
    .pulse-ring-inner strong {
      font-size: 20px;
      letter-spacing: -0.5px;
    }
    .pulse-ring-inner span {
      color: var(--muted);
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.45px;
    }
    .pulse-gauge-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .pulse-gauge-copy strong {
      font-size: 17px;
      line-height: 1.15;
      letter-spacing: -0.35px;
    }
    .pulse-gauge-copy span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }
    .home-spotlight-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .home-spotlight-item {
      padding: 12px 13px;
      border-radius: 14px;
      border: 1px solid rgba(96, 136, 186, 0.22);
      background: linear-gradient(180deg, rgba(15, 30, 52, 0.78), rgba(9, 18, 34, 0.48));
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .home-spotlight-item .label {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.45px;
    }
    .home-spotlight-item .value {
      font-size: 15px;
      font-weight: 700;
      line-height: 1.25;
    }
    .home-spotlight-item .hint {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }
    .home-chain-grid {
      display: grid;
      gap: 10px;
    }
    .chain-card {
      padding: 12px;
      border-radius: 14px;
      border: 1px solid rgba(95, 136, 182, 0.24);
      background: linear-gradient(180deg, rgba(14, 27, 50, 0.76), rgba(9, 18, 36, 0.58));
      display: grid;
      gap: 8px;
    }
    .chain-top {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 10px;
    }
    .chain-top strong {
      font-size: 14px;
      line-height: 1.25;
    }
    .chain-top span,
    .chain-meta {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .chain-value {
      font-size: 17px;
      font-weight: 700;
      line-height: 1.1;
    }
    .chain-bar {
      height: 8px;
      border-radius: 999px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.06);
    }
    .chain-bar-fill {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(54, 213, 255, 0.94), rgba(92, 241, 188, 0.86));
    }
    .home-board {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.78fr);
      gap: 16px;
      align-items: start;
    }
    .home-double-grid,
    .home-bottom-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
    }
    .home-bottom-grid {
      align-items: start;
    }
    .home-leaders-panel,
    .home-list-panel,
    .home-research-panel,
    .home-structure-panel {
      padding: 18px;
    }
    .home-leaders-panel .table-wrap { margin-top: 14px; }
    .home-leaders-panel .table {
      table-layout: auto;
      min-width: 100%;
    }
    .home-leaders-panel .table-wrap .table { min-width: 1320px; }
    .home-leaders-panel .table th,
    .home-leaders-panel .table td {
      padding: 14px 12px;
      vertical-align: middle;
    }
    .home-leaders-panel .table th {
      font-size: 13px;
      letter-spacing: 0.28px;
    }
    .home-leaders-panel tbody tr { transition: background 0.18s ease; }
    .home-leaders-panel tbody tr:hover { background: rgba(23, 41, 70, 0.36); }
    .leaders-token-link {
      display: grid;
      gap: 4px;
      min-width: 0;
      color: inherit;
    }
    .leaders-token-link:hover { text-decoration: none; }
    .leaders-token-name {
      font-size: 15px;
      font-weight: 700;
      line-height: 1.18;
      color: var(--accent);
    }
    .leaders-token-symbol {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.2;
      letter-spacing: 0.4px;
      text-transform: uppercase;
    }
    .leaders-metric-cell { white-space: nowrap; }
    .leaders-main-value {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.12;
      letter-spacing: -0.15px;
    }
    .leaders-volume-value { font-size: 15px; }
    .leaders-share-cell {
      min-width: 170px;
    }
    .leaders-share-inline {
      display: grid;
      grid-template-columns: auto minmax(90px, 1fr);
      gap: 10px;
      align-items: center;
    }
    .leaders-share-percent {
      font-size: 15px;
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
    }
    .leaders-share-track {
      height: 7px;
      border-radius: 999px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.08);
    }
    .leaders-spark-cell {
      min-width: 176px;
      width: 176px;
    }
    .leaders-spark-block {
      display: grid;
      gap: 7px;
      min-width: 0;
    }
    .leaders-spark-wrap {
      display: flex;
      align-items: center;
      min-height: 40px;
    }
    .leaders-spark {
      width: 160px;
      height: 38px;
      overflow: visible;
    }
    .leaders-spark.up { filter: drop-shadow(0 0 8px rgba(92, 241, 188, 0.18)); }
    .leaders-spark.down { filter: drop-shadow(0 0 8px rgba(255, 122, 147, 0.18)); }
    .leaders-spark-meta {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.34px;
      text-transform: uppercase;
      line-height: 1.2;
    }
    .leaders-spark-empty {
      color: var(--muted);
      font-size: 11px;
      white-space: nowrap;
    }
    .leaders-share-fill {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(54, 213, 255, 0.9), rgba(92, 241, 188, 0.86));
    }
    .leaders-share-value {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.2;
      margin-top: 6px;
    }
    .home-movers-stack {
      grid-template-columns: 1fr;
      margin-top: 0;
    }
    .mover-card {
      padding: 16px;
      background: linear-gradient(180deg, rgba(14, 28, 50, 0.84), rgba(9, 18, 34, 0.54));
    }
    .mover-card h3 {
      margin: 0 0 10px;
      font-size: 17px;
    }
    .mover-list {
      display: grid;
      gap: 8px;
    }
    .mover-row {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(97, 136, 183, 0.22);
      border-radius: 14px;
      background: rgba(9, 18, 34, 0.42);
      padding: 10px 12px;
    }
    .mover-row:last-child {
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(97, 136, 183, 0.22);
    }
    .mover-row > * {
      position: relative;
      z-index: 1;
    }
    .mover-row-heat {
      position: absolute;
      inset: 0 auto 0 0;
      width: calc(var(--move-pct, 0) * 1%);
      background: linear-gradient(90deg, rgba(92, 241, 188, 0.22), rgba(54, 213, 255, 0.08));
      pointer-events: none;
    }
    .mover-row-heat.down {
      inset: 0 0 0 auto;
      background: linear-gradient(90deg, rgba(255, 123, 152, 0.08), rgba(251, 113, 133, 0.24));
    }
    .mover-empty {
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px dashed rgba(96, 136, 186, 0.28);
      background: rgba(9, 18, 34, 0.32);
    }
    .research-chip-cloud {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 4px;
    }
    .home-note-stack {
      display: grid;
      gap: 10px;
      margin-top: 4px;
    }
    .home-note {
      padding: 12px 13px;
      border-radius: 14px;
      border: 1px solid rgba(96, 136, 186, 0.22);
      background: linear-gradient(180deg, rgba(14, 27, 50, 0.72), rgba(9, 18, 36, 0.48));
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
    }
    .coin-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.6fr) minmax(270px, 1fr);
      gap: 12px;
    }
    .coin-main,
    .coin-side {
      display: grid;
      gap: 12px;
      align-content: start;
    }
    .section-card { padding: 16px; }
    .section-card h2 { margin: 0 0 8px; font-size: 20px; }
    .insight-list {
      margin: 10px 0 0 18px;
      display: grid;
      gap: 4px;
      color: var(--muted);
    }
    .fact-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }
    .compact-fact-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
    }
    .fact-box {
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 8px 10px;
      background: rgba(9, 18, 34, 0.55);
    }
    .fact-box .k {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.4px;
    }
    .fact-box .v {
      margin-top: 4px;
      font-weight: 600;
      font-size: 13px;
      overflow-wrap: anywhere;
    }
    .leaders-mobile { display: none; }
    .leader-mobile-list { display: grid; gap: 5px; }
    .leader-mobile-row {
      border: 1px solid var(--line);
      border-radius: 9px;
      background: linear-gradient(180deg, rgba(17, 27, 47, 0.78), rgba(12, 21, 38, 0.68));
      padding: 7px 8px;
      display: grid;
      grid-template-columns: auto minmax(0, 1.15fr) auto auto auto;
      gap: 8px;
      align-items: center;
    }
    .rank-pill {
      min-width: 29px;
      font-weight: 700;
      color: var(--muted);
      font-size: 10px;
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 1px 6px;
      text-align: center;
    }
    .leader-mobile-token {
      min-width: 0;
      font-weight: 600;
      font-size: 13px;
      line-height: 1.15;
      white-space: normal;
    }
    .leader-mobile-price {
      font-size: 13px;
      font-weight: 600;
      white-space: normal;
      text-align: right;
    }
    .leader-mobile-change {
      font-size: 12px;
      font-weight: 600;
      white-space: normal;
      text-align: right;
    }
    .leader-mobile-change.up { color: var(--up); }
    .leader-mobile-change.down { color: var(--down); }
    .leader-mobile-mcap {
      font-size: 11px;
      color: var(--muted);
      white-space: normal;
      text-align: right;
    }
    .leader-mobile-more {
      display: block;
      text-align: center;
      padding: 8px 10px;
      border: 1px solid var(--line);
      border-radius: 9px;
      color: var(--muted);
      font-size: 12px;
      background: rgba(10, 20, 40, 0.45);
    }
    .leader-mobile-more:hover { color: var(--text); text-decoration: none; }
    .mini-list { display: grid; gap: 10px; }
    .mini-primary { min-width: 0; }
    .mini-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: rgba(17, 27, 47, 0.65);
    }
    .mini-row > div { min-width: 0; }
    .mini-row .name { font-weight: 600; display: block; overflow-wrap: anywhere; line-height: 1.28; }
    .mini-row .meta { color: var(--muted); font-size: 12px; line-height: 1.25; }
    .mini-side {
      justify-self: end;
      white-space: normal;
      text-align: right;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.2;
    }
    .mini-tail { justify-self: end; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
    .mini-tail:empty { display: none; }
    .mini-tail.up, .mini-tail.down { font-weight: 600; }
    .badge {
      font-size: 11px;
      color: var(--muted);
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 2px 8px;
      background: rgba(10, 20, 40, 0.55);
    }
    .soft-note { color: var(--muted); font-size: 13px; margin-top: 8px; }
    .market-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 10px;
      margin-top: 12px;
    }
    .market-metric {
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(14, 27, 50, 0.76), rgba(9, 18, 36, 0.62));
    }
    .market-metric .k {
      font-size: 11px;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.45px;
      line-height: 1.2;
    }
    .market-metric .v {
      margin-top: 6px;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.15;
    }
    .market-metric .hint {
      margin-top: 4px;
      font-size: 11px;
      color: var(--muted);
      line-height: 1.25;
    }
    .long-copy {
      margin-top: 10px;
      display: grid;
      gap: 10px;
    }
    .long-copy p {
      margin: 0;
      color: var(--muted);
      line-height: 1.55;
    }
    .subgrid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin-top: 10px;
    }
    .profile-card {
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: rgba(9, 18, 34, 0.52);
    }
    .profile-card h3 {
      margin: 0 0 8px;
      font-size: 15px;
      line-height: 1.3;
    }
    .profile-card .fact-box {
      min-height: 100%;
      padding: 10px 11px;
    }
    .profile-card .fact-box .v {
      font-size: 14px;
      line-height: 1.35;
    }
    .profile-list,
    .resource-list,
    .timeline {
      display: grid;
      gap: 8px;
      margin-top: 10px;
    }
    .resource-list {
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      align-items: stretch;
    }
    .profile-list li,
    .resource-row,
    .timeline-item {
      border: 1px solid var(--line);
      border-radius: 12px;
      background: rgba(9, 18, 34, 0.52);
      padding: 11px 12px;
    }
    .profile-list {
      list-style: none;
      padding: 0;
      margin-bottom: 0;
    }
    .profile-list li strong,
    .timeline-item strong {
      display: block;
      margin-bottom: 4px;
      font-size: 14px;
      color: var(--text);
    }
    .resource-row {
      display: grid;
      gap: 4px;
    }
    .resource-row .type,
    .timeline-date,
    .micro-label {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.45px;
    }
    .resource-row .url {
      font-size: 13px;
      color: var(--text);
      overflow-wrap: anywhere;
    }
    .resource-row .url a { color: var(--text); }
    .resource-row .url a:hover { color: var(--accent); }
    .timeline-item p {
      margin: 6px 0 0;
      color: var(--muted);
      line-height: 1.45;
    }
    .mono {
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 12px;
      overflow-wrap: anywhere;
    }
    .supply-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 10px;
      margin-top: 10px;
    }
    .supply-box {
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(14, 27, 50, 0.76), rgba(9, 18, 36, 0.62));
    }
    .supply-box .k {
      font-size: 11px;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.45px;
    }
    .supply-box .v {
      margin-top: 6px;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.15;
    }
    .supply-box .hint {
      margin-top: 4px;
      font-size: 11px;
      color: var(--muted);
      line-height: 1.25;
    }
    .market-shell {
      display: grid;
      grid-template-columns: minmax(0, 1.72fr) minmax(300px, 0.88fr);
      gap: 12px;
      align-items: start;
    }
    .market-main {
      display: grid;
      gap: 12px;
      align-content: start;
      min-width: 0;
    }
    .market-main-top {
      display: grid;
      grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
      gap: 12px;
      align-items: start;
    }
    .market-main-top > * { min-width: 0; }
    .market-left,
    .market-core,
    .market-rail {
      display: grid;
      gap: 12px;
      align-content: start;
      min-width: 0;
    }
    .asset-hero {
      padding: 18px;
      overflow: hidden;
      background-size: cover;
      background-position: center;
    }
    .asset-hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0 0;
      height: 52%;
      background: linear-gradient(180deg, rgba(5, 11, 22, 0), rgba(5, 11, 22, 0.9));
      pointer-events: none;
      z-index: -1;
    }
    .asset-topline {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      align-items: flex-start;
      flex-wrap: wrap;
    }
    .hero-kicker {
      color: var(--accent);
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 10px;
    }
    .asset-identity {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .asset-headline {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }
    .asset-headline img {
      width: 54px;
      height: 54px;
      border-radius: 14px;
      border: 1px solid rgba(113, 198, 255, 0.25);
      object-fit: cover;
      background: rgba(5, 11, 22, 0.78);
      box-shadow: 0 10px 22px rgba(6, 12, 24, 0.42);
    }
    .asset-name-wrap { min-width: 0; }
    .asset-name {
      margin: 0;
      font-size: clamp(30px, 4vw, 42px);
      line-height: 1.02;
      letter-spacing: -0.9px;
    }
    .asset-symbol-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 4px;
      align-items: center;
      color: var(--muted);
      font-size: 13px;
    }
    .asset-rank {
      border: 1px solid rgba(93, 143, 194, 0.34);
      border-radius: 999px;
      padding: 4px 10px;
      background: rgba(12, 24, 44, 0.72);
      color: var(--text);
      font-weight: 600;
    }
    .asset-price-box {
      min-width: min(320px, 100%);
      display: grid;
      gap: 10px;
      justify-items: end;
      text-align: right;
    }
    .asset-price {
      font-size: clamp(34px, 4.5vw, 56px);
      line-height: 0.96;
      font-weight: 800;
      letter-spacing: -1.3px;
    }
    .asset-change {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 700;
      font-size: 16px;
    }
    .asset-subcopy {
      max-width: 760px;
      color: var(--muted);
      line-height: 1.48;
      font-size: 15px;
      margin-top: 12px;
    }
    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 14px;
    }
    .hero-action,
    .anchor-tab {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 38px;
      padding: 8px 14px;
      border-radius: 12px;
      border: 1px solid rgba(99, 161, 219, 0.28);
      background: rgba(10, 20, 40, 0.72);
      color: var(--text);
      font-size: 13px;
      font-weight: 600;
      text-decoration: none;
      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }
    .hero-action:hover,
    .anchor-tab:hover {
      text-decoration: none;
      background: rgba(28, 51, 88, 0.9);
      border-color: rgba(129, 204, 255, 0.4);
      transform: translateY(-1px);
    }
    .hero-action.primary {
      background: linear-gradient(135deg, rgba(54, 213, 255, 0.2), rgba(92, 241, 188, 0.12));
      border-color: rgba(92, 241, 188, 0.32);
    }
    .asset-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 16px;
      padding-top: 14px;
      border-top: 1px solid rgba(83, 120, 167, 0.28);
    }
    .chart-shell {
      padding: 14px;
      display: grid;
      gap: 12px;
    }
    .chart-head {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: flex-end;
      flex-wrap: wrap;
    }
    .chart-head h2 {
      margin: 0;
      font-size: 24px;
    }
    .chart-toolbar {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
    }
    .toolbar-pill {
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(12, 24, 44, 0.72);
      color: var(--muted);
      font-size: 12px;
    }
    .metric-ribbon {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
      gap: 8px;
    }
    .metric-ribbon .market-metric {
      min-height: 92px;
      padding: 12px;
    }
    .research-cards {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
      grid-auto-rows: 1fr;
    }
    .research-card {
      display: grid;
      align-content: start;
      height: 100%;
      min-height: 144px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(12, 29, 52, 0.92), rgba(15, 18, 48, 0.88));
    }
    .research-card h3 {
      margin: 0 0 6px;
      font-size: 15px;
      line-height: 1.3;
    }
    .research-card p {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .story-links,
    .trade-stack {
      display: grid;
      gap: 8px;
      margin-top: 10px;
    }
    .story-link,
    .trade-card {
      display: grid;
      gap: 4px;
      padding: 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(9, 18, 34, 0.58);
    }
    .story-link .eyebrow,
    .trade-card .eyebrow {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.45px;
    }
    .story-link strong,
    .trade-card strong {
      font-size: 14px;
      line-height: 1.32;
      color: var(--text);
    }
    .story-link span,
    .trade-card span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .story-link:hover,
    .trade-card:hover {
      text-decoration: none;
      background: rgba(15, 28, 50, 0.84);
    }
    .trade-card .trade-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 2px;
    }
    .mini-chip {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 4px 8px;
      border: 1px solid rgba(74, 113, 155, 0.35);
      border-radius: 999px;
      background: rgba(7, 16, 30, 0.68);
      color: var(--muted);
      font-size: 11px;
    }
    .signal-card {
      padding: 14px;
      display: grid;
      gap: 10px;
    }
    .signal-bar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      align-items: center;
      gap: 10px;
    }
    .signal-track {
      height: 12px;
      border-radius: 999px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.06);
      position: relative;
    }
    .signal-fill {
      position: absolute;
      inset: 0 auto 0 0;
      background: linear-gradient(90deg, rgba(54, 213, 255, 0.94), rgba(92, 241, 188, 0.9));
      border-radius: inherit;
    }
    .signal-fill.down {
      left: auto;
      right: 0;
      background: linear-gradient(90deg, rgba(255, 123, 152, 0.92), rgba(251, 113, 133, 0.86));
    }
    .signal-stat {
      font-weight: 700;
      font-size: 14px;
      white-space: nowrap;
    }
    .signal-empty {
      border: 1px dashed rgba(84, 129, 180, 0.55);
      border-radius: 12px;
      padding: 12px;
      background: rgba(9, 18, 34, 0.42);
      display: grid;
      gap: 4px;
    }
    .signal-empty strong {
      font-size: 14px;
      line-height: 1.35;
      color: var(--text);
    }
    .signal-empty span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .content-columns {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);
      gap: 12px;
    }
    .content-stack {
      display: grid;
      gap: 12px;
    }
    .deep-section-shell {
      display: grid;
      grid-template-columns: minmax(0, 1.24fr) minmax(300px, 0.82fr);
      gap: 12px;
      margin-top: 12px;
      align-items: start;
    }
    .deep-main,
    .deep-side {
      display: grid;
      gap: 12px;
      align-content: start;
      min-width: 0;
    }
    .deep-intro-grid,
    .deep-card-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
    }
    .token-lower-sections {
      display: grid;
      gap: 12px;
      margin-top: 12px;
    }
    .market-followup {
      display: grid;
      gap: 12px;
      margin-top: 12px;
    }
    .token-context-grid {
      display: grid;
      gap: 12px;
      align-items: start;
    }
    .token-context-grid {
      grid-template-columns: 1fr;
    }
    .token-context-grid > * {
      min-width: 0;
    }
    .token-meta-section {
      display: grid;
      gap: 12px;
    }
    .token-meta-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 12px;
      flex-wrap: wrap;
    }
    .token-meta-head h2 {
      margin: 0;
      font-size: 28px;
      line-height: 1.1;
    }
    .token-meta-head p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
      max-width: 820px;
    }
    .token-meta-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: start;
    }
    .token-meta-grid > * {
      min-width: 0;
      align-self: start;
    }
    .token-meta-card-wide {
      grid-column: 1 / -1;
    }
    .token-meta-card-full {
      grid-column: 1 / -1;
    }
    .token-meta-card .resource-list {
      margin-top: 0;
    }
    .reference-table-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 12px;
    }
    .reference-table-grid > div {
      min-width: 0;
    }
    .reference-card-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 10px;
    }
    .reference-mini-card {
      padding: 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(9, 18, 34, 0.58);
      display: grid;
      gap: 8px;
    }
    .reference-mini-card .micro-label {
      margin: 0;
    }
    .reference-mini-title {
      font-size: 15px;
      font-weight: 700;
      line-height: 1.3;
    }
    .reference-mini-meta {
      display: grid;
      gap: 6px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .reference-mini-meta strong {
      color: var(--text);
      font-weight: 600;
      font-size: 12px;
    }
    .summary-note-grid,
    .token-summary-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .summary-note {
      padding: 12px 13px;
      border-radius: 12px;
      border: 1px solid rgba(96, 136, 186, 0.22);
      background: linear-gradient(180deg, rgba(14, 27, 50, 0.72), rgba(9, 18, 36, 0.48));
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
    }
    .token-qna-panel {
      display: grid;
      gap: 12px;
    }
    .token-qna-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.24fr) minmax(300px, 0.76fr);
      gap: 12px;
      align-items: start;
    }
    .token-qna-main,
    .token-qna-side {
      display: grid;
      gap: 12px;
      min-width: 0;
      align-content: start;
    }
    .answer-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 10px;
    }
    .token-qna-side .bullet-list {
      margin: 0 0 0 20px;
    }
    .deep-intro-grid > .card,
    .deep-card-grid > .card,
    .deep-intro-grid > section,
    .deep-card-grid > section {
      height: 100%;
    }
    .detail-stack {
      display: grid;
      gap: 8px;
      margin-top: 12px;
    }
    .copy-stack {
      display: grid;
      gap: 8px;
      margin-top: 12px;
    }
    .copy-card {
      padding: 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(14, 27, 50, 0.78), rgba(9, 18, 36, 0.62));
      display: grid;
      gap: 8px;
    }
    .copy-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
    }
    .copy-labels {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .copy-eyebrow {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.45px;
    }
    .copy-title {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.3;
      overflow-wrap: anywhere;
    }
    .copy-subtitle {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }
    .copy-btn {
      appearance: none;
      border: 1px solid rgba(99, 161, 219, 0.28);
      background: rgba(10, 20, 40, 0.82);
      color: var(--text);
      border-radius: 10px;
      min-height: 34px;
      padding: 7px 12px;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      white-space: nowrap;
      transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }
    .copy-btn:hover {
      background: rgba(28, 51, 88, 0.9);
      border-color: rgba(129, 204, 255, 0.4);
      transform: translateY(-1px);
    }
    .copy-value {
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid rgba(78, 117, 160, 0.32);
      background: rgba(5, 11, 22, 0.54);
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 12px;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    .copy-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .detail-row {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      gap: 12px;
      align-items: start;
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(9, 18, 34, 0.52);
    }
    .detail-label {
      color: var(--muted);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.45px;
      line-height: 1.25;
    }
    .detail-value {
      font-size: 13px;
      font-weight: 600;
      line-height: 1.35;
      text-align: right;
      overflow-wrap: anywhere;
    }
    .section-intro {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
    }
    .answer-stack {
      display: grid;
      gap: 8px;
      margin-top: 10px;
    }
    .answer-item {
      padding: 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(9, 18, 34, 0.52);
      overflow-wrap: anywhere;
    }
    .answer-item strong {
      display: block;
      margin-bottom: 5px;
      line-height: 1.35;
    }
    .bullet-list {
      margin: 10px 0 0;
      padding-left: 18px;
      display: grid;
      gap: 8px;
      color: var(--muted);
      line-height: 1.55;
    }
    .market-table-note {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px;
    }
    .venue-link {
      color: var(--accent);
      font-weight: 600;
      white-space: nowrap;
    }
    .venue-meta {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.3;
    }
    .market-table-desktop { display: block; }
    .market-table-cards {
      display: none;
      margin-top: 10px;
      gap: 10px;
    }
    .market-venue-card {
      padding: 14px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: linear-gradient(180deg, rgba(14, 27, 50, 0.78), rgba(9, 18, 36, 0.6));
      display: grid;
      gap: 10px;
    }
    .market-venue-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }
    .market-venue-title {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .market-venue-title strong {
      font-size: 16px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .market-venue-title .muted {
      font-size: 12px;
      line-height: 1.35;
    }
    .market-venue-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .market-venue-stats .fact-box {
      padding: 10px;
    }
    .market-venue-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .rail-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }
    .rail-grid .market-metric,
    .rail-grid .fact-box {
      min-width: 0;
    }
    .section-anchor {
      scroll-margin-top: 96px;
    }
    @media (max-width: 1500px) {
      .home-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .home-detail-grid > .home-column-stack:last-child {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .home-detail-grid > .home-column-stack:last-child .ad-slot {
        grid-column: 1 / -1;
      }
    }
    @media (max-width: 1360px) {
      body[data-nav="home"] .site-wrap { max-width: calc(100vw - 20px); }
      .home-stage { grid-template-columns: 1fr; }
      .home-ticker-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .home-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .home-board { grid-template-columns: 1fr; }
      .home-double-grid,
      .home-bottom-grid { grid-template-columns: 1fr; }
      .market-shell {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.92fr);
      }
      .deep-section-shell { grid-template-columns: 1fr; }
      .deep-card-grid { grid-template-columns: 1fr; }
      .token-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .token-meta-card-full { grid-column: 1 / -1; }
      .research-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 1180px) {
      .market-main-top { grid-template-columns: 1fr; }
      .home-hero-grid,
      .home-detail-grid,
      .home-detail-grid > .home-column-stack:last-child { grid-template-columns: 1fr; }
      .home-hero-rail { padding-top: 0; }
      .home-spotlight-grid { grid-template-columns: 1fr 1fr; }
      .token-qna-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 980px) {
      .site-wrap { padding: 0 14px 30px; }
      body[data-nav="home"] .site-wrap {
        max-width: 100%;
        padding: 0 14px 34px;
      }
      .home-panels { grid-template-columns: 1fr; }
      .home-movers { grid-template-columns: 1fr 1fr; }
      .home-stage,
      .home-hero-grid,
      .home-detail-grid,
      .home-detail-grid > .home-column-stack:last-child { grid-template-columns: 1fr; }
      .home-chip-grid,
      .home-hero-stat-grid,
      .pulse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .home-ticker-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .coin-layout { grid-template-columns: 1fr; }
      .market-shell { grid-template-columns: 1fr; }
      .market-main-top { grid-template-columns: 1fr; }
      .content-columns { grid-template-columns: 1fr; }
      .deep-section-shell,
      .deep-intro-grid,
      .deep-card-grid,
      .token-context-grid,
      .token-qna-grid { grid-template-columns: 1fr; }
      .research-cards { grid-template-columns: 1fr; }
      .research-card { min-height: auto; }
      .market-table-desktop { display: none; }
      .market-table-cards { display: grid; }
      .resource-list { grid-template-columns: 1fr; }
      .token-meta-grid { grid-template-columns: 1fr; }
      .token-meta-card-wide,
      .token-meta-card-full { grid-column: auto; }
      .reference-table-grid,
      .summary-note-grid,
      .token-summary-grid,
      .answer-grid { grid-template-columns: 1fr; }
      .panel { padding: 14px; }
      .leaders-desktop { display: none; }
      .leaders-mobile { display: block; }
    }
    @media (max-width: 760px) {
      .site-wrap { padding: 0 12px 28px; }
      body[data-nav="home"] .site-wrap { padding: 0 12px 30px; }
      .topbar { align-items: center; gap: 8px; }
      .nav {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
      }
      .nav a { flex: 0 0 auto; }
      .nav-search {
        order: 2;
        flex: 1 1 100%;
        max-width: none;
        min-width: 0;
      }
      .home-hero { padding: 16px; }
      .home-hero-copy h1 {
        font-size: clamp(22px, 7.5vw, 30px);
        letter-spacing: -0.7px;
        max-width: none;
      }
      .home-hero-copy p { font-size: 14px; }
      .home-hero-stat-grid,
      .pulse-grid,
      .home-ticker-grid { grid-template-columns: 1fr; }
      .home-chip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .home-spotlight-grid { grid-template-columns: 1fr; }
      .leaders-share-inline { grid-template-columns: 1fr; gap: 6px; }
      .pulse-gauge-body { align-items: flex-start; }
      .pulse-ring { flex-basis: 86px; width: 86px; }
      .home-panel-head h2 { font-size: 20px; }
      .home-action-ghost,
      .hero-action { flex: 1 1 160px; }
      .hero { grid-template-columns: 1fr; }
      .home-panels { grid-template-columns: 1fr; }
      .leaders-desktop { display: none; }
      .leaders-mobile { display: block; }
      .hero-main h1 { font-size: 26px; }
      .hero-main p { max-width: none; }
      .deep-section-shell { grid-template-columns: 1fr; }
      .asset-price-box {
        width: 100%;
        justify-items: start;
        text-align: left;
      }
      .asset-name { font-size: 32px; }
      .asset-headline { align-items: flex-start; }
      .chart-head { align-items: flex-start; }
      .chart-toolbar { justify-content: flex-start; }
      .home-movers { grid-template-columns: 1fr; }
      .home-movers-stack { grid-template-columns: 1fr; }
      .cards { grid-template-columns: 1fr 1fr; }
      .mover-row { grid-template-columns: minmax(0, 1fr) auto; }
      .mover-token-wrap { grid-column: 1 / -1; }
      .mover-price { grid-column: 1 / 2; text-align: left; }
      .mover-change { grid-column: 2 / 3; text-align: right; }
      .coin-title { font-size: 24px; line-height: 1.25; }
      .table-wrap .table { min-width: 520px; }
      .details-table th { width: 130px; }
      .market-venue-stats { grid-template-columns: 1fr; }
    }
    @media (max-width: 560px) {
      .cards { grid-template-columns: 1fr; }
      .nav-search-form { grid-template-columns: minmax(0, 1fr) auto; }
      .nav-search-input,
      .nav-search-button { font-size: 12px; }
      .home-stage,
      .home-detail-grid,
      .home-board,
      .home-double-grid,
      .home-bottom-grid { gap: 12px; }
      .hero-main { padding: 14px; }
      .hero-main h1 { font-size: 24px; }
      .home-chip-grid { grid-template-columns: 1fr; }
      .hero-stats {
        gap: 8px;
        grid-template-columns: 1fr;
      }
      .rail-grid { grid-template-columns: 1fr; }
      .asset-tabs { gap: 6px; }
      .hero-action,
      .anchor-tab { flex: 1 1 160px; }
      .hero-stat { min-height: 78px; padding: 10px; }
      .leader-mobile-row { grid-template-columns: auto minmax(0, 1fr) auto auto; }
      .leader-mobile-mcap { display: none; }
      .leader-mobile-token { font-size: 12px; }
      .leader-mobile-price, .leader-mobile-change { font-size: 12px; }
      .quick-ribbon {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
      }
      .quick-pill {
        text-align: center;
        min-width: 0;
      }
      .fact-grid,
      .compact-fact-grid { grid-template-columns: 1fr; }
      .detail-row {
        grid-template-columns: 1fr;
        gap: 4px;
      }
      .detail-value { text-align: left; }
      .mini-list { gap: 8px; }
      .mini-row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 8px;
        padding: 8px 10px;
      }
      .mini-side { justify-self: end; font-size: 12px; }
      .mini-tail { grid-column: 1 / -1; justify-self: start; }
      .mini-row .meta { font-size: 11px; }
      .chip { font-size: 11px; padding: 5px 9px; }
      .home-chip .v,
      .home-hero-stat .v { font-size: 20px; }
      .token-meta-head h2 { font-size: 22px; }
      .home-hero-actions { gap: 8px; }
      .home-action-ghost,
      .hero-action {
        min-height: 38px;
        padding: 8px 14px;
      }
      .section h2 { font-size: 19px; }
      .coin-title-row { align-items: flex-start; }
      .coin-title { font-size: 22px; }
      .table th, .table td { padding: 9px; font-size: 12px; }
      .table-wrap .table { min-width: 430px; }
      .footer-links { gap: 10px; }
    }
    @media (max-width: 420px) {
      .brand { font-size: 20px; }
      .nav a { font-size: 13px; }
      .nav-search-input,
      .nav-search-button { padding: 9px 12px; }
      .panel, .section-card { padding: 12px; }
      .asset-hero { padding: 14px; }
      .asset-name { font-size: 28px; }
      .asset-price { font-size: 38px; }
      .quick-ribbon { grid-template-columns: 1fr; }
      .leader-mobile-row { padding: 6px 7px; gap: 6px; }
      .rank-pill { min-width: 27px; font-size: 9px; padding: 1px 5px; }
      .leader-mobile-token,
      .leader-mobile-price,
      .leader-mobile-change { font-size: 11px; }
    }