/* Radon Tracker world: the Android app's own dark theme (themeColors.ts, dark). #121212 page, #1E1E1E cards,
   #3A3A3A borders, one blue, the EPA level colors on their dark backgrounds, Roboto. */
body.world-radon {
  --ink: #121212; --night: #121212; --plate: #1e1e1e; --plate-2: #262626;
  --line: #2c2c2c; --line-2: #3a3a3a;
  --paper: #f2f2f2; --dim: #a0a0a0; --mute: #8a8a8a; --ivory: #f2f2f2;
  --accent: #2563eb; --accent-hi: #60a5fa; --brass: #60a5fa; --brass-hi: #93c5fd; --brass-lo: #2563eb;
  --lv1: #4ade80; --lv2: #fbbf24; --lv3: #fb923c; --lv4: #f87171; --lv5: #c084fc;
  --serif: "Roboto", system-ui, sans-serif;
  --sans: "Roboto", system-ui, sans-serif;
  --mono: "Roboto Mono", ui-monospace, monospace;
  --radius: 16px;
  color-scheme: dark;
  background: #121212;
}
.world-radon ::selection { background: #2563eb; color: #fff; }
.world-radon .display { font-weight: 500; letter-spacing: -.035em; line-height: .98; font-size: clamp(44px, 7.6vw, 108px); }
.world-radon .h2 { font-weight: 500; letter-spacing: -.03em; line-height: 1.05; font-size: clamp(32px, 4.6vw, 62px); }
.world-radon em { font-style: normal; color: #60a5fa; }
.world-radon .h3, .world-radon .shot h3, .world-radon .chron h3 { font-weight: 500; letter-spacing: -.005em; }
.world-radon .eyebrow { color: #60a5fa; font-weight: 500; letter-spacing: .1em; }
.world-radon .eyebrow::before { height: 2px; border-radius: 2px; }
.world-radon .btn { border-radius: 100px; font-weight: 500; letter-spacing: .01em; }
.world-radon .btn-key { color: #fff; background: #2563eb; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -8px rgba(37, 99, 235, .7); }
.world-radon .btn-key::after { background: radial-gradient(120px 80px at var(--bx) var(--by), rgba(255, 255, 255, .3), transparent 70%); }
.world-radon .btn-glass { color: #f2f2f2; background: #1e1e1e; border: 1px solid #3a3a3a; backdrop-filter: none; }
.world-radon .btn-glass::after { background: radial-gradient(140px 90px at var(--bx) var(--by), rgba(96, 165, 250, .16), transparent 70%); }
.world-radon .card, .world-radon .shot { background: #1e1e1e; border-color: #2c2c2c; box-shadow: none; }
.world-radon .shot:hover { box-shadow: 0 24px 50px -24px rgba(37, 99, 235, .55); border-color: rgba(96, 165, 250, .4); }
.world-radon .shot .fr, .world-radon .dev, .world-radon .reel figure .fr { background: linear-gradient(160deg, #3a3d44, #0b0c0e 60%); }
.world-radon .chip { background: #1e1e1e; border-color: #3a3a3a; color: #d4d4d4; }
.world-radon .rule { background: linear-gradient(90deg, transparent, #3a3a3a, transparent); }
.world-radon .brand, .world-radon .nav, .world-radon .menu-btn { background: rgba(30, 30, 30, .85); border-color: #3a3a3a; color: #f2f2f2; }
.world-radon .nav a:hover, .world-radon .nav a[aria-current="page"] { background: #262626; color: #f2f2f2; }
.world-radon .nav .cta { color: #fff; background: #2563eb; }
.world-radon .calm-toggle .pip { background: #3a3a3a; }
.world-radon .hero { --paper: #ffffff; --dim: rgba(255, 255, 255, .82); color: #fff; }
.world-radon .hero .lede { color: rgba(255, 255, 255, .86); }
.world-radon .hero .chip { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .28); color: #fff; }
.world-radon .hero em { color: #93c5fd; }
.world-radon .hero::after { background: linear-gradient(180deg, rgba(18, 18, 18, .5) 0%, transparent 30%, rgba(18, 18, 18, .35) 60%, #121212 100%), linear-gradient(90deg, rgba(18, 18, 18, .7) 0%, transparent 60%); }
.world-radon .scroll-cue { color: rgba(255, 255, 255, .7); }
.world-radon .site-foot { background: #161616; color: #f2f2f2; border-top: 1px solid #2c2c2c; }
.world-radon .grain { display: none; }
.world-radon .levels { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: 8px; }
.world-radon .levels div { border-radius: 14px; padding: 12px 14px; color: var(--c); background: var(--b, #1e1e1e); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); font-size: 13px; }
.world-radon .levels b { display: block; font-size: 16px; font-weight: 700; font-family: var(--sans); }
.world-radon .levels span { font-size: 13px; opacity: .9; }
@media (max-width: 760px) { .world-radon .levels { grid-template-columns: 1fr 1fr; } }
/* Chronicle as a Material stepper. */
.world-radon .chron::before { left: 23px; background: #3a3a3a; }
.world-radon .chron::after { left: 23px; background: #2563eb; box-shadow: none; }
.world-radon .chron .node { background: #1e1e1e; border: 2px solid #3a3a3a; color: #a0a0a0; font-family: var(--mono); }
.world-radon .chron li.lit .node { background: #2563eb; border-color: #2563eb; color: #fff; box-shadow: 0 0 0 6px rgba(37, 99, 235, .25); }
.world-radon .chron .stage { color: #60a5fa; font-family: var(--mono); }
.world-radon .cta-band { background: linear-gradient(160deg, #172554, #1e1e1e 70%); border: 1px solid #2c2c2c; color: #f2f2f2; }
.world-radon .next-app { border-color: #2c2c2c; }
.world-radon .legal { color: #8a8a8a; }