:root {
  color-scheme: dark;
  --bg: #07090d; --panel: #0d1117; --line: #222a37; --ink: #e8ecf2; --ink2: #aab3c0; --muted: #8590a0; --amber: #ffb43a;
  --font: "Inter V", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono V", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); }
body { font: 15px/1.45 var(--font); -webkit-font-smoothing: antialiased; min-height: 100vh; }
.ld { max-width: 760px; margin: 0 auto; padding: calc(env(safe-area-inset-top, 0px) + 40px) 16px 40px; }
.ld-brand { font: 700 15px/1 var(--mono); letter-spacing: .14em; display: flex; align-items: center; gap: 10px; }
.ld-mark { width: 14px; height: 14px; background: var(--amber); box-shadow: 0 0 0 3px rgba(255, 180, 58, .18); }
.ld-sl { color: var(--amber); margin: 0 2px; }
.ld-sub { color: var(--ink2); margin: 10px 0 0; font-size: 14px; }
.ld-q { font: 600 12px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--amber); margin: 44px 0 14px; }
.ld-choices { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
.ld-c {
  display: grid; grid-template-rows: auto auto 1fr auto; gap: 8px; padding: 22px 20px 18px; min-height: 230px;
  background: var(--panel); border: 1px solid var(--line); border-radius: 6px; color: inherit; text-decoration: none;
  transition: border-color .15s, background .15s, transform .15s;
}
.ld-c:hover, .ld-c:focus-visible { border-color: var(--amber); background: #11161f; outline: none; }
.ld-c:active { transform: translateY(1px); }
.ld-c svg { width: 52px; height: 52px; fill: none; stroke: var(--amber); stroke-width: 2.2; stroke-linecap: round; }
.ld-t { font: 650 24px/1.15 var(--font); letter-spacing: -.01em; }
.ld-d { color: var(--ink2); font-size: 14px; }
.ld-k { font: 12px/1 var(--mono); color: var(--muted); }
.ld-foot { margin-top: 28px; color: var(--muted); font-size: 13px; }
.ld-foot a { color: var(--ink2); }
@media (max-width: 560px) {
  .ld { padding-top: calc(env(safe-area-inset-top, 0px) + 28px); }
  .ld-choices { grid-template-columns: 1fr; }
  .ld-c { min-height: 0; grid-template-columns: 56px 1fr; grid-template-rows: auto auto auto; column-gap: 16px; padding: 20px 18px; }
  .ld-c svg { grid-row: 1 / 4; align-self: center; }
  .ld-t { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) { .ld-c { transition: none; } }

/* trader chooser (WHISKAS | 0x9417) */
.tw-who { display: inline-flex; margin-top: 16px; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; background: var(--panel); }
.tw-who-b { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; font: 700 13px/1 var(--mono); letter-spacing: .1em; color: var(--muted); text-decoration: none; }
.tw-who-b + .tw-who-b { border-left: 1px solid var(--line); }
.tw-who-b:hover { color: var(--ink); }
.tw-who-b.on { background: var(--amber); color: #111; }
/* 5 traders: on a phone the chooser spans the width and its tabs share it equally */
@media (max-width: 560px) {
  .tw-who { display: flex; }
  .tw-who-b { flex: 1 1 0; padding: 0 4px; font-size: 11px; letter-spacing: .04em; }
}