:root {
  color-scheme: dark;
  --bg: #0c1218;
  --card: #151d27;
  --text: #eef3f8;
  --muted: #8ea0b5;
  --line: #243140;
  --green: #3ddc97;
  --orange: #e6a23c;
  --red: #ff5d5d;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.4 system-ui, sans-serif;
}
.screen { max-width: 32rem; margin: 0 auto; padding: 1rem 1rem 3rem; overflow-x: hidden; }
.brand { letter-spacing: 0.14em; font-size: 0.8rem; margin: 0; }
h1 { font-size: 1.6rem; margin: 0.2rem 0; overflow-wrap: anywhere; }
h2 { font-size: 0.95rem; margin: 0; }
.muted { color: var(--muted); }
.badge, .chip, .state {
  display: inline-block;
  border-radius: 999px;
  padding: 0.15rem 0.55rem;
  font-size: 0.75rem;
  border: 1px solid var(--line);
}
.badge { background: #3a2a12; color: #ffd59a; }
.row { display: flex; justify-content: space-between; gap: 0.75rem; padding: 0.35rem 0; min-width: 0; }
.row span, .row strong { min-width: 0; overflow-wrap: anywhere; }
.row strong { text-align: right; }
.activity-head { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.note { color: var(--muted); font-size: 0.92rem; margin: 0.6rem 0 0; }
details { margin-top: 0.75rem; }
summary { cursor: pointer; font-weight: 650; padding: 0.35rem 0; }
.ranges { display: flex; gap: 0.4rem; flex-wrap: wrap; margin: 0.5rem 0; }
.ranges button { background: transparent; color: var(--text); border: 1px solid var(--line); border-radius: 999px; padding: 0.25rem 0.6rem; }
.ranges button.active { border-color: var(--accent, #9fc2e8); }
.symbol { margin-top: 0.75rem; }
.decision { border-top: 1px solid var(--line); padding: 0.55rem 0 0.15rem; }
.decision p { margin: 0.1rem 0; }
.pulse { animation: cornex-pulse 1.8s ease-in-out infinite; }
@keyframes cornex-pulse { 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .pulse { animation: none; } }
.card { background: var(--card); border-radius: 14px; padding: 0.9rem 1rem; margin: 0.8rem 0; }
.equity { font-size: 2rem; font-weight: 650; margin: 0.2rem 0; }
.chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.chip { background: transparent; color: var(--text); }
.chip[aria-pressed="true"] { background: #243246; }
button { font: inherit; }
.alert { background: #3a1216; color: #ffd0d0; border-radius: 12px; padding: 0.8rem; }
.GREEN { color: var(--green); }
.ORANGE { color: var(--orange); }
.RED { color: var(--red); }
.UNKNOWN { color: var(--muted); }
label { display: block; margin: 0.8rem 0 0.3rem; }
input, button.primary { width: 100%; padding: 0.7rem; border-radius: 10px; border: 1px solid var(--line); }
button.primary { background: #d7e4f2; color: #102; margin-top: 0.8rem; }
.chart { width: 100%; height: 140px; display: block; }
ul { list-style: none; padding: 0; margin: 0; }
li { padding: 0.45rem 0; border-top: 1px solid var(--line); }