:root {
  --bg: #070707;
  --surface: rgba(17, 17, 17, 0.88);
  --surface-2: #121212;
  --border: rgba(255,255,255,.085);
  --border-gold: rgba(208, 166, 82, .28);
  --gold: #d0a652;
  --gold-2: #f0d18b;
  --text: #f3f0e9;
  --muted: #99958d;
  --green: #70c799;
  --red: #d47777;
  --amber: #ddb66b;
  --radius: 18px;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0; min-height: 100vh; color: var(--text); background:
  radial-gradient(circle at 10% -10%, rgba(208,166,82,.10), transparent 34%),
  linear-gradient(180deg, #080808 0%, #060606 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .01em;
}
button { font: inherit; }
.shell { width: min(1380px, calc(100% - 44px)); margin: 0 auto; }
.ambient { position: fixed; pointer-events:none; border-radius:50%; filter:blur(100px); opacity:.12; z-index:-1; }
.ambient-a { width:340px;height:340px;background:#c99b45;right:-130px;top:25%; }
.ambient-b { width:250px;height:250px;background:#8f6c32;left:-130px;bottom:8%; }
.topbar { height: 92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); }
.brand { display:flex; gap:13px; align-items:center; color:inherit; text-decoration:none; }
.brand img { width:47px; height:47px; object-fit:contain; border-radius:11px; }
.brand-name { font-family: Georgia, "Times New Roman", serif; font-size:24px; letter-spacing:.08em; line-height:1; }
.brand-name span { color:var(--gold); }
.tagline { color:var(--muted); font-size:10px; margin-top:7px; letter-spacing:.11em; text-transform:uppercase; }
.top-status { display:flex; gap:9px; align-items:center; }
.pill { border:1px solid var(--border); border-radius:999px; padding:8px 11px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); background:#0e0e0e; }
.pill.live { color:var(--green); border-color:rgba(112,199,153,.25); background:rgba(112,199,153,.07); }
.pill.offline { color:var(--red); border-color:rgba(212,119,119,.25); background:rgba(212,119,119,.07); }
.pill.practice { color:var(--gold-2); border-color:var(--border-gold); }
.dot { width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;margin-right:6px;vertical-align:1px; box-shadow:0 0 12px currentColor; }
.main { padding:54px 0 28px; }
.hero { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:80px; align-items:end; padding:12px 0 54px; }
.eyebrow { margin:0 0 10px; color:var(--gold); font-size:10px; letter-spacing:.20em; font-weight:700; }
h1 { margin:0; max-width:840px; font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:clamp(46px,6vw,82px); line-height:.96; letter-spacing:-.045em; }
h1 span { color:var(--gold-2); }
.hero-copy { max-width:730px; color:#a8a39b; line-height:1.7; margin:25px 0 0; font-size:14px; }
.hero-meta { display:grid; grid-template-columns:110px 1fr; gap:13px 22px; border-left:1px solid var(--border); padding-left:28px; font-size:12px; }
.meta-label { color:#68655f; letter-spacing:.12em; font-size:9px; padding-top:2px; }
.meta-value { color:#c9c5bc; text-align:right; overflow-wrap:anywhere; }
.metric-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:11px; margin-bottom:12px; }
.metric-card { min-height:144px; padding:20px; border:1px solid var(--border); background:linear-gradient(145deg, rgba(21,21,21,.94), rgba(12,12,12,.92)); border-radius:var(--radius); display:flex; flex-direction:column; justify-content:space-between; }
.metric-card.featured { border-color:var(--border-gold); background:linear-gradient(145deg, rgba(49,39,20,.32), rgba(14,14,14,.94)); }
.metric-label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.13em; }
.metric-value { font-size:31px; font-weight:620; letter-spacing:-.045em; margin:9px 0; font-variant-numeric:tabular-nums; }
.metric-value.positive { color:var(--green); }.metric-value.negative { color:var(--red); }
.metric-foot { color:#65625d; font-size:10px; line-height:1.4; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.panel { border:1px solid var(--border); background:var(--surface); backdrop-filter:blur(14px); border-radius:var(--radius); padding:22px; min-width:0; }
.panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:19px; }
h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:27px; letter-spacing:-.025em; }
.count-badge { min-width:31px;height:31px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);color:var(--gold-2);font-size:12px; }
.trade-stack { display:grid; gap:8px; min-height:126px; }
.trade-item { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:16px; align-items:center; padding:13px 14px; border:1px solid rgba(255,255,255,.06); border-radius:12px; background:#0c0c0c; }
.trade-name { font-weight:650; font-size:13px; }.trade-sub { color:#716d66;font-size:10px;margin-top:4px; }
.side { font-size:10px;font-weight:800;letter-spacing:.10em;border-radius:999px;padding:5px 8px; }
.side.buy { background:rgba(112,199,153,.09);color:var(--green); }.side.sell { background:rgba(212,119,119,.09);color:var(--red); }
.trade-price { color:#a7a29b;font-size:11px;font-variant-numeric:tabular-nums;text-align:right; }
.empty-state { display:grid;place-items:center;color:#67635d;border:1px dashed rgba(255,255,255,.07);border-radius:12px;font-size:12px; }
.segmented { display:flex;border:1px solid var(--border);padding:3px;border-radius:10px;background:#0b0b0b; }
.segment { border:0;background:transparent;color:#706c65;padding:7px 9px;border-radius:7px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer; }
.segment.active { background:#1a1814;color:var(--gold-2); }
.period-list { display:grid; gap:8px; min-height:154px; }
.period-row { display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:11px 1px;border-bottom:1px solid rgba(255,255,255,.055); }
.period-row:last-child { border:0; }
.period-name { font-size:12px;font-weight:600; }.period-trades { color:#77736c;font-size:10px; }.period-change { min-width:70px;text-align:right;font-weight:700;font-size:12px;font-variant-numeric:tabular-nums; }
.positive { color:var(--green)!important; }.negative { color:var(--red)!important; }.neutral-text { color:#77736c!important; }
.privacy-note { color:#5d5a55;font-size:9px;line-height:1.55;margin-top:13px; }
.instruments-panel { margin-bottom:12px; }
.legend { color:#68655f;font-size:9px;text-transform:uppercase;letter-spacing:.09em; }.legend-dot { display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:6px; }
.instrument-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.instrument-card { border:1px solid rgba(255,255,255,.065);border-radius:14px;padding:16px;background:#0b0b0b; }
.instrument-top { display:flex;justify-content:space-between;gap:12px;align-items:center; }.instrument-name { font-weight:700;font-size:13px; }.instrument-r { font-size:11px;font-weight:700; }
.instrument-stats { display:flex;gap:18px;color:#757169;font-size:10px;margin:12px 0; }.instrument-stats strong { color:#c0bbb1;font-weight:600; }
.progress-track { height:5px;border-radius:99px;background:#20201e;overflow:hidden; }.progress-bar { height:100%;background:linear-gradient(90deg,#9b7535,var(--gold-2));border-radius:inherit; }
.progress-meta { display:flex;justify-content:space-between;color:#65615a;font-size:9px;margin-top:7px; }
.lower { grid-template-columns:1.18fr .82fr; }
.table-wrap { overflow:auto; }
table { width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap; }
th { color:#625f59;font-size:9px;letter-spacing:.10em;text-transform:uppercase;text-align:left;font-weight:600;padding:0 10px 10px 0; }
td { border-top:1px solid rgba(255,255,255,.055);padding:12px 10px 12px 0;color:#aaa59d; }
.status-text { color:#817d76;font-size:9px;text-transform:uppercase;letter-spacing:.08em; }.result-r { font-weight:700;font-variant-numeric:tabular-nums; }.empty-cell { text-align:center;color:#68645e;padding:35px 0; }
.memory-list { display:grid;gap:16px;padding-top:2px; }.memory-item { display:grid;grid-template-columns:105px 1fr 58px;gap:13px;align-items:center; }.memory-name { font-size:11px;color:#a29e96; }.memory-track { height:6px;background:#20201d;border-radius:99px;overflow:hidden; }.memory-fill { height:100%;border-radius:inherit;background:linear-gradient(90deg,#89662f,#d0a652); }.memory-value { text-align:right;font-size:11px;font-weight:700;color:var(--gold-2); }
.disclaimer { margin-top:12px;padding:16px 19px;border:1px solid rgba(208,166,82,.12);border-radius:14px;color:#68645d;font-size:10px;line-height:1.65;background:rgba(208,166,82,.025); }.disclaimer strong { color:#99938a; }
.footer { border-top:1px solid var(--border);min-height:80px;display:flex;align-items:center;justify-content:space-between;color:#55524d;font-size:9px;letter-spacing:.08em;text-transform:uppercase; }.footer span { color:var(--gold);padding:0 7px; }
.muted { color:#65615b;font-size:10px; }.skeleton { position:relative;overflow:hidden;background:#111;border-radius:8px; }.skeleton::after { content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);animation:shimmer 1.8s infinite; }.skeleton.line { height:37px; }.skeleton.card { height:120px; }.error-box { padding:14px;border:1px solid rgba(212,119,119,.2);background:rgba(212,119,119,.04);border-radius:12px;color:#b47f7f;font-size:11px;line-height:1.5; }
@keyframes shimmer { 100% { transform:translateX(100%); } }
@media (max-width:1100px) { .metric-grid{grid-template-columns:repeat(3,1fr)} .instrument-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:780px) { .shell{width:min(100% - 26px,1380px)} .topbar{height:78px}.tagline{display:none}.brand-name{font-size:20px}.brand img{width:38px;height:38px}.top-status .pill:first-child{display:none}.hero{grid-template-columns:1fr;gap:28px;padding:8px 0 38px}.hero-meta{border-left:0;border-top:1px solid var(--border);padding:20px 0 0}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col,.lower{grid-template-columns:1fr}.instrument-grid{grid-template-columns:1fr}.panel{padding:17px}.panel-head{align-items:center}h2{font-size:23px}.segmented{overflow:auto}.main{padding-top:35px}.footer{flex-direction:column;justify-content:center;gap:8px;text-align:center}.legend{display:none} }
@media (max-width:480px) { .metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:126px;padding:16px}.metric-value{font-size:26px}.top-status{gap:4px}.pill{font-size:9px;padding:7px 8px}.hero-copy{font-size:13px}.period-row{grid-template-columns:1fr auto}.period-trades{display:none} }

/* v2.12.0 view navigation */
.topbar{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:16px}.view-switch{display:flex;background:#0c0c0c;border:1px solid #25231d;border-radius:10px;padding:3px;justify-self:center}.view-switch a{color:#777;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.1em;padding:7px 12px;border-radius:7px}.view-switch a.active{background:#1a1711;color:#e8c15d}.view-switch a:hover{color:#bbb}.hidden{display:none!important}@media(max-width:950px){.topbar{grid-template-columns:1fr auto!important}.view-switch{grid-row:2;grid-column:1/-1;margin-bottom:8px}}

/* v2.12.1 unified navigation — intentionally high specificity to override legacy header rules */
header.topbar .view-switch{
  display:flex!important;align-items:center!important;gap:2px!important;
  justify-self:center!important;background:#090909!important;
  border:1px solid #2b281f!important;border-radius:11px!important;padding:3px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important
}
header.topbar .view-switch>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:74px!important;padding:8px 12px!important;border-radius:8px!important;
  color:#777!important;text-decoration:none!important;text-transform:uppercase!important;
  font-size:9px!important;font-weight:700!important;letter-spacing:.09em!important;
  border:0!important;background:transparent!important;
  transition:color .18s ease,background .18s ease!important
}
header.topbar .view-switch>a:hover{color:#d5c9aa!important;background:#12110e!important}
header.topbar .view-switch>a.active{
  color:#f0c863!important;background:linear-gradient(180deg,#1d1910,#17140d)!important;
  box-shadow:inset 0 0 0 1px rgba(215,167,61,.14)!important
}
header.topbar .view-switch>a.controller-link{border-left:1px solid #29261e!important}