:root { --bg: #07080d; --s1: #0e1017; --s2: #161923; --s3: #1f2330; --line: rgba(255, 255, 255, .08); --line2: rgba(255, 255, 255, .16); --text: #f2f3f7; --muted: rgba(236, 238, 245, .56); --acc: #ff5a1f; --on-acc: #1a0700; --accbg: rgba(255, 90, 31, .14); --accdim: #a33a13; --focus: rgba(255, 90, 31, .55); --inbg: #07080d; --up: #3ce3ab; --down: #f23674;
  --head: "Sora", Arial, sans-serif; --font: "Sora", Arial, sans-serif; --mono: "Geist Mono", ui-monospace, monospace; --r: 6px; --rb: 6px; --ri: 6px; --h1w: 600; --barbg: rgba(7, 8, 13, .92) }
.wide { max-width: 1200px; margin: 0 auto; padding: 32px 20px 80px } .narrow { max-width: 680px; margin: 0 auto; padding: 36px 20px 80px }
.two { max-width: 1200px; margin: 0 auto; padding: 32px 20px 80px } .two #sale { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 14px; align-items: start }
.row { display: grid; grid-template-columns: minmax(0, 1.6fr) 1fr 1.2fr 1fr .8fr; gap: 14px; align-items: center; padding: 16px; border-bottom: 1px solid var(--line); font: 13px var(--mono) } .row:hover { background: var(--s1) }
.row.h { color: var(--muted); font: 12px var(--font); padding-block: 10px } .r { text-align: right }
.prog { height: 6px; background: var(--s3); position: relative } .prog i { position: absolute; inset: 0 auto 0 0; background: var(--acc) } .prog u { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--text) }
.sh { display: flex; align-items: center; gap: 14px } .sh .coin { font-size: 24px } .sh .coin img { width: 44px; height: 44px }
.bigs { margin-top: 20px; font: 500 46px var(--mono); letter-spacing: -.04em } .bigs small { font-size: 16px; color: var(--muted) }
.sum { margin-top: 18px; padding: 14px; border: 1px solid var(--line); background: var(--bg) }
@media (max-width: 900px) { .two #sale { grid-template-columns: 1fr } .row { grid-template-columns: 1.4fr 1fr 1fr } .row > :nth-child(n+4) { display: none } }