@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";.top-nav{position:sticky;top:0;z-index:30;display:flex;gap:10px;align-items:center;justify-content:flex-start;padding:4px;background:var(--top-nav-bg, #081426e6);border-bottom:1px solid var(--top-nav-border, #25354f);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.top-nav-link{border:0;border-bottom:2px solid transparent;padding:4px;font-size:12px;letter-spacing:.04em;color:var(--top-nav-link-color, #8fa5c4);text-transform:uppercase}.top-nav-link.active{color:var(--top-nav-link-active-color, #eff6ff);border-bottom-color:var(--top-nav-link-active-border, #5dbde7);font-weight:700}.theme-toggle{margin-left:auto;border:1px solid var(--top-nav-toggle-border, #314364);border-radius:0;background:var(--top-nav-toggle-bg, #0f2038);color:var(--top-nav-toggle-color, #deebff);display:inline-flex;align-items:center;justify-content:center;padding:4px;min-width:24px;min-height:24px;line-height:0;font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.theme-toggle svg{width:14px;height:14px;display:block}.theme-toggle:hover{background:var(--top-nav-toggle-bg-hover, #25282c);border-color:var(--top-nav-toggle-border-hover, #ff9c2e);color:var(--top-nav-toggle-color-hover, #fff)}:root{color-scheme:dark;--bg-0: #000;--bg-1: #101014;--bg-2: #16171a;--panel: #16171aeb;--panel-strong: #16171a;--panel-border: #404347;--panel-border-soft: #25282c;--text-0: #fff;--text-1: #adb1b8;--text-2: #71757a;--green: #20b26c;--red: #ef454a;--gold: #ff9c2e;--blue: #ff9c2e;--brand-0: #ffd748;--brand-1: #f7a600;--input-bg: #1e2023;--input-border: #404347;--buy-soft: rgb(32 178 108 / 16%);--sell-soft: rgb(239 69 74 / 16%);--warn-soft: rgb(247 166 0 / 16%);--top-nav-bg: #101014f0;--top-nav-border: #25282c;--top-nav-link-color: #adb1b8;--top-nav-link-active-color: #fff;--top-nav-link-active-border: #ff9c2e;--top-nav-toggle-bg: #1e2023;--top-nav-toggle-border: #404347;--top-nav-toggle-color: #fff;--top-nav-toggle-bg-hover: #25282c;--top-nav-toggle-border-hover: #ff9c2e;--top-nav-toggle-color-hover: #fff}html{height:100%}*{box-sizing:border-box}body{margin:0;height:100%;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text-0);overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at 10% 0%,rgb(247 166 0 / 20%) 0%,transparent 32%),radial-gradient(circle at 85% 12%,rgb(239 69 74 / 12%) 0%,transparent 36%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 60%,var(--bg-2))}#app{min-height:0}a{color:inherit;text-decoration:none}code,input,button,select,table{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.trade-app{width:min(1600px,100%);height:100%;margin:4px;padding:4px;display:grid;gap:10px;grid-template-rows:1fr auto;min-height:0}.chart-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:4px;border-bottom:1px solid var(--panel-border-soft)}.chart-controls-label{color:var(--text-1);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.interval-options{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.interval-option{min-width:50px;padding:4px 8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-1);font-size:12px;font-weight:700}.interval-option:hover{background:var(--bg-2);border-color:var(--brand-1);color:var(--text-0)}.interval-option.is-active{background:linear-gradient(90deg,var(--brand-0) 0%,var(--brand-1) 100%);border-color:var(--brand-1);color:#121214}label{display:grid;gap:6px;color:var(--text-1);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}input,select,button{border-radius:0;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-0);padding:4px;font-size:13px}input,select{min-width:180px}button{background:linear-gradient(90deg,var(--brand-0) 0%,var(--brand-1) 100%);border-color:var(--brand-1);color:#121214;font-weight:700;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}button:hover{background:linear-gradient(90deg,var(--brand-1) 0%,var(--brand-0) 100%);border-color:var(--brand-0);color:#050507}.market-strip{background:var(--panel);border:1px solid var(--panel-border);border-radius:0;padding:4px;width:100%;max-width:100%;overflow-x:visible}.market-strip-inner{display:flex;align-items:flex-start;justify-content:flex-start;gap:8px 16px;flex-wrap:wrap;width:100%;max-width:100%}.market-left{display:flex;align-items:center}.current-symbol{position:relative;display:flex;align-items:center;gap:8px;outline:none}.current-symbol:focus-visible{box-shadow:0 0 0 1px var(--brand-1)}.asset-selector{position:absolute;top:100%;left:0;z-index:40;width:min(460px,calc(100vw - 24px));max-width:calc(100vw - 24px);display:grid;padding-top:8px;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.market-currency-thumb:hover~.asset-selector,.asset-selector:hover,.asset-selector:focus-within{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.asset-selector-surface{position:relative;border:1px solid #2a3241;background:linear-gradient(180deg,#090e18f0,#060a12f0),#070a10e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 24px 42px #0000008c}.asset-selector-top{display:flex;align-items:center;gap:8px}.asset-selector-search{flex:1;height:32px;border:1px solid #343f53;background:#111723e5;display:flex;align-items:center;gap:8px;padding:0 10px;color:#9da8bf;font-size:12px}.asset-selector-search-icon{font-size:14px;color:#707b94}.asset-selector-pin{color:#707b94;font-size:14px;line-height:1}.asset-selector-market-tabs{display:flex;align-items:center;gap:10px;border-bottom:1px solid #283345;padding-bottom:6px;overflow-x:auto}.asset-selector-market-tab{color:#8f99af;font-size:12px;font-weight:600;white-space:nowrap}.asset-selector-market-tab.is-active{color:#f4f6fb}.asset-selector-settle-tabs{display:flex;align-items:center;gap:6px}.asset-selector-settle-tab{border:1px solid #2f3a4f;background:#121825eb;color:#9da8bf;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.03em}.asset-selector-settle-tab.is-active{border-color:#72511f;background:#8f5c175c;color:#ffd37a}.asset-options-head{display:grid;grid-template-columns:minmax(0,1fr) 90px 72px 116px;gap:8px;padding:0 8px;color:#79839b;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.asset-options-head span:nth-child(n+2){text-align:right}.asset-options{display:grid;gap:1px;max-height:300px;overflow:auto;padding-right:2px}.asset-option{border:1px solid transparent;background:#090e18b8;display:grid;grid-template-columns:14px 18px minmax(0,1fr) 90px 72px 116px;align-items:center;gap:8px;padding:6px 8px;color:#d7deed;font-size:14px;cursor:not-allowed}.asset-option.is-active{border-color:#72511f;background:linear-gradient(90deg,#8f5c1738,#090e18b8 70%)}.asset-option-favorite{color:#7c8599;font-size:12px;line-height:1}.asset-option.is-active .asset-option-favorite{color:#f7a600}.asset-option-icon{width:18px;height:18px;border-radius:999px;overflow:hidden;display:grid;place-items:center;border:1px solid #313c50}.asset-option-icon img{width:100%;height:100%;object-fit:cover}.asset-option-icon-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#dce4f4;background:#1a2438;text-transform:uppercase}.asset-option-name{color:#f0f4fc;font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.asset-option-price,.asset-option-change,.asset-option-volume{text-align:right;white-space:nowrap;font-size:12px}.asset-option-price{color:#f3f6fd}.asset-option-change{color:#93a1bf}.asset-option-change.up{color:#20b26c}.asset-option-change.down{color:#ef454a}.asset-option-change.flat{color:#adb1b8}.asset-option-volume{color:#d7deed}.asset-selector-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgb(114 81 31 / 60%);background:#05080eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffd37a;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:grid;place-items:center;text-align:center;pointer-events:auto}.market-currency-thumb{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:4px;padding:4px;gap:0;flex:0 0 auto;cursor:pointer}.market-switch-icon{width:18px;height:18px;display:block;margin:0;color:var(--text-1)}.market-currency-thumb:hover .market-switch-icon{color:var(--gold)}.market-currency-text{display:grid;gap:2px}.market-currency-label{font-size:20px;line-height:1.1;font-weight:700}.market-currency-info-title-spot{display:flex;align-items:center}.market-currency-desc{border:1px solid var(--brand-1);background:var(--warn-soft);color:var(--gold);padding:2px 6px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:700}.market-info{display:flex;align-items:flex-start;justify-content:flex-start;flex:0 1 auto;min-width:0}.market-info-list{margin:0;padding:0;list-style:none;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px}.market-info-list li{min-width:0;flex:0 0 auto;display:grid;align-items:flex-start;justify-items:center;text-align:left;gap:2px}.market-info-list .last-price{min-width:0}.market-info .label{margin:0;color:var(--text-1);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.market-info .num{margin:0;font-size:13px;white-space:nowrap}.market-info .last-price .num.stat-value{font-size:22px;line-height:1}.market-info .last-price .num.approx{color:var(--text-1);font-size:12px}.stat-value{font-size:14px}.stat-value.up{color:var(--green)}.stat-value.down{color:var(--red)}.stat-value.flat{color:var(--blue)}.connection-strip{background:var(--panel-strong);border:1px solid var(--panel-border);border-radius:0;padding:4px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.socket-pill{font-size:11px;text-transform:uppercase;letter-spacing:.07em;border-radius:0;padding:4px;border:1px solid var(--panel-border)}.socket-pill.disconnected{background:var(--bg-2);color:var(--text-2)}.socket-pill.connecting{background:var(--warn-soft);color:var(--gold);border-color:var(--brand-1)}.socket-pill.connected{background:var(--buy-soft);color:var(--green);border-color:var(--green)}.socket-pill.error{background:var(--sell-soft);color:var(--red);border-color:var(--red)}.source-summary{font-size:11px;color:var(--text-2)}.terminal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:10px;min-height:0;height:100%}.left-stack{display:grid;grid-template-rows:auto minmax(0,1fr) minmax(220px,.52fr);gap:10px;min-height:0}.chart-market-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:10px;min-height:0}.chart-market-grid>.terminal-panel{min-height:0}.terminal-panel{border:1px solid var(--panel-border);border-radius:0;background:var(--panel);overflow:hidden}.market-strip.terminal-panel{overflow:visible}.chart-panel{display:grid;grid-template-rows:auto auto 1fr;min-height:0}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px;border-bottom:1px solid var(--panel-border-soft)}.panel-header h2{margin:4px;font-size:16px;letter-spacing:.02em}.panel-header.compact h2{font-size:15px}.meta-text{margin:4px;font-size:11px;color:var(--text-1)}.chart-surface{min-height:0;height:100%}.chart-placeholder{height:100%;display:grid;place-items:center;color:var(--text-2);font-size:13px}.bottom-activity-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.bottom-panel-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-bottom:1px solid var(--panel-border-soft);background:var(--bg-2)}.bottom-panel-tab{flex:1 1 130px;min-width:0;padding:6px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-1);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.bottom-panel-tab:hover{background:var(--bg-2);border-color:var(--brand-1);color:var(--text-0)}.bottom-panel-tab.is-active{background:linear-gradient(90deg,var(--brand-0) 0%,var(--brand-1) 100%);border-color:var(--brand-1);color:#121214}.bottom-panel-stage{position:relative;min-height:0;background:linear-gradient(140deg,#20222973,#0e0f15bd),repeating-linear-gradient(90deg,transparent,transparent 24px,rgb(255 255 255 / 3%) 24px,rgb(255 255 255 / 3%) 25px)}.trade-form-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.trade-panel-top-tabs{display:flex;padding:6px;border-bottom:1px solid var(--panel-border-soft);background:var(--bg-2)}.trade-panel-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:7px 8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-1);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.trade-panel-tab.is-active{background:linear-gradient(90deg,var(--brand-0) 0%,var(--brand-1) 100%);border-color:var(--brand-1);color:#121214}.trade-form-body{position:relative;display:flex;flex-direction:column;gap:10px;min-height:0;padding:10px;background:linear-gradient(165deg,#12141ae5,#0b0c10f5)}.trade-market-tabs{display:flex;align-items:center;gap:10px;padding:0 2px}.trade-market-tab{padding:2px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-1);font-size:16px;font-weight:700;letter-spacing:.01em;text-transform:none}.trade-market-tab:hover{border-bottom-color:var(--brand-1);background:transparent;color:var(--text-0)}.trade-market-tab.is-active{border-bottom-color:var(--brand-1);color:var(--text-0)}.order-form-grid{display:grid;gap:10px;align-content:start}.order-form-grid input,.order-form-grid select{min-width:0;width:100%}.order-side-toggle{display:grid;gap:8px;grid-template-columns:1fr 1fr}.order-type-tabs{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.order-type-tab{background:var(--input-bg);color:var(--text-1);border-color:var(--input-border);text-transform:none}.order-type-tab.is-active{background:#ffffff0f;color:var(--text-0);border-color:var(--brand-1)}.order-side{background:var(--input-bg);color:var(--text-1);border-color:var(--input-border);text-transform:uppercase;letter-spacing:.05em}.order-side.buy{border-color:#20b26c73;color:var(--green)}.order-side.sell{border-color:#ef454a73;color:var(--red)}.order-side.is-active.buy{background:linear-gradient(90deg,#56cb8f,#20b26c);border-color:#20b26c;color:#041008}.order-side.is-active.sell{background:linear-gradient(90deg,#f77074,#ef454a);border-color:#ef454a;color:#140405}.trade-form-actions{display:grid;gap:8px}.trade-form-actions button{width:100%}.submit-buy{background:linear-gradient(90deg,#56cb8f,#20b26c);border-color:#20b26c;color:#041008}.submit-buy:hover{background:linear-gradient(90deg,#20b26c,#56cb8f);border-color:#56cb8f;color:#021006}.submit-sell{background:linear-gradient(90deg,#f77074,#ef454a);border-color:#ef454a;color:#140405}.submit-sell:hover{background:linear-gradient(90deg,#ef454a,#f77074);border-color:#f77074;color:#150405}.under-construction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;text-align:center;background:#020307ad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.under-construction-overlay p{margin:0;padding:10px 16px;border:1px solid rgb(255 255 255 / 24%);background:#0b0d12bd;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.market-data-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.market-data-tabs{display:flex;gap:4px;padding:4px;border-bottom:1px solid var(--panel-border-soft);background:var(--bg-2)}.market-data-tab{flex:1;min-width:0;padding:4px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-1);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.market-data-tab.is-active{background:linear-gradient(90deg,var(--brand-0) 0%,var(--brand-1) 100%);border-color:var(--brand-1);color:#121214}.market-data-views{display:grid;min-height:0}.market-data-view{display:none;min-height:0;height:100%}.market-data-view.is-active{display:grid}.orderbook-view{grid-template-rows:auto auto minmax(0,1fr) auto minmax(0,1fr)}.trades-view{grid-template-rows:auto minmax(0,1fr)}.book-header,.book-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;align-items:center}.book-header{padding:4px;border-bottom:1px solid var(--panel-border-soft);color:var(--text-1);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.book-side{display:grid;gap:1px;background:var(--bg-1);padding:4px;overflow:auto}.book-row{position:relative;overflow:hidden;padding:2px 4px;font-size:11px}.book-row span{position:relative;z-index:2}.book-row.ask .book-price{color:var(--red)}.book-row.bid .book-price{color:var(--green)}.book-row.empty{color:var(--text-2)}.book-row-bar{position:absolute;top:0;bottom:0;left:auto;right:0;z-index:1;opacity:.36}.book-row-bar.ask{background:linear-gradient(90deg,transparent,rgb(239 69 74 / 78%))}.book-row-bar.bid{background:linear-gradient(90deg,transparent,rgb(32 178 108 / 78%))}.book-spread-row{border-top:1px solid var(--panel-border-soft);border-bottom:1px solid var(--panel-border-soft);background:var(--bg-2);display:flex;align-items:center;justify-content:space-evenly;padding:4px;font-size:12px}.book-spread-row strong{color:var(--gold)}.trades-table-wrap{max-height:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}thead th{position:sticky;top:0;z-index:2;background:var(--bg-2);color:var(--text-1);letter-spacing:.05em;text-transform:uppercase;font-size:10px;border-bottom:1px solid var(--panel-border)}th,td{text-align:left;padding:4px;border-bottom:1px solid var(--panel-border-soft);white-space:nowrap}.trade-row.buy td:nth-child(1){color:var(--green)}.trade-row.sell td:nth-child(1){color:var(--red)}.empty-row{text-align:center;color:var(--text-2);padding:4px}:root[data-theme=light]{color-scheme:light;--bg-0: #f5f7fa;--bg-1: #fff;--bg-2: #fff;--panel: #fffffff0;--panel-strong: #fff;--panel-border: #e9edf2;--panel-border-soft: #f3f5f7;--text-0: #121214;--text-1: #81858c;--text-2: #adb1b8;--green: #20b26c;--red: #ef454a;--gold: #ff9c2e;--blue: #ff9c2e;--brand-0: #ffd748;--brand-1: #f7a600;--input-bg: #fff;--input-border: #e9edf2;--buy-soft: rgb(32 178 108 / 12%);--sell-soft: rgb(239 69 74 / 12%);--warn-soft: rgb(247 166 0 / 12%);--top-nav-bg: #fffffff0;--top-nav-border: #e9edf2;--top-nav-link-color: #81858c;--top-nav-link-active-color: #121214;--top-nav-link-active-border: #ff9c2e;--top-nav-toggle-bg: #fff;--top-nav-toggle-border: #e9edf2;--top-nav-toggle-color: #121214;--top-nav-toggle-bg-hover: #f3f5f7;--top-nav-toggle-border-hover: #ff9c2e;--top-nav-toggle-color-hover: #121214}:root[data-theme=light] .asset-selector-surface{background:#0a0e1466}:root[data-theme=light] .asset-selector-overlay{background:#05080cb3}:root[data-theme=light] body{background:radial-gradient(circle at 12% 0%,rgb(247 166 0 / 14%) 0%,transparent 36%),radial-gradient(circle at 88% 8%,rgb(239 69 74 / 10%) 0%,transparent 34%),#f5f7fa}:root[data-theme=light] .market-strip{background:linear-gradient(145deg,#fff,#f5f7fa)}@media (hover: none){.current-symbol{flex-wrap:wrap}.asset-selector{position:static;width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);opacity:1;visibility:visible;transform:none;pointer-events:auto}}@media (max-width: 1360px){.market-strip-inner{width:100%}.terminal-grid{grid-template-columns:1fr;height:auto}.left-stack{grid-template-rows:auto minmax(420px,1fr) minmax(220px,300px)}.chart-market-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.4fr)}.trade-form-panel{min-height:360px}}@media (max-width: 960px){.trade-app{padding:4px;height:auto}.left-stack{grid-template-rows:auto auto auto}.chart-market-grid{grid-template-columns:1fr}.chart-controls-label{width:100%}.interval-options{width:100%;justify-content:flex-start}.market-strip-inner{gap:8px 16px}.asset-selector{width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.market-info-list{gap:8px 16px}.market-info-list li{min-width:0}body{overflow:auto}.terminal-grid{height:auto}.trade-form-panel{min-height:420px}.market-data-panel{min-height:360px}.bottom-panel-stage{min-height:180px}.chart-surface,.chart-placeholder{min-height:360px}}