:root { --bg: #06120f; --s1: #0b1c18; --s2: #112823; --s3: #183731; --line: rgba(199, 242, 132, .1); --line2: rgba(199, 242, 132, .2); --text: #eef6ee; --muted: rgba(226, 240, 228, .58); --acc: #c7f284; --on-acc: #0d1a05; --accbg: rgba(199, 242, 132, .12); --accdim: #6d8a3c; --focus: rgba(199, 242, 132, .5); --inbg: #06120f; --up: #3ce3ab; --down: #f23674;
  --head: "Space Grotesk", Arial, sans-serif; --font: "Space Grotesk", Arial, sans-serif; --mono: "Space Mono", ui-monospace, monospace; --r: 20px; --rb: 999px; --ri: 14px; --h1w: 600; --barbg: rgba(6, 18, 15, .9) }
.wrapx { max-width: 1240px; margin: 0 auto; padding: 32px 20px 80px } .lh { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 18px } .lh .seg { width: 320px }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px } .grid .empty { grid-column: 1 / -1 }
.pc { display: block; padding: 22px; border-radius: var(--r); background: var(--s1); border: 1px solid var(--line) } .pc:hover { border-color: var(--line2) }
.pc .hd { display: flex; justify-content: space-between; align-items: center } .pc .coin { font-size: 17px } .pc .coin img { width: 32px; height: 32px }
.pc .num { margin-top: 16px; font: 700 28px var(--mono); letter-spacing: -.03em } .pc .num small { font-size: 13px; color: var(--muted); font-weight: 400 }
.pc .bar2 { margin-top: 10px; height: 10px } .pc .meta { display: flex; justify-content: space-between; margin-top: 10px; color: var(--muted); font: 12px var(--mono) } .pc .nt { margin-top: 10px; color: var(--muted); font-size: 13px }
.narrow { max-width: 640px; margin: 0 auto; padding: 36px 20px 80px }
.ph { display: flex; justify-content: space-between; align-items: center; gap: 12px } .ph .coin { font-size: 24px } .ph .coin img { width: 44px; height: 44px }
.big { margin-top: 22px; font: 700 44px var(--mono); letter-spacing: -.04em } .big small { font-size: 16px; color: var(--muted); font-weight: 400 }
.pool-kv { margin-top: 18px; padding: 16px; border-radius: 14px; background: var(--bg); border: 1px solid var(--line) }
.acts { display: flex; gap: 8px; margin-top: 18px; flex-wrap: wrap } .acts .btn { flex: 1; height: 48px }
.share { margin-top: 12px; display: flex; gap: 8px } .share input { flex: 1; height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--bg); font: 12px var(--mono); color: var(--muted) }