/* LEVEXES Studio. The final presentation layer for the existing live tools. */
:root {
  --studio-bg: #090c12;
  --studio-panel: #11161fe8;
  --studio-raised: #171e29;
  --studio-line: #262e3b;
  --studio-muted: #9aa8bc;
  --studio-text: #eef2f8;
  --studio-accent: #a4c3ff;
  --studio-positive: #62d5b4;
  --studio-negative: #ef8798;
  --studio-gold: #e3c080;
  --dm-bg: var(--studio-bg);
  --dm-panel: var(--studio-panel);
  --dm-panel-soft: var(--studio-raised);
  --dm-border: var(--studio-line);
  --dm-border-strong: #40506a;
  --dm-text: var(--studio-text);
  --dm-muted: var(--studio-muted);
  --dm-faint: #8e9bb0;
  --dm-cyan: var(--studio-accent);
  --dm-green: var(--studio-positive);
  --dm-red: var(--studio-negative);
  --dm-yellow: var(--studio-gold);
  --lx-ink: var(--studio-text);
  --lx-muted: var(--studio-muted);
  --lx-faint: #8e9bb0;
  --lx-line: var(--studio-line);
  --lx-positive: var(--studio-positive);
  --lx-negative: var(--studio-negative);
  --lx-cyan: var(--studio-accent);
  --lx-cyan-strong: var(--studio-accent);
  --lx-glass: #11161ff2;
  --lx-glass-strong: #171e29f2;
  --lx-glass-soft: #11161fdd;
  --lx-shadow: none;
  --dm-shadow: none;
  --lx-blur: blur(12px);
}

html.lx-solid-panels { --studio-panel: #19212e; --studio-raised: #202c3d; }

html { scroll-padding-top: 100px; }
html body:is(.levexes-page, .page-dealer-gamma-flow, .page-platform-utility) {
  background: var(--studio-bg) !important;
  color: var(--studio-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
html body:is(.levexes-page, .page-dealer-gamma-flow, .page-platform-utility)::before,
html body:is(.levexes-page, .page-dealer-gamma-flow, .page-platform-utility)::after {
  display: none !important;
}
.levexes-page :is(.ambient, .noise-overlay) { display: none; }
.levexes-page * { text-shadow: none !important; }
.levexes-page :is(button, input, select, textarea) { font-size: .875rem; }
.levexes-page :is(button, a, input, select, summary, textarea):focus-visible {
  outline: 2px solid var(--studio-accent) !important;
  outline-offset: 4px;
}
.levexes-page :is(button, a) { -webkit-tap-highlight-color: transparent; }
.levexes-page :is(button, input, select, textarea) { border-radius: 8px; }
.levexes-page :is(input, select, textarea) {
  color: var(--studio-text);
  background-color: #0c111a;
  border-color: var(--studio-line);
}
.levexes-page :is(input, textarea)::placeholder { color: #8290a5; }
.levexes-page :is(button:disabled, [aria-disabled="true"]) { opacity: .5; cursor: not-allowed; }

/* A permanent, labelled navigation spine replaces the floating icon dock. */
html .levexes-page :is(.dm-simple-shell, .cot-shell) {
  display: grid;
  grid-template-columns: 184px minmax(0, 1fr);
  gap: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  background: transparent !important;
}
html .levexes-page :is(.dm-simple-rail, .cot-rail) {
  position: sticky;
  inset: 0 auto auto 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
  width: 184px;
  height: 100dvh;
  margin: 0;
  padding: 24px 14px 20px;
  border: 0 !important;
  border-right: 1px solid var(--studio-line) !important;
  border-radius: 0 !important;
  background: #0d1119 !important;
  box-shadow: none !important;
  backdrop-filter: none;
  z-index: 80;
}
html .levexes-page :is(.dm-simple-rail-mark, .cot-mark) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  width: 100%;
  height: 38px;
  margin: 0 0 34px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  text-decoration: none;
}
html .levexes-page :is(.dm-simple-rail-logo, .cot-mark > span:not(.lx-rail-wordmark)) {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border: 1px solid #566987;
  border-radius: 9px;
  background: #202c40;
  color: #d3e2ff;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.05em;
}
.lx-rail-wordmark { color: #eef2f8; font-size: 14px; font-weight: 600; letter-spacing: .12em; }
html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex: 0 0 auto;
  width: 100%;
  min-height: 44px;
  height: auto;
  padding: 11px 12px;
  color: #9ba8bc;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  transform: none !important;
  text-decoration: none;
  transition: color 150ms, background-color 150ms;
}
.lx-rail-label { font-size: .875rem; font-weight: 500; line-height: 1.35; }
html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn) svg { width: 18px; height: 18px; flex-shrink: 0; }
html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn):is(:hover, .is-active) {
  color: #d4e3ff;
  background: #1c2a40;
  border-color: #2a3c58;
}
html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn)::before,
html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn)::after { display: none; }
html .levexes-page :is(.dm-simple-main, .cot-main, .cm-main) {
  min-width: 0;
  width: 100%;
  padding: 0 28px 48px;
  background: transparent;
}
html .levexes-page :is(.dm-simple-topbar, .cot-topbar, .cm-topbar) {
  position: relative;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 76px;
  margin: 0 0 22px;
  padding: 16px 0;
  border: 0 !important;
  border-bottom: 1px solid var(--studio-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
  animation: none;
}
html .levexes-page :is(.dm-simple-brand, .cot-brand) { gap: 0; }
html .levexes-page :is(.dm-simple-logo, .cot-brand > span) { display: none; }
html .levexes-page .dm-simple-brand strong { font-size: 15px; letter-spacing: .02em; font-weight: 600; }
html .levexes-page .dm-simple-brand small { margin-top: 5px; color: var(--studio-muted); font-size: 12px; letter-spacing: 0; text-transform: none; }
html .levexes-page :is(.dm-simple-topnav, .cot-topnav, .cm-topnav) { display: none; }
html .levexes-page :is(.dm-simple-topbar-actions, .cot-user) { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
html .levexes-page :is(.dm-simple-status, .dm-focus-button, .lx-panel-mode-toggle, .dm-logout-link) {
  min-height: 36px;
  border: 1px solid var(--studio-line);
  border-radius: 7px;
  padding: 8px 11px;
  background: var(--studio-panel) !important;
  color: #b9c6d9;
  box-shadow: none;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}
html .levexes-page .dm-simple-status small { font-size: 12px; }
html .levexes-page .dm-simple-status strong { font-size: 12px; }
.levexes-surface .dm-logout-link { display: none; }

/* The workspace begins with controls and data, with a quiet page heading. */
html .levexes-surface .lx-surface-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0;
  padding: 0;
  margin: 0 0 24px;
  border: 0;
  animation: none;
}
html .levexes-surface .lx-surface-hero h1 {
  margin: 0;
  color: var(--studio-text);
  font-family: Inter, sans-serif;
  font-size: clamp(26px, 2.2vw, 36px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.2;
}
.lx-page-description { margin: 9px 0 0; color: var(--studio-muted); font-size: 14px; line-height: 1.55; }
.lx-page-eyebrow { display: flex; align-items: center; gap: 8px; color: #aab8cc; font-size: 12px; }
.lx-page-eyebrow i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #a4c3ff; }
html .levexes-surface .dm-workspace-jump {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  flex-wrap: nowrap;
  gap: 22px;
  overflow-x: auto;
  min-height: 48px;
  margin: 0 0 20px;
  padding: 0;
  border: 0 !important;
  border-bottom: 1px solid var(--studio-line) !important;
  border-radius: 0;
  background: var(--studio-bg) !important;
  box-shadow: none !important;
  backdrop-filter: none;
  scrollbar-width: thin;
}
html .levexes-surface .dm-workspace-jump a {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 48px;
  padding: 0 0 13px;
  border: 0;
  border-radius: 0;
  color: #9daac0;
  background: transparent !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
html .levexes-surface .dm-workspace-jump a.is-active { color: #d5e3fc; box-shadow: inset 0 -2px var(--studio-accent); }
html .levexes-surface .dm-workspace-jump a::after { display: none; }
.levexes-surface :is(.dm-workspace-jump-label, .dm-workspace-shortcuts) { display: none; }
html .levexes-surface .dm-simple-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  padding: 16px;
  margin: 0 0 20px;
  border: 1px solid var(--studio-line) !important;
  border-radius: 12px;
  background: var(--studio-panel) !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
html .levexes-surface .dm-control { gap: 8px; }
html .levexes-surface .dm-control > span { color: #aab8cb; font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: 0; }
html .levexes-surface .dm-control :is(input, select) { min-height: 38px; padding: 8px 12px; font-size: 14px; border: 1px solid #303b4c; background: #0b1018; }
html .levexes-surface #simple-ticker { width: 94px; color: #e8f0ff; font-weight: 600; }
html .levexes-page :is(.dm-primary-button, .cm-primary-button) {
  min-height: 38px;
  padding: 10px 17px;
  border: 1px solid #b4ceff;
  border-radius: 7px;
  color: #0c1729;
  background: #a4c3ff !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
html .levexes-page .dm-primary-button:hover { background: #c0d5ff !important; }
html .levexes-surface :is(.dm-ghost-button, .dm-segmented button) {
  min-height: 38px;
  padding: 8px 11px;
  border-radius: 7px;
  color: #b6c3d7;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none;
}
html .levexes-surface .dm-segmented { padding: 3px; border: 1px solid #303b4c; border-radius: 9px; background: #090e16; }
html .levexes-surface .dm-segmented button { border: 0; min-height: 30px; }
html .levexes-surface .dm-segmented button.is-active { color: #d4e3ff; background: #24334b; }
.lx-view-inactive { display: none !important; }

/* Consistent data surfaces. Color describes the data; borders describe layout. */
html .levexes-surface :is(.dm-command-summary, .dm-chart-panel, .dm-decision-lens, .dm-ladder-panel, .dm-intel-card, .dm-toolkit, .dm-reference-widget, .dm-market-bias, .dm-setup-radar, .dm-gamma-totals, .dm-dyk, .dm-wall-alert-center) {
  border: 1px solid var(--studio-line) !important;
  border-radius: 12px !important;
  background: var(--studio-panel) !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
html .levexes-surface :is(.dm-chart-panel, .dm-toolkit, .dm-dyk) { margin-bottom: 20px; }
html .levexes-surface :is(.dm-mini-kicker, .dm-reference-eyebrow, .dm-reference-widget-head > span) {
  color: #a0aec3;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
}
html .levexes-surface :is(.dm-chart-head h2, .dm-toolkit h2, .dm-dyk h2, .dm-gamma-totals h2) { font-family: Inter, sans-serif; font-size: 20px; font-weight: 500; letter-spacing: -.025em; }

html .levexes-surface .dm-giw {
  --giw-bg: var(--studio-bg);
  --giw-panel: var(--studio-panel);
  --giw-panel-strong: var(--studio-raised);
  --giw-line: var(--studio-line);
  --giw-text: var(--studio-text);
  --giw-muted: var(--studio-muted);
  --giw-positive: var(--studio-positive);
  --giw-negative: var(--studio-negative);
  --giw-flip: var(--studio-gold);
  --giw-positive-rgb: 98, 213, 180;
  --giw-negative-rgb: 239, 135, 152;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
html .levexes-surface .dm-giw::before { display: none; }
html .levexes-surface .dm-giw-statebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 0;
  border: 1px solid var(--studio-line);
  border-radius: 12px;
  background: var(--studio-panel);
}
html .levexes-surface .dm-giw-identity {
  grid-column: 1;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 13px 18px;
  border: 0;
}
html .levexes-surface .dm-giw-kicker { font-size: 12px; letter-spacing: 0; text-transform: none; color: #99a9bf; }
html .levexes-surface .dm-giw-title-line { margin: 0; }
html .levexes-surface .dm-giw-title-line h2 { font-size: 16px; font-weight: 500; letter-spacing: -.02em; }
html .levexes-surface .dm-giw-title-line h2 span { color: #eaf0fa; }
html .levexes-surface .dm-giw-fullscreen { grid-column: 2; grid-row: 1; width: 42px; min-width: 0; border-radius: 0 12px 0 0; background: transparent; }
html .levexes-surface .dm-giw-state-grid { grid-row: 2; grid-column: 1 / -1; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 0 0 18px; }
html .levexes-surface .dm-giw-state-cell { padding: 6px 18px; }
html .levexes-surface .dm-giw-state-cell:last-child { border: 0; }
html .levexes-surface .dm-giw-state-cell::after { display: none; }
html .levexes-surface .dm-giw-state-cell dt { color: #a4b0c3; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; }
html .levexes-surface .dm-giw-state-cell dd { margin: 9px 0 7px; font-family: Inter, sans-serif; font-size: clamp(19px, 1.65vw, 28px); font-weight: 500; letter-spacing: -.04em; font-variant-numeric: tabular-nums; line-height: 1.15; }
html .levexes-surface .dm-giw-state-cell small { color: #94a3b9; font-size: 12px; line-height: 1.4; }
html .levexes-surface .dm-giw-live { font-size: 12px; letter-spacing: 0; text-transform: none; padding: 4px 8px; }
html .levexes-surface .dm-giw-main-grid { order: 2; grid-template-columns: minmax(0, 1.65fr) minmax(310px, 1fr); align-items: stretch; gap: 18px; margin: 0; padding: 0; }
html .levexes-surface .dm-giw-panel { border: 1px solid var(--studio-line); border-radius: 12px; overflow: hidden; background: var(--studio-panel); box-shadow: none; }
html .levexes-surface :is(.dm-giw-price-panel, .dm-giw-impact-panel) { height: auto; min-height: 0; }
html .levexes-surface .dm-giw-panel-head { min-height: 76px; padding: 17px 18px; gap: 12px; border-bottom: 1px solid var(--studio-line); background: transparent; }
html .levexes-surface .dm-giw-panel-head > div > span { color: #9aa8bc; font-size: 12px; letter-spacing: 0; font-weight: 400; text-transform: none; }
html .levexes-surface .dm-giw-panel-head h3 { margin: 7px 0 0; color: #e7edf7; font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -.02em; }
html .levexes-surface .dm-giw-panel-head h3 b { color: #97a7bd; font-size: 12px; font-weight: 400; }
html .levexes-surface .dm-giw-legend { gap: 10px; flex-wrap: wrap; }
html .levexes-surface .dm-giw-legend span { font-size: 12px; letter-spacing: 0; text-transform: none; }
html .levexes-surface .dm-giw-price-panel .dm-giw-panel-head { flex-wrap: wrap; }
html .levexes-surface .dm-giw-chart-shell { flex: 0 0 auto; height: clamp(380px, 48vh, 560px); min-height: 380px; background: #10151e; }
html .levexes-surface :is(.dm-giw-price-chart, .dm-giw-impact-chart) { height: 100%; min-height: 0; }
html .levexes-surface .dm-giw-impact-summary { position: static; display: flex; flex-wrap: wrap; gap: 8px; min-height: 0; margin-top: 8px; padding: 0; background: transparent; border: 0; }
html .levexes-surface .dm-giw-impact-summary :is(span, small) { font-size: 12px; color: #a0aec3; }
html .levexes-surface .dm-giw-impact-summary strong { font-size: 14px; }
html .levexes-surface .dm-giw-mode { border: 1px solid var(--studio-line); border-radius: 7px; padding: 3px; background: #0c111a; }
html .levexes-surface .dm-giw-mode button { min-height: 30px; padding: 6px 10px; font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
html .levexes-surface .dm-giw-mode button.is-active { color: #d3e3ff; background: #29394f; box-shadow: none; }
html .levexes-surface .dm-giw-focusbar { order: 3; display: flex; flex-wrap: wrap; min-height: 38px; margin: -8px 0 0; padding: 0 4px; gap: 10px; border: 0; background: transparent; }
html .levexes-surface .dm-giw-focusbar :is(span, small) { color: #9aa8bc; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; }
html .levexes-surface .dm-giw-focusbar strong { color: #d1dded; font-size: 12px; }
html .levexes-surface .dm-giw-motionbar { order: 4; border: 1px solid var(--studio-line); border-radius: 12px; background: var(--studio-panel); }
html .levexes-surface .dm-giw-motion-cell { padding: 16px 18px; background: transparent; }
html .levexes-surface .dm-giw-motion-cell dt { color: #a4b1c5; font-size: 12px; letter-spacing: 0; font-weight: 400; text-transform: none; }
html .levexes-surface .dm-giw-motion-cell dd { margin: 8px 0 5px; font-family: Inter, sans-serif; font-size: 21px; font-weight: 500; font-variant-numeric: tabular-nums; }
html .levexes-surface .dm-giw-motion-cell small { font-size: 12px; line-height: 1.4; }
html .levexes-surface .dm-giw-session-grid { order: 5; gap: 18px; margin: 0; padding: 0; grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr); }
html .levexes-surface .dm-giw-shift-readouts { padding: 12px 18px; }
html .levexes-surface .dm-giw-shift-readouts :is(dt, small) { color: #a1b0c6; font-size: 12px; letter-spacing: 0; text-transform: none; }
html .levexes-surface .dm-giw-shift-readouts dd { font-size: 16px; }
html .levexes-surface .dm-giw-shift-chart-shell { height: 280px; min-height: 280px; }
html .levexes-surface .dm-giw-shift-chart { height: 100%; min-height: 0; }
html .levexes-surface .dm-giw-flow-chart { height: 190px; }
html .levexes-surface .dm-giw-change-list li { padding: 12px 18px; }
html .levexes-surface .dm-giw-change-list :is(span, strong) { font-size: 14px; line-height: 1.5; }
html .levexes-surface .dm-giw-change-list :is(small, time) { font-size: 12px; line-height: 1.5; }
html .levexes-surface .dm-giw-empty { background: #10151ef0; }
html .levexes-surface .dm-giw-empty strong { color: #c7d4e6; font-size: 16px; font-weight: 500; }
html .levexes-surface .dm-giw-empty small { max-width: 310px; color: #94a5bd; font-size: 14px; }
html .levexes-surface .dm-giw:is(:fullscreen, .is-pseudo-fullscreen) { padding: 22px; background: var(--studio-bg); overflow: auto; }
html .levexes-surface .dm-giw:is(:fullscreen, .is-pseudo-fullscreen) .dm-giw-main-grid .dm-giw-chart-shell { height: 55vh; min-height: 380px; }

/* Positioning, community, and account screens share the same material palette. */
html .page-cot :is(.cot-hero, .cot-controls, .cot-stat-card, .cot-panel, .cot-market-card, .cot-table-wrap),
html .levexes-community :is(.cm-feed, .cm-side-card, .cm-post, .cm-room-rail, .cm-toolbar, .cm-quick-compose, .cm-dialog, .cm-editor-dialog),
html .page-platform-utility :is(.platform-card, .panel, .utility-card) {
  border-color: var(--studio-line) !important;
  border-radius: 12px;
  background: var(--studio-panel) !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
html .page-cot :is(.cot-hero h1, .cot-hero-copy h1),
html .levexes-community :is(.cm-hero h1, .cm-room-hero h1, .cm-room-heading h1) { font-family: Inter, sans-serif; font-size: clamp(28px, 3vw, 42px); font-weight: 500; letter-spacing: -.045em; line-height: 1.15; }
html .page-cot .cot-hero { margin-bottom: 22px; padding: 24px; }
html .page-cot .cot-workspace { padding: 0; }
html .page-cot .cot-eyebrow { color: var(--studio-muted); font-size: 12px; letter-spacing: .02em; }
html .levexes-community .cm-room-hero { padding: 24px; border: 1px solid var(--studio-line); border-radius: 12px; background: var(--studio-panel); }
html .levexes-community :is(.cm-post-title, .cm-side-card h2) { font-size: 18px; font-weight: 500; }
html .levexes-community :is(.cm-post-body, .cm-side-card p) { font-size: 14px; line-height: 1.7; }

/* Member entry: typographic, spacious, and focused on signing in. */
html body.levexes-login { background: #090d15 !important; }
html .levexes-login .dm-login-shell { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); align-items: center; gap: 9vw; width: min(1240px, 100%); min-height: 100dvh; margin: auto; padding: 64px 48px; }
html .levexes-login .lx-login-story { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 0; max-width: 600px; animation: none; }
.lx-login-wordmark { display: flex; align-items: center; gap: 12px; margin-bottom: auto; padding-bottom: 70px; font-size: 16px; letter-spacing: .18em; font-weight: 500; }
.lx-login-wordmark b { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #4b6080; border-radius: 10px; background: #1d2b42; color: #cadcfc; font-size: 14px; letter-spacing: -.04em; font-weight: 500; }
html .levexes-login .lx-login-story > span { color: #acbbd2; font-size: 12px; font-weight: 500; letter-spacing: .12em; }
html .levexes-login .lx-login-story h1 { margin: 22px 0; color: #eef3fc; font-family: Inter, sans-serif; font-size: clamp(42px, 5.3vw, 72px); font-weight: 400; letter-spacing: -.065em; line-height: 1.07; }
.lx-login-story h1 em { color: #a4c3ff; font-style: normal; }
html .levexes-login .lx-login-story > p { max-width: 470px; color: #99abc4; font-size: 16px; line-height: 1.8; }
.lx-login-capabilities { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 40px 0 70px; padding: 24px 0; border-top: 1px solid #28354a; border-bottom: 1px solid #28354a; }
.lx-login-capabilities dt { color: #e0e9f7; font-size: 14px; font-weight: 500; }
.lx-login-capabilities dd { margin: 8px 0 0; color: #93a6c1; font-size: 12px; line-height: 1.6; }
html .levexes-login .lx-login-story > small { margin-top: auto; color: #8295b1; font-size: 12px; font-weight: 400; letter-spacing: .025em; }
html .levexes-login .dm-login-card { display: flex; flex-direction: column; gap: 0; width: 100%; max-width: 440px; margin: 0; padding: 32px; border: 1px solid #2a3649 !important; border-radius: 16px; background: #111925 !important; box-shadow: 0 24px 80px #00000030 !important; backdrop-filter: none; animation: none; }
html .levexes-login .dm-login-brand { display: none; }
html .levexes-login .dm-login-copy { margin: 0 0 24px; }
html .levexes-login .dm-login-copy .dm-mini-kicker { color: #a4c3ff; font-size: 12px; font-weight: 500; letter-spacing: .05em; }
html .levexes-login .dm-login-copy h1 { margin: 12px 0; color: #f0f4fa; font-family: Inter, sans-serif; font-size: 30px; font-weight: 500; letter-spacing: -.045em; }
html .levexes-login .dm-login-copy p { color: #9eafc6; font-size: 14px; line-height: 1.7; }
html .levexes-login .dm-login-form { gap: 18px; }
html .levexes-login .dm-login-form label > span { color: #c5d3e6; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; }
html .levexes-login .dm-login-form input { min-height: 46px; padding: 12px 14px; border: 1px solid #34425a; border-radius: 8px; background: #0b121e !important; color: #e6edf8; font-size: 16px; }
html .levexes-login .dm-login-guidance { color: #9daec6; font-size: 12px; line-height: 1.65; }
html .levexes-login .dm-login-form .dm-primary-button { min-height: 46px; margin-top: 6px; }
html .levexes-login .dm-member-activation { margin: 22px 0 0; border: 0; border-top: 1px solid #29364a; border-radius: 0; padding: 16px 0 0; background: transparent; }
html .levexes-login .dm-member-activation summary { color: #b7c8e0; font-size: 12px; line-height: 1.6; }
html .levexes-login .dm-login-foot { margin-top: 18px; padding: 0; border: 0; font-size: 12px; line-height: 1.65; }
html .levexes-login .dm-login-foot a { color: #bed3f7; }
html .levexes-login .dm-login-foot span { color: #8ea1bd; font-size: 12px; }
html .levexes-login .dm-access-offer { order: 10; margin: 24px -32px -32px; padding: 20px 32px; border: 0; border-top: 1px solid #29364a; border-radius: 0 0 16px 16px; background: #141f30; }
html .levexes-login .dm-access-offer > span { color: #9eb0c9; font-size: 12px; letter-spacing: 0; }
html .levexes-login .dm-access-offer > strong { margin-top: 6px; color: #dce7f7; font-size: 14px; font-weight: 500; }
html .levexes-login .dm-access-actions a { padding: 8px 0; color: #b7cff6; border: 0; background: transparent; font-size: 12px; }

@media (min-width: 1600px) {
  html .levexes-page :is(.dm-simple-main, .cot-main, .cm-main) { padding-right: 40px; padding-left: 40px; }
}
@media (max-width: 1200px) {
  html .levexes-page :is(.dm-simple-shell, .cot-shell) { grid-template-columns: 72px minmax(0, 1fr); }
  html .levexes-page :is(.dm-simple-rail, .cot-rail) { width: 72px; padding: 22px 12px; }
  .lx-rail-label, .lx-rail-wordmark { display: none; }
  html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn, .dm-simple-rail-mark, .cot-mark) { justify-content: center; padding: 10px; }
  html .levexes-page :is(.dm-simple-main, .cot-main, .cm-main) { padding-right: 20px; padding-left: 20px; }
  html .levexes-surface .dm-giw-main-grid { grid-template-columns: minmax(0, 1.35fr) minmax(310px, 1fr); }
  html .levexes-surface .dm-giw-state-cell { padding-right: 12px; padding-left: 12px; }
  html .levexes-surface .dm-giw-state-cell dd { font-size: 20px; }
  html .levexes-surface .dm-giw-legend { gap: 8px; }
  html .levexes-surface .dm-giw-session-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  html .levexes-surface .dm-giw-main-grid { grid-template-columns: minmax(0, 1fr); }
  html .levexes-surface .dm-giw-state-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 18px; }
  html .levexes-surface .dm-giw-motionbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html .levexes-login .dm-login-shell { gap: 40px; padding: 40px 28px; grid-template-columns: minmax(0, 1fr) minmax(340px, 1fr); }
  .lx-login-capabilities { grid-template-columns: 1fr; gap: 18px; margin: 24px 0 40px; }
  .lx-login-capabilities dd { margin-top: 4px; }
}
@media (max-width: 640px) {
  html .levexes-page :is(.dm-simple-shell, .cot-shell) { display: block; }
  html .levexes-page :is(.dm-simple-rail, .cot-rail) { position: sticky; top: 0; flex-direction: row; align-items: center; gap: 7px; width: 100%; height: 60px; overflow-x: auto; margin: 0; padding: 10px 14px; border-right: 0 !important; border-bottom: 1px solid var(--studio-line) !important; }
  html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn, .dm-simple-rail-mark, .cot-mark) { width: 38px; min-width: 38px; min-height: 38px; height: 38px; margin: 0; padding: 8px; }
  html .levexes-page :is(.dm-simple-rail-gap, .cot-rail-gap) { min-width: 8px; flex: 1; }
  html .levexes-page :is(.dm-simple-main, .cot-main, .cm-main) { padding: 0 14px 32px; }
  html .levexes-page :is(.dm-simple-topbar, .cot-topbar, .cm-topbar) { min-height: 70px; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
  html .levexes-surface .dm-simple-brand { display: none; }
  html .levexes-surface .dm-simple-topbar-actions { width: 100%; justify-content: space-between; }
  html .levexes-surface .dm-simple-status small { display: none; }
  html .levexes-surface .lx-surface-hero { margin-bottom: 16px; }
  .lx-page-eyebrow { display: none; }
  html .levexes-surface .dm-workspace-jump { top: 60px; gap: 22px; margin-bottom: 14px; }
  html .levexes-surface .dm-simple-controls { gap: 12px 10px; padding: 12px; }
  html .levexes-surface .dm-control { flex: 1 1 110px; min-width: 0; }
  html .levexes-surface .dm-control :is(input, select), html .levexes-surface #simple-ticker { width: 100%; }
  html .levexes-surface .dm-control :is(input, select) { font-size: 16px; }
  html .levexes-surface .dm-segmented { order: 8; display: flex; width: 100%; }
  html .levexes-surface .dm-segmented button { flex: 1; }
  html .levexes-surface .dm-giw-state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html .levexes-surface .dm-giw-state-cell { padding: 5px 14px; }
  html .levexes-surface .dm-giw-state-cell dd { font-size: 21px; }
  html .levexes-surface .dm-giw-identity { gap: 10px; padding: 14px; }
  html .levexes-surface .dm-giw-kicker { display: none; }
  html .levexes-surface .dm-giw-main-grid { gap: 14px; }
  html .levexes-surface .dm-giw-panel-head { padding: 14px; flex-wrap: wrap; }
  html .levexes-surface .dm-giw-main-grid .dm-giw-chart-shell { height: 380px; min-height: 380px; }
  html .levexes-surface .dm-giw-focusbar { padding: 0 8px; }
  html .levexes-surface .dm-giw-motion-cell { padding: 14px; }
  html .levexes-surface .dm-giw-motion-cell small { white-space: normal; }
  html .levexes-surface .dm-giw-shift-readouts { grid-template-columns: 1fr; gap: 12px; }
  html .levexes-login .dm-login-shell { display: flex; flex-direction: column; gap: 32px; padding: 28px 20px; }
  html .levexes-login .lx-login-story { width: 100%; }
  .lx-login-wordmark { margin-bottom: 30px; padding-bottom: 0; }
  html .levexes-login .lx-login-story h1 { margin: 16px 0 8px; font-size: 43px; }
  html .levexes-login .lx-login-story > p { margin-bottom: 0; }
  .lx-login-capabilities, html .levexes-login .lx-login-story > small { display: none; }
  html .levexes-login .dm-login-card { max-width: 440px; padding: 24px; }
  html .levexes-login .dm-access-offer { margin: 24px -24px -24px; padding: 20px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .levexes-page *, .levexes-page *::before, .levexes-page *::after { animation: none !important; transition: none !important; }
}

html body.levexes-surface.is-surface-focus .dm-simple-shell { grid-template-columns: minmax(0, 1fr); }
html body.levexes-surface.is-surface-focus .dm-simple-main { width: 100%; max-width: none; }
html body.levexes-surface.is-surface-focus [data-lx-workspace]:not(.lx-view-inactive):not([hidden]) { display: block !important; }
html body.levexes-surface.is-surface-focus .dm-giw:not(.lx-view-inactive) { display: flex !important; }
/* Chart desk: aligned plots, readable inspection and compact controls. */
html .levexes-surface .lx-chart-toolbar {
  display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
  order: 1; padding: 12px 0 0; background: transparent;
}
html .levexes-surface .lx-chart-segments { display: inline-flex; padding: 3px; border: 1px solid #2a3648; background: #111a27; border-radius: 8px; }
html .levexes-surface .lx-chart-segments button,
html .levexes-surface .lx-chart-reset { min-height: 32px; padding: 6px 12px; color: #aebdd1; background: transparent; border: 0; border-radius: 5px; font: 500 12px Inter, sans-serif; cursor: pointer; white-space: nowrap; }
html .levexes-surface .lx-chart-segments button.is-active { color: #eaf2ff; background: #2b3b53; box-shadow: 0 1px 2px #0002; }
html .levexes-surface .lx-chart-segments button:hover,
html .levexes-surface .lx-chart-reset:hover { color: #fff; background: #26354b; }
html .levexes-surface .lx-chart-reset { border: 1px solid #2a3648; min-height: 38px; }
html .levexes-surface .lx-chart-overlay { display: flex; align-items: center; gap: 8px; color: #9eafc7; font: 12px Inter, sans-serif; }
html .levexes-surface .lx-chart-overlay select { min-height: 38px; padding: 6px 26px 6px 10px; background: #111a27; color: #dce7f8; border: 1px solid #2a3648; border-radius: 7px; font: 12px Inter, sans-serif; }
html .levexes-surface .lx-chart-hint { margin-left: auto; color: #8293ad; font-size: 12px; }
html .levexes-surface .lx-chart-readout { display: flex; align-items: center; gap: 16px; height: 44px; min-height: 44px; box-sizing: border-box; padding: 0 20px; color: #94a7c2; font: 11px 'JetBrains Mono', monospace; white-space: nowrap; overflow-x: auto; border-bottom: 1px solid #202c3d; }
html .levexes-surface .lx-chart-readout b { color: #d2dff1; font-weight: 500; }
html .levexes-surface .lx-chart-readout[data-tone="positive"] span:nth-last-child(2) b { color: #62d5b4; }
html .levexes-surface .lx-chart-readout[data-tone="negative"] span:nth-last-child(2) b { color: #ef8798; }
html .levexes-surface .lx-profile-readout { gap: 9px; }
html .levexes-surface .lx-profile-readout strong { color: #c8b9ef; font-weight: 500; }
html .levexes-surface .lx-profile-readout small { font-size: 10px; }
html .levexes-surface .lx-price-toolbar { margin: 0; padding: 8px 18px; border-block: 1px solid #243145; }
html .levexes-surface .lx-price-toolbar .lx-chart-readout { flex: 1 1 340px; border: 0; padding: 0; }

/* The price and profile panels share their header, readout and plot heights. */
html .levexes-surface .dm-giw-main-grid { grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr); gap: 12px; }
html .levexes-surface .dm-giw-main-grid .dm-giw-panel-head { height: 82px; min-height: 82px; box-sizing: border-box; flex-wrap: nowrap; padding: 14px 20px; }
html .levexes-surface .dm-giw-main-grid .dm-giw-chart-shell { height: clamp(460px, 59vh, 720px); min-height: 460px; }
html .levexes-surface .dm-giw-main-grid .dm-giw-legend { max-width: 280px; gap: 7px 12px; font-size: 10px; }
html .levexes-surface .dm-giw-price-panel .dm-giw-panel-head > div:first-child { flex: 0 0 auto; }
html .levexes-surface .dm-giw-session-grid { grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1fr); align-items: start; }
html .levexes-surface .dm-giw-shift-panel { grid-column: 1; grid-row: 1 / 3; }
html .levexes-surface .dm-giw-flow-panel { grid-column: 2; grid-row: 1; }
html .levexes-surface .dm-giw-changes { grid-column: 2; grid-row: 2; }
html .levexes-surface .dm-giw-shift-chart-shell { height: 385px; min-height: 385px; }
html .levexes-surface .dm-giw-shift-readouts { padding: 18px 20px; gap: 16px; }
html .levexes-surface .dm-giw-shift-head { max-width: none; }
html .levexes-surface .dm-giw-shift-panel .dm-giw-panel-head { align-items: flex-start; flex-direction: column; gap: 14px; }
html .levexes-surface .dm-giw-shift-panel .dm-giw-legend { gap: 10px 14px; }
html .levexes-surface .dm-giw-legend .is-band i { width: 12px; height: 7px; background: #93b9ff44; border: 1px solid #93b9ff66; border-radius: 1px; }
html .levexes-surface .dm-giw-flow-chart { height: 250px; }
html .levexes-surface .dm-giw-change-list { max-height: 172px; overflow: auto; }
html .levexes-surface .dm-native-chart.dm-candle-chart { height: clamp(460px, 68vh, 800px); min-height: 460px; }
html .levexes-surface #simple-gex-chart.is-echarts-profile { height: clamp(480px, 66vh, 820px); min-height: 480px; }
html .levexes-surface #simple-gamma-structure { min-height: 480px; height: clamp(480px, 65vh, 760px); }
html .levexes-surface .dm-giw:is(:fullscreen, .is-pseudo-fullscreen) .dm-giw-main-grid .dm-giw-chart-shell { height: 62vh; min-height: 400px; }
.cot-history { margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid #263247; }
.cot-history figcaption { color: #92a5c0; font: 12px Inter, sans-serif; }
.cot-history-inspect { margin-top: 8px; color: #d2def0; font: 11px 'JetBrains Mono', monospace; }
html .cot-history .cot-sparkline { display: block; width: 100%; height: auto; min-height: 136px; margin-top: 10px; overflow: visible; }
html .cot-history .cot-sparkline text { fill: #9baec8; font: 11px Inter, sans-serif; }
html .cot-history .cot-history-grid { stroke: #2c3a50; stroke-dasharray: 3 5; }
html .cot-history .cot-history-zero { stroke: #6d809d; stroke-dasharray: 3 4; }
html .cot-history .cot-history-line { stroke: #93b9ff; stroke-width: 2; fill: none; }
html .cot-history .cot-history-point { fill: #93b9ff; stroke: #131d2b; stroke-width: 1.5; cursor: crosshair; }
html .cot-history .cot-history-point:hover, html .cot-history .cot-history-point:focus { fill: #fff; stroke: #93b9ff; stroke-width: 3; outline: none; }
.cot-history-empty { padding: 28px 0; color: #90a0b6; font-size: 12px; }
html .dgf-canvas-wrap { background: #101923; background-image: none; border-color: #2a3a50; border-radius: 10px; }
@media (max-width: 1250px) {
  html .levexes-surface .dm-giw-main-grid { grid-template-columns: minmax(0, 1.6fr) minmax(310px, 1fr); }
  html .levexes-surface .dm-giw-main-grid .dm-giw-legend { display: none; }
  html .levexes-surface .dm-giw-session-grid { grid-template-columns: minmax(0, 1fr); }
  html .levexes-surface .dm-giw-session-grid > * { grid-column: auto; grid-row: auto; }
}
@media (max-width: 960px) {
  html .levexes-surface .dm-giw-main-grid { grid-template-columns: minmax(0, 1fr); }
  html .levexes-surface .lx-chart-hint { display: none; }
  html .levexes-surface .dm-giw-main-grid .dm-giw-chart-shell { height: 440px; min-height: 440px; }
}
@media (max-width: 620px) {
  html .levexes-surface .lx-chart-toolbar { gap: 8px; }
  html .levexes-surface .lx-chart-readout { padding-inline: 14px; gap: 12px; }
  html .levexes-surface .dm-giw-main-grid .dm-giw-panel-head { padding-inline: 14px; }
  html .levexes-surface .dm-giw-shift-readouts { grid-template-columns: 1fr; }
  html .levexes-surface .dm-giw-main-grid .dm-giw-chart-shell { height: 390px; min-height: 390px; }
  html .levexes-surface .dm-giw-shift-chart-shell { height: 340px; min-height: 340px; }
  html .levexes-surface .dm-native-chart.dm-candle-chart { min-height: 430px; height: 65vh; }
  html .levexes-surface .lx-price-toolbar { padding-inline: 14px; }
}

/* Gamma tape workspace: a wide, focused analytical surface. */
html .levexes-surface .dm-giw[data-profile="closed"] .dm-giw-main-grid { grid-template-columns: minmax(0, 1fr); }
html .levexes-surface .dm-giw[data-profile="closed"] .dm-giw-impact-panel { display: none; }
html .levexes-surface .dm-giw-main-grid .dm-giw-chart-shell { background: #0c1117; height: clamp(470px, 64vh, 800px); }
html .levexes-surface .dm-giw-main-grid .dm-giw-panel-head { background: #101824; height: 74px; min-height: 74px; }
html .levexes-surface .dm-giw[data-profile="closed"] .dm-giw-main-grid .dm-giw-legend { display: flex; max-width: none; gap: 18px; }
html .levexes-surface .dm-giw-main-grid .dm-giw-legend .is-positive i { background: #26d76c; }
html .levexes-surface .dm-giw-main-grid .dm-giw-legend .is-negative i { background: #ff414e; }
html .levexes-surface .dm-giw-main-grid .dm-giw-legend .is-flip i { background: #f6be2e; }
html .levexes-surface .dm-giw-main-grid .dm-giw-legend .is-spot i { background: #f1f4f8; }
html .levexes-surface .lx-tape-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 20px; padding: 12px 20px; border-top: 1px solid #243044; background: #101824; color: #8294af; font-size: 12px; }
html .levexes-surface .lx-tape-footer [data-coverage="history"] { color: #a8bcd5; }
html .levexes-surface .lx-chart-toolbar { padding-top: 0; }
html .levexes-surface .lx-chart-segments button, html .levexes-surface .lx-chart-reset, html .levexes-surface .lx-chart-overlay select { font-size: 13px; min-height: 36px; }
html .levexes-surface .lx-chart-readout { font-size: 12px; gap: 20px; }
html .levexes-surface .lx-chart-reset[aria-pressed="true"] { background: #293e59; border-color: #678ab3; color: #eef5ff; }
html .levexes-surface .dm-giw-legend span { font-size: 12px; }
html .levexes-surface .lx-profile-readout small { font-size: 12px; }
html .levexes-surface .lx-surface-hero { padding-top: 8px; padding-bottom: 8px; margin-bottom: 12px; }
html .levexes-surface .lx-surface-hero h1 { font-size: clamp(24px, 2.4vw, 34px); }
html .levexes-surface .dm-giw-identity { padding-top: 14px; padding-bottom: 12px; }
html .levexes-surface .dm-giw-state-grid { padding-bottom: 14px; }
html .levexes-page :is(button, select, input, .dm-simple-rail-btn, .cot-rail-btn, .dm-workspace-jump a) { transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
html .levexes-page button:not(:disabled):active { transform: translateY(1px); }
html .levexes-page :is(button, a, input, select):focus-visible { outline: 2px solid #9abeee; outline-offset: 3px; }
html .levexes-surface .dm-workspace-jump a { position: relative; }
html .levexes-surface .dm-workspace-jump a::after { content: ""; position: absolute; bottom: 0; left: 16px; right: 16px; height: 2px; border-radius: 2px; background: #93b9ff; transform: scaleX(0); transition: transform 220ms cubic-bezier(.2,.7,.2,1); }
html .levexes-surface .dm-workspace-jump a.is-active::after { transform: scaleX(1); }
html .levexes-surface :is(.dm-giw-panel, .dm-chart-panel, .dm-toolkit), html .page-cot .cot-card { transition: border-color 180ms ease, box-shadow 180ms ease; }
html .levexes-surface :is(.dm-giw-panel, .dm-chart-panel, .dm-toolkit):hover, html .page-cot .cot-card:hover { border-color: #3b506c; box-shadow: 0 6px 22px #00000012; }
html .levexes-page :is(.dm-simple-controls, .dm-giw-statebar) { border-color: #2a3a50; }
@media (max-width: 760px) {
  html .levexes-surface .dm-giw[data-profile="closed"] .dm-giw-main-grid .dm-giw-legend { gap: 8px 12px; }
  html .levexes-surface .dm-giw-main-grid .dm-giw-panel-head { min-height: 90px; height: auto; flex-wrap: wrap; }
  html .levexes-surface .dm-giw-main-grid .dm-giw-chart-shell { height: 440px; min-height: 440px; }
  html .levexes-surface .lx-tape-footer { padding: 12px 14px; }
  html .levexes-surface .lx-tape-footer > span:last-child { display: none; }
  html .levexes-surface .lx-chart-readout { gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html .levexes-page *, html .levexes-page *::before, html .levexes-page *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* Classic price and gamma canvas. */
html .levexes-surface .dm-giw-price-panel .dm-giw-chart-shell { background: #181818; }
html .levexes-surface .dm-giw-price-panel .dm-giw-panel-head, html .levexes-surface .dm-giw-price-panel .lx-tape-footer, html .levexes-surface .dm-giw-price-panel .lx-chart-readout { background: #181818; border-color: #303030; }
html .levexes-surface .dm-giw-price-panel .dm-giw-panel-head { border-bottom-color: #303030; }

/* Atlas presentation: quiet chrome, clear depth, and an uninterrupted data canvas. */
:root {
  --studio-bg: #0b0e14;
  --studio-panel: #141a23;
  --studio-raised: #1c2532;
  --studio-line: #29313e;
  --studio-muted: #a0adbf;
  --studio-accent: #bbcef3;
  --studio-positive: #63d7b2;
  --studio-negative: #e9849b;
}
html .levexes-page :is(.dm-simple-rail, .cot-rail) { background: linear-gradient(165deg, #171d28, #10151e 46%, #0d121b) !important; border-right-color: #ffffff0c !important; padding-top: 30px; }
html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn) { min-height: 46px; border-radius: 10px; transition: background-color 180ms, color 180ms, border-color 180ms; }
html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn).is-active { background: linear-gradient(100deg, #b8cdf31e, #b8cdf308); color: #e0e9fa; border-color: #bbcef328; box-shadow: inset 2px 0 #bbcef3; }
html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn):hover { background: #bbcef312; border-color: #bbcef324; color: #f1f5fb; }
html .levexes-page :is(.dm-simple-rail-logo, .cot-mark > span:not(.lx-rail-wordmark)) { background: linear-gradient(150deg, #d2dff9, #819abf); color: #192334; border: 0; box-shadow: 0 3px 16px #a4c3ff16; }
.lx-rail-wordmark { letter-spacing: .16em; font-size: 13px; }
html .levexes-page :is(.dm-simple-topbar, .cot-topbar, .cm-topbar) { min-height: 72px; margin-bottom: 28px; border-bottom-color: #ffffff0c !important; }
html .levexes-page :is(.dm-simple-brand, .cot-brand) strong { font-weight: 500; }
html .levexes-page :is(button, summary, .dm-focus-button, .lx-panel-mode-toggle) { transition: background-color 180ms, border-color 180ms, color 180ms, box-shadow 180ms, transform 180ms; }
html .levexes-page :is(button, .dm-primary-button):active:not(:disabled) { transform: scale(.98); }
html .levexes-page :is(.dm-primary-button, .cm-primary-button) { background: linear-gradient(150deg, #d2e0f8, #b1c5e8) !important; border-color: #dfebff60; color: #152034; box-shadow: inset 0 1px #fff6, 0 3px 10px #0002 !important; border-radius: 9px; }
html .levexes-page :is(.dm-primary-button, .cm-primary-button):hover { background: #e1ebff !important; box-shadow: 0 4px 18px #c7dafa18 !important; }
html .levexes-surface .lx-surface-hero { margin: 0 0 28px; align-items: flex-end; }
.lx-hero-kicker { display: block; margin-bottom: 13px; color: #8695ac; font: 500 10px/1.4 Inter, sans-serif; letter-spacing: .18em; }
html .levexes-surface .lx-surface-hero h1 { font-family: Manrope, Inter, sans-serif; font-size: clamp(30px, 2.8vw, 43px); line-height: 1.15; letter-spacing: -.045em; font-weight: 500; }
.lx-page-description { color: #9eacc0; margin-top: 12px; max-width: 600px; font-size: 14px; }
.lx-page-eyebrow { padding: 8px 12px; margin-bottom: 5px; border: 1px solid #a7bbdd21; border-radius: 100px; color: #b6c4d8; font-size: 11px; }
.lx-page-eyebrow i { width: 5px; height: 5px; background: #b9ccee; }
html .levexes-surface .dm-workspace-jump { min-height: 48px; padding: 5px; gap: 4px; margin-bottom: 24px; border: 1px solid #293340 !important; border-radius: 12px; background: #10161ef5 !important; backdrop-filter: blur(18px); scrollbar-width: none; }
html .levexes-surface .dm-workspace-jump a { min-height: 38px; padding: 9px 16px; border: 1px solid transparent; border-radius: 8px; font-size: 13px; color: #9faec2; transition: color 180ms, background-color 180ms, border-color 180ms; }
html .levexes-surface .dm-workspace-jump a.is-active { background: #283345 !important; box-shadow: 0 1px 4px #0002, inset 0 1px #ffffff09; border-color: #bbcef320; color: #eef3fd; }
html .levexes-surface .dm-workspace-jump a:hover { color: #eef3fd; background: #ffffff06 !important; }
html .levexes-surface .dm-workspace-jump a.is-active:hover { background: #2c3a4e !important; }
html .levexes-surface .dm-simple-controls { position: relative; gap: 14px; padding: 0 0 22px; margin-bottom: 22px; border: 0 !important; border-bottom: 1px solid #ffffff0d !important; border-radius: 0; background: transparent !important; overflow: visible; z-index: 20; }
html .levexes-surface .dm-control { gap: 7px; }
html .levexes-surface .dm-control > span { color: #92a2b9; font-size: 11px; }
html .levexes-surface .dm-control :is(input, select) { background: #131a25; border-color: #2c3748; border-radius: 9px; min-height: 40px; }
html .levexes-surface .dm-control :is(input, select):hover { border-color: #50617c; }
html .levexes-surface .dm-segmented { background: #10161f; border-color: #2c3748; border-radius: 9px; }
html .levexes-surface .dm-segmented button { min-height: 32px; }
html .levexes-surface .dm-segmented button.is-active { background: #2a3547; color: #e1ebfd; }
.lx-control-more { position: relative; margin-left: auto; }
.lx-control-more summary { list-style: none; display: flex; align-items: center; gap: 18px; min-height: 40px; padding: 9px 12px; border: 1px solid #2c3748; border-radius: 9px; color: #b3c0d3; background: #131a25; font-size: 12px; cursor: pointer; }
.lx-control-more summary::-webkit-details-marker { display: none; }
.lx-control-more summary:hover, .lx-control-more[open] summary { border-color: #647899; color: #e3ecfb; }
.lx-control-popover { position: absolute; top: calc(100% + 10px); right: 0; display: grid; gap: 8px; width: 228px; padding: 12px; background: #1a2331; border: 1px solid #3c4a60; border-radius: 12px; box-shadow: 0 16px 45px #0007; z-index: 60; }
.lx-control-popover button { width: 100%; text-align: left; }
html .levexes-surface .dm-simple-controls #simple-refresh { min-height: 40px; }
html .levexes-surface :is(.dm-giw-panel, .dm-chart-panel, .dm-ladder-panel, .dm-intel-card, .dm-toolkit, .dm-reference-widget, .dm-market-bias, .dm-setup-radar) { border-color: #2b3442 !important; border-radius: 16px !important; box-shadow: 0 6px 22px #00000012, inset 0 1px #ffffff03 !important; }
html .levexes-surface :is(.dm-giw-panel-head, .dm-chart-head, .dm-toolkit-head) { background: transparent; border-bottom-color: #ffffff0c; }
html .levexes-surface .dm-giw-statebar { border-color: #2b3442; border-radius: 16px; }
/* The corrected Overview tape retains its reference-style charcoal plot. */
html .levexes-surface .dm-giw-price-panel .dm-giw-chart-shell { background: #181818; }
html .levexes-surface .dm-command-summary[data-lx-workspace="gamma"] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; padding: 0; margin: 0 0 22px; overflow: hidden; border-radius: 14px !important; background: #121923 !important; }
html .levexes-surface .dm-command-summary .dm-summary-card { min-height: 116px; padding: 19px 18px; border: 0; border-right: 1px solid #ffffff0a; border-radius: 0; background: transparent; box-shadow: none; overflow: hidden; }
html .levexes-surface .dm-command-summary .dm-summary-card:last-child { border-right: 0; }
html .levexes-surface .dm-command-summary .dm-summary-card::before, html .levexes-surface .dm-command-summary .dm-summary-card::after { display: none; }
html .levexes-surface .dm-command-summary .dm-summary-card > span { color: #9facc0; font: 11px/1.4 Inter, sans-serif; text-transform: none; letter-spacing: 0; }
html .levexes-surface .dm-command-summary .dm-summary-card > strong { margin: 9px 0 7px; color: #ecf1f9; font: 500 clamp(18px, 1.8vw, 27px)/1.15 Inter, sans-serif; letter-spacing: -.045em; font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: anywhere; }
html .levexes-surface .dm-command-summary .dm-summary-card > small { color: #8fa0b8; font: 10px/1.6 Inter, sans-serif; text-transform: none; letter-spacing: 0; white-space: normal; }
html .levexes-surface .dm-summary-card-call > strong { color: #8fdfc3 !important; }
html .levexes-surface .dm-summary-card-put > strong { color: #efa0b2 !important; }
html .levexes-surface .dm-summary-card-king > strong { color: #e5d1a8 !important; }

/* Gamma Map: a large numeric canvas with a persistent, keyboard-accessible inspector. */
html .levexes-surface #surface-map { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 18px; align-items: start; margin-bottom: 22px; }
html .levexes-surface #surface-map > .dm-floor-chart { min-width: 0; padding: 0; margin: 0; overflow: hidden; background: #111820 !important; }
html .levexes-surface .lx-map-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 24px 20px; margin: 0; border-bottom: 1px solid #ffffff0c; }
html .levexes-surface .lx-map-header .dm-mini-kicker { color: #90a1b9; font-size: 11px; }
html .levexes-surface .lx-map-header h2 { margin: 8px 0 0; font: 500 25px/1.25 Manrope, Inter, sans-serif; letter-spacing: -.04em; }
.lx-map-title-secondary { margin-left: 6px; color: #8495ad; font-weight: 400; }
html .levexes-surface .dm-surface-map-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; max-width: none; }
html .levexes-surface .dm-surface-map-actions #simple-chart-note { order: 3; flex: 1 1 100%; max-width: 400px; margin: 0; color: #8799b1; font: 11px/1.6 Inter, sans-serif; text-align: right; }
html .levexes-surface .dm-surface-view-tabs { display: inline-flex; flex-wrap: nowrap; gap: 3px; padding: 4px; border: 1px solid #2f3b4d; border-radius: 10px; background: #0c121c; }
html .levexes-surface .dm-surface-view-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 8px 11px; color: #a1b1c9; border: 1px solid transparent; border-radius: 6px; background: transparent; font: 500 12px Inter, sans-serif; letter-spacing: 0; text-transform: none; box-shadow: none; }
html .levexes-surface .dm-surface-view-tabs button svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 1.2; fill: none; }
html .levexes-surface .dm-surface-view-tabs button.is-active { background: #2c394e; color: #e4edfc; border-color: #b8cdf320; box-shadow: inset 0 1px #ffffff08; }
html .levexes-surface .dm-surface-view-tabs button:hover { color: #f4f7fd; background: #263348; }
html .levexes-surface .dm-surface-community-share { order: 2; padding: 9px 11px; border: 1px solid #2e3b50; border-radius: 8px; color: #b4c4dc; background: transparent; font: 12px Inter, sans-serif; }
html .levexes-surface #surface-structure-panel { margin: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
html .levexes-surface .dm-structure-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 10px; border-bottom-color: #ffffff0c; background: #161e2a; }
html .levexes-surface .dm-structure-stat { padding: 17px 14px; min-height: 76px; gap: 9px; border-right: 1px solid #ffffff08; }
html .levexes-surface .dm-structure-stat:last-child { border-right: 0; }
html .levexes-surface .dm-structure-stat::before { display: none; }
html .levexes-surface .dm-structure-stat > span { color: #94a4bc; font: 11px/1.4 Inter, sans-serif; letter-spacing: 0; text-transform: none; }
html .levexes-surface .dm-structure-stat > strong { font: 500 13px/1.4 Inter, sans-serif; letter-spacing: -.015em; color: #d5dfef; white-space: normal; }
html .levexes-surface .dm-structure-stat[data-structure-tone="positive"] > strong { color: #8adfc1; }
html .levexes-surface .dm-structure-stat[data-structure-tone="negative"] > strong { color: #efa2b5; }
html .levexes-surface .dm-structure-stat[data-structure-tone="warning"] > strong { color: #dfcfa9; }
.lx-map-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; min-height: 50px; padding: 12px 22px 0; }
.lx-map-toolbar > span { color: #93a4bc; font-size: 11px; }
html .levexes-surface .lx-map-toolbar .dm-structure-tools { padding: 0; border: 0; }
html .levexes-surface .dm-structure-tools button { min-height: 32px; min-width: 88px; padding: 7px 12px; color: #baceec; background: #1a2639; border: 1px solid #3b4e6b; border-radius: 7px; font: 500 11px Inter, sans-serif; letter-spacing: 0; text-transform: none; }
html .levexes-surface .dm-structure-tools button:hover, html .levexes-surface .dm-structure-tools button[aria-pressed="true"] { background: #2d405d; border-color: #8ca9d5; transform: none; }
html .levexes-surface #simple-gamma-structure { height: clamp(500px, 66vh, 780px); min-height: 500px; background: #111820; }
html .levexes-surface .dm-structure-legend { justify-content: flex-start; flex-wrap: wrap; gap: 10px; padding: 14px 22px; min-height: 54px; border-top-color: #ffffff0c; background: #141c28; font: 10px/1.4 Inter, sans-serif; text-transform: none; letter-spacing: 0; }
html .levexes-surface .dm-structure-legend .is-negative { color: #e99aaa; }
html .levexes-surface .dm-structure-legend .is-positive { color: #8ddcc0; }
html .levexes-surface .dm-structure-legend .lx-map-color-scale { width: 90px; height: 5px; border-radius: 5px; box-shadow: none; background: linear-gradient(90deg, #e9849b, #311e29, #18302d, #63d7b2); }
html .levexes-surface .dm-structure-legend .is-path { margin-left: 12px; color: #dfcea4; }
html .levexes-surface .dm-structure-legend em { margin-left: auto; color: #95a5bd; font-size: 10px; }
.lx-map-footnote { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 12px 22px; border-top: 1px solid #ffffff08; color: #8799b2; font: 10px/1.6 Inter, sans-serif; }
.lx-map-footnote .is-pinned { color: #dacead; }
html .levexes-surface .lx-map-sidebar { padding: 0; overflow: hidden; background: #151d29 !important; }
.lx-node-inspector { padding: 23px 20px 22px; border-bottom: 1px solid #ffffff0d; }
.lx-node-head { display: flex; align-items: center; justify-content: space-between; }
.lx-node-head .dm-mini-kicker { font-size: 11px !important; color: #9fb0c8 !important; }
.lx-node-dot { width: 6px; height: 6px; border: 1px solid #7286a2; border-radius: 50%; }
.lx-node-inspector h2 { margin: 12px 0 8px; color: #eaf0f9; font: 500 23px/1.3 Manrope, Inter, sans-serif; letter-spacing: -.045em; }
.lx-node-inspector > p { margin: 0 0 22px; color: #94a5bd; font: 12px/1.6 Inter, sans-serif; }
.lx-node-selectors { display: grid; grid-template-columns: 1.1fr 1fr; gap: 10px; }
.lx-node-selectors label { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.lx-node-selectors label > span { font-size: 10px; color: #9babbe; }
html .levexes-surface .lx-node-selectors select { min-width: 0; width: 100%; min-height: 38px; padding: 8px 6px; background: #101824; border: 1px solid #3b4a62; border-radius: 8px; font-size: 12px; color: #dce7f8; }
.lx-node-exposure { display: flex; flex-direction: column; gap: 9px; padding: 24px 0 22px; }
.lx-node-exposure > span { color: #a6b5ca; font-size: 11px; }
.lx-node-exposure > strong { color: #dfe8f7; font: 500 37px/1.15 Inter, sans-serif; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.lx-node-inspector[data-tone="positive"] .lx-node-exposure > strong { color: #8ee3c3; }
.lx-node-inspector[data-tone="negative"] .lx-node-exposure > strong { color: #f0a1b4; }
.lx-node-exposure > small { color: #90a3be; font-size: 11px; }
.lx-node-sides { display: flex; justify-content: space-between; gap: 8px; color: #a4b4ca; font-size: 10px; }
.lx-node-sides span { display: flex; flex-direction: column; gap: 6px; }
.lx-node-sides span:last-child { text-align: right; }
.lx-node-sides b { color: #91dec4; font: 500 12px Inter, sans-serif; }
.lx-node-sides span:last-child b { color: #eea0b2; }
.lx-node-split { display: flex; gap: 3px; height: 4px; margin-top: 12px; }
.lx-node-split i:first-child { width: var(--call-share, 50%); background: #69caae; border-radius: 3px; transition: width 260ms ease; }
.lx-node-split i:last-child { flex: 1; background: #d88b9f; border-radius: 3px; }
.lx-node-split[hidden] { display: none; }
.lx-node-details { display: grid; gap: 13px; margin: 22px 0; padding: 20px 0 0; border-top: 1px solid #ffffff0d; }
.lx-node-details > div { display: flex; justify-content: space-between; gap: 12px; }
.lx-node-details dt { color: #97a9c2; font: 11px Inter, sans-serif; }
.lx-node-details dd { margin: 0; color: #d9e4f5; font: 500 11px Inter, sans-serif; font-variant-numeric: tabular-nums; }
html .levexes-surface .lx-node-pin { width: 100%; min-height: 40px; padding: 10px; color: #dde9fd; background: #2b3a50; border: 1px solid #5c7397; border-radius: 8px; font: 500 12px Inter, sans-serif; }
html .levexes-surface .lx-node-pin:hover:not(:disabled) { background: #3b5070; border-color: #a1bce5; }
html .levexes-surface .lx-map-sidebar .dm-ladder-head { padding: 20px 18px 15px; }
html .levexes-surface .lx-map-sidebar .dm-ladder-head h2 { margin-top: 7px; color: #d9e4f4; font: 500 15px Inter, sans-serif; letter-spacing: -.02em; }
html .levexes-surface .lx-map-sidebar .dm-ladder-head .dm-mini-kicker { font-size: 10px; color: #93a6c1; }
html .levexes-surface .lx-map-sidebar .dm-ladder-columns { padding: 10px 14px; color: #8ea1bc; background: #101823; font-size: 9px; letter-spacing: 0; }
html .levexes-surface .lx-map-sidebar .dm-strike-ladder { height: auto; max-height: 250px; min-height: 0; padding: 6px 10px; }
html .levexes-surface #simple-gamma-totals { display: grid; grid-template-columns: minmax(180px, .8fr) 2.2fr; gap: 0; align-items: center; padding: 20px 24px; margin: 0 0 24px; border-color: #293340 !important; background: #121923 !important; }
html .levexes-surface .dm-gamma-totals-head { display: block; padding: 0; margin: 0; border: 0; }
html .levexes-surface .dm-gamma-totals-head h2 { font-size: 18px; margin: 6px 0; }
html .levexes-surface .dm-gamma-totals-head small { color: #9badc5; font-size: 11px; }
html .levexes-surface .dm-gamma-totals-grid { gap: 0; margin: 0; padding: 0; }
html .levexes-surface .dm-gamma-total { padding: 8px 22px; border: 0; border-left: 1px solid #ffffff0c; border-radius: 0; background: transparent; box-shadow: none; }
html .levexes-surface .dm-gamma-total::before, html .levexes-surface .dm-gamma-total::after { display: none; }
html .levexes-surface .dm-gamma-total dt { color: #a4b4cb; font: 11px Inter, sans-serif; letter-spacing: 0; text-transform: none; }
html .levexes-surface .dm-gamma-total dd { margin-top: 9px; font: 500 clamp(20px, 2vw, 29px) Inter, sans-serif; letter-spacing: -.04em; }
html .levexes-surface .dm-surface-view-panel { animation: none; }
html .levexes-surface #surface-pressure-panel { padding: 14px 0 0; background: #111820; }
html .levexes-surface #surface-heatmap-panel { padding: 20px; background: #111820; border: 0; border-radius: 0; }
html .levexes-surface #surface-heatmap-panel .dm-heatmap-head h2 { font: 500 20px Inter, sans-serif; }
html .levexes-surface #surface-heatmap-panel .dm-strike-heatmap { border-color: #2c3a4e; border-radius: 10px; font-size: 12px; }
html .levexes-surface #surface-map .dm-tool-fullscreen-button { width: 32px; height: 32px; border-radius: 8px; background: #1c283a; border-color: #354761; }
@media (max-width: 1400px) {
  html .levexes-surface #surface-map { grid-template-columns: minmax(0, 1fr) 248px; gap: 14px; }
  html .levexes-surface .lx-map-header { padding: 20px; }
  html .levexes-surface .dm-surface-map-actions { justify-content: flex-start; }
  html .levexes-surface .dm-surface-map-actions #simple-chart-note { display: none; }
  .lx-node-inspector { padding: 20px 16px; }
  html .levexes-surface .dm-command-summary .dm-summary-card { padding: 17px 14px; }
}
@media (max-width: 1050px) {
  html .levexes-surface #surface-map { grid-template-columns: minmax(0, 1fr); }
  html .levexes-surface .lx-map-sidebar { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(240px, 1fr); }
  .lx-node-inspector { grid-row: 1 / 4; border-bottom: 0; border-right: 1px solid #ffffff0d; }
  html .levexes-surface .lx-map-sidebar .dm-strike-ladder { max-height: 450px; }
  html .levexes-surface .dm-command-summary[data-lx-workspace="gamma"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html .levexes-surface .dm-command-summary .dm-summary-card { min-height: 104px; border-bottom: 1px solid #ffffff0a; }
  html .levexes-surface #simple-gamma-totals { grid-template-columns: 1fr; gap: 20px; }
  html .levexes-surface .dm-gamma-total:first-child { border-left: 0; padding-left: 0; }
}
@media (max-width: 640px) {
  html .levexes-page :is(.dm-simple-rail, .cot-rail) { padding: 10px 14px; }
  html .levexes-page :is(.dm-simple-rail-btn, .cot-rail-btn) { min-height: 38px; }
  html .levexes-surface .lx-surface-hero { margin-bottom: 22px; }
  .lx-hero-kicker { margin-bottom: 10px; font-size: 9px; }
  html .levexes-surface .lx-surface-hero h1 { font-size: 32px; }
  .lx-page-description { font-size: 12px; line-height: 1.7; }
  html .levexes-surface .dm-workspace-jump { margin-bottom: 20px; border-radius: 10px; }
  html .levexes-surface .dm-workspace-jump a { min-height: 40px; padding: 8px 13px; }
  html .levexes-surface .dm-simple-controls { padding: 0 0 20px; gap: 12px 10px; }
  html .levexes-surface .dm-simple-controls .dm-control { flex-basis: 120px; }
  html .levexes-surface .dm-simple-controls .dm-control-compact { flex-basis: 90px; }
  .lx-control-more { margin-left: 0; }
  .lx-control-more summary { min-height: 44px; }
  .lx-control-popover { right: auto; left: 0; }
  html .levexes-surface .dm-simple-controls #simple-refresh { min-height: 44px; margin-left: auto; }
  html .levexes-surface .dm-command-summary[data-lx-workspace="gamma"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html .levexes-surface .dm-command-summary .dm-summary-card { min-height: 100px; padding: 15px; }
  html .levexes-surface .dm-command-summary .dm-summary-card > strong { font-size: 23px; }
  html .levexes-surface .lx-map-header { gap: 16px; padding: 20px 16px; }
  html .levexes-surface .dm-surface-map-actions { gap: 8px; width: 100%; }
  html .levexes-surface .dm-surface-view-tabs { width: 100%; }
  html .levexes-surface .dm-surface-view-tabs button { flex: 1; min-height: 42px; padding: 8px 6px; font-size: 11px; }
  html .levexes-surface .dm-surface-community-share { font-size: 11px; }
  html .levexes-surface .dm-structure-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 4px; }
  html .levexes-surface .dm-structure-stat { min-height: 74px; padding: 14px 12px; }
  html .levexes-surface .dm-structure-stat > strong { font-size: 13px; }
  .lx-map-toolbar { padding: 12px 14px 0; }
  .lx-map-toolbar > span { font-size: 10px; }
  html .levexes-surface .dm-structure-tools button { min-height: 42px; }
  html .levexes-surface #simple-gamma-structure { min-height: 480px; height: 540px; }
  html .levexes-surface .dm-structure-legend { padding: 14px; gap: 8px; }
  html .levexes-surface .dm-structure-legend em { flex: 1 1 100%; margin: 3px 0 0; }
  html .levexes-surface .dm-structure-legend .is-path { margin-left: 2px; }
  html .levexes-surface .dm-structure-legend .lx-map-color-scale { width: 54px; }
  .lx-map-footnote { padding: 12px 14px; }
  html .levexes-surface .lx-map-sidebar { display: block; }
  .lx-node-inspector { padding: 24px; border-right: 0; border-bottom: 1px solid #ffffff0d; }
  html .levexes-surface .lx-node-selectors select { min-height: 44px; font-size: 16px; }
  html .levexes-surface .lx-node-pin { min-height: 44px; }
  html .levexes-surface .lx-map-sidebar .dm-strike-ladder { max-height: 320px; }
  html .levexes-surface #simple-gamma-totals { padding: 20px 16px; }
  html .levexes-surface .dm-gamma-total { padding: 4px 10px; }
  html .levexes-surface .dm-gamma-total dd { font-size: 18px; }
  html .levexes-surface .dm-gamma-total dt { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html .levexes-page *, html .levexes-page *::before, html .levexes-page *::after { animation: none !important; transition: none !important; }
  html .levexes-page :is(button, .dm-primary-button):active:not(:disabled) { transform: none; }
}
html .levexes-surface #surface-map > .lx-map-sidebar { max-height: none !important; grid-template-rows: auto auto auto minmax(0, 1fr); }
html .levexes-surface #surface-map:is(.is-tool-fullscreen, :fullscreen, :-webkit-full-screen) { display: grid !important; grid-template-columns: minmax(0, 1fr) 280px; align-items: start; align-content: start; background: #0b0e14 !important; border-color: #38475d !important; }
html .levexes-surface #surface-map:is(.is-tool-fullscreen, :fullscreen, :-webkit-full-screen) .lx-map-header { position: sticky; top: 0; z-index: 5; background: #141c29; }
html .levexes-surface #surface-map:is(.is-tool-fullscreen, :fullscreen, :-webkit-full-screen) #simple-gamma-structure { height: max(420px, calc(100dvh - 365px)); min-height: 420px; }
@media (max-width: 1050px) {
  html .levexes-surface #surface-map > .lx-map-sidebar { grid-template-rows: auto auto minmax(0, 1fr); }
  html .levexes-surface #surface-map:is(.is-tool-fullscreen, :fullscreen, :-webkit-full-screen) { grid-template-columns: minmax(0, 1fr); }
}