/* The landing page's square navigation tiles and restrained olive/lime palette. */
.live-terminal {
  --radius-1:0; --radius-2:0; --radius-3:0; --radius-pill:0;
  --stroke-1:#2d3527; --stroke-2:#3b4432; --text-faint:#929f83;
  min-height:800px;
  background:radial-gradient(ellipse at 12% 0,#33452224,transparent 54%),var(--surface-page);
}
.terminal-navrow { height:78px; gap:28px; border-bottom:0; }
.terminal-wordmark { font-size:28px; }
.terminal-wordmark>b { font-size:17px; }
.terminal-nav { align-self:center; align-items:center; margin-left:auto; gap:2px; }
.terminal-nav>button {
  box-sizing:border-box; display:flex; align-items:center; justify-content:center; gap:8px;
  min-height:40px; padding:0 14px; background:#eeeef00d; border:1px solid transparent;
  color:var(--text-muted); font:500 13px/1.4 var(--font-label); letter-spacing:1.04px;
  text-transform:uppercase; transition:background .2s,color .2s,border-color .2s;
}
.terminal-nav>button::after { content:none; }
.terminal-nav>button[aria-current=page] { background:var(--text-body); color:#151b10; }
.terminal-nav>button[aria-current=page]::before { content:''; width:6px; height:6px; flex:none; background:#6d8836; }
.terminal-nav>button:hover { background:#eeeef01a; color:var(--text-body); }
.terminal-nav>button[aria-current=page]:hover { background:#f6f6e8; color:#151b10; }
.terminal-nav>button:focus-visible { outline-offset:-3px!important; }
.nav-label { display:block; height:1.4em; overflow:hidden; }
.nav-label>span { display:block; height:1.4em; white-space:nowrap; transition:transform .38s cubic-bezier(.785,.135,.15,.86); }
@media(hover:hover) { .terminal-nav>button:hover .nav-label>span { transform:translateY(-100%); } }
.terminal-account { margin-left:6px; gap:8px; }
.terminal-mobile-menu { display:none; }
.terminal-mobile-links { display:flex; flex-direction:column; gap:3px; }
.terminal-mobile-links>button { display:flex; justify-content:space-between; align-items:center; min-height:54px; padding:12px 16px; border:1px solid var(--stroke-2); background:#eeeef009; color:var(--text-body); font:500 15px var(--font-label); letter-spacing:1px; text-transform:uppercase; text-align:left; }
.terminal-mobile-links>button[aria-current=page] { background:var(--text-body); color:#151b10; }
.terminal-mobile-links>button:hover { border-color:var(--accent); }
.live-terminal .account-chip { box-sizing:border-box; min-height:42px; padding:8px 13px; border:1px solid var(--stroke-2); background:#eeeef008; font:500 13px/1.4 var(--font-label); letter-spacing:.6px; }
.account-chip>span { font-size:10px; letter-spacing:0; }
.live-terminal .account-chip:hover { border-color:var(--text-faint); background:#eeeef012; }
.live-terminal .terminal-account>.live-button { border-radius:0!important; height:42px!important; padding:0!important; display:flex; gap:0!important; align-items:stretch; }
.terminal-account>.live-button>span:first-child { display:flex; align-items:center; padding:0 17px; }
.terminal-account>.live-button>span:last-child { display:grid; place-items:center; width:39px; border-left:1px solid #17200b35; font-size:20px; }
.terminal-ticker { height:40px; border-top:1px solid var(--stroke-2); background:#0c100b90; }
.ticker-label { font-size:11px; color:var(--text-muted); }
.live-ticker { gap:2px; height:100%; }
.terminal-ticker .live-ticker>button { min-height:36px; padding:6px 16px!important; border-right:1px solid var(--stroke-1); font-size:12px; }
.terminal-ticker .live-ticker>button:focus-visible { outline-offset:-3px!important; }
.live-workspace { margin:14px var(--desk-pad); border-radius:0; border-color:var(--stroke-2); grid-template-rows:minmax(360px,1fr) 180px; }
.live-market-bar { background:linear-gradient(110deg,#18201180,#0e120c); padding:18px 20px; gap:19px; }
.market-trigger { min-height:38px; gap:8px; font-size:21px; letter-spacing:-.7px; }
.market-trigger:hover:not(:disabled) { color:var(--accent); }
.market-trigger small { width:22px; height:22px; display:grid; place-items:center; border:1px solid var(--stroke-2); font-size:10px; margin-left:3px; }
.market-price { font-size:28px; letter-spacing:-1.2px; }
.market-price>span { font-size:11px; }
.market-metrics label { font:12px var(--font-label); letter-spacing:.35px; }
.market-metrics b { font-size:13px; }
.market-feed-line { padding:9px 20px; font-size:12px; }
.market-feed-line button { min-height:24px; }
.live-tabs { gap:3px; }
.live-tabs>button { min-height:40px; padding:10px 12px; font:500 12px/1.4 var(--font-label); letter-spacing:.7px; text-transform:uppercase; border-bottom:2px solid transparent; }
.live-tabs>button[aria-selected=true] { color:var(--accent); background:#ff792d08; }
.live-tabs>button:focus-visible { outline-offset:-3px!important; }
.live-book>.live-tabs { padding:6px 8px; border-bottom:1px solid var(--stroke-2); gap:3px; }
.live-dock>.live-tabs { padding:0 12px; gap:3px; }
.chart-toolbar { padding:8px 12px; gap:8px; }
.chart-toolbar .live-tabs { gap:2px; }
.chart-toolbar .live-tabs>button { border-radius:0; min-height:30px; padding:6px 9px; font-size:12px; letter-spacing:.3px; }
.chart-toolbar .live-tabs>button[aria-selected=true] { background:#ff792d16; box-shadow:inset 0 -2px var(--accent); }
.chart-metric { padding:0; gap:0; border-radius:0; }
.chart-metric button { border-radius:0; min-height:30px; font-size:12px; }
.chart-zoom button { min-width:30px; height:32px; color:var(--text-muted); }
.chart-ohlc { color:var(--text-muted); }
.chart-footer { font-size:12px; }
.live-terminal th { font-size:11px!important; letter-spacing:.85px; }
.live-terminal td { font-size:12px; }
.trench-chart-surface td { padding:0; }
.tape-status { font-size:12px; }
.tape-activity,.tape-coverage { font-size:11px; }
.tape-coverage button,.tape-more { min-height:32px; font-size:12px; }
.live-ticket { padding:20px; gap:14px; border-top:2px solid var(--accent); background:linear-gradient(180deg,#18201170,#0e120c 270px); }
.ticket-title { font-size:12px; letter-spacing:1.5px; }
.ticket-mode { font-size:10px; color:var(--text-muted); background:#ff792d06; }
.live-ticket>.ticket-heading { font-size:30px; letter-spacing:-1.5px; margin:1px 0 3px; }
.direction-select>span,.direction-select>button { min-height:37px; border-radius:0; font:500 12px var(--font-label); letter-spacing:.65px; text-transform:uppercase; }
.direction-select .short-info-trigger { cursor:help;color:#a3ad95; }
.direction-select .short-info-trigger:hover,.direction-select .short-info-trigger:focus-visible { border-color:#ff792d;color:#eeeede; }
.short-info-tooltip { position:fixed;z-index:1200;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;padding:20px;background:#141a10;color:#eeeede;border:1px solid #526141;border-top:2px solid #ff792d;box-shadow:0 16px 48px #0009;font:13px/1.55 var(--font-body,system-ui);animation:short-info-in .14s ease-out; }
.short-info-tooltip>small { color:#ff792d;letter-spacing:1px;font-size:10px; }
.short-info-tooltip h3 { font-size:20px;line-height:1.2;margin:10px 0 12px;font-weight:500;letter-spacing:-.5px; }
.short-info-tooltip p { margin:10px 0;color:#a3ad95; }
.short-info-tooltip ul { margin:14px 0;padding-left:17px; }
.short-info-tooltip li { margin:9px 0;color:#a3ad95; }
.short-info-tooltip b { color:#eeeede;font-weight:600; }
.short-info-tooltip .short-info-reason { border-top:1px solid #343a2c;padding-top:12px; }
.short-info-tooltip .short-info-cost { font-size:11px;margin-bottom:0; }
@keyframes short-info-in { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .short-info-tooltip { animation:none; } }
.ticket-amount label { font-size:12px; letter-spacing:1px; }
.ticket-amount>div { min-height:64px; border-radius:0; background:#151d11; border-color:#526141; transition:border-color .15s,background .15s; }
.ticket-amount>div:focus-within { border-color:var(--accent); background:#1b2515; }
.ticket-amount input { font-size:28px; letter-spacing:-.8px; }
.live-terminal .ticket-amount input:focus,.live-terminal .ticket-amount input:focus-visible { outline:none!important; border:0!important; box-shadow:none!important; }
.pay-selector { display:flex;align-items:center;gap:6px;margin:8px 0; }
.pay-selector>span { margin-right:auto;color:var(--text-muted);font-size:12px; }
.pay-selector>button { border:1px solid #343a2c;background:transparent;color:#a3ad95;padding:8px 12px;cursor:pointer; }
.pay-selector>button[aria-pressed=true] { border-color:#ff792d;color:#ff792d;background:#1b2515; }
.ticket-minimum { color:var(--text-muted); font-size:12px; }
.live-terminal .amount-presets>button { min-height:34px; border-radius:0; font:500 12px var(--font-label); }
.amount-presets>button.selected { background:#ff792d13; border-color:#9aac4d; }
.leverage-section { margin:5px 0 0; }
.leverage-section strong { font-size:28px; letter-spacing:-1px; }
.leverage-presets button { min-height:28px; font-size:12px; }
.leverage-presets button.future-leverage { border-radius:0; }
.value-rows { border-radius:0; background:#131a0f; }
.value-rows>div { font-size:13px; }
.live-ticket>.value-rows { background:none; border:0; padding:4px 0; gap:0; }
.live-ticket>.value-rows>div { padding:9px 0; border-bottom:1px solid var(--stroke-1); align-items:baseline; }
.live-ticket>.value-rows>div:first-child { padding-top:0; padding-bottom:12px; }
.live-ticket>.value-rows>div:first-child>strong { font-size:24px; color:var(--text-body); letter-spacing:-.8px; }
.live-ticket>.value-rows>div:nth-child(4) { color:var(--accent); }
.live-ticket>.value-rows>div:nth-child(4)>span { color:var(--text-body); }
.live-ticket>.value-rows>div:nth-child(4)>strong { color:var(--accent); font-size:16px; }
.slippage-label { font-size:12px; }
.slippage-label select { min-height:34px; border-radius:0; padding:5px 8px; font-size:12px; }
.live-terminal .live-button { border-radius:0; min-height:40px; font:500 13px/1.4 var(--font-label); letter-spacing:.7px; text-transform:uppercase; transition:background .16s,border-color .16s; }
.live-terminal .live-button.primary { border-radius:0; }
.live-terminal .live-button:hover:not(:disabled) { border-color:#9aa88a; background:#26321d; }
.live-terminal .live-button.primary:hover:not(:disabled) { background:var(--accent-hover); color:var(--text-on-accent); border-color:var(--accent-hover); }
.live-terminal .cta { border-radius:0; min-height:50px; padding:0 0 0 17px; font:500 14px/1.4 var(--font-label); letter-spacing:1px; text-transform:uppercase; gap:12px; transform:none; }
.live-terminal .cta>span:last-child { flex:none; align-self:stretch; display:grid; place-items:center; min-width:46px; border-left:1px solid #17200b3b; font:22px var(--font-body); }
.live-terminal .cta:hover:not(:disabled) { background:#ffb37d; box-shadow:inset 0 0 0 1px #090b0820; transform:none; }
.live-terminal .cta:active:not(:disabled) { background:#c4dc60; }
.live-ticket>.cta { box-shadow:0 10px 0 11px var(--surface-card); }
.live-terminal button:disabled { opacity:.48; }
.ticket-check,.support-copy { font-size:12px; line-height:1.65; }
.ticket-balance .value-rows { gap:10px; }
.positions-empty { min-height:125px; }
.positions-empty>img { width:80px; height:76px; }
.positions-empty>div>span { color:var(--text-muted); }
.live-panel,.live-input,.pending-transaction { border-radius:0; }
.live-panel { border-top-color:#566044; }
.page-title h1,.live-docs h1 { font-size:48px; letter-spacing:-2.8px; }
.live-terminal .live-modal,.live-terminal .wallet-chooser { border-radius:0!important; border-top:2px solid var(--accent); }
.live-terminal [role=dialog]>div:last-child button { border-radius:0!important; }
.live-modal>header { background:#18201190; }
.live-modal>header>button { min-width:36px; min-height:36px; }
.live-modal>footer { background:#0c100b; }
.live-terminal .wallet-menu-trigger { min-height:42px; border-radius:0; border-color:var(--stroke-2); background:#eeeef008; }
.wallet-trigger-label>b { font-size:12px; }
.wallet-popover { border-radius:0; border-top:2px solid var(--accent); background:#10150e; }
.wallet-funds,.wallet-menu-actions>button,.wallet-provider,.wallet-no-providers,.wallet-chooser-error { border-radius:0; }
.wallet-identity-mark,.wallet-chooser-mark,.feedback-icon-button { border-radius:0; }
.wallet-menu-actions>button { min-height:42px; }
.terminal-toast { border-radius:0; border-left:3px solid var(--toast-tone); }
.toast-symbol { border-radius:0; }
.toast-content>strong { font-size:14px; }
.terminal-status { min-height:32px; padding-bottom:10px; font-size:11px; }
@media(min-width:1500px) { .live-workspace { grid-template-columns:minmax(0,1fr) 260px 342px; } }
@media(min-width:1051px) and (max-width:1250px) {
  .terminal-navrow { gap:18px; }.terminal-nav>button { padding:0 10px; font-size:12px; letter-spacing:.6px; }
  .terminal-wordmark { font-size:25px; }.terminal-wordmark>b { font-size:15px; }
  .terminal-account { gap:6px; }.live-ticket { padding:17px; }
  .live-ticket>.ticket-heading { font-size:27px; }.market-price { font-size:25px; }
}
@media(max-width:1050px) {
  .live-terminal { height:auto; min-height:100svh; }
  .terminal-navrow { height:auto; padding-top:18px; padding-bottom:12px; gap:14px; }
  .terminal-nav { margin-left:0; height:40px; align-self:auto; }
  .terminal-account { margin-left:auto; }
  .terminal-nav>button { flex:none; }
  .live-workspace { grid-template-rows:510px 350px 230px; }
  .live-ticket>.cta { position:static; box-shadow:none; }
  .live-ticket { overflow:visible; }
  .toast-center { top:max(144px,env(safe-area-inset-top)); }
}
@media(max-width:700px) {
  .terminal-navrow { padding:16px 16px 10px; gap:12px; }
  .terminal-wordmark { font-size:25px; }.terminal-wordmark>b { font-size:14px; }
  .terminal-nav { display:none; }
  .terminal-mobile-menu { display:grid; place-items:center; width:40px; height:40px; padding:10px; border:1px solid var(--stroke-2); background:#eeeef00d; }
  .terminal-mobile-menu>span { display:flex; flex-direction:column; gap:5px; width:16px; }
  .terminal-mobile-menu i { display:block; width:16px; height:1px; background:var(--text-body); }
  .terminal-mobile-menu:hover { background:#eeeef01a; }
  .terminal-nav>button { min-height:42px; padding:0 12px; font-size:12px; letter-spacing:.65px; }
  .live-terminal .account-chip { min-height:40px; padding:8px 10px; font-size:12px; }
  .live-terminal .wallet-menu-trigger { min-height:40px; padding:7px 9px; }
  .terminal-account { gap:6px; }
  .terminal-ticker { height:40px; padding:0 12px; }
  .live-workspace { margin:12px 12px 20px; }
  .live-chart-column { min-height:590px; }
  .live-market-bar { padding:16px; }
  .market-trigger { font-size:20px; }.market-price { font-size:25px; }
  .market-metrics b { font-size:12px; }.market-metrics label { font-size:11px; }
  .market-feed-line { font-size:11px; padding:9px 12px; }
  .chart-toolbar .live-tabs>button { min-height:34px; padding:7px 10px; }
  .chart-metric button { min-height:34px; padding:7px 14px; }
  .chart-zoom button { min-width:34px; height:34px; }
  .live-ticket { padding:24px 20px; gap:15px; }
  .live-ticket>.ticket-heading { font-size:34px; }
  .live-terminal .amount-presets>button { min-height:38px; font-size:13px; }
  .leverage-presets button { min-height:32px; }
  .live-ticket .support-copy { font-size:13px; }
  .live-dock>.live-tabs { padding:0 8px; gap:0; }
  .live-dock>.live-tabs>button { padding:12px 10px; font-size:12px; min-height:44px; }
  .ticket-amount>div { min-height:66px; }
  .value-rows>div { font-size:13px; }
  .page-title h1,.live-docs h1 { font-size:40px; letter-spacing:-2px; }
  .wallet-popover { right:-46px; width:min(326px,calc(100vw - 40px)); }
  .toast-center { top:max(80px,env(safe-area-inset-top)); }
}
@media(max-width:380px) {
  .wallet-trigger-label,.wallet-chevron { display:none; }
  .wallet-trigger-icon { display:flex; }
  .live-terminal .wallet-menu-trigger { width:40px; justify-content:center; padding:6px; }
  .terminal-navrow { gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .live-terminal *,.live-terminal *::before,.live-terminal *::after { transition:none!important; animation:none!important; }
  .terminal-nav>button:hover .nav-label>span { transform:none; }
}

/* Loading uses the final panel geometry; placeholders never represent trades. */
.loading-skeleton { display:inline-block; height:.85em; max-width:100%; vertical-align:middle; background:linear-gradient(100deg,#293121 20%,#3b462f 45%,#293121 70%); background-size:240% 100%; animation:skeleton-shimmer 1.7s ease-in-out infinite; border-radius:0; }
.ticker-skeleton { display:flex; align-items:center; gap:24px; height:100%; opacity:.6; }
.live-market-bar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; }
.live-market-picker { min-width:0; }
.market-trigger { max-width:100%; min-width:0; white-space:nowrap; }
.market-trigger b { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.market-trigger .loading-skeleton { height:1em; width:3rem!important; }
.market-metrics { grid-column:1/-1; }
.market-price { min-height:55px; }
.market-price>.loading-skeleton { height:1em; font-size:inherit; margin:0 0 0 auto; }
.market-metrics b { min-height:18px; }
.ticket-minimum { min-height:34px; }
.chart-ohlc { height:52px; min-height:52px; flex:none; overflow:hidden; }
.chart-ohlc>span:last-child:not(:first-child) { max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.trade-skeleton .tape-activity { min-height:62px; justify-content:center; gap:9px; }
.trade-skeleton .tape-coverage { min-height:62px; }
.trade-skeleton table { min-width:630px; }
.trade-skeleton td { height:41px; }
.trade-skeleton .loading-skeleton { opacity:.6; }
.chart-skeleton { overflow:hidden; background:#0d100b; gap:12px; }
.chart-skeleton>*:not(.chart-skeleton-grid) { position:relative; z-index:1; }
.chart-skeleton-grid { position:absolute; inset:0; background:linear-gradient(#27302144 1px,transparent 1px),linear-gradient(90deg,#27302144 1px,transparent 1px); background-size:100% 25%,20% 100%; opacity:.6; }
.connection-notice { position:fixed; z-index:1400; top:86px; left:50%; transform:translateX(-50%); width:min(680px,calc(100vw - 32px)); margin:0; box-shadow:0 12px 40px #0009; background:#171c12; }
.connection-notice .live-button { flex:none; min-height:40px; font-size:12px; }
@keyframes skeleton-shimmer { from {background-position:130% 0} to {background-position:-110% 0} }
@media(prefers-reduced-motion:reduce) { .loading-skeleton { animation:none; } }

.brand-logo {display:block;width:84px;height:37px;object-fit:contain;max-width:none}

/* Compact original-style wordmark, using the bundled typeface. */
.brand-type {display:inline-flex;align-items:baseline;font-family:Archivo,Arial,sans-serif;font-size:30px;font-weight:400;letter-spacing:-1.8px;line-height:1;color:#eeeede;white-space:nowrap}
.brand-type > span {font:inherit;font-weight:300;color:#ff792d;margin-left:1px;letter-spacing:-1px}