/* [project]/apps/terminal/app/solana-markets.css [app-client] (css) */
.market-route {
  color: #eef4f0;
  max-width: 1480px;
  margin: 0 auto;
  padding: 64px 28px 100px;
}

.market-route header {
  max-width: 850px;
  margin-bottom: 38px;
}

.market-route h1 {
  letter-spacing: -.055em;
  margin: 8px 0 18px;
  font-size: clamp(42px, 6vw, 78px);
  line-height: .96;
}

.market-route header p:last-child {
  color: #9ea9a4;
  font-size: 19px;
  line-height: 1.55;
}

.eyebrow {
  color: #67d9c8;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 13px;
  font-weight: 800;
}

.market-grid, .chart-shell, .order-shell, .rules-card {
  background: #0d1719;
  border: 1px solid #26383b;
  border-radius: 12px;
  overflow: hidden;
}

.market-row {
  color: inherit;
  border-bottom: 1px solid #1e3033;
  justify-content: space-between;
  align-items: center;
  padding: 21px 24px;
  text-decoration: none;
  display: flex;
}

.market-row:last-child {
  border-bottom: 0;
}

.market-row:hover {
  background: #122225;
}

.market-row span:first-child {
  gap: 5px;
  display: grid;
}

.market-row b {
  font-size: 17px;
}

.market-row small {
  color: #8f9b98;
  font-size: 14px;
}

.draft-pill {
  letter-spacing: .12em;
  color: #e4b84b;
  border: 1px solid #6c5929;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 900;
}

.trade-layout {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 12px;
  display: grid;
}

.chart-shell {
  min-height: 540px;
}

.metric-strip {
  border-bottom: 1px solid #26383b;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.metric-strip span {
  color: #8e9b98;
  padding: 18px;
  font-size: 12px;
}

.metric-strip b {
  color: #eef4f0;
  margin-top: 6px;
  font-size: 17px;
  display: block;
}

