:root { --bg: #0e0f0c; --panel: #16180f; --text: #f1f0e6; --muted: #a3a38f; --accent: #e8ff6a; --line: #2a2c20; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.5 system-ui, sans-serif; }
.top { display: flex; gap: 14px; align-items: center; padding: 20px 16px; border-bottom: 1px solid var(--line); }
.logo { width: 56px; height: 56px; border-radius: 12px; background: var(--panel); }
h1 { margin: 0; font-size: 24px; }
.ticker { margin: 0; color: var(--accent); font-weight: 700; }
main { max-width: 860px; margin: 0 auto; padding: 16px; display: grid; gap: 16px; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 16px; }
h2 { margin: 0 0 8px; font-size: 18px; }
.foot { color: var(--muted); padding: 24px 16px; text-align: center; font-size: 14px; word-break: break-all; }
button { background: var(--accent); color: #111; border: 0; border-radius: 4px; padding: 4px 10px; font-weight: 700; cursor: pointer; }
code { color: var(--text); }