@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:DeskMono;src:url('/assets/fonts/dejavu-sans-mono.woff') format('woff');font-weight:400;font-display:swap}
:root{font-family:Manrope,DM,Arial,sans-serif;font-feature-settings:'ss01' 1;--motion-fast:150ms;--motion-standard:240ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
body h1,.page-head h1{font-family:Manrope,DM,Arial,sans-serif;font-size:clamp(28px,2.2vw,36px);font-weight:600;line-height:1.15;letter-spacing:-.045em}.panel h2,.panel h3,h2,h3{font-family:Manrope,DM,Arial,sans-serif;font-weight:650;letter-spacing:-.025em}.page-head p{line-height:1.8}.asset-icon,.asset-cell strong,.app-brand{font-family:Manrope,DM,Arial,sans-serif}.app-brand{font-weight:750;letter-spacing:-1px}.eyebrow,.sidebar-label{font-weight:650;letter-spacing:.12em}
.mono,.num,.stat-value,.balance-amount,.terminal-mark>strong,.book-row,.book-mid strong,.tape-row,.ticket-output-value strong,.desk-field input,.ticket-available button,.ohlc-readout,.terminal-ticket .detail-row strong{font-family:DeskMono,Consolas,monospace;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.045em}.terminal-mark>strong{font-size:25px}.ohlc-readout b{font-family:Manrope,DM,sans-serif}.terminal-chart-svg text{font-family:DeskMono,Consolas,monospace}.desk-field input{font-style:normal}.stat-label,.input-label,.market-bar-stat>span{font-weight:500}
button,a,summary{transition:color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}button:not(:disabled):hover{filter:brightness(1.08)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.row-action:hover{filter:brightness(1.08)}.main-nav a i,.main-nav a svg,.icon-button svg,.chart-tools button svg,.quick-icon,.back-link svg,.support-link svg{translate:none;transform:none}.main-nav a:hover i,.main-nav a:hover svg,.icon-button:hover svg,.chart-tools button:hover svg,.quick-action:hover .quick-icon{translate:none}.swap-direction svg{transition:transform var(--motion-standard)}.swap-direction:hover svg{transform:rotate(180deg)}input,select,.desk-field>div{transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.book-row:before{transition:width var(--motion-standard)}.meter>span,.allocation-bar>span,.utilization-bar>span{transition:width 360ms var(--motion-ease)}
.motion-group{position:relative;isolation:isolate}.motion-group>button{position:relative;z-index:1;transition:color var(--motion-fast)}.desk-tabs button,.trade-side button,.tabs button{position:relative;z-index:1;touch-action:manipulation;user-select:none}.motion-indicator{position:absolute;z-index:0;pointer-events:none;border-radius:4px;background:color-mix(in srgb, var(--surface-highlight) 16.9%, transparent);box-shadow:inset 0 -2px var(--surface-highlight);transform-origin:left center;transition:left .22s var(--motion-ease),top .22s var(--motion-ease),width .22s var(--motion-ease),height .22s var(--motion-ease),background .22s var(--motion-ease),box-shadow .22s var(--motion-ease)}.no-indicator-motion>.motion-indicator{transition:none}.motion-group:has(.motion-indicator)>button.active{background:transparent!important;border-bottom-color:transparent!important}.trade-side .motion-indicator{background:color-mix(in srgb, var(--positive) 7.1%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--positive) 42%, transparent)}.trade-side:has(.sell.active) .motion-indicator{background:color-mix(in srgb, var(--negative) 9.4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--negative-line) 43.9%, transparent)}.trade-side>button.active{border-color:transparent}.setting-pills .motion-indicator{background:var(--accent-soft)}.order-type-tabs .motion-indicator{background:transparent;border-radius:0}.chart-toolbar .desk-tabs{position:relative;background:var(--input);border:1px solid var(--line);border-radius:6px;padding:3px;gap:0}.chart-toolbar .desk-tabs button{min-width:44px;color:var(--muted);transition:color .22s var(--motion-ease)}.chart-toolbar .desk-tabs button.active{color:var(--text)}
input[type=checkbox]{appearance:none;position:relative;display:inline-block;width:32px!important;height:18px!important;min-width:32px!important;min-height:18px;padding:0!important;background:var(--panel-hover);border:1px solid var(--line)!important;border-radius:20px;vertical-align:middle;cursor:pointer;transition:background .2s,border-color .2s}input[type=checkbox]:after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text);transition:transform .22s var(--motion-ease)}input[type=checkbox]:checked{background:var(--surface-highlight);border-color:var(--accent-line)!important}input[type=checkbox]:checked:after{transform:translateX(14px);background:var(--accent-ink)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.chart-pref-toggle input{order:2}.chart-pref-toggle{gap:16px}
dialog[open]{animation:none}.modal-inner{animation:modal-content-in .2s ease-out}dialog::backdrop{animation:backdrop-in .2s ease-out}.execution-details[open]>.detail-rows,.ticket-account[open]>.detail-rows{animation:details-in .2s ease-out}.chart-crosshair path{transition:transform 45ms linear}.terminal-chart-svg{will-change:auto}.chart-replay.active{color:var(--positive)!important;background:color-mix(in srgb, var(--positive) 8.2%, transparent)!important}.chart-replay{font-size:11px!important}.replay-notice{color:var(--muted);font-size:9px;margin-left:auto}.chart-toolbar .chart-tools{flex-wrap:nowrap}
[aria-busy=true]{position:relative;cursor:wait!important;padding-left:36px!important;opacity:.8!important}[aria-busy=true]:before{content:'';width:13px;height:13px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;position:absolute;left:13px;top:calc(50% - 7px);animation:app-spin .7s linear infinite}.route-progress{position:fixed;left:0;top:0;right:0;height:2px;z-index:150;pointer-events:none;transform:scaleX(0);transform-origin:left;background:var(--surface-highlight)}.route-progress.running{animation:route-progress .45s var(--motion-ease)}
.workspace-loading{min-height:500px;display:grid;place-content:center;gap:14px;text-align:center;font-size:12px}.loading-mark{width:30px;height:30px;margin:0 auto;border:2px solid var(--line);border-top-color:var(--accent-line);border-radius:50%;animation:app-spin .85s linear infinite}.loading-skeleton{width:min(65vw,440px);height:150px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(100deg,var(--panel) 30%,var(--panel-raised) 45%,var(--panel) 60%);background-size:250% 100%;animation:skeleton-shimmer 1.4s ease infinite;margin-top:16px}
#toast{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:10px;background:none;color:inherit;box-shadow:none;border:0;padding:0;opacity:1;transform:none;transition:none;max-width:min(410px,calc(100% - 32px));pointer-events:none}.app-toast{pointer-events:auto;position:relative;overflow:hidden;display:grid;grid-template-columns:26px minmax(0,1fr) 24px;gap:11px;align-items:start;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 40px #0007;animation:toast-in .28s var(--motion-ease);font-size:12px}.toast-mark{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:50%;color:var(--accent);font-size:13px;font-weight:700}.app-toast[data-tone=success] .toast-mark{color:var(--positive);border-color:color-mix(in srgb, var(--positive) 33.3%, transparent)}.app-toast[data-tone=error] .toast-mark{color:var(--negative);border-color:color-mix(in srgb, var(--negative) 33.3%, transparent)}.app-toast strong{display:block;font-size:12px;font-weight:700;margin:1px 0 5px}.app-toast p{font-size:11px;color:var(--muted);line-height:1.65;overflow-wrap:anywhere}.toast-dismiss{font-size:20px;line-height:22px;color:var(--muted);padding:0;min-height:24px}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--surface-highlight);transform-origin:left;animation:toast-life 6.5s linear forwards}.toast-paused .toast-progress{animation-play-state:paused}.toast-out{animation:toast-out .18s ease-in forwards}
.service-panel{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.service-panel input{width:100%;font-family:DeskMono,monospace;font-size:11px}.service-panel label{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.chain-list{display:grid;gap:8px;margin:14px 0}.chain-row{padding:12px;border:1px solid var(--line-soft);border-radius:5px;font-size:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.chain-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chain-row small{color:var(--dim);grid-column:1/-1}.chain-row[data-state=finalized]{border-left:2px solid var(--positive)}.chain-row[data-state=rejected],.chain-row[data-state=failed]{border-left:2px solid var(--negative)}
@keyframes app-spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{to{background-position:-150% 0}}@keyframes toast-in{from{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateX(15px)}}@keyframes toast-life{to{transform:scaleX(0)}}@keyframes modal-content-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes details-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes route-progress{0%{transform:scaleX(0);opacity:1}80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(max-width:767px){#toast{bottom:82px;right:16px}.page-head h1{font-size:28px}.chart-tools .chart-replay{min-width:25px;font-size:10px!important}.chart-toolbar .desk-tabs button{padding-left:5px;padding-right:5px}.chart-replay .replay-label{display:none}.terminal-mark>strong{font-size:22px}.ohlc-readout{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.toast-progress{display:none}.chart-crosshair path{transition:none}.loading-mark{border-right-color:var(--accent-line)}.route-progress{display:none}}
