/* Signal's look for plugins: dark teal-black ground, mint for action, clay for sells; system fonts (a plugin loads nothing from elsewhere). */
:root { color-scheme: dark; --bg: #050a09; --card: #0b1a18; --fg: #f2fbf8; --mute: #8ea6a0; --mint: #5ee6cf; --ink: #03201c; --clay: #f08a6c; --line: rgba(255,255,255,.08); }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--fg); font: 14px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
main { padding: 14px; max-width: 900px; margin: 0 auto; }
h1 { margin: 0 0 4px; font-size: 18px; }
.sub { margin: 0 0 12px; color: var(--mute); font-size: 12.5px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; }
button { font: inherit; font-weight: 600; font-size: 13px; border: 0; border-radius: 99px; height: 30px; padding: 0 14px; cursor: pointer; background: var(--mint); color: var(--ink); }
button.sell { background: transparent; color: var(--clay); border: 1px solid rgba(240,138,108,.5); }
.empty, .error { padding: 24px; text-align: center; color: var(--mute); border: 1px dashed var(--line); border-radius: 14px; }
.error { color: var(--clay); }