:root { color-scheme: dark; }
body {
  margin: 0;
  min-height: 100vh;
  background: #0d1117;
  color: #e9edf2;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.55;
}
.tp-main { max-width: 760px; margin: 0 auto; padding: 48px 20px 140px; }
.tp-eyebrow { color: #e07a2f; font-weight: 650; letter-spacing: 0.02em; margin: 0 0 6px; }
h1 { margin: 0 0 10px; font-size: 34px; }
h2 { margin: 0 0 12px; font-size: 19px; }
.tp-lead { color: #b8c0cb; font-size: 17px; margin: 0 0 24px; }
.tp-card {
  background: #151b25;
  border: 1px solid #2a3240;
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 18px;
}
.tp-card ul { margin: 0 0 10px; padding-left: 20px; }
.tp-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.tp-pick {
  border: 1px solid #e07a2f;
  background: transparent;
  color: #e9edf2;
  border-radius: 10px;
  padding: 10px 14px;
  font: inherit;
  cursor: pointer;
}
.tp-pick[aria-pressed="true"] { background: #e07a2f; color: #1a0f06; font-weight: 650; }
.tp-pick:disabled { opacity: 0.5; cursor: not-allowed; }
.tp-pick:focus-visible { outline: 3px solid #ffd7b5; outline-offset: 2px; }
.tp-mode { margin: 12px 0 0; color: #b8c0cb; font-size: 14px; }