@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700&display=swap');
:root{--paper:#f7f7f5;--ink:#20221f;--muted:#8b8f88;--line:#e5e7e2;--card:#fff;--up:#1b8a63;--down:#c95d51;--accent:#e8b84a;--serif:'Noto Serif SC',Georgia,serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono),monospace}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fafaf8}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:16px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:#fff;border-radius:50%;font:600 15px var(--mono)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--up);margin-left:6px}.live-label{font:11px var(--mono);color:var(--up)}.top-actions{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:11px}.text-btn{border:0;background:none;color:var(--muted);font:inherit}.shell{max-width:1180px;margin:auto;padding:80px 5vw 40px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:62px}.kicker{color:var(--muted);font-size:11px;letter-spacing:.14em;margin:0 0 20px}.intro h1{font:600 clamp(43px,7vw,78px)/1.08 var(--serif);letter-spacing:-.07em;margin:0}.intro h1 em{font-style:normal;color:#999c96}.intro-note{font-size:12px;line-height:2;color:var(--muted);text-align:right;margin:0 0 7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:28px}.stats div{padding:18px 20px;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats small{display:block;color:var(--muted);font:11px var(--mono);margin-bottom:8px}.stats strong{font:500 24px var(--mono)}.stats .up{color:var(--up)}.stats .down{color:var(--down)}.controls{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px}.tabs{display:flex;gap:4px}.tab{border:0;background:transparent;padding:8px 13px;color:var(--muted);font:12px var(--mono);cursor:pointer;border-radius:3px}.tab.active{background:var(--ink);color:#fff}.search{display:flex;align-items:center;gap:7px;border-bottom:1px solid #adb1aa;padding:6px 0;width:180px;color:var(--muted)}.search input{border:0;outline:0;background:none;width:100%;font:12px var(--mono);color:var(--ink)}.market-head,.row{display:grid;grid-template-columns:2fr 1.3fr 1.2fr 1.5fr;gap:16px;align-items:center}.market-head{color:var(--muted);font-size:10px;border-bottom:1px solid var(--line);padding:10px 18px}.market-head span:not(:first-child){text-align:right}.market{background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden}.row{min-height:69px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:13px;transition:background .18s}.row:last-child{border-bottom:0}.row:hover{background:#fbfcf9}.pair{display:flex;align-items:center;gap:10px}.coin{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font:11px var(--mono);color:var(--muted)}.pair strong{font:500 14px var(--mono)}.pair small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.price{text-align:right;font-size:13px}.change{text-align:right;font-size:12px}.change.up{color:var(--up)}.change.down{color:var(--down)}.volume{text-align:right;color:var(--muted);font-size:11px}.spark{display:none}.loading{padding:70px 20px;text-align:center;color:var(--muted);font-size:12px}.loading i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin:0 3px;animation:pulse 1s infinite}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}.loading p{margin-top:14px}@keyframes pulse{50%{opacity:.25;transform:translateY(-3px)}}.footnote{color:var(--muted);font-size:10px;margin:18px 0 0}@media(max-width:680px){.topbar{padding:0 18px}.shell{padding:50px 18px 30px}.intro{display:block;margin-bottom:42px}.intro-note{text-align:left;margin-top:22px}.intro h1{font-size:50px}.stats{grid-template-columns:repeat(2,1fr)}.stats div{padding:14px 12px}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats div:first-child{padding-left:12px}.controls{display:block}.tabs{margin-bottom:15px}.search{width:100%}.market-head,.row{grid-template-columns:1.6fr 1.2fr 1fr}.market-head span:last-child,.row .volume{display:none}.market-head,.row{padding-left:11px;padding-right:11px;gap:8px}.pair{gap:7px}.coin{width:26px;height:26px}.pair strong{font-size:12px}.price{font-size:11px}.change{font-size:11px}.top-actions{gap:10px}.intro-note br{display:none}}