.empty-chart {
  color: #70817e;
  background: linear-gradient(#0d1719dd, #0d1719ee), repeating-linear-gradient(0deg, #0000 0 69px, #294044 70px), repeating-linear-gradient(90deg, #0000 0 119px, #294044 120px);
  place-items: center;
  height: 450px;
  display: grid;
}

.order-shell {
  padding: 24px;
}

.order-shell button {
  color: #84918e;
  background: #263336;
  border: 0;
  border-radius: 7px;
  width: 100%;
  margin: 220px 0 14px;
  padding: 15px;
  font-size: 16px;
  font-weight: 800;
}

.order-shell p {
  color: #778582;
  font-size: 13px;
  line-height: 1.5;
}

.prediction-split {
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 12px;
  display: grid;
}

.prediction-split > section {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.outcome-card {
  border-radius: 12px;
  justify-content: space-between;
  min-height: 310px;
  padding: 28px;
  font-weight: 900;
  display: flex;
}

.outcome-card b {
  font-size: 56px;
}

.outcome-card.yes {
  color: #58d8b9;
  background: #102823;
  border: 1px solid #1f6b5a;
}

.outcome-card.no {
  color: #f0879f;
  background: #29181d;
  border: 1px solid #72404b;
}

.rules-card {
  padding: 28px;
}

.rules-card dl {
  grid-template-columns: 1fr 1fr;
  margin-top: 24px;
  display: grid;
}

.rules-card dt, .rules-card dd {
  border-bottom: 1px solid #26383b;
  margin: 0;
  padding: 15px 0;
}

.rules-card dt {
  color: #83908d;
}

.rules-card dd {
  text-align: right;
}

@media (max-width: 900px) {
  .trade-layout, .prediction-split, .prediction-split > section {
    grid-template-columns: 1fr;
  }

  .metric-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

.route-status {
  color: #7f918e;
  background: #0a1214;
  border: 1px solid #223438;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 14px;
  padding: 12px 16px;
  font-size: 12px;
  display: flex;
}

.route-status b {
  color: #65d5c5;
  letter-spacing: .1em;
}

.terminal-route {
  max-width: none;
  padding-top: 30px;
}

.instrument-head {
  border-bottom: 1px solid #26383b;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
  display: flex;
  max-width: none !important;
}

.instrument-head h1 {
  font-size: 42px;
}

.instrument-state {
  text-align: right;
  gap: 7px;
  display: grid;
}

.instrument-state b {
  color: #e7bd58;
}

.instrument-state small {
  color: #7f908d;
}

.terminal-tabs, .lower-terminal nav, .prediction-main nav {
  color: #82918e;
  border-bottom: 1px solid #26383b;
  gap: 28px;
  padding: 14px 18px;
  font-size: 13px;
  display: flex;
}

.terminal-tabs b, .lower-terminal nav b, .prediction-main nav b {
  color: #64d7c6;
}

.side-switch, .outcome-toggle {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  display: grid;
}

.order-shell .side-switch button, .prediction-ticket .outcome-toggle button {
  color: #d9e3e0;
  background: #142326;
  margin: 0;
}

.order-shell label, .prediction-ticket label {
  color: #8c9996;
  gap: 8px;
  margin-top: 19px;
  font-size: 13px;
  display: grid;
}

.order-shell input, .order-shell select, .prediction-ticket input {
  box-sizing: border-box;
  color: #eef4f0;
  background: #091114;
  border: 1px solid #2a3b3e;
  border-radius: 6px;
  width: 100%;
  padding: 13px;
  font-size: 16px;
}

.order-shell > button {
  margin: 28px 0 12px;
}

.lower-terminal {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.lower-terminal > section, .lower-terminal > aside, .prediction-main, .prediction-ticket {
  background: #0d1719;
  border: 1px solid #26383b;
}

.lower-terminal > aside {
  padding: 20px;
}

.empty-table {
  color: #71817e;
  place-items: center;
  min-height: 150px;
  display: grid;
}

.book-row {
  border-bottom: 1px solid #203135;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 13px;
  display: flex;
}

.prediction-terminal {
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 12px;
  margin-bottom: 12px;
  display: grid;
}

.probability-head {
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.probability-head b {
  font-size: 36px;
}

.probability-chart {
  color: #71817e;
  background: repeating-linear-gradient(0deg, #0000 0 69px, #203236 70px);
  place-items: center;
  height: 350px;
  display: grid;
}

.prediction-ticket {
  padding: 22px;
}

.prediction-ticket > button {
  color: #85928f;
  background: #273638;
  border: 0;
  border-radius: 6px;
  width: 100%;
  margin: 28px 0;
  padding: 15px;
  font-weight: 800;
}

.prediction-ticket dl {
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
  display: grid;
}

.prediction-ticket dt, .prediction-ticket dd {
  border-bottom: 1px solid #213236;
  margin: 0;
  padding: 10px 0;
  font-size: 13px;
}

.prediction-ticket dd {
  text-align: right;
}

.prediction-book {
  min-height: 160px;
  padding: 0 18px;
}

@media (max-width: 900px) {
  .instrument-head {
    display: block;
  }

  .instrument-state {
    text-align: left;
  }

  .lower-terminal, .prediction-terminal {
    grid-template-columns: 1fr;
  }
}

/* [project]/apps/terminal/app/prediction-market.css [app-client] (css) */
.pm-page {
  --pm-bg: #080b0c;
  --pm-panel: #0d1213;
  --pm-panel-2: #111718;
  --pm-border: #263033;
  --pm-muted: #8f9a9c;
  --pm-text: #f2f5f3;
  --pm-yes: #52d4b5;
  --pm-no: #df7182;
  background: var(--pm-bg);
  color: var(--pm-text);
  min-height: calc(100vh - 72px);
  font-family: var(--font-instrument),"Instrument Sans",sans-serif;
}

.pm-workspace {
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 18px;
  max-width: 1510px;
  margin: 0 auto;
  padding: 34px 28px 96px;
  display: grid;
}

.pm-main-column {
  gap: 16px;
  min-width: 0;
  display: grid;
}

.pm-market-header {
  align-items: flex-start;
  gap: 18px;
  padding: 12px 4px 20px;
  display: flex;
}

.pm-company-mark {
  border: 1px solid var(--pm-border);
  background: #161d1e;
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 54px;
  height: 54px;
  font-size: 24px;
  font-weight: 800;
  display: grid;
}

.pm-heading {
  flex: 1;
  min-width: 0;
}

.pm-breadcrumb {
  color: var(--pm-muted);
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 14px;
  display: flex;
}

.pm-breadcrumb > span + span:before {
  content: "/";
  color: #4e5a5c;
  margin-right: 10px;
}

.pm-status {
  color: #dbc271;
  letter-spacing: .04em;
  border: 1px solid #65582b;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 750;
}

.pm-status:before {
  content: none !important;
}

.pm-market-header h1 {
  letter-spacing: -.035em;
  max-width: 980px;
  margin: 0;
  font-size: clamp(32px, 3vw, 42px);
  line-height: 1.1;
}

.pm-header-actions {
  gap: 8px;
  margin-top: 18px;
  display: flex;
}

.pm-header-actions button {
  border: 1px solid var(--pm-border);
  color: #c4cdcb;
  background: none;
  border-radius: 8px;
  padding: 8px 13px;
  font-size: 14px;
}

.pm-metrics {
  border: 1px solid var(--pm-border);
  background: var(--pm-panel);
  border-radius: 12px;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  overflow: hidden;
}

.pm-metrics > div {
  border-right: 1px solid var(--pm-border);
  min-width: 0;
  padding: 17px 18px;
}

.pm-metrics > div:last-child {
  border-right: 0;
}

.pm-metrics span {
  color: var(--pm-muted);
  margin-bottom: 7px;
  font-size: 14px;
  display: block;
}

.pm-metrics strong {
  white-space: nowrap;
  font-size: 18px;
  font-weight: 650;
}

.pm-chart-card, .pm-information {
  background: var(--pm-panel);
  border: 1px solid var(--pm-border);
  border-radius: 12px;
  overflow: hidden;
}

.pm-chart-toolbar {
  border-bottom: 1px solid var(--pm-border);
  justify-content: space-between;
  align-items: center;
  padding: 17px 20px;
  display: flex;
}

.pm-chart-toolbar > div:first-child {
  gap: 3px;
  display: grid;
}

.pm-chart-toolbar strong {
  font-size: 17px;
}

.pm-chart-toolbar span {
  color: var(--pm-muted);
  font-size: 14px;
}

.pm-ranges {
  gap: 2px;
  display: flex;
}

.pm-ranges button, .pm-information nav button {
  color: var(--pm-muted);
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 14px;
}

.pm-ranges button.active {
  color: var(--pm-text);
  background: #1a2426;
}

.pm-chart-canvas {
  background: #0a0f10;
  height: 420px;
  position: relative;
}

.pm-chart-canvas svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.pm-chart-grid {
  stroke: #243033;
  stroke-width: 1px;
}

.pm-chart-axis {
  fill: #7e898b;
  font-size: 13px;
}

.pm-probability-line {
  fill: none;
  stroke: var(--pm-yes);
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
}

.pm-volume-bar {
  fill: #2b665b;
  opacity: .65;
}

.pm-chart-crosshair {
  stroke: #879391;
  stroke-dasharray: 3 4;
  opacity: .65;
}

.pm-chart-marker {
  fill: var(--pm-yes);
  stroke: #d9fff7;
  stroke-width: 2px;
}

.pm-chart-tooltip {
  z-index: 2;
  border: 1px solid var(--pm-border);
  background: #121a1b;
  border-radius: 7px;
  align-items: baseline;
  gap: 10px;
  padding: 8px 11px;
  display: flex;
  position: absolute;
  top: 18px;
  left: 64px;
}

.pm-chart-tooltip strong {
  color: var(--pm-yes);
  font-size: 17px;
}

.pm-chart-tooltip span {
  color: var(--pm-muted);
  font-size: 13px;
}

.pm-chart-empty {
  text-align: center;
  background: linear-gradient(#0000 24px, #1b25271f 25px) 0 0 / 100% 50px, linear-gradient(90deg, #0000 79px, #1b25271f 80px) 0 0 / 80px 100%;
  place-content: center;
  height: 420px;
  padding: 30px;
  display: grid;
}

.pm-chart-empty strong {
  font-size: 20px;
}

.pm-chart-empty p {
  max-width: 470px;
  color: var(--pm-muted);
  font-size: 15px;
  line-height: 1.55;
}

.pm-outcomes {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.pm-outcome-row {
  background: var(--pm-panel);
  border: 1px solid var(--pm-border);
  border-radius: 12px;
  grid-template-columns: 110px 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 18px;
  display: grid;
}

.pm-outcome-row > div:first-child {
  display: grid;
}

.pm-outcome-name {
  font-size: 14px;
  font-weight: 800;
}

.pm-outcome-row > div:first-child strong {
  font-size: 28px;
}

.pm-outcome-row.is-yes .pm-outcome-name, .pm-outcome-row.is-yes > div:first-child strong {
  color: var(--pm-yes);
}

.pm-outcome-row.is-no .pm-outcome-name, .pm-outcome-row.is-no > div:first-child strong {
  color: var(--pm-no);
}

.pm-outcome-row dl {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 0;
  display: grid;
}

.pm-outcome-row dl div {
  gap: 4px;
  display: grid;
}

.pm-outcome-row dt {
  color: var(--pm-muted);
  font-size: 12px;
}

.pm-outcome-row dd {
  margin: 0;
  font-size: 14px;
}

.pm-outcome-row > button {
  border: 1px solid var(--pm-border);
  color: var(--pm-text);
  background: #172021;
  border-radius: 7px;
  padding: 10px 13px;
  font-size: 14px;
}

.pm-outcome-row.is-yes > button:not(:disabled) {
  color: var(--pm-yes);
  border-color: #327362;
}

.pm-outcome-row.is-no > button:not(:disabled) {
  color: var(--pm-no);
  border-color: #73404a;
}

.pm-outcome-row button:disabled {
  opacity: .45;
}

.pm-information nav {
  border-bottom: 1px solid var(--pm-border);
  gap: 4px;
  padding: 8px 12px;
  display: flex;
  overflow-x: auto;
}

.pm-information nav button {
  white-space: nowrap;
  padding: 11px 13px;
}

.pm-information nav button.active {
  color: var(--pm-text);
  background: #172021;
}

.pm-info-content {
  min-height: 250px;
}

.pm-overview {
  padding: 28px;
}

.pm-overview h2 {
  margin: 0 0 10px;
  font-size: 22px;
}

.pm-overview > p {
  color: #c4ccca;
  max-width: 850px;
  font-size: 16px;
  line-height: 1.6;
}

.pm-notice {
  background: #171711;
  border-left: 3px solid #d2b75b;
  gap: 5px;
  margin-top: 24px;
  padding: 16px;
  display: grid;
}

.pm-notice strong {
  font-size: 15px;
}

.pm-notice span {
  color: var(--pm-muted);
  font-size: 14px;
}

.pm-details {
  margin: 0;
  padding: 12px 28px;
}

.pm-details > div {
  border-bottom: 1px solid #20292b;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 20px;
  padding: 16px 0;
  display: grid;
}

.pm-details > div:last-child {
  border: 0;
}

.pm-details dt {
  color: var(--pm-muted);
  font-size: 14px;
}

.pm-details dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 14px;
}

.pm-panel-empty {
  text-align: center;
  place-content: center;
  min-height: 250px;
  padding: 30px;
  display: grid;
}

.pm-panel-empty strong {
  font-size: 18px;
}

.pm-panel-empty p {
  color: var(--pm-muted);
  max-width: 480px;
  font-size: 14px;
}

.pm-book-grid {
  background: var(--pm-border);
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  display: grid;
}

.pm-book-grid section {
  background: var(--pm-panel);
  padding: 20px;
}

.pm-book-grid h3 {
  margin: 0 0 14px;
  font-size: 17px;
}

.pm-book-grid header, .pm-book-grid section > div:not(.pm-book-mid), .pm-trade-table header, .pm-trade-table > div {
  grid-template-columns: repeat(3, 1fr);
  padding: 9px 5px;
  font-size: 14px;
  display: grid;
}

.pm-book-grid header {
  color: var(--pm-muted);
  font-size: 12px;
}

.pm-book-grid section span:not(:first-child) {
  text-align: right;
}

.pm-book-grid .is-ask span:first-child {
  color: var(--pm-no);
}

.pm-book-grid .is-bid span:first-child {
  color: var(--pm-yes);
}

.pm-book-mid {
  text-align: center;
  background: #172021;
  margin: 5px 0;
  padding: 9px;
  font-weight: 700;
}

.pm-trade-table {
  padding: 14px 22px;
}

.pm-trade-table header, .pm-trade-table > div {
  border-bottom: 1px solid #20292b;
  grid-template-columns: 1.3fr .7fr .7fr .8fr .8fr;
}

.pm-trade-table header {
  color: var(--pm-muted);
}

.pm-ticket-column {
  min-width: 0;
}

.pm-ticket-close {
  display: none;
}

.pm-ticket {
  border: 1px solid var(--pm-border);
  background: var(--pm-panel);
  border-radius: 12px;
  padding: 20px;
  position: sticky;
  top: 86px;
}

.pm-ticket button {
  font-family: inherit;
}

.pm-ticket-top {
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.pm-segment, .pm-order-types {
  background: #080c0d;
  border-radius: 8px;
  padding: 3px;
  display: flex;
}

.pm-segment button, .pm-order-types button {
  color: var(--pm-muted);
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 9px 15px;
  font-size: 14px;
}

.pm-segment button.active, .pm-order-types button.active {
  color: var(--pm-text);
  background: #20292b;
}

.pm-outcome-toggle {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 20px 0;
  display: grid;
}

.pm-outcome-toggle button {
  border: 1px solid var(--pm-border);
  color: var(--pm-muted);
  text-align: left;
  background: #111718;
  border-radius: 8px;
  padding: 13px;
  font-size: 14px;
}

.pm-outcome-toggle button strong {
  float: right;
}

.pm-outcome-toggle .yes.active {
  color: var(--pm-yes);
  background: #132722;
  border-color: #367d6b;
}

.pm-outcome-toggle .no.active {
  color: var(--pm-no);
  background: #27161a;
  border-color: #75414b;
}

.pm-ticket label {
  color: var(--pm-muted);
  gap: 8px;
  margin: 16px 0;
  font-size: 14px;
  display: grid;
}

.pm-ticket input[type="number"] {
  box-sizing: border-box;
  border: 1px solid var(--pm-border);
  width: 100%;
  color: var(--pm-text);
  background: #080c0d;
  border-radius: 8px;
  padding: 13px;
  font-size: 18px;
}

.pm-input-suffix {
  position: relative;
}

.pm-input-suffix b {
  position: absolute;
  top: 14px;
  right: 14px;
}

.pm-slippage {
  grid-template-columns: 1fr 60px;
  align-items: center;
  gap: 12px;
  display: grid;
}

.pm-slippage b {
  text-align: right;
  color: var(--pm-text);
}

.pm-slippage input {
  accent-color: var(--pm-yes);
}

.pm-ticket-summary {
  border-top: 1px solid var(--pm-border);
  margin: 20px 0;
  padding-top: 10px;
}

.pm-ticket-summary > div {
  justify-content: space-between;
  gap: 20px;
  padding: 8px 0;
  display: flex;
}

.pm-ticket-summary dt, .pm-ticket-summary dd {
  margin: 0;
  font-size: 14px;
}

.pm-ticket-summary dt {
  color: var(--pm-muted);
}

.pm-primary-action {
  background: var(--pm-yes);
  color: #06100e;
  border: 0;
  border-radius: 8px;
  width: 100%;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 800;
}

.pm-primary-action:disabled {
  color: #7d8889;
  background: #20292b;
}

.pm-inline-error, .pm-inline-message {
  border-radius: 7px;
  padding: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.pm-inline-error {
  color: #f09aaa;
  background: #26181b;
}

.pm-inline-message {
  color: #8fe3d0;
  background: #13231f;
}

.pm-ticket-foot {
  color: var(--pm-muted);
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.pm-mobile-trade {
  display: none;
}

.pm-loading {
  min-height: 60vh;
  color: var(--pm-muted);
  place-items: center;
  font-size: 16px;
  display: grid;
}

@media (max-width: 1180px) {
  .pm-workspace {
    grid-template-columns: minmax(0, 1fr) 350px;
    padding-inline: 18px;
  }

  .pm-metrics {
    grid-template-columns: repeat(3, 1fr);
  }

  .pm-metrics > div {
    border-bottom: 1px solid var(--pm-border);
  }

  .pm-outcomes {
    grid-template-columns: 1fr;
  }

  .pm-outcome-row dl {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 860px) {
  .pm-page {
    padding-bottom: 76px;
  }

  .pm-workspace {
    padding: 20px 14px 60px;
    display: block;
  }

  .pm-ticket-column {
    display: none;
  }

  .pm-ticket-column.is-open {
    z-index: 100;
    background: #050708cc;
    padding: 20px 12px 0;
    display: block;
    position: fixed;
    inset: 70px 0 0;
    overflow: auto;
  }

  .pm-ticket-column.is-open .pm-ticket {
    max-width: 520px;
    margin: 0 auto 30px;
    position: relative;
    top: auto;
  }

  .pm-ticket-close {
    z-index: 102;
    color: #fff;
    background: none;
    border: 0;
    font-size: 32px;
    display: block;
    position: fixed;
    top: 82px;
    right: 22px;
  }

  .pm-mobile-trade {
    z-index: 90;
    border: 1px solid var(--pm-border);
    color: #c6cecc;
    background: #242c2e;
    border-radius: 9px;
    padding: 15px;
    font-size: 16px;
    font-weight: 800;
    display: block;
    position: fixed;
    bottom: 12px;
    left: 12px;
    right: 12px;
  }

  .pm-market-header {
    padding-top: 0;
  }

  .pm-market-header h1 {
    font-size: 32px;
  }

  .pm-company-mark {
    width: 44px;
    height: 44px;
  }

  .pm-breadcrumb {
    flex-wrap: wrap;
  }

  .pm-metrics {
    grid-template-columns: repeat(2, 1fr);
  }

  .pm-metrics > div {
    border-right: 1px solid var(--pm-border);
  }

  .pm-chart-toolbar {
    display: block;
  }

  .pm-ranges {
    margin-top: 12px;
    overflow-x: auto;
  }

  .pm-chart-canvas, .pm-chart-empty {
    height: 330px;
  }

  .pm-outcome-row {
    grid-template-columns: 85px 1fr;
  }

  .pm-outcome-row dl {
    grid-template-columns: repeat(2, 1fr);
  }

  .pm-outcome-row > button {
    grid-column: 1 / -1;
  }

  .pm-book-grid {
    grid-template-columns: 1fr;
  }

  .pm-details > div {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .pm-header-actions {
    margin-left: -62px;
  }
}

@media (max-width: 460px) {
  .pm-workspace {
    padding-inline: 10px;
  }

  .pm-market-header h1 {
    font-size: 29px;
  }

  .pm-metrics strong {
    font-size: 16px;
  }

  .pm-metrics > div {
    padding: 14px;
  }

  .pm-outcome-row {
    padding: 15px;
  }

  .pm-outcome-row > div:first-child strong {
    font-size: 24px;
  }

  .pm-chart-tooltip {
    left: 45px;
  }

  .pm-ranges button {
    padding-inline: 9px;
  }
}

/* [project]/apps/terminal/app/solana-overrides.css [app-client] (css) */
.sol-market-list {
  background: #0d1719;
  border: 1px solid #26383b;
  border-radius: 12px;
  display: block;
  overflow: hidden;
}

.trade-terminal .trade-stage-top.is-chart-only, .trade-terminal .sk-stage.is-chart-only {
  grid-template-columns: minmax(0, 1fr);
}

.reference-only-ticket {
  gap: 20px;
  padding: 24px 20px;
  display: grid;
}

.reference-only-ticket h2 {
  margin: 0;
  font-size: 18px;
}

.reference-only-ticket dl {
  gap: 16px;
  margin: 0;
  display: grid;
}

.reference-only-ticket dl > div {
  gap: 6px;
  display: grid;
}

.reference-only-ticket dt {
  color: #8c949d;
  font-size: 11px;
}

.reference-only-ticket dd {
  color: #c7cdd3;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.reference-only-ticket button {
  width: 100%;
}

.trade-offline {
  overflow: auto;
}

.trade-offline-watchlist > div {
  grid-template-columns: 22px minmax(0, 1fr);
}

.trade-offline-watchlist > div > span {
  overflow-wrap: anywhere;
  min-width: 0;
}

.trade-offline-watchlist > div > span:last-child {
  grid-column: 2;
  justify-content: space-between;
  gap: 6px;
  display: flex;
}

.trade-offline-ledger > div {
  text-align: center;
  padding: 20px;
}

.solana-collateral {
  border-radius: 8px;
  min-width: 0;
  max-width: 680px;
  padding: 16px;
}

.solana-collateral .button-primary {
  color: #071b15;
  background: #39c698;
  border-color: #39c698;
}

.solana-collateral > label {
  gap: 8px;
  margin-block: 14px;
  display: grid;
}

.solana-collateral input {
  background: var(--surface, #10191c);
  border: 1px solid var(--line, #2b383d);
  width: 100%;
  min-height: 44px;
  color: inherit;
  font: inherit;
  border-radius: 6px;
  padding: 10px 12px;
}

.solana-collateral a {
  color: var(--accent, #72e0c4);
  text-underline-offset: 3px;
}

.solana-collateral p {
  overflow-wrap: anywhere;
  line-height: 1.6;
}

.collateral-review {
  border: 1px solid var(--line, #2b383d);
  border-radius: 8px;
  margin-block: 14px;
  padding: 16px;
}

.collateral-review dl {
  gap: 12px;
  margin-block: 16px;
  display: grid;
}

.collateral-review dl > div {
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  display: flex;
}

.collateral-review dt {
  color: var(--muted, #a4afb3);
}

.collateral-review dd {
  text-align: right;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
  margin: 0;
}

.collateral-receipt {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.solana-collateral :is(button, input, a):focus-visible {
  outline-offset: 3px;
  outline: 2px solid #72e0c4;
}

.solana-collateral .wallet-account-actions {
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .trade-terminal .trade-account-tabs {
    overflow-x: auto;
  }

  .trade-terminal .trade-account-tabs > div {
    min-width: max-content;
  }

  .trade-terminal .trade-account-tabs button {
    white-space: nowrap;
    flex: none;
  }

  .trade-terminal .trade-ledger-table > .trade-ledger-blank {
    text-align: center;
    width: 100%;
    min-width: 0;
    padding: 24px;
  }

  .trade-terminal .trade-ledger-table:has( > .trade-ledger-blank) > header {
    display: none;
  }

  .trade-offline {
    height: 100%;
  }

  .trade-offline-quotes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
  }

  .trade-offline-quotes > div {
    min-height: 52px;
  }

  .trade-offline-quotes > div:first-child, .trade-offline-quotes > div:last-child {
    grid-column: 1 / -1;
  }

  .trade-offline-grid {
    height: auto;
    display: block;
  }

  .trade-offline-watchlist {
    display: none;
  }

  .trade-offline-chart {
    height: 320px;
  }

  .trade-offline-chart > header {
    padding-inline: 8px;
  }

  .trade-offline-chart header button {
    padding-inline: 10px;
  }

  .trade-offline-chart > div {
    padding: 20px;
  }

  .trade-offline-ticket {
    padding-bottom: 20px;
  }

  .trade-offline-ledger {
    min-height: 180px;
  }

  .trade-offline-ledger header {
    gap: 18px;
    overflow-x: auto;
  }

  .trade-offline-ledger header span {
    flex-shrink: 0;
  }
}

.trade-terminal .tv-sourcebar {
  color: #969ba2;
  border-bottom: 1px solid #25282c;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-height: 38px;
  padding: 7px 12px;
  font-size: 10px;
  display: flex;
}

.trade-terminal .tv-source-toggle {
  gap: 2px;
  display: flex;
}

.trade-terminal .tv-source-toggle button, .trade-terminal .tv-retry {
  color: #9ca2a9;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 4px;
  padding: 5px 7px;
}

.trade-terminal .tv-source-toggle button[aria-pressed="true"] {
  color: #ecf2ed;
  background: #232a27;
  border-color: #34443b;
}

.trade-terminal .tv-source-label {
  color: #b3b9bf;
}

.trade-terminal .tv-reference-price {
  color: #ecf2ed;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}

.trade-terminal .tv-reference-price small {
  color: #a1a8b0;
  font-size: 10px;
  font-weight: 400;
}

.trade-terminal .tv-legacy-source {
  color: #d6b375;
}

.trade-terminal .trade-reference-quote {
  gap: 3px;
}

.trade-terminal .trade-reference-quote > span {
  font-size: 10px;
}

.trade-terminal .reference-status {
  color: #d6b375;
  white-space: nowrap;
  font-size: 10px;
}

.trade-terminal .reference-status.fresh {
  color: #74c497;
}

.trade-terminal .tv-feed-status {
  margin-left: auto;
}

.trade-terminal .tv-feed-status.fresh {
  color: #74c497;
}

.trade-terminal .tv-feed-status.stale, .trade-terminal .tv-feed-status.unavailable, .trade-terminal .tv-feed-status.unknown {
  color: #d6b375;
}

.trade-terminal .tv-retry {
  color: #e1c58d;
  border-color: #4e4432;
}

.trade-terminal .tv-retry:disabled {
  opacity: .5;
  cursor: wait;
}

.trade-terminal .tv-sourcebar button:focus-visible, .trade-terminal .tv-topbar button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #74c497;
}

.trade-terminal .tv-topbar {
  flex-wrap: wrap;
  height: auto;
  min-height: 38px;
}

.trade-terminal .tv-canvas-wrap .trade-chart-empty {
  text-align: center;
  height: 100%;
  min-height: 250px;
  padding: 24px;
}

@media (max-width: 760px) {
  .trade-terminal .tv-sourcebar {
    gap: 6px 10px;
    padding: 6px 8px;
  }

  .trade-terminal .tv-source-label {
    display: none;
  }

  .trade-terminal .tv-feed-status {
    margin-left: 0;
  }

  .trade-terminal .tv-source-toggle button {
    min-height: 32px;
  }

  .trade-terminal .tv-topbar {
    gap: 2px;
    padding: 4px 6px;
  }

  .trade-terminal .tv-topbar .tv-sep {
    display: none;
  }

  .trade-terminal .tv-topbar button {
    min-height: 32px;
  }

  .trade-terminal .tv-intervals {
    flex-wrap: wrap;
  }

  .trade-terminal .tv-topbar-right {
    margin-left: auto;
  }
}

.trade-terminal .professional-chart.tv-chart {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.trade-terminal .tv-ohlc {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

@media (max-width: 760px) {
  .trade-terminal .trade-chart-panel {
    grid-template-rows: 48px minmax(0, 1fr);
  }

  .trade-terminal .tv-chart .professional-chart-legend {
    flex-wrap: wrap;
    gap: 5px 8px;
    max-width: calc(100% - 20px);
    font-size: 9px;
  }

  .trade-terminal .tv-chart .tv-symbol-cell {
    text-overflow: ellipsis;
    max-width: calc(100% - 82px);
    overflow: hidden;
  }

  .trade-terminal .tv-chart .tv-ohlc {
    flex-wrap: wrap;
    flex-basis: 100%;
    gap: 4px 8px;
  }

  .trade-terminal .trade-instrument-bar:has(.trade-reference-quote) {
    grid-template-columns: minmax(0, 1fr) 126px;
    display: grid;
    overflow: visible;
  }

  .trade-terminal .trade-instrument-bar:has(.trade-reference-quote) > :not(.trade-symbol):not(.trade-reference-quote) {
    display: none;
  }

  .trade-terminal .trade-instrument-bar:has(.trade-reference-quote) .trade-symbol {
    grid-column: auto;
    grid-template-columns: 30px minmax(0, 1fr) 12px;
    gap: 6px;
    padding-inline: 8px;
  }

  .trade-terminal .trade-instrument-bar:has(.trade-reference-quote) .trade-symbol strong {
    font-size: 13px;
  }

  .trade-terminal .trade-reference-quote {
    padding-inline: 9px;
  }

  .trade-terminal .trade-reference-quote .reference-status {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

.provider-reference-terminal .trade-body.is-reference-only {
  grid-template-columns: minmax(0, 1fr);
}

.trade-terminal .trade-market-selector.is-mini .trade-market-choice {
  grid-template-columns: minmax(0, 1fr) 58px 112px;
}

.trade-terminal .trade-market-selector.is-mini .trade-market-choice > b:last-of-type {
  color: #8b9094;
  font: 400 11px/1.4 var(--font-body);
  white-space: nowrap;
}

@media (max-width: 480px) {
  .trade-terminal .trade-market-selector.is-mini .trade-market-choice {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: 3px;
    padding-block: 10px;
  }

  .trade-terminal .trade-market-selector.is-mini .trade-market-choice > b:last-of-type {
    text-align: left;
    grid-column: 1 / -1;
    padding-left: 30px;
  }
}

/* [project]/apps/terminal/app/refinements.css [app-client] (css) */
:root {
  --acid: #75c99a;
  --signal-cyan: #75c99a;
  --signal-green: #58b983;
  --signal-amber: #b39a68;
  --rule: #75c99a17;
  --rule-strong: #75c99a2b;
}

.exchange-hero h1 em, .exchange-hero h1 strong {
  color: #75c99a;
  text-shadow: none;
}

.exchange-button.is-primary {
  color: #06110b;
  box-shadow: none;
  background: #75c99a;
  border-color: #75c99a;
}

.exchange-button.is-primary:hover {
  filter: none;
  background: #86d4aa;
}

.topbar-actions .wallet-button {
  white-space: nowrap;
  width: auto;
  min-width: 0;
  min-height: 38px;
  padding: 0 16px;
}

.exchange-trust-row > div {
  border-left: 1px solid #75c99a2b;
  padding-left: 12px;
}

.exchange-market-group h3 > .brand-logo {
  opacity: .9;
}

.featured-sparkline.is-simulated {
  opacity: .7;
}

.v2-chart-simulated, .trade-chart-simulated {
  color: #c7ae78;
  font: 650 12px var(--font-mono);
  letter-spacing: .08em;
  white-space: nowrap;
}

.trade-chart-simulated {
  border: 1px solid #b39a6852;
  border-radius: 3px;
  padding: 3px 6px;
}

.trade-chart-controls, .trade-data-mode {
  align-items: stretch;
  display: flex;
}

.trade-data-mode {
  border-inline: 1px solid #2a2d31;
  margin-right: 8px;
}

.trade-data-mode button {
  min-width: 52px;
}

.trade-status.is-demo {
  color: #d6b979;
  background: #b39a680e;
  border-left: 1px solid #b39a6847;
}

.trade-status.is-demo i {
  background: #d6b979;
  border-radius: 2px;
  box-shadow: 0 0 8px #d6b97955;
}

.professional-chart {
  background: #0e0f11;
  grid-template-rows: auto minmax(0, 1fr);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.professional-chart.is-fullscreen {
  z-index: 1000;
  border: 1px solid #e2e4e64d;
  height: auto;
  position: fixed;
  inset: 12px;
  box-shadow: 0 30px 120px #000;
}

.professional-chart-toolbar {
  background: #121316;
  border-bottom: 1px solid #26292d;
  justify-content: space-between;
  align-items: stretch;
  min-width: 0;
  max-width: 100%;
  padding-left: 8px;
  display: flex;
  overflow-x: auto;
}

.professional-chart-toolbar > div {
  align-items: stretch;
  display: flex;
}

.professional-chart-toolbar button {
  color: #75797d;
  min-width: 45px;
  font: 600 11px var(--font-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  border: 0;
  border-right: 1px solid #26292d;
  padding: 0 8px;
}

.professional-chart-canvas {
  min-width: 0;
  min-height: 0;
}

.professional-chart-legend {
  z-index: 4;
  color: #7a7f83;
  max-width: calc(100% - 92px);
  font: 11px var(--font-mono);
  pointer-events: none;
  align-items: center;
  gap: 11px;
  display: flex;
  position: absolute;
  top: 42px;
  left: 10px;
}

.professional-chart-legend span {
  white-space: nowrap;
}

.professional-chart-legend b {
  color: #c6c9cb;
  font-weight: 500;
}

.demo-ticket {
  --demo-accent: #d6b979;
}

.demo-ticket .v2-ticket-market {
  color: var(--demo-accent);
  background: #d6b9790d;
  border-color: #d6b97955;
}

.demo-sizing-switch, .demo-percent-row, .demo-leverage-row {
  background: #2a2d31;
  gap: 1px;
  margin-top: 8px;
  display: grid;
}

.demo-sizing-switch {
  grid-template-columns: 1fr 1fr;
}

.demo-percent-row {
  grid-template-columns: repeat(4, 1fr);
}

.demo-leverage-row {
  grid-template-columns: repeat(5, 1fr);
  margin-block: 10px;
}

.demo-sizing-switch button, .demo-percent-row button, .demo-leverage-row button {
  color: #76797d;
  min-height: 29px;
  font: 11px var(--font-mono);
  cursor: pointer;
  background: #131417;
  border: 0;
}

.demo-sizing-switch button:hover, .demo-percent-row button:hover, .demo-leverage-row button:hover, .demo-sizing-switch button.active, .demo-leverage-row button.active {
  color: #d6b979;
  background: #d6b97912;
}

.demo-ticket-status {
  color: #b8a982;
  font: 11px/1.45 var(--font-body);
  background: #d6b9790b;
  border: 1px solid #d6b97935;
  margin-top: 10px;
  padding: 9px 10px;
}

.trade-ledger-table.demo-orders > header, .trade-ledger-table.demo-orders > div {
  grid-template-columns: 1fr .7fr 1fr 1.2fr .8fr 1.2fr;
}

.demo-order-actions {
  gap: 5px;
  display: flex;
}

.demo-order-actions button {
  color: #b0b4b6;
  min-height: 24px;
  font: 10px var(--font-mono);
  cursor: pointer;
  background: #131417;
  border: 1px solid #33373c;
  padding-inline: 9px;
}

.demo-order-actions button:disabled {
  cursor: not-allowed;
  opacity: .35;
}

@media (max-width: 1180px) {
  .professional-chart-toolbar {
    overflow-x: auto;
  }

  .professional-chart-toolbar > div {
    flex: none;
  }

  .professional-chart-legend {
    gap: 7px;
    overflow: hidden;
  }
}

.terminal-shell.is-trading-route {
  background: #0a0b0c;
  height: auto;
  min-height: 100dvh;
  overflow: auto;
}

.terminal-shell.is-trading-route > main {
  height: auto;
  min-height: 0;
}

.trade-terminal {
  --terminal-bg: #0a0b0c;
  --terminal-panel: #101113;
  --terminal-raised: #181a1d;
  --terminal-border: #2a2d31;
  --terminal-border-soft: #1e2124;
  --terminal-text: #e9eaec;
  --terminal-muted: #8b9094;
  --terminal-mint: #e2e4e6;
  width: 100%;
  min-width: 1180px;
  height: auto;
  min-height: calc(100dvh - 70px);
  color: var(--terminal-text);
  font: 14px/1.4 var(--font-body);
  background: var(--terminal-bg);
  overflow: visible;
}

.trade-terminal :is(button, input, select, label, span, small, time, b) {
  font-family: var(--font-body);
  text-rendering: optimizelegibility;
}

.trade-body {
  --stage-height: clamp(540px, calc(100dvh - 250px), 680px);
  grid-template-columns: minmax(0, 1fr) 390px;
  display: grid;
}

.trade-main-col {
  border-right: 1px solid var(--terminal-border);
  min-width: 0;
}

.trade-stage-top {
  grid-template-columns: minmax(0, 1fr) var(--book-width, 320px);
  height: var(--stage-height);
  border-bottom: 1px solid var(--terminal-border);
  background: var(--terminal-bg);
  min-height: 0;
  display: grid;
  overflow: hidden;
}

.trade-stage-top.is-book-collapsed {
  grid-template-columns: minmax(0, 1fr) 30px;
}

.trade-wallet-actions {
  border-top: 1px solid var(--terminal-border-soft);
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 14px 16px;
  display: grid;
}

.trade-wallet-actions button {
  color: #a6abae;
  height: 36px;
  font: 600 12.5px var(--font-body);
  cursor: pointer;
  background: #181a1d;
  border: 0;
  border-radius: 999px;
}

.trade-wallet-actions button:hover {
  color: #e9eaec;
  background: #1e2124;
}

.trade-account-summary {
  padding: 4px 16px 22px;
}

.trade-account-summary h4 {
  color: #e9eaec;
  font: 640 13px var(--font-body);
  margin: 14px 0 6px;
}

.trade-account-summary > div {
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  display: flex;
}

.trade-account-summary > div span {
  color: #8b9094;
  font-size: 12.5px;
}

.trade-account-summary > div b {
  color: #e9eaec;
  font: 500 12px var(--font-mono);
  font-variant-numeric: tabular-nums;
}

.trade-instrument-bar {
  scrollbar-width: none;
  border-bottom: 1px solid var(--terminal-border);
  background: var(--terminal-panel);
  align-items: stretch;
  height: 64px;
  padding: 0;
  display: flex;
  overflow-x: auto;
}

.trade-instrument-bar::-webkit-scrollbar {
  display: none;
}

.trade-symbol {
  min-width: 0;
  color: var(--terminal-text);
  text-align: left;
  cursor: pointer;
  border: 0;
  border-right: 1px solid var(--terminal-border-soft);
  background: none;
  flex: none;
  grid-template-columns: 30px minmax(0, auto) 16px;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  display: grid;
}

.trade-symbol:hover {
  background: #ffffff05;
}

.trade-symbol > span {
  background: none;
  border: 0;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.trade-symbol > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.trade-symbol strong {
  letter-spacing: -.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 650;
  overflow: hidden;
}

.trade-symbol small {
  color: var(--terminal-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.trade-symbol > i {
  color: #84898d;
  place-items: center;
  font-style: normal;
  display: grid;
}

.trade-symbol:hover > i {
  color: var(--terminal-text);
}

.trade-quote {
  border-right: 1px solid var(--terminal-border-soft);
  flex-direction: column;
  flex: none;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  padding: 0 22px;
  display: flex;
}

.trade-quote span {
  color: var(--terminal-muted);
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 600;
}

.trade-quote strong {
  color: #e2e4e6;
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font: 600 13px/1.1 var(--font-mono) !important;
}

.trade-quote strong.bright {
  color: #fff;
  font-size: 15px !important;
}

.trade-quote strong.positive, .trade-quote strong.negative {
  font-family: var(--font-mono) !important;
}

.trade-status {
  color: #bcc0c3;
  text-transform: capitalize;
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 0 18px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.trade-status > i {
  background: var(--terminal-mint);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px #e2e4e666;
}

.trade-status small {
  color: var(--terminal-muted);
  text-transform: capitalize;
  font-size: 11px;
  font-weight: 450;
}

.trade-status small:before {
  content: "·";
  color: var(--terminal-border);
  margin-right: 8px;
}

.trade-chart-panel {
  border: 0;
  border-right: 1px solid var(--terminal-border);
  background: #0d0e10;
  grid-template-rows: 48px minmax(0, 1fr);
  width: 100%;
  max-width: 100%;
  min-height: 0;
  display: grid;
  overflow: hidden;
}

.trade-panel-tabs {
  border-bottom: 1px solid var(--terminal-border-soft);
  background: #101113;
  min-height: 48px;
  padding: 0 12px;
}

.trade-panel-tabs > div:first-child button, .trade-chart-controls button {
  color: #8b9094;
  text-transform: none;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  height: 47px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 530;
}

.trade-panel-tabs button.active {
  color: var(--terminal-mint);
  border-bottom-color: var(--terminal-mint);
  background: none;
}

.trade-chart-controls {
  gap: 6px;
}

.trade-data-mode, .trade-intervals {
  background: none;
  border: 0;
}

.trade-data-mode button, .trade-intervals button {
  min-width: 38px;
  padding-inline: 8px;
}

.trade-ticket-panel {
  background: #121315;
  border: 0;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: auto;
}

.trade-ticket-context {
  border-bottom: 1px solid var(--terminal-border);
  background: #101113;
  grid-template-columns: 1fr auto;
  min-height: 49px;
  display: grid;
}

.trade-ticket-context button {
  color: #8c9195;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  font-size: 13px;
  font-weight: 560;
}

.trade-ticket-context button.active {
  color: var(--terminal-mint);
  border-bottom-color: var(--terminal-mint);
}

.trade-ticket-context button:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.trade-ticket-context span {
  color: #75797d;
  white-space: nowrap;
  align-items: center;
  padding: 0 14px;
  font-size: 11px;
  display: flex;
}

.trade-ticket-panel .v2-ticket {
  color: var(--terminal-text);
  background: none;
  padding: 16px;
}

.trade-ticket-panel .v2-ticket-header h2 {
  color: var(--terminal-text);
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 620;
}

.trade-ticket-panel .eyebrow, .trade-ticket-panel .v2-field > span, .trade-ticket-panel .v2-ticket-math span, .trade-ticket-panel .v2-ticket-disclosure {
  color: #83888c;
  font-family: var(--font-body);
  text-transform: none;
}

.trade-ticket-panel .v2-side-control {
  border: 1px solid var(--terminal-border);
  background: var(--terminal-border);
  gap: 1px;
}

.trade-ticket-panel .v2-side-control button {
  color: #929699;
  min-height: 42px;
  font: 560 13px var(--font-body);
  text-transform: none;
  background: #181a1d;
  border: 0;
}

.trade-ticket-panel .v2-order-mode {
  border-color: var(--terminal-border);
  background: var(--terminal-border);
}

.trade-ticket-panel .v2-order-mode button {
  color: #898e92;
  font-family: var(--font-body);
  text-transform: none;
  border-color: var(--terminal-border);
  background: #121315;
}

.trade-ticket-panel .v2-order-mode button.is-active {
  color: var(--terminal-mint);
  background: #e2e4e610;
}

.trade-ticket-panel .v2-field > div {
  background: #0d0e10;
  border-color: #33373c;
  border-radius: 4px;
}

.trade-ticket-panel .v2-field input {
  color: #e7e9ea;
  font-family: var(--font-mono);
}

.trade-ticket-panel .v2-field i, .trade-ticket-panel .v2-field small {
  color: #7a7f83;
}

.trade-ticket-panel .v2-checkbox, .trade-ticket-panel .v2-ticket-math {
  border-color: var(--terminal-border);
  background: #121315;
}

.trade-ticket-panel .v2-ticket-math strong {
  color: #e2e4e6;
  font-family: var(--font-mono);
}

.trade-ticket-panel .v2-ticket-submit.is-long, .trade-ticket-panel .button-primary.v2-ticket-submit {
  color: #0c0d0f;
  border-color: var(--terminal-mint);
  background: var(--terminal-mint);
}

.trade-ticket-panel .v2-ticket-submit.is-short {
  color: #fff;
  background: #c25050;
  border-color: #c25050;
}

.trade-ticket-panel .v2-ticket-submit:hover:not(:disabled) {
  filter: brightness(1.06);
}

.trade-stage-lower {
  background: #131417;
  grid-template-columns: minmax(0, 1fr);
  min-height: 480px;
  display: grid;
}

.trade-account-panel {
  background: #131417;
  border: 0;
  grid-column: auto;
  min-width: 0;
  min-height: 480px;
  overflow: auto;
}

.trade-account-tabs {
  border-bottom: 1px solid var(--terminal-border);
  background: #101113;
  min-height: 54px;
}

.trade-account-tabs > div {
  scrollbar-width: none;
  overflow: auto hidden;
}

.trade-account-tabs > div::-webkit-scrollbar {
  display: none;
}

.trade-account-tabs button {
  color: #909598;
  text-transform: none;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  min-height: 54px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 520;
}

.trade-account-tabs button.active {
  color: var(--terminal-mint);
  border-bottom-color: var(--terminal-mint);
  background: none;
}

.trade-account-tabs > span {
  color: #777c80;
  text-transform: none;
  padding: 0 18px;
  font-size: 12px;
}

.trade-flow-panel {
  background: #101113;
  border: 0;
  min-width: 0;
  min-height: 0;
  display: block;
  overflow: hidden;
}

.trade-flow-tabs {
  border-bottom: 1px solid var(--terminal-border);
  grid-template-columns: 1fr 1fr 40px;
  height: 54px;
  display: grid;
}

.trade-flow-collapse {
  color: #8b9094;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 15px;
}

.trade-flow-collapse:hover {
  color: var(--terminal-mint);
}

.trade-flow-expand {
  color: #6b7075;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  display: flex;
}

.trade-flow-expand:hover {
  color: #e9eaec;
  background: #ffffff08;
}

.trade-flow-tabs button {
  color: #8b9094;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  font-size: 13px;
  font-weight: 560;
}

.trade-flow-tabs button.active {
  color: var(--terminal-mint);
  border-bottom-color: var(--terminal-mint);
}

.trade-flow-panel > :is(.trade-book, .trade-tape) {
  height: calc(100% - 54px);
  min-height: 0;
}

.trade-book > header, .trade-tape > header {
  border-bottom: 1px solid var(--terminal-border-soft);
  min-height: 45px;
  padding: 0 15px;
}

.trade-book > header b, .trade-tape > header b {
  text-transform: none;
  font-size: 13px;
  font-weight: 560;
}

.trade-flow-columns, .trade-depth-row, .trade-tape > div {
  min-height: 26px;
  padding-inline: 15px;
  font: 12px/1.2 var(--font-mono) !important;
}

.trade-depth-row :is(b, span), .trade-tape > div :is(b, span, time) {
  font-family: var(--font-mono) !important;
}

.trade-mid {
  border-block: 1px solid var(--terminal-border-soft);
  min-height: 54px;
  padding-inline: 15px;
}

.trade-market-overlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #02080bc9;
  place-items: start center;
  padding-top: min(12vh, 120px);
  display: grid;
  position: fixed;
  inset: 0;
}

.trade-market-selector {
  background: #121315;
  border: 1px solid #363a40;
  border-radius: 10px;
  width: min(720px, 100vw - 32px);
  max-height: min(720px, 78vh);
  overflow: hidden;
  box-shadow: 0 24px 80px #000a;
}

.trade-market-selector > header {
  border-bottom: 1px solid var(--terminal-border);
  justify-content: space-between;
  align-items: center;
  min-height: 76px;
  padding: 0 20px;
  display: flex;
}

.trade-market-selector > header > div {
  gap: 4px;
  display: grid;
}

.trade-market-selector > header strong {
  font-size: 20px;
  font-weight: 650;
}

.trade-market-selector > header span {
  color: var(--terminal-muted);
  font-size: 13px;
}

.trade-market-selector > header button {
  color: #9fa3a6;
  cursor: pointer;
  border: 1px solid var(--terminal-border);
  background: #1b1e21;
  border-radius: 6px;
  width: 38px;
  height: 38px;
  font-size: 27px;
}

.trade-market-selector-tools {
  border-bottom: 1px solid var(--terminal-border);
  gap: 12px;
  padding: 16px 20px;
  display: grid;
}

.trade-market-selector-tools input {
  width: 100%;
  height: 44px;
  color: var(--terminal-text);
  background: #0d0e10;
  border: 1px solid #363a40;
  border-radius: 6px;
  outline: 0;
  padding: 0 14px;
  font-size: 14px;
}

.trade-market-selector-tools input:focus {
  border-color: var(--terminal-mint);
}

.trade-market-selector-tools > div {
  gap: 8px;
  display: flex;
}

.trade-market-selector-tools button {
  color: #969a9e;
  cursor: pointer;
  border: 1px solid var(--terminal-border);
  background: #181a1d;
  border-radius: 5px;
  min-height: 32px;
  padding: 0 12px;
  font-size: 12px;
}

.trade-market-selector-tools button.active {
  color: #0e0f11;
  border-color: var(--terminal-mint);
  background: var(--terminal-mint);
}

.trade-market-selector-head {
  color: #75797d;
  border-bottom: 1px solid var(--terminal-border-soft);
  grid-template-columns: minmax(0, 1fr) 110px 90px 40px;
  padding: 10px 20px;
  font-size: 11px;
  display: grid;
}

.trade-market-selector-head span:not(:first-child) {
  text-align: right;
}

.trade-market-selector-list {
  max-height: 440px;
  overflow-y: auto;
}

.trade-market-selector-row {
  border-bottom: 1px solid var(--terminal-border-soft);
  grid-template-columns: minmax(0, 1fr) 40px;
  min-height: 68px;
  display: grid;
}

.trade-market-selector-row:hover, .trade-market-selector-row.selected {
  background: #1d2023;
}

.trade-market-choice {
  color: var(--terminal-text);
  text-align: right;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: minmax(0, 1fr) 110px 90px;
  align-items: center;
  gap: 0;
  padding: 0 0 0 20px;
  display: grid;
}

.trade-market-choice > span {
  text-align: left;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.trade-market-choice > span > span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.trade-market-choice b {
  font: 560 13px var(--font-mono) !important;
}

.trade-market-choice > span b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
  font-family: var(--font-body) !important;
}

.trade-market-choice small {
  color: var(--terminal-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}

.trade-market-star {
  color: #7e8386;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 19px;
}

.trade-market-star:hover {
  color: #e5c75b;
}

.professional-chart {
  background: #0d0e10;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.professional-chart-toolbar {
  border-bottom: 1px solid var(--terminal-border-soft);
  background: #101113;
  justify-content: flex-start;
  gap: 2px;
  min-height: 38px;
  padding: 0 8px;
  overflow: visible;
}

.professional-chart-toolbar > div {
  border-right: 0;
  align-items: center;
}

.professional-chart-toolbar > div + div {
  border-left: 1px solid var(--terminal-border-soft);
  margin-left: 4px;
  padding-left: 6px;
}

.professional-chart-toolbar .professional-chart-tools {
  border-left: 0;
  margin-left: auto;
  padding-left: 0;
}

.professional-chart-toolbar button {
  color: #8b9094;
  min-width: 0;
  min-height: 28px;
  font: 520 12px var(--font-body);
  text-transform: capitalize;
  background: none;
  border: 0;
  border-radius: 4px;
  padding: 0 9px;
}

.professional-chart-toolbar button:hover {
  color: #c8cacc;
  background: #ffffff08;
}

.professional-chart-toolbar button.active {
  color: var(--terminal-mint);
  background: #e2e4e612;
}

.professional-chart-toolbar button span {
  color: #0e0f11;
  min-width: 18px;
  height: 18px;
  font: 650 10px var(--font-mono);
  background: var(--terminal-mint);
  border-radius: 9px;
  place-items: center;
  margin-left: 5px;
  display: inline-grid;
}

.professional-chart-menu {
  position: relative;
  overflow: visible !important;
}

.professional-chart-popover {
  z-index: 30;
  background: #1b1e21;
  border: 1px solid #363a40;
  border-radius: 6px;
  min-width: 170px;
  padding: 6px;
  display: grid;
  position: absolute;
  top: 38px;
  left: 4px;
  box-shadow: 0 14px 36px #0008;
}

.professional-chart-popover button {
  text-align: left;
  justify-content: flex-start;
  width: 100%;
}

.professional-chart-legend {
  color: #929699;
  background: #0d0e10d9;
}

.professional-chart-footer {
  color: #6e7276;
  border-top-color: var(--terminal-border-soft);
  background: #101113;
}

@media (max-width: 1399px) {
  .trade-instrument-bar {
    grid-template-columns: minmax(220px, 1.2fr) repeat(6, minmax(0, .58fr)) minmax(105px, .68fr);
  }

  .trade-quote {
    padding-inline: 9px;
  }

  .trade-quote span {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (max-width: 1220px) {
  .trade-terminal {
    min-width: 1000px;
  }

  .trade-body {
    grid-template-columns: minmax(0, 1fr) 350px;
  }

  .trade-stage-top {
    grid-template-columns: minmax(0, 1fr) var(--book-width, 280px);
  }

  .trade-stage-top.is-book-collapsed {
    grid-template-columns: minmax(0, 1fr) 30px;
  }
}

@media (max-width: 900px) {
  .trade-terminal {
    min-width: 0;
  }

  .trade-body {
    display: block;
  }

  .trade-main-col {
    border-right: 0;
  }

  .trade-stage-top, .trade-stage-lower {
    display: block;
  }

  .trade-stage-top {
    min-height: 0;
  }

  .trade-chart-panel {
    border-right: 0;
    grid-template-rows: 48px 650px;
  }

  .trade-flow-panel.is-collapsed {
    min-height: 0;
  }

  .trade-flow-expand {
    writing-mode: horizontal-tb;
    height: 48px;
  }

  .trade-resize-x, .trade-resize-y, .trade-instrument-bar > :nth-child(n+5):not(.trade-status) {
    display: none;
  }

  .trade-status {
    min-width: 120px;
  }

  .trade-ticket-panel {
    border-top: 1px solid var(--terminal-border);
    min-height: auto;
  }

  .trade-account-panel, .trade-flow-panel {
    border-right: 0;
    border-bottom: 1px solid var(--terminal-border);
    min-height: 560px;
  }

  .trade-flow-panel > :is(.trade-book, .trade-tape) {
    min-height: 506px;
  }
}

@media (max-width: 600px) {
  .trade-chart-panel {
    grid-template-rows: 48px 560px;
  }

  .trade-instrument-bar > :nth-child(n+4) {
    display: none;
  }

  .trade-symbol {
    padding-inline: 12px;
  }

  .trade-panel-tabs {
    padding-inline: 4px;
    overflow-x: auto;
  }

  .trade-panel-tabs > div:first-child button, .trade-chart-controls button {
    padding-inline: 8px;
  }

  .trade-market-selector {
    width: calc(100vw - 16px);
  }

  .trade-market-overlay {
    padding-top: 12px;
  }

  .trade-market-selector-head {
    grid-template-columns: minmax(0, 1fr) 82px 58px 34px;
    padding-inline: 12px;
  }

  .trade-market-choice {
    grid-template-columns: minmax(0, 1fr) 82px 58px;
    padding-left: 12px;
  }

  .trade-market-choice small, .trade-market-choice > b:nth-of-type(2) {
    font-size: 10px;
  }

  .trade-account-tabs {
    display: block;
  }

  .trade-account-tabs > span {
    display: none;
  }

  .professional-chart-sparse {
    max-width: 230px;
    top: 84px;
    right: 10px;
  }
}

@media (max-width: 760px) {
  .trade-chart-panel, .professional-chart {
    width: 100vw;
    max-width: 100vw;
    overflow: hidden;
  }

  .professional-chart-toolbar {
    scrollbar-width: thin;
  }

  .professional-chart-legend {
    max-width: calc(100vw - 12px);
    overflow: hidden;
  }
}

.trade-market-tools {
  background: #0d110e;
  border-bottom: 1px solid #2a2d31;
  padding: 8px;
}

.trade-market-tools input {
  color: #d8dfd7;
  width: 100%;
  height: 32px;
  font: 12px var(--font-mono);
  background: #090d0a;
  border: 1px solid #2c3034;
  border-radius: 3px;
  outline: none;
  padding: 0 9px;
}

.trade-market-tools input:focus {
  border-color: #e2e4e680;
}

.trade-market-tools > div {
  background: #26292d;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin-top: 6px;
  display: grid;
}

.trade-market-tools button, .trade-layout-switch button {
  color: #737c74;
  min-height: 25px;
  font: 10px var(--font-mono);
  cursor: pointer;
  background: #121316;
  border: 0;
}

.trade-market-tools button.active, .trade-layout-switch button.active {
  color: #e2e4e6;
  background: #e2e4e612;
}

.trade-market-row {
  border-bottom: 1px solid #222528;
  grid-template-columns: 22px 1fr;
  min-height: 56px;
  display: grid;
  position: relative;
}

.trade-market-row:hover, .trade-market-row.selected {
  background: #17191c;
}

.trade-market-row.selected {
  box-shadow: inset 2px 0 #e2e4e6;
}

.trade-market-row > .trade-favorite {
  color: #717579;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0 0 0 3px;
  font-size: 15px;
}

.trade-market-row > .trade-favorite:hover {
  color: #d2b86f;
}

.trade-market-row > button:last-child {
  color: #aab2aa;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 22px 1fr auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 9px 0 0;
  display: grid;
}

.trade-market-row > button:last-child:disabled {
  cursor: not-allowed;
  opacity: .4;
}

.trade-market-row > button:last-child span {
  gap: 3px;
  display: grid;
}

.trade-market-row > button:last-child span:last-child {
  text-align: right;
}

.trade-market-row b {
  font-size: 12px;
  font-weight: 560;
}

.trade-market-row small {
  color: #697169;
  font-size: 11px;
}

.trade-market-empty {
  color: #626b63;
  text-align: center;
  margin: 28px 10px;
  font-size: 12px;
}

.trade-open-demo {
  color: #07100a;
  min-height: 36px;
  font: 650 11px var(--font-mono);
  cursor: pointer;
  background: #e2e4e6;
  border: 1px solid #e2e4e6;
  border-radius: 3px;
  margin-top: 10px;
  padding: 0 16px;
}

.trade-layout-switch {
  border-inline: 1px solid #2a2d31;
  margin-right: 7px;
  display: flex;
}

.trade-layout-switch button {
  min-width: 28px;
}

.trade-book > header label {
  color: #6c7074;
  font: 10px var(--font-mono);
  align-items: center;
  gap: 6px;
  display: flex;
}

.trade-book > header select {
  color: #b7c0b7;
  height: 24px;
  font: 11px var(--font-mono);
  background: #0b0f0c;
  border: 1px solid #2e3236;
  border-radius: 2px;
}

button.trade-depth-row {
  width: 100%;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

button.trade-depth-row:hover {
  background: #ffffff08;
}

.trade-grid-shell.is-layout-chart {
  grid-template-columns: minmax(760px, 1fr) 320px;
}

.trade-grid-shell.is-layout-chart .trade-watchlist, .trade-grid-shell.is-layout-chart .trade-flow-panel {
  display: none;
}

.trade-grid-shell.is-layout-chart .trade-chart-panel {
  grid-column: 1;
}

.trade-grid-shell.is-layout-chart .trade-ticket-panel {
  grid-column: 2;
}

.trade-grid-shell.is-layout-chart .trade-account-panel {
  grid-column: 1 / 3;
}

.trade-grid-shell.is-layout-depth {
  grid-template-columns: minmax(620px, 1fr) 320px 320px;
}

.trade-grid-shell.is-layout-depth .trade-watchlist {
  display: none;
}

.trade-grid-shell.is-layout-depth .trade-chart-panel {
  grid-column: 1;
}

.trade-grid-shell.is-layout-depth .trade-flow-panel {
  grid-column: 2;
}

.trade-grid-shell.is-layout-depth .trade-ticket-panel {
  grid-column: 3;
}

.trade-grid-shell.is-layout-depth .trade-account-panel {
  grid-column: 1 / 4;
}

.trade-terminal :is(button, input, select, label, span, small, time, b) {
  text-rendering: geometricprecision;
}

.trade-terminal .trade-depth-row, .trade-terminal .trade-tape > div, .trade-terminal .trade-flow-columns, .trade-terminal .trade-chart-footer, .trade-terminal .trade-ledger-table > header, .trade-terminal .trade-ledger-table > div {
  font-size: 12px;
}

.trade-terminal .trade-depth-row {
  min-height: 19px;
}

@media (max-width: 1180px) {
  .trade-grid-shell.is-layout-chart, .trade-grid-shell.is-layout-depth {
    grid-template-columns: 170px minmax(480px, 1fr) 260px;
  }

  .trade-grid-shell.is-layout-chart .trade-watchlist, .trade-grid-shell.is-layout-chart .trade-flow-panel, .trade-grid-shell.is-layout-depth .trade-watchlist {
    display: flex;
  }
}

* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

::-webkit-scrollbar {
  display: none;
}

.terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar {
  grid-template-columns: auto 1fr auto;
  height: 52px;
}

.terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar .wordmark-image {
  width: 132px;
}

.terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar nav {
  justify-self: start;
  gap: 2px;
  margin-left: 14px;
}

.terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar nav a {
  height: 30px;
  padding-inline: 11px;
  font-size: 12.5px;
}

.terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar-actions .wallet-button, .terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar-actions .wallet-connected {
  color: #0c0d0f;
  min-height: 32px;
  font: 650 12px var(--font-body);
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none;
  background: #e2e4e6;
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
}

.terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar-actions .wallet-button:hover, .terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar-actions .wallet-connected:hover {
  background: #f2f4f4;
  border: 0;
}

.terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar-actions .wallet-connected {
  color: #e2e4e6;
  background: #181a1d;
  border: 1px solid #2a2d31;
}

.terminal-shell:is(.is-landing-route, .is-app-route, .is-trading-route) .topbar-actions .wallet-connected small {
  color: #8b9094;
  border-left-color: #2a2d31;
}

.professional-chart.tv-chart {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.tv-topbar {
  border-bottom: 1px solid var(--terminal-border-soft);
  background: #101113;
  align-items: center;
  gap: 2px;
  min-height: 38px;
  padding: 0 8px;
  display: flex;
}

.tv-topbar button {
  color: #8b9094;
  min-width: 0;
  min-height: 28px;
  font: 520 12px var(--font-body);
  text-transform: capitalize;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  padding: 0 9px;
}

.tv-topbar button:hover {
  color: #c8cacc;
  background: #ffffff08;
}

.tv-topbar button.active {
  color: var(--terminal-mint);
  background: #e2e4e612;
}

.tv-intervals {
  gap: 1px;
  display: flex;
}

.tv-intervals button {
  font-family: var(--font-mono);
  text-transform: none;
  padding: 0 7px;
  font-size: 11.5px;
}

.tv-sep {
  background: var(--terminal-border-soft);
  align-self: center;
  width: 1px;
  height: 20px;
  margin: 0 5px;
}

.tv-caret:after {
  content: "⌄";
  color: #6b7075;
  margin-left: 5px;
}

.tv-topbar-right {
  align-items: center;
  gap: 2px;
  margin-left: auto;
  display: flex;
}

.tv-body {
  min-width: 0;
  min-height: 0;
  display: flex;
}

.tv-rail {
  border-right: 1px solid var(--terminal-border-soft);
  background: #101113;
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 2px;
  width: 38px;
  padding: 6px 0;
  display: flex;
}

.tv-rail button {
  color: #8b9094;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: grid;
}

.tv-rail button:hover {
  color: #c8cacc;
  background: #ffffff08;
}

.tv-rail button.active {
  color: var(--terminal-mint);
  background: #e2e4e612;
}

.tv-rail button:disabled {
  color: #4a4e52;
  cursor: default;
  background: none;
}

.tv-rail-sep {
  background: var(--terminal-border-soft);
  width: 18px;
  height: 1px;
  margin: 4px 0;
}

.tv-canvas-wrap {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: grid;
  position: relative;
}

.tv-chart .professional-chart-legend {
  top: 10px;
}

.tv-symbol-cell b {
  color: #e9eaec;
  font-weight: 620;
}

.tv-countdown {
  color: #8b9094;
  border: 1px solid #2a2d31;
  border-radius: 4px;
  padding: 1px 6px;
}

.tv-fresh {
  border: 1px solid #2a2d31;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 1px 7px;
  font-size: 10.5px;
  display: inline-flex;
}

.tv-fresh i {
  background: currentColor;
  border-radius: 999px;
  width: 5px;
  height: 5px;
}

.tv-fresh.is-live {
  color: #58b983;
}

.tv-fresh.is-slow {
  color: #d8b967;
}

.tv-fresh.is-stale {
  color: #ff6b5e;
  border-color: #ff6b5e55;
}

.sk-terminal {
  gap: 1px;
  padding: 0;
  display: grid;
}

.sk-block {
  border: 1px solid var(--terminal-border-soft);
  background: #101113;
  position: relative;
  overflow: hidden;
}

.sk-block:after {
  content: "";
  background: linear-gradient(100deg, #0000 30%, #ffffff06 50%, #0000 70%);
  animation: 1.6s ease-in-out infinite sk-sweep;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@keyframes sk-sweep {
  to {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sk-block:after {
    animation: none;
  }
}

.sk-instrument {
  height: 64px;
}

.sk-body {
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 1px;
  display: grid;
}

.sk-main {
  gap: 1px;
  min-width: 0;
  display: grid;
}

.sk-stage {
  height: var(--stage-height, 620px);
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 1px;
  display: grid;
}

.sk-account {
  height: 300px;
}

.sk-rail {
  grid-template-rows: var(--stage-height, 620px) minmax(0, 1fr);
  gap: 1px;
  display: grid;
}

@media (max-width: 900px) {
  .sk-body, .sk-stage {
    grid-template-columns: 1fr;
  }

  .sk-stage {
    height: auto;
  }

  .sk-chart {
    height: 320px;
  }

  .sk-book, .sk-ticket {
    height: 220px;
  }
}

.trade-market-selector.is-mini {
  background: #101113;
  border: 1px solid #2a2d31;
  border-radius: 12px;
  width: min(480px, 100vw - 32px);
  padding: 0;
  overflow: hidden;
}

.trade-market-selector.is-mini .trade-market-search {
  color: #6b7075;
  border-bottom: 1px solid #1e2124;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 14px;
  display: flex;
}

.trade-market-selector.is-mini .trade-market-search input {
  color: #e9eaec;
  min-width: 0;
  font: 400 14px var(--font-body);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
}

.trade-market-selector.is-mini .trade-market-search input::placeholder {
  color: #6b7075;
}

.trade-market-selector.is-mini .trade-market-search > button {
  color: #6b7075;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  display: grid;
}

.trade-market-selector.is-mini .trade-market-search > button:hover {
  color: #e9eaec;
  background: #ffffff0a;
}

.trade-market-selector.is-mini .trade-market-filters {
  gap: 4px;
  padding: 10px 12px 4px;
  display: flex;
}

.trade-market-selector.is-mini .trade-market-filters button {
  color: #8b9094;
  font: 520 11.5px var(--font-body);
  text-transform: capitalize;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 4px 10px;
}

.trade-market-selector.is-mini .trade-market-filters button:hover {
  color: #c8cacc;
  background: #ffffff08;
}

.trade-market-selector.is-mini .trade-market-filters button.active {
  color: #e9eaec;
  background: #e2e4e612;
}

.trade-market-selector.is-mini .trade-market-selector-list {
  max-height: 380px;
  padding: 6px;
  overflow-y: auto;
}

.trade-market-selector.is-mini .trade-market-selector-row {
  border-radius: 8px;
  align-items: center;
  display: flex;
}

.trade-market-selector.is-mini .trade-market-selector-row:hover, .trade-market-selector.is-mini .trade-market-selector-row.selected {
  background: #ffffff07;
}

.trade-market-selector.is-mini .trade-market-choice {
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  grid-template-columns: minmax(0, 1fr) auto 64px;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 6px 0 10px;
  display: grid;
}

.trade-market-selector.is-mini .trade-market-choice > span {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.trade-market-selector.is-mini .trade-market-choice b {
  color: #e9eaec;
  font: 620 13px var(--font-body);
  letter-spacing: -.01em;
}

.trade-market-selector.is-mini .trade-market-choice > b {
  font-family: var(--font-mono);
  text-align: right;
  font-size: 12.5px;
}

.trade-market-selector.is-mini .trade-market-choice > b:last-of-type {
  font-size: 12px;
}

.trade-market-selector.is-mini .trade-market-choice > b.positive {
  color: #58b983;
}

.trade-market-selector.is-mini .trade-market-choice > b.negative {
  color: #ff6b5e;
}

.trade-market-selector.is-mini .trade-market-star {
  margin-right: 8px;
}

.topbar-actions .wallet-avatar {
  color: #c8cacc;
  cursor: pointer;
  background: #181a1d;
  border: 1px solid #2a2d31;
  border-radius: 999px;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: grid;
}

.topbar-actions .wallet-avatar:hover {
  color: #e9eaec;
  border-color: #3a3e43;
}

.wallet-account-popover.wallet-mini {
  background: #101113;
  border: 1px solid #2a2d31;
  border-radius: 12px;
  gap: 10px;
  min-width: 240px;
  padding: 14px;
  display: grid;
}

.wallet-mini-title {
  color: #e9eaec;
  font: 620 13px var(--font-body);
}

.wallet-mini-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.wallet-mini-head strong {
  color: #e9eaec;
  font: 600 13px var(--font-mono);
}

.wallet-mini-head button {
  color: #8b9094;
  font: 560 11px var(--font-body);
  cursor: pointer;
  background: none;
  border: 1px solid #2a2d31;
  border-radius: 999px;
  padding: 3px 9px;
}

.wallet-mini-head button:hover {
  color: #e9eaec;
  border-color: #3a3e43;
}

.wallet-mini-row {
  color: #8b9094;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.wallet-mini-row b {
  color: #e9eaec;
  font: 600 12.5px var(--font-mono);
}

.wallet-mini-disconnect {
  color: #c8cacc;
  width: 100%;
  font: 560 12.5px var(--font-body);
  cursor: pointer;
  background: none;
  border: 1px solid #2a2d31;
  border-radius: 8px;
  padding: 8px 0;
}

.wallet-mini-disconnect:hover {
  color: #ff6b5e;
  border-color: #ff6b5e55;
}

.wallet-account-popover.wallet-panel {
  background: #101113;
  border: 1px solid #2a2d31;
  border-radius: 12px;
  gap: 12px;
  min-width: 290px;
  padding: 16px;
  display: grid;
}

.wallet-panel-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.wallet-panel-head strong {
  color: #e9eaec;
  font: 600 14px var(--font-mono);
  display: block;
}

.wallet-panel-head small {
  color: #8b9094;
  font-size: 12px;
}

.wallet-panel-head > button {
  color: #8b9094;
  font: 560 11px var(--font-body);
  cursor: pointer;
  background: none;
  border: 1px solid #2a2d31;
  border-radius: 999px;
  padding: 3px 9px;
}

.wallet-panel-head > button:hover {
  color: #e9eaec;
  border-color: #3a3e43;
}

.wallet-panel-balance {
  color: #8b9094;
  background: #131417;
  border: 1px solid #1e2124;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  font-size: 12.5px;
  display: flex;
}

.wallet-panel-balance b {
  color: #e9eaec;
  font: 600 13.5px var(--font-mono);
}

.wallet-panel-tabs {
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  display: grid;
}

.wallet-panel-tabs button {
  color: #8b9094;
  font: 560 12.5px var(--font-body);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 7px 0;
}

.wallet-panel-tabs button.active {
  color: #e9eaec;
  background: #e2e4e612;
}

.wallet-panel-form {
  gap: 8px;
  display: grid;
}

.wallet-panel-amount {
  background: #0d0e10;
  border: 1px solid #2a2d31;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  display: flex;
}

.wallet-panel-amount input {
  color: #e9eaec;
  min-width: 0;
  height: 40px;
  font: 500 15px var(--font-mono);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
}

.wallet-panel-amount span {
  color: #6b7075;
  font: 600 12px var(--font-mono);
}

.wallet-panel-amount > button {
  color: #75c99a;
  font: 600 11px var(--font-body);
  cursor: pointer;
  background: #75c99a14;
  border: 0;
  border-radius: 6px;
  padding: 3px 8px;
}

.wallet-panel-submit {
  color: #0c0d0f;
  width: 100%;
  font: 640 13px var(--font-body);
  cursor: pointer;
  background: #e2e4e6;
  border: 0;
  border-radius: 9px;
  padding: 10px 0;
}

.wallet-panel-submit:hover:not(:disabled) {
  background: #f2f4f4;
}

.wallet-panel-submit:disabled {
  color: #6b7075;
  cursor: default;
  background: #181a1d;
}

.wallet-panel-notice {
  color: #8b9094;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.wallet-mini-group {
  color: #6b7075;
  font: 600 10.5px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 2px;
}

.wallet-mini-add {
  color: #8b9094;
  width: 100%;
  font: 560 12.5px var(--font-body);
  cursor: pointer;
  background: none;
  border: 1px dashed #2a2d31;
  border-radius: 8px;
  padding: 8px 0;
}

.wallet-mini-add:hover {
  color: #e9eaec;
  border-color: #3a3e43;
}

.wallet-mini .wallet-account-list {
  gap: 4px;
  display: grid;
}

.wallet-mini .wallet-account-list button {
  color: #e9eaec;
  min-height: 38px;
  font: 560 13px var(--font-body);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  display: flex;
}

.wallet-mini .wallet-account-list button img {
  border-radius: 4px;
}

.wallet-mini .wallet-account-list button:hover {
  background: #ffffff08;
}

.tv-ruler {
  z-index: 5;
  pointer-events: none;
  border: 1px solid;
  position: absolute;
}

.tv-ruler.is-up {
  background: #58b9831f;
  border-color: #58b98388;
}

.tv-ruler.is-down {
  background: #ff6b5e1f;
  border-color: #ff6b5e88;
}

.tv-ruler-label {
  color: #c8cacc;
  font: 11px var(--font-mono);
  text-align: center;
  white-space: nowrap;
  background: #101113f0;
  border: 1px solid #2a2d31;
  border-radius: 6px;
  gap: 2px;
  margin-bottom: 6px;
  padding: 7px 10px;
  display: grid;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tv-ruler.is-up .tv-ruler-label b {
  color: #58b983;
}

.tv-ruler.is-down .tv-ruler-label b {
  color: #ff6b5e;
}

.tv-ruler-label span {
  color: #8b9094;
}

.tv-bottombar {
  color: #6b7075;
  min-height: 26px;
  font: 11px var(--font-mono);
  border-top: 1px solid var(--terminal-border-soft);
  background: #101113;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  display: flex;
}

.tv-scalebar {
  gap: 2px;
  display: flex;
}

.tv-scalebar button {
  color: #6b7075;
  font: 600 11px var(--font-mono);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 3px;
  padding: 2px 7px;
}

.tv-scalebar button:hover {
  color: #c8cacc;
  background: #ffffff08;
}

.tv-scalebar button.active {
  color: var(--terminal-mint);
}

.trade-resize-x {
  z-index: 6;
  cursor: col-resize;
  touch-action: none;
  background: none;
  border: 0;
  width: 9px;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.trade-resize-y {
  z-index: 6;
  cursor: row-resize;
  touch-action: none;
  background: none;
  border: 0;
  width: 100%;
  height: 9px;
  padding: 0;
  display: block;
  position: relative;
}

.trade-resize-x:hover, .trade-resize-x.is-dragging, .trade-resize-y:hover, .trade-resize-y.is-dragging {
  background: #e2e4e62e;
}

.trade-resize-y:after {
  content: "";
  background: #33373c;
  border-radius: 999px;
  width: 44px;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.trade-resize-x:after {
  content: "";
  background: #33373c;
  border-radius: 999px;
  width: 3px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.trade-resize-y:hover:after, .trade-resize-y.is-dragging:after, .trade-resize-x:hover:after, .trade-resize-x.is-dragging:after {
  background: #6b7075;
}

.trade-flow-panel {
  position: relative;
}

.trade-terminal.is-resizing, .trade-terminal.is-resizing * {
  -webkit-user-select: none;
  user-select: none;
  cursor: inherit !important;
}

.v2-size-slider {
  gap: 7px;
  margin-top: 10px;
  display: grid;
}

.v2-size-slider > span {
  color: #83888c;
  justify-content: space-between;
  font-size: 11px;
  display: flex;
}

.v2-size-slider > span b {
  color: #e2e4e6;
  font: 600 11px var(--font-mono);
}

.v2-size-slider input[type="range"] {
  cursor: pointer;
  appearance: none;
  background: none;
  width: 100%;
  height: 18px;
  margin: 0;
}

.v2-size-slider input[type="range"]:disabled {
  cursor: not-allowed;
  opacity: .4;
}

.v2-size-slider input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #e2e4e6 var(--slider-fill, 0%), #2a2d31 var(--slider-fill, 0%));
  border-radius: 2px;
  height: 4px;
}

.v2-size-slider input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background: #131417;
  border: 2px solid #e2e4e6;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-top: -5px;
}

.v2-size-slider input[type="range"]::-moz-range-track {
  background: #2a2d31;
  border-radius: 2px;
  height: 4px;
}

.v2-size-slider input[type="range"]::-moz-range-progress {
  background: #e2e4e6;
  border-radius: 2px;
  height: 4px;
}

.v2-size-slider input[type="range"]::-moz-range-thumb {
  background: #131417;
  border: 2px solid #e2e4e6;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.trade-icon {
  vertical-align: middle;
  flex: none;
  display: inline-block;
}

.trade-ticket-panel .v2-ticket-submit.is-long, .trade-ticket-panel .button.is-long {
  color: #071009;
  background: #3fc98f;
  border-color: #3fc98f;
}

.trade-ticket-panel .v2-ticket-submit.is-short, .trade-ticket-panel .button.is-short {
  color: #fff2f4;
  background: #c25050;
  border-color: #c25050;
}

.trade-terminal .trade-instrument-bar {
  background: var(--terminal-panel);
  gap: 0;
  display: flex;
  border-color: var(--terminal-border) !important;
}

.trade-terminal .trade-quote {
  border: 0;
  border-right: 1px solid var(--terminal-border-soft);
  box-shadow: none;
  background: none;
  border-radius: 0;
  margin: 0;
}

.trade-terminal :is(.trade-chart-panel, .trade-flow-panel, .trade-ticket-panel, .trade-account-panel) {
  border-color: var(--terminal-border) !important;
}

.trade-ticket-panel .v2-checkbox {
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 0;
}

.trade-ticket-panel .v2-checkbox input {
  accent-color: #3fc98f;
  width: 14px;
  height: 14px;
}

.trade-ticket-panel .v2-checkbox strong {
  color: #c8cacc;
  font: 550 12.5px var(--font-body);
  letter-spacing: 0;
  text-transform: none;
}

.trade-ticket-panel .v2-checkbox small {
  display: none;
}

.trade-ticket-panel .v2-ticket-controls {
  grid-template-columns: 1fr .8fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
  display: grid;
}

.trade-ticket-panel .v2-ticket-controls :is(button, select) {
  color: #c8cacc;
  height: 34px;
  font: 550 12.5px var(--font-body);
  cursor: pointer;
  appearance: none;
  border: 1px solid var(--terminal-border);
  background: var(--terminal-raised);
  border-radius: 8px;
  padding: 0 12px;
}

.trade-ticket-panel .v2-ticket-controls select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b9094' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 9px center;
  background-repeat: no-repeat;
  padding-right: 26px;
}

.trade-ticket-panel .v2-ticket-controls :is(button, select):hover:not(:disabled) {
  border-color: #3a3e44;
}

.trade-ticket-panel .v2-ticket-controls button:disabled {
  cursor: default;
  opacity: .75;
}

.trade-ticket-panel .v2-side-control {
  background: var(--terminal-raised);
  border: 0;
  border-radius: 999px;
  gap: 4px;
  padding: 3px;
}

.trade-ticket-panel .v2-side-control button {
  color: #8b9094;
  min-height: 32px;
  font: 600 13px var(--font-body);
  background: none;
  border: 0;
  border-radius: 999px;
}

.trade-ticket-panel .v2-side-control button.is-long {
  color: #071009;
  background: #3fc98f;
}

.trade-ticket-panel .v2-side-control button.is-short {
  color: #fff2f4;
  background: #c25050;
}

.brand-logo-fallback {
  background: none;
  border: 0;
}

.v2-leverage-overlay {
  z-index: 1200;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #000000a8;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
}

.v2-leverage-modal {
  text-align: center;
  background: #131417;
  border: 1px solid #2a2d31;
  border-radius: 18px;
  width: min(420px, 100vw - 40px);
  padding: 26px 24px 22px;
  position: relative;
  box-shadow: 0 30px 90px #000c;
}

.v2-leverage-close {
  color: #8b9094;
  cursor: pointer;
  background: #1e2124;
  border: 0;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
  position: absolute;
  top: 14px;
  right: 14px;
}

.v2-leverage-close:hover {
  color: #e9eaec;
}

.v2-leverage-modal h3 {
  color: #e9eaec;
  font: 650 17px var(--font-body);
  margin: 0 0 6px;
}

.v2-leverage-modal > p {
  color: #8b9094;
  margin: 0 0 18px;
  font-size: 12.5px;
}

.v2-leverage-stepper {
  background: #181a1d;
  border: 1px solid #2a2d31;
  border-radius: 12px;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  height: 44px;
  margin-bottom: 18px;
  display: grid;
}

.v2-leverage-stepper button {
  color: #8b9094;
  cursor: pointer;
  background: none;
  border: 0;
  height: 100%;
  font-size: 18px;
}

.v2-leverage-stepper button:hover {
  color: #e9eaec;
}

.v2-leverage-stepper strong {
  color: #e9eaec;
  font: 600 15px var(--font-mono);
}

.v2-leverage-slider {
  margin: 0 4px 20px;
  position: relative;
}

.v2-leverage-slider input[type="range"] {
  cursor: pointer;
  appearance: none;
  z-index: 2;
  background: none;
  width: 100%;
  height: 20px;
  margin: 0;
  position: relative;
}

.v2-leverage-slider input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #3fc98f var(--slider-fill, 0%), #2a2d31 var(--slider-fill, 0%));
  border-radius: 2px;
  height: 4px;
}

.v2-leverage-slider input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background: #131417;
  border: 3px solid #3fc98f;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-top: -6px;
}

.v2-leverage-slider input[type="range"]::-moz-range-track {
  background: #2a2d31;
  border-radius: 2px;
  height: 4px;
}

.v2-leverage-slider input[type="range"]::-moz-range-progress {
  background: #3fc98f;
  border-radius: 2px;
  height: 4px;
}

.v2-leverage-slider input[type="range"]::-moz-range-thumb {
  background: #131417;
  border: 3px solid #3fc98f;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.v2-leverage-notches {
  z-index: 1;
  pointer-events: none;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 8px 2px auto;
}

.v2-leverage-notches i {
  background: #2a2d31;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-top: -2px;
}

.v2-leverage-notches i.is-passed {
  background: #3fc98f;
}

.v2-leverage-modal ul {
  color: #8b9094;
  text-align: left;
  margin: 0 0 20px;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.55;
}

.v2-leverage-modal ul li + li {
  margin-top: 6px;
}

.v2-leverage-confirm {
  color: #071009;
  width: 100%;
  height: 40px;
  font: 650 13px var(--font-body);
  cursor: pointer;
  background: #3fc98f;
  border: 0;
  border-radius: 999px;
}

.v2-leverage-confirm:hover {
  background: #4cd49a;
}

.trade-ticket-panel .v2-check-row {
  align-items: center;
  gap: 22px;
  margin-top: 12px;
  display: flex;
}

.trade-ticket-panel .v2-round-check {
  color: #c8cacc;
  font: 550 12.5px var(--font-body);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.trade-ticket-panel .v2-round-check input {
  width: 16px;
  height: 16px;
  cursor: inherit;
  appearance: none;
  background: none;
  border: 1.5px solid #6b7075;
  border-radius: 50%;
  margin: 0;
}

.trade-ticket-panel .v2-round-check input:checked {
  background: radial-gradient(circle, #3fc98f 0 4px, #0000 4.5px);
  border-color: #3fc98f;
}

.trade-ticket-panel .v2-round-check.is-disabled {
  cursor: not-allowed;
  opacity: .5;
}

.v2-option-list {
  gap: 12px;
  margin-bottom: 20px;
  display: grid;
}

.v2-option-card {
  text-align: left;
  cursor: pointer;
  background: #181a1d;
  border: 1px solid #2a2d31;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.v2-option-card:hover:not(:disabled) {
  border-color: #3a3e44;
}

.v2-option-card.is-selected {
  border-color: #3fc98f;
}

.v2-option-card:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.v2-option-card span {
  gap: 4px;
  display: grid;
}

.v2-option-card strong {
  color: #e9eaec;
  font: 640 14px var(--font-body);
}

.v2-option-card small {
  color: #8b9094;
  font-size: 12px;
}

.v2-option-card i {
  border: 1.5px solid #6b7075;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  display: grid;
}

.v2-option-card i.is-checked {
  color: #071009;
  background: #3fc98f;
  border-color: #3fc98f;
}

.trade-ticket-panel .v2-ticket-controls .has-caret {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b9094' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 9px center;
  background-repeat: no-repeat;
  padding-right: 26px;
}

.trade-book-group {
  gap: 2px;
  display: flex;
}

.trade-book-group button {
  color: #8b9094;
  font: 500 10px var(--font-mono);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  padding: 3px 8px;
}

.trade-book-group button:hover {
  color: #e9eaec;
}

.trade-book-group button.active {
  color: #e9eaec;
  background: #1e2124;
}

.v2-index-pro {
  width: 100%;
  height: 100%;
  min-height: 320px;
  position: relative;
}

.v2-index-pro-canvas {
  width: 100%;
  height: 100%;
}

.v2-index-pro-legend {
  z-index: 4;
  color: #8b9094;
  font: 11px var(--font-mono);
  pointer-events: none;
  align-items: center;
  gap: 14px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 12px;
}

.v2-index-pro-legend b {
  color: #c6c9cb;
  font-weight: 500;
}

.v2-index-pro-legend span {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.v2-index-pro-legend i {
  border-top: 2px solid #3fc98f;
  width: 14px;
}

.v2-index-pro-legend i.is-dashed {
  border-top: 1px dashed #9096a0;
}

.v2-index-pro-legend i.is-dotted {
  border-top: 1px dotted #6b7075;
}

.trade-index-series {
  height: 100%;
  min-height: 0;
}

.trade-ticket-panel .v2-field {
  background: #131417;
  border: 1px solid #2a2d31;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  margin-top: 10px;
  padding: 0 14px;
  transition: border-color .14s;
  display: flex;
}

.trade-ticket-panel .v2-field:focus-within {
  border-color: #3fc98f66;
}

.trade-ticket-panel .v2-field > span {
  color: #8b9094;
  font: 500 12.5px var(--font-body);
  letter-spacing: 0;
  text-transform: none;
  flex: none;
}

.trade-ticket-panel .v2-field > span small {
  display: none;
}

.trade-ticket-panel .v2-field > div {
  background: none;
  border: 0;
  border-radius: 0;
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 0;
  display: flex;
}

.trade-ticket-panel .v2-field input {
  text-align: right;
  color: #e9eaec;
  min-width: 0;
  height: auto;
  font: 500 13.5px var(--font-mono);
  font-variant-numeric: tabular-nums;
  background: none;
  border: 0;
  flex: 1;
  padding: 0;
}

.trade-ticket-panel .v2-field > div i {
  position: static;
  top: auto;
  right: auto;
}

.trade-ticket-panel .v2-field input:focus {
  outline: none;
}

.trade-ticket-panel .v2-field > div i {
  color: #8b9094;
  font: 550 11px var(--font-body);
  letter-spacing: .02em;
  flex: none;
  font-style: normal;
}

.trade-ticket-panel .v2-ticket-controls :is(button, select) {
  border-radius: 10px;
}

.trade-ticket-region {
  height: var(--stage-height);
  border-bottom: 1px solid var(--terminal-border);
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: hidden auto;
}

.trade-ticket-panel .v2-ticket {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.trade-ticket-panel .v2-ticket-math {
  margin-top: auto;
}

.trade-wallet-actions {
  border-top: 0;
}

.trade-account-tabs {
  overflow: hidden;
}

@media (max-width: 900px) {
  .trade-ticket-region {
    border-bottom: 0;
    height: auto;
    min-height: 0;
  }

  .trade-stage-top {
    height: auto;
    overflow: visible;
  }

  .trade-ticket-panel .v2-ticket {
    flex: none;
  }

  .trade-ticket-panel .v2-ticket-math {
    margin-top: 12px;
  }
}

.trade-book {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.trade-asks, .trade-bids {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.trade-asks {
  justify-content: flex-end;
}

.trade-bids {
  justify-content: flex-start;
}

.trade-ledger-table > header span {
  text-transform: none;
}

.trade-ledger-table.balances > header, .trade-ledger-table.balances > div:not(.trade-ledger-blank) {
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr 1fr;
}

.trade-ledger-table > .trade-ledger-blank {
  color: #8b9094;
  border-bottom: 0;
  grid-template-columns: none;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  font-size: 12.5px;
  display: flex;
}

.position-close-action {
  color: #e3e6e4;
  font: inherit;
  cursor: pointer;
  background: #191d1e;
  border: 1px solid #343a3c;
  border-radius: 4px;
  margin-left: 12px;
  padding: 5px 12px;
}

.position-close-action:hover {
  background: #28302d;
  border-color: #65c79d;
}

.position-close-action:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #65c79d;
}

.trade-asks .trade-depth-row, .trade-bids .trade-depth-row {
  flex: 1 1 0;
  min-height: 21px;
  max-height: 32px;
}

/* [project]/apps/terminal/app/landing.css [app-client] (css) */
html, body {
  overflow-x: clip;
}

.lp {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 40px) 96px;
}

.lp-eyebrow {
  font: 600 11px/1 var(--font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--acid);
  margin: 0 0 16px;
}

.lp-hero {
  padding: clamp(56px, 10vh, 120px) 0 clamp(64px, 11vh, 128px);
  position: relative;
  overflow: visible clip;
}

.lp-hero:before {
  content: "";
  border-bottom: 1px solid var(--rule-strong);
  pointer-events: none;
  background: linear-gradient(#0000 32%, #8cff3808 72%, #8cff3815 100%);
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.lp-hero-coins {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.lp-coin {
  aspect-ratio: 1;
  position: absolute;
}

.lp-coin i, .lp-coin span {
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.lp-coin i {
  background: #3c8f2e;
  transform: translate(-2%, 8%);
}

.lp-coin span {
  background: #d9ded6;
  place-items: center;
  display: grid;
  box-shadow: inset 0 0 0 3px #0000001f;
}

.lp-coin span img {
  object-fit: contain;
  filter: brightness(0);
  opacity: .88;
  width: 55%;
  height: 55%;
}

.lp-coin.is-nvidia {
  width: clamp(360px, 40vw, 560px);
  top: 20px;
  right: min(-210px, 350px - 50vw);
  transform: rotate(-28deg)scale(1, .72);
}

.lp-coin.is-nvidia span img {
  transform: rotate(28deg);
}

.lp-coin.is-computeos {
  width: clamp(170px, 19vw, 250px);
  bottom: -34px;
  right: 300px;
  transform: rotate(18deg)scale(1, .75);
}

.lp-coin.is-computeos span img {
  transform: rotate(-18deg);
}

.lp-hero-copy {
  z-index: 1;
  max-width: 620px;
  position: relative;
}

.lp-hero h1 {
  font-family: var(--font-body);
  letter-spacing: -.035em;
  color: var(--limestone);
  text-wrap: balance;
  margin: 0 0 24px;
  font-size: clamp(40px, 6.6vw, 80px);
  font-weight: 640;
  line-height: 1.02;
}

.lp-hero h1 em {
  color: var(--acid);
  font-style: normal;
}

.lp-sub {
  max-width: 540px;
  color: var(--limestone-dim);
  margin: 0 0 32px;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.6;
}

.lp-cta-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.lp-button {
  border: 1px solid var(--rule-strong);
  height: 44px;
  color: var(--limestone);
  font: 600 14px/1 var(--font-body);
  letter-spacing: .01em;
  background: none;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 0 22px;
  text-decoration: none;
  transition: border-color .16s, background-color .16s, color .16s;
  display: inline-flex;
}

.lp-button:hover {
  border-color: var(--acid);
}

.lp-button:focus-visible {
  outline: 2px solid var(--acid);
  outline-offset: 2px;
}

.lp-button.is-primary {
  background: var(--acid);
  border-color: var(--acid);
  color: #051004;
}

.lp-button.is-primary:hover {
  background: #a1ff5f;
  border-color: #a1ff5f;
}

.lp-topbar-launch {
  height: 36px;
  padding: 0 16px;
  font-size: 13px;
}

.terminal-shell.is-landing-route .topbar {
  grid-template-columns: 1fr auto;
}

.lp-how {
  padding: clamp(56px, 9vh, 96px) 0;
}

.lp-how h2 {
  font: 640 clamp(26px, 3.2vw, 38px)/1.15 var(--font-body);
  letter-spacing: -.025em;
  color: var(--limestone);
  text-wrap: balance;
  margin: 0 0 36px;
}

.lp-steps {
  border-top: 1px solid var(--rule);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.lp-step {
  border-top: 2px solid #0000;
  align-content: start;
  gap: 10px;
  margin-top: -1px;
  margin-right: 24px;
  padding: 24px 24px 0 0;
  display: grid;
}

.lp-step:last-child {
  margin-right: 0;
  padding-right: 0;
}

.lp-step-num {
  font: 600 12px/1 var(--font-mono);
  letter-spacing: .1em;
  color: var(--acid);
}

.lp-step strong {
  font: 640 17px/1.2 var(--font-body);
  letter-spacing: -.01em;
  color: var(--limestone);
}

.lp-step small {
  font: 600 10px/1 var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--limestone-faint);
}

.lp-step p {
  color: var(--limestone-dim);
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.lp-showcase {
  padding-bottom: clamp(56px, 9vh, 96px);
}

.lp-showcase h2 {
  font: 640 clamp(26px, 3.2vw, 38px)/1.15 var(--font-body);
  letter-spacing: -.025em;
  color: var(--limestone);
  text-wrap: balance;
  margin: 0 0 14px;
}

.lp-showcase > p {
  max-width: 460px;
  color: var(--limestone-dim);
  margin: 0 0 40px;
  font-size: 15px;
  line-height: 1.6;
}

.lp-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  display: grid;
}

.lp-card {
  background: var(--ink-raised);
  border: 1px solid var(--rule);
  border-radius: 24px;
  flex-direction: column;
  gap: 14px;
  min-height: 500px;
  padding: 32px 32px 0;
  transition: border-color .22s, transform .22s;
  display: flex;
  overflow: hidden;
}

.lp-card:hover {
  border-color: var(--rule-strong);
  transform: translateY(-2px);
}

.lp-chip {
  border: 1px solid var(--rule-strong);
  background: var(--ink-panel);
  width: fit-content;
  font: 600 12px/1 var(--font-body);
  letter-spacing: .01em;
  color: var(--limestone-dim);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  display: inline-flex;
}

.lp-chip i {
  border: 1px solid var(--acid);
  border-radius: 1px;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}

.lp-card h3 {
  font: 640 23px/1.25 var(--font-body);
  letter-spacing: -.02em;
  color: var(--limestone);
  text-wrap: balance;
  margin: 8px 0 0;
}

.lp-card > p {
  color: var(--limestone-dim);
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.lp-card-visual {
  margin-top: auto;
  padding: 24px 0 32px;
}

.lp-tiles {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: -4px;
  padding-bottom: 0;
  display: flex;
}

.lp-tile {
  background: var(--ink-panel);
  border: 1px solid var(--rule-strong);
  border-radius: 14px;
  justify-items: center;
  gap: 6px;
  min-width: 70px;
  padding: 14px 10px 12px;
  display: grid;
  box-shadow: 0 12px 28px #00000059;
}

.lp-tile strong {
  font: 600 10px/1 var(--font-mono);
  letter-spacing: .08em;
  color: var(--limestone);
}

.lp-tile:nth-child(odd) {
  transform: rotate(-7deg)translateY(8px);
}

.lp-tile:nth-child(2n) {
  z-index: 1;
  margin-inline: -8px;
  transform: rotate(5deg)translateY(-4px);
}

.lp-listings {
  border-top: 1px solid var(--rule);
}

.lp-listing-row {
  border-bottom: 1px solid var(--rule);
  font: 500 12px/1 var(--font-mono);
  letter-spacing: .02em;
  color: var(--limestone);
  white-space: nowrap;
  grid-template-columns: minmax(0, 1fr) auto 64px;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  display: grid;
}

.lp-listing-row:last-child {
  border-bottom: 0;
}

.lp-listing-row > span:first-child {
  text-overflow: ellipsis;
  overflow: hidden;
}

.lp-listing-row > span:first-child em {
  color: var(--limestone-faint);
  font-size: 10px;
  font-style: normal;
}

.lp-listing-row.is-median > span:first-child em {
  color: var(--acid);
  opacity: .7;
}

.lp-listing-row > span:nth-child(2) {
  text-align: right;
  letter-spacing: .1em;
  color: var(--limestone-faint);
  font-size: 9px;
}

.lp-listing-row > span:nth-child(3) {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.lp-listing-row.is-head {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--limestone-faint);
  padding-block: 8px;
  font-size: 9px;
}

.lp-listing-row.is-median > span {
  color: var(--acid);
}

.lp-listing-row.is-excluded > span {
  color: var(--limestone-faint);
}

.lp-listing-row.is-excluded > span:nth-child(3) {
  text-decoration: line-through;
}

.lp-flow {
  padding-bottom: 32px;
  display: grid;
}

.lp-flow-step {
  grid-template-rows: auto auto;
  grid-template-columns: 20px 1fr;
  gap: 3px 12px;
  padding: 12px 0;
  display: grid;
  position: relative;
}

.lp-flow-step i {
  border: 1px solid var(--acid);
  background: var(--ink-panel);
  z-index: 1;
  border-radius: 2px;
  grid-row: 1 / 3;
  place-self: start center;
  width: 8px;
  height: 8px;
  margin-top: 4px;
  transform: rotate(45deg);
}

.lp-flow-step:before {
  content: "";
  background: var(--rule-strong);
  width: 1px;
  position: absolute;
  top: 24px;
  bottom: -14px;
  left: 9.5px;
}

.lp-flow-step:last-child:before {
  display: none;
}

.lp-flow-step strong {
  font: 640 14px/1.2 var(--font-body);
  letter-spacing: -.01em;
  color: var(--limestone);
}

.lp-flow-step small {
  font: 400 12px/1.4 var(--font-body);
  color: var(--limestone-faint);
}

.lp-final {
  isolation: isolate;
  border-top: 1px solid var(--rule);
  text-align: center;
  justify-items: center;
  gap: 16px;
  padding: clamp(64px, 12vh, 120px) 0 0;
  display: grid;
  position: relative;
}

.lp-final:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(#0000 25%, #8cff3808 75%, #8cff3814 100%);
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: -96px;
  left: 50%;
  transform: translateX(-50%);
}

.lp-final h2 {
  font: 640 clamp(30px, 4.5vw, 52px)/1.15 var(--font-body);
  letter-spacing: -.025em;
  color: var(--limestone);
  text-wrap: balance;
  margin: 0;
}

.lp-final > p {
  color: var(--limestone-dim);
  margin: 0;
  font-size: 15px;
}

.lp-final .lp-cta-row {
  justify-content: center;
  margin-top: 8px;
}

.lp-disclosure {
  max-width: 640px;
  color: var(--limestone-faint);
  margin: 40px 0 0;
  font-size: 12px;
  line-height: 1.6;
}

@media (prefers-reduced-motion: no-preference) {
  .lp-hero-copy > * {
    animation: .64s cubic-bezier(.22, .61, .36, 1) both lp-rise;
  }

  .lp-hero-copy > :nth-child(2) {
    animation-delay: 70ms;
  }

  .lp-hero-copy > :nth-child(3) {
    animation-delay: .14s;
  }

  .lp-hero-coins .lp-coin {
    animation: .8s both lp-fade;
  }

  .lp-coin.is-nvidia {
    animation-delay: .18s;
  }

  .lp-coin.is-computeos {
    animation-delay: .3s;
  }

  .lp-steps .lp-step {
    transition: opacity .48s, transform .48s cubic-bezier(.22, .61, .36, 1);
  }

  .lp-steps.is-armed:not(.is-inview) .lp-step {
    opacity: 0;
    transform: translateY(16px);
  }

  .lp-steps.is-inview .lp-step:nth-child(2) {
    transition-delay: 80ms;
  }

  .lp-steps.is-inview .lp-step:nth-child(3) {
    transition-delay: .16s;
  }

  .lp-steps.is-inview .lp-step:nth-child(4) {
    transition-delay: .24s;
  }

  .lp-cards .lp-card {
    transition: opacity .52s, transform .52s cubic-bezier(.22, .61, .36, 1), border-color .22s;
  }

  .lp-cards.is-armed:not(.is-inview) .lp-card {
    opacity: 0;
    transform: translateY(20px);
  }

  .lp-cards.is-inview .lp-card:nth-child(2) {
    transition-delay: 90ms;
  }

  .lp-cards.is-inview .lp-card:nth-child(3) {
    transition-delay: .18s;
  }

  .lp-cards.is-inview .lp-card:hover {
    transition-delay: 0s;
    transform: translateY(-2px);
  }

  .lp-tile {
    transition: transform .46s cubic-bezier(.22, .61, .36, 1), opacity .46s;
  }

  .lp-cards.is-armed:not(.is-inview) .lp-tile {
    opacity: 0;
    transform: translateY(30px);
  }

  .lp-tiles .lp-tile:first-child {
    transition-delay: .24s;
  }

  .lp-tiles .lp-tile:nth-child(2) {
    transition-delay: .3s;
  }

  .lp-tiles .lp-tile:nth-child(3) {
    transition-delay: .36s;
  }

  .lp-tiles .lp-tile:nth-child(4) {
    transition-delay: .42s;
  }

  .lp-tiles .lp-tile:nth-child(5) {
    transition-delay: .48s;
  }

  .lp-card:hover .lp-tile {
    transform: rotate(0)translateY(-6px);
  }

  .lp-card:hover .lp-tile:first-child {
    transition-delay: 0s;
  }

  .lp-card:hover .lp-tile:nth-child(2) {
    transition-delay: 40ms;
  }

  .lp-card:hover .lp-tile:nth-child(3) {
    transition-delay: 80ms;
  }

  .lp-card:hover .lp-tile:nth-child(4) {
    transition-delay: .12s;
  }

  .lp-card:hover .lp-tile:nth-child(5) {
    transition-delay: .16s;
  }

  .lp-listing-row {
    transition: opacity .42s, transform .42s cubic-bezier(.22, .61, .36, 1);
  }

  .lp-cards.is-armed:not(.is-inview) .lp-listing-row {
    opacity: 0;
    transform: translateX(-10px);
  }

  .lp-cards.is-inview .lp-listing-row:nth-child(2) {
    transition-delay: .28s;
  }

  .lp-cards.is-inview .lp-listing-row:nth-child(3) {
    transition-delay: .34s;
  }

  .lp-cards.is-inview .lp-listing-row:nth-child(4) {
    transition-delay: .4s;
  }

  .lp-cards.is-inview .lp-listing-row:nth-child(5) {
    transition-delay: .46s;
  }

  .lp-cards.is-inview .lp-listing-row:nth-child(6) {
    transition-delay: .52s;
  }

  .lp-flow-step {
    transition: opacity .42s, transform .42s cubic-bezier(.22, .61, .36, 1);
  }

  .lp-cards.is-armed:not(.is-inview) .lp-flow-step {
    opacity: 0;
    transform: translateY(10px);
  }

  .lp-cards.is-inview .lp-flow-step:nth-child(2) {
    transition-delay: .34s;
  }

  .lp-cards.is-inview .lp-flow-step:nth-child(3) {
    transition-delay: .46s;
  }

  .lp-flow-step:before {
    transform-origin: top;
    transition: transform .42s .52s;
  }

  .lp-cards.is-armed:not(.is-inview) .lp-flow-step:before {
    transform: scaleY(0);
  }
}

@keyframes lp-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes lp-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (max-width: 1020px) {
  .lp-cards {
    grid-template-columns: 1fr;
  }

  .lp-card {
    min-height: 0;
  }

  .lp-steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 0;
  }
}

@media (max-width: 900px) {
  .lp-hero-coins {
    display: none;
  }

  .lp-hero-copy {
    max-width: 100%;
  }
}

@media (max-width: 560px) {
  .lp-steps {
    grid-template-columns: 1fr;
  }

  .lp-step {
    margin-right: 0;
    padding-right: 0;
  }

  .lp-card {
    padding: 22px 20px 0;
  }

  .lp-button {
    height: 42px;
    padding: 0 18px;
  }
}

/* [project]/apps/terminal/app/pages-neutral.css [app-client] (css) */
.terminal-shell.is-app-route {
  --acid: #e2e4e6;
  --signal-cyan: #a6abae;
  --rule: #1e2124;
  --rule-strong: #2a2d31;
  --limestone: #e9eaec;
  --limestone-dim: #a6abae;
  --limestone-faint: #8b9094;
  --signal-green: #3fc98f;
  --signal-red: #ff6b5e;
  background: #0a0b0c;
}

.terminal-shell:is(.is-app-route, .is-trading-route) .topbar {
  background: #0a0b0cdb;
  border-color: #1e2124;
}

.terminal-shell:is(.is-app-route, .is-trading-route) .topbar nav a {
  color: #8b9094;
}

.terminal-shell:is(.is-app-route, .is-trading-route) .topbar nav a:hover {
  color: #e9eaec;
  background: #ffffff0a;
}

.terminal-shell.is-app-route main h1 {
  letter-spacing: -.02em;
  color: #e9eaec;
  margin-block: 0 8px;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.15;
}

.terminal-shell.is-app-route main > :is(.market-route, .discovery-page), .terminal-shell.is-app-route .page-frame {
  max-width: 1080px;
  margin: 0 auto;
  padding: 30px clamp(18px, 3vw, 36px) 72px;
}

.terminal-shell.is-app-route main header > p, .terminal-shell.is-app-route .discovery-page-head p {
  color: #8b9094;
  max-width: 560px;
  font-size: 13.5px;
  line-height: 1.55;
}

.terminal-shell.is-app-route :is(.eyebrow, .kicker, .discovery-page-head > span) {
  color: #8b9094;
  letter-spacing: .1em;
}

.terminal-shell.is-app-route .market-row {
  color: #e9eaec;
  background: #101113;
  border: 1px solid #1e2124;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 10px;
  padding: 16px 18px;
  text-decoration: none;
  transition: border-color .15s, background-color .15s;
  display: flex;
}

.terminal-shell.is-app-route .market-row:hover {
  background: #131417;
  border-color: #2a2d31;
}

.terminal-shell.is-app-route .market-row > span {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.terminal-shell.is-app-route .market-row b {
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 620;
}

.terminal-shell.is-app-route .market-row small {
  color: #8b9094;
  font-size: 12px;
}

.terminal-shell.is-app-route .market-row-arrow {
  color: #6b7075;
  flex: none;
}

.terminal-shell.is-app-route .market-row:hover .market-row-arrow {
  color: #e9eaec;
}

.terminal-shell.is-app-route :is(.sol-market-list, .market-route > header) {
  background: none;
  border: 0;
  padding: 0;
}

.terminal-shell.is-app-route .market-list-note {
  color: #8b9094;
  margin-top: 18px;
  font-size: 12.5px;
}

.terminal-shell.is-app-route .methodology-ledger {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px;
  display: grid;
}

.terminal-shell.is-app-route .methodology-ledger article {
  background: #101113;
  border: 1px solid #1e2124;
  border-radius: 12px;
  min-height: 0;
  padding: 20px 22px;
}

.terminal-shell.is-app-route .methodology-ledger h2 {
  letter-spacing: -.01em;
  font-size: 16px;
  line-height: 1.3;
}

.terminal-shell.is-app-route :is(.v2-source-notice, .data-state, .v2-account-hero, .v2-position-section, .v2-margin-grid > *, .v2-spot-inventory, .trade-fatal) {
  background: #101113;
  border-color: #1e2124;
  border-radius: 12px;
}

.terminal-shell.is-app-route .data-state {
  border: 1px solid #1e2124;
}

.terminal-shell.is-app-route .page-heading {
  margin-bottom: 18px;
}

.terminal-shell.is-app-route .sol-market-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.terminal-shell.is-app-route .market-card {
  color: #e9eaec;
  background: #101113;
  border: 1px solid #1e2124;
  border-radius: 14px;
  flex-direction: column;
  gap: 12px;
  min-height: 150px;
  padding: 18px;
  text-decoration: none;
  transition: border-color .15s, background-color .15s;
  display: flex;
}

.terminal-shell.is-app-route .market-card:hover {
  background: #131417;
  border-color: #2a2d31;
}

.terminal-shell.is-app-route .market-card-head {
  color: #8b9094;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.terminal-shell.is-app-route .market-card b {
  letter-spacing: -.01em;
  font-size: 14px;
  font-weight: 620;
  line-height: 1.45;
}

.terminal-shell.is-app-route .pm-page {
  --pm-bg: #0a0b0c;
  --pm-panel: #101113;
  --pm-panel-2: #131417;
  --pm-border: #1e2124;
  --pm-muted: #8b9094;
  --pm-text: #e9eaec;
  --pm-yes: #3fc98f;
  --pm-no: #ff6b5e;
}

.terminal-shell.is-app-route .pm-page > .pm-market-header {
  max-width: 1510px;
  margin: 0 auto;
  padding: 34px 28px 0;
}

.terminal-shell.is-app-route .pm-page > .pm-market-header + .pm-workspace {
  padding-top: 18px;
}

@media (max-width: 1020px) {
  .terminal-shell.is-app-route .sol-market-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .terminal-shell.is-app-route .sol-market-list {
    grid-template-columns: 1fr;
  }
}

.docs-single {
  max-width: 720px;
}

.docs-section {
  margin-top: 52px;
}

.docs-section:first-child {
  margin-top: 0;
}

.docs-section > h2 {
  color: #e9eaec;
  letter-spacing: -.015em;
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 640;
}

.docs-lead {
  color: #a6abae;
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.6;
}

@media (prefers-reduced-motion: no-preference) {
  .docs-chain > div, .docs-single .docs-flow-step, .docs-single .docs-rows > div {
    transition: opacity .48s, transform .48s cubic-bezier(.22, .61, .36, 1);
  }

  :is(.docs-chain, .is-armed).is-armed:not(.is-inview) > div, .is-armed:not(.is-inview) .docs-flow-step, .is-armed:not(.is-inview).docs-rows > div {
    opacity: 0;
    transform: translateY(14px);
  }

  .is-inview > div:nth-child(3), .is-inview .docs-flow-step:nth-child(2), .is-inview.docs-rows > div:nth-child(2) {
    transition-delay: 80ms;
  }

  .is-inview > div:nth-child(5), .is-inview .docs-flow-step:nth-child(3), .is-inview.docs-rows > div:nth-child(3) {
    transition-delay: .16s;
  }

  .is-inview .docs-flow-step:nth-child(4), .is-inview.docs-rows > div:nth-child(4) {
    transition-delay: .24s;
  }
}

.docs-chain {
  color: #6b7075;
  align-items: center;
  gap: 12px;
  display: flex;
}

.docs-chain > div {
  background: #101113;
  border: 1px solid #1e2124;
  border-radius: 12px;
  flex: 1;
  gap: 6px;
  padding: 16px;
  display: grid;
}

.docs-chain strong {
  color: #e9eaec;
  font-size: 13.5px;
  font-weight: 640;
}

.docs-chain small {
  color: #8b9094;
  font-size: 12px;
  line-height: 1.45;
}

.docs-chain > svg {
  flex: none;
}

.docs-flow {
  display: grid;
}

.docs-flow-step {
  grid-template-rows: auto auto;
  grid-template-columns: 20px 1fr;
  gap: 4px 14px;
  padding: 14px 0;
  display: grid;
  position: relative;
}

.docs-flow-step i {
  z-index: 1;
  background: #101113;
  border: 1px solid #3fc98f;
  border-radius: 2px;
  grid-row: 1 / 3;
  place-self: start center;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  transform: rotate(45deg);
}

.docs-flow-step:before {
  content: "";
  background: #2a2d31;
  width: 1px;
  position: absolute;
  top: 28px;
  bottom: -12px;
  left: 9.5px;
}

.docs-flow-step:last-child:before {
  display: none;
}

.docs-flow-step strong {
  color: #e9eaec;
  font-size: 14px;
  font-weight: 640;
}

.docs-flow-step p {
  color: #8b9094;
  grid-column: 2;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.docs-rows {
  gap: 10px;
  display: grid;
}

.docs-rows > div {
  background: #101113;
  border: 1px solid #1e2124;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 15px 16px;
  display: flex;
}

.docs-rows strong {
  color: #e9eaec;
  flex: none;
  font-size: 13.5px;
  font-weight: 640;
}

.docs-rows span {
  color: #8b9094;
  flex: 1;
  font-size: 13px;
  line-height: 1.5;
}

.docs-rows em {
  color: #8b9094;
  font: 600 10px var(--font-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1px solid #2a2d31;
  border-radius: 999px;
  flex: none;
  padding: 4px 9px;
  font-style: normal;
}

.docs-rows em.is-live {
  color: #3fc98f;
  border-color: #3fc98f44;
}

@media (prefers-reduced-motion: no-preference) {
  .docs-content {
    animation: .32s cubic-bezier(.22, .61, .36, 1) docs-in;
  }
}

@keyframes docs-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 900px) {
  .docs-page {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .docs-nav {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
    position: static;
  }

  .docs-nav > span {
    display: none;
  }

  .docs-nav button {
    border: 1px solid #1e2124;
    border-radius: 999px;
    padding: 7px 12px;
  }

  .docs-nav button.active {
    border-color: #3fc98f66;
  }

  .docs-chain {
    flex-direction: column;
    align-items: stretch;
  }

  .docs-chain > svg {
    align-self: center;
    transform: rotate(90deg);
  }
}