:root {
    --bg: #f2f2f7; --card: #ffffff; --text: #000000; --text-2: #6e6e73;
    --sep: rgba(60,60,67,.12); --shadow: 0 1px 2px rgba(0,0,0,.04), 0 6px 20px rgba(0,0,0,.06);
    --tint: #007aff; --up: #34c759; --down: #ff3b30; --unknown: #c7c7cc;
    --press: #e5e5ea;
  }
  :root[data-theme="dark"] {
    --bg: #000000; --card: #1c1c1e; --text: #ffffff; --text-2: #98989d;
    --sep: rgba(84,84,88,.6); --shadow: none;
    --tint: #0a84ff; --up: #30d158; --down: #ff453a; --unknown: #48484a;
    --press: #2c2c2e;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --bg: #000000; --card: #1c1c1e; --text: #ffffff; --text-2: #98989d;
      --sep: rgba(84,84,88,.6); --shadow: none;
      --tint: #0a84ff; --up: #30d158; --down: #ff453a; --unknown: #48484a;
      --press: #2c2c2e;
    }
  }

  * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
  html { -webkit-text-size-adjust: 100%; }
  body {
    margin: 0; background: var(--bg); color: var(--text);
    font: 17px/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    min-height: 100dvh;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    transition: background-color .25s;
  }