:root{--bg: #000;--panel: #0a0a0a;--card: #121212;--hover: #1a1a1a;--input: #161616;--line: #1f1f1f;--line-2: #2c2c2c;--text: #fff;--text-2: #a6a6a6;--text-3: #6b6b6b;--up: #1fbf75;--down: #f0475e;--up-bg: rgba(31, 191, 117, .14);--down-bg: rgba(240, 71, 94, .14);--font: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input{font:inherit;color:inherit;background:none;border:0;outline:0;min-width:0}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.num{font-variant-numeric:tabular-nums}.up,.flash-up{color:var(--up)}.down,.flash-down{color:var(--down)}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.small{font-size:12px}.strong{font-weight:600}.center{text-align:center}.r{text-align:right!important}.row{display:flex;align-items:center}.gap-10{gap:10px}.gap-12{gap:12px}.wrap{flex-wrap:wrap}.justify-center{justify-content:center}.container{max-width:1240px;margin:0 auto;padding:0 24px}.page{padding-top:40px;padding-bottom:64px}.page-title{font-size:36px;margin-bottom:24px}.center-page{text-align:center;padding-top:120px;padding-bottom:160px;display:flex;flex-direction:column;gap:16px}.section{padding-top:72px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.section-head h2,.section-title{font-size:36px}.section-title{margin-bottom:28px}.link{color:var(--text);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}.link:hover{text-decoration-color:var(--text)}.link-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-weight:500}.link-arrow:hover{color:var(--text)}.empty{padding:40px 16px;text-align:center;color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:999px;font-weight:600;white-space:nowrap;transition:background .15s,opacity .15s}.btn.sm{height:32px;padding:0 14px;font-size:13px}.btn.lg{height:52px;padding:0 30px;font-size:16px}.btn.block{width:100%}.btn-white{background:#fff;color:#000}.btn-white:hover{background:#dcdcdc}.btn-dark{background:var(--hover);color:#fff}.btn-dark:hover{background:#262626}.btn-buy{background:var(--up);color:#fff}.btn-sell{background:var(--down);color:#fff}.btn-buy:hover,.btn-sell:hover{opacity:.88}.btn-text{font-weight:600;padding:0 8px}.btn-text:hover{color:var(--text-2)}.input{height:44px;padding:0 16px;border-radius:12px;background:var(--input);border:1px solid var(--line-2);width:100%;transition:border-color .15s}.input:focus{border-color:#fff}.input.lg{height:52px;border-radius:999px;padding:0 22px;font-size:15px}.chip{display:inline-block;padding:4px 10px;border-radius:6px;font-weight:600;font-size:13px;min-width:76px;text-align:center}.chip-up{background:var(--up-bg);color:var(--up)}.chip-down{background:var(--down-bg);color:var(--down)}.check{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{accent-color:#fff;width:14px;height:14px}.star{display:inline-flex;color:var(--text-3);padding:2px}.star:hover{color:var(--text-2)}.star.on{color:#f5c542}.pill-tabs{display:flex;gap:6px;flex-wrap:wrap}.pill-tabs button{height:36px;padding:0 16px;border-radius:999px;color:var(--text-2);font-weight:500}.pill-tabs button:hover{color:var(--text)}.pill-tabs button.on{background:var(--hover);color:var(--text)}.seg{display:flex;background:var(--input);border-radius:999px;padding:4px}.seg button{flex:1;height:36px;border-radius:999px;color:var(--text-2);font-weight:600}.seg button.on{background:#fff;color:#000}.search{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:var(--input);border:1px solid var(--line-2);color:var(--text-3)}.search:focus-within{border-color:var(--text-2)}.search input{color:var(--text);width:100%}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 12px;flex-wrap:wrap}.toolbar h2{font-size:22px}.coin-icon{border-radius:50%;flex-shrink:0;display:block}.coin-fallback{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0}.table-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{color:var(--text-3);font-weight:400;font-size:12px;text-align:left;padding:10px 16px;white-space:nowrap}.tbl td{padding:10px 16px;font-size:13px;border-top:1px solid var(--line);white-space:nowrap}.tbl-lg td{padding:16px;font-size:15px}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--panel)}.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl th.sortable:hover,.tbl th.sorted{color:var(--text)}.sort-arrow{margin-left:4px}.hdr{position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--line)}.hdr-left{display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.03em}.hdr-nav{display:flex;gap:28px}.hdr-nav a{font-weight:500;font-size:15px;color:var(--text-2);transition:color .15s}.hdr-nav a:hover,.hdr-nav a.active{color:var(--text)}.hdr-right{display:flex;align-items:center;gap:12px}.mode-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}.mode-badge i{width:6px;height:6px;border-radius:50%;background:var(--text-3)}.mode-live i{background:var(--up);box-shadow:0 0 0 3px var(--up-bg)}.mode-sim i{background:#f5c542}.user-menu{position:relative}.avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:#000;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.lg{width:40px;height:40px;font-size:16px}.dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;background:var(--card);border:1px solid var(--line-2);border-radius:14px;padding:8px;box-shadow:0 16px 40px #0009}.dropdown-head{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-bottom:1px solid var(--line-2);margin-bottom:6px}.dropdown-item{display:block;width:100%;text-align:left;padding:10px;border-radius:8px}.dropdown-item:hover{background:var(--hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--text-2)}.icon-btn:hover{color:var(--text);background:var(--hover)}.dropdown-title{padding:6px 10px 8px}.lang-item{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.lang-item.on{color:var(--text);font-weight:600}.mobile-langs{padding-top:12px;display:flex;flex-direction:column}.mobile-nav .mobile-langs button{font-size:15px;font-weight:500}.menu-btn{display:none;padding:4px}.mobile-nav{position:absolute;top:64px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);display:flex;flex-direction:column;padding:8px 16px 16px}.mobile-nav a,.mobile-nav button{padding:12px 0;font-size:16px;font-weight:600;text-align:left;border-bottom:1px solid var(--line)}.footer{border-top:1px solid var(--line);margin-top:96px;padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-note{margin-top:16px;max-width:460px;font-size:13px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font-size:14px;margin-bottom:4px}.footer-col a{color:var(--text-2)}.footer-col a:hover{color:var(--text)}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-top:80px;padding-bottom:24px}.hero h1{font-size:64px;line-height:1.04;letter-spacing:-.045em;font-weight:800}.hero-accent{color:var(--text-3)}.hero-sub{margin:24px 0 32px;font-size:18px;color:var(--text-2);max-width:540px}.hero-form{display:flex;gap:10px;max-width:520px}.hero-points{display:flex;gap:24px;margin-top:28px;font-size:13px;flex-wrap:wrap}.hero-points span:before{content:"✓";color:var(--text);margin-right:8px}.hero-card{background:linear-gradient(180deg,#141414,#0a0a0a);border:1px solid var(--line-2);border-radius:24px;padding:28px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:-40% -20% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 65%);pointer-events:none}.hero-card-top{display:flex;justify-content:space-between;align-items:center}.hero-card-price{font-size:40px;font-weight:700;letter-spacing:-.03em;margin-top:18px}.hero-spark{width:100%;height:120px;display:block;margin:12px 0 8px}.hero-card-list{border-top:1px solid var(--line-2);padding-top:6px}.hero-card-row{display:grid;grid-template-columns:1fr auto 80px;gap:12px;align-items:center;padding:10px 0}.hero-card-row>span:nth-child(n+2){text-align:right}.hero-card-row:hover b{text-decoration:underline}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px 28px}.feature svg{margin-bottom:40px}.feature h3{font-size:20px;margin-bottom:10px}.cta{text-align:center;padding:72px 24px;border-radius:28px;background:radial-gradient(ellipse at top,#1d1d1d,#0a0a0a 70%);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:16px}.cta h2{font-size:44px}.market-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card,.balance-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 24px}.stat-value{font-size:24px;font-weight:700;margin-top:6px}.balance-card{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:28px}.balance-total{font-size:36px;font-weight:700;letter-spacing:-.03em;margin:6px 0 2px}.balance-total .dim{font-size:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modal{position:relative;width:100%;max-width:420px;background:var(--card);border:1px solid var(--line-2);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:18px}.modal h2{font-size:26px}.modal-close{position:absolute;top:18px;right:18px;color:var(--text-2)}.modal-close:hover{color:var(--text)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2)}.auth-form .btn{margin-top:6px}.form-error{color:var(--down);font-size:13px}.toasts{position:fixed;top:76px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--card);border:1px solid var(--line-2);border-left:3px solid var(--text-2);border-radius:10px;padding:12px 16px;max-width:340px;font-size:13px;box-shadow:0 10px 30px #0009;animation:toast-in .2s ease-out}.toast-success{border-left-color:var(--up)}.toast-error{border-left-color:var(--down)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.trade{display:flex;flex-direction:column}.pairbar{display:flex;align-items:center;gap:28px;height:64px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:visible}.pairbar>.star{margin-right:-16px}.pair-select{position:relative}.pair-btn{display:flex;align-items:center;gap:10px;text-align:left;padding:6px 8px;border-radius:10px}.pair-btn:hover{background:var(--hover)}.pair-name{display:block;font-size:18px;font-weight:700;line-height:1.2}.pair-sub{display:block;font-size:12px}.chev{transition:transform .15s;color:var(--text-2)}.chev.open{transform:rotate(180deg)}.pb-last{font-size:20px;font-weight:700;line-height:1.2}.pb-stat{font-size:13px;white-space:nowrap}.pb-price{white-space:nowrap}.picker{position:fixed;z-index:60;top:128px;margin-left:0;width:380px;max-height:520px;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line-2);border-radius:14px;padding:12px;box-shadow:0 20px 50px #000000b3}.picker-tabs{display:flex;gap:18px;padding:12px 4px 8px;border-bottom:1px solid var(--line-2)}.picker-tabs button{color:var(--text-2);font-weight:600}.picker-tabs button.on{color:var(--text)}.picker-head,.picker-row{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:8px;padding:8px 6px;font-size:13px}.picker-head>span:nth-child(n+2),.picker-row>span:nth-child(n+2){text-align:right}.picker-head{font-size:12px}.picker-list{overflow-y:auto}.picker-row{cursor:pointer;border-radius:8px;align-items:center}.picker-row:hover,.picker-row.current{background:var(--hover)}.picker-pair{display:flex;align-items:center;gap:6px}.trade-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px 320px;grid-template-rows:580px minmax(320px,auto);grid-template-areas:"chart book form" "orders orders form";gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.panel{background:var(--bg);min-width:0;min-height:0;display:flex;flex-direction:column}.area-chart{grid-area:chart}.area-book{grid-area:book}.area-form{grid-area:form}.area-orders{grid-area:orders}.panel-tabs{display:flex;align-items:center;gap:20px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0;overflow-x:auto}.panel-tabs>button{height:100%;color:var(--text-2);font-weight:600;white-space:nowrap;position:relative}.panel-tabs>button:hover{color:var(--text)}.panel-tabs>button.on{color:var(--text)}.panel-tabs>button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff;border-radius:2px}.panel-tabs-right{margin-left:auto;display:flex;align-items:center;gap:18px;white-space:nowrap}.chart{display:flex;flex-direction:column;height:100%}.chart-toolbar{display:flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-bottom:1px solid var(--line);flex-shrink:0;overflow-x:auto}.chart-toolbar .dim{margin-right:6px}.tf{padding:4px 8px;border-radius:6px;color:var(--text-2);font-size:13px;font-weight:500}.tf:hover{color:var(--text)}.tf.on{color:var(--text);background:var(--hover)}.chart-legend{display:flex;align-items:center;gap:12px;padding:8px 12px 0;font-size:12px;color:var(--text-3);min-height:26px;flex-wrap:wrap}.chart-legend b{font-weight:500}.chart-legend b:not(.up):not(.down){color:var(--text-2)}.ma-legend{display:inline-flex;gap:10px;margin-left:auto}.chart-canvas{position:relative;flex:1;min-height:0}.chart-el{position:absolute;top:0;right:0;bottom:0;left:0}.chart-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-3);pointer-events:none}.book{display:flex;flex-direction:column;height:100%}.view-switch{margin-left:auto;display:flex;gap:2px}.view-switch button{padding:4px;border-radius:4px;opacity:.45;display:flex}.view-switch button.on,.view-switch button:hover{opacity:1;background:var(--hover)}.bk-head,.bk-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:4px;padding:0 16px;font-size:12px}.bk-head{height:32px;align-items:center;color:var(--text-3);flex-shrink:0}.bk-head>span:nth-child(n+2),.bk-row>span:nth-child(n+2){text-align:right}.bk-row{position:relative;height:20px;align-items:center;cursor:pointer;flex-shrink:0}.bk-row:hover{background:var(--panel)}.bk-row>span{position:relative}.bk-bar{position:absolute;top:1px;bottom:1px;right:0;transition:width .2s}.bk-bar.ask{background:var(--down-bg)}.bk-bar.bid{background:var(--up-bg)}.bk-asks{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column-reverse}.bk-bids{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.bk-mid{display:flex;align-items:baseline;gap:10px;height:44px;align-items:center;padding:0 16px;flex-shrink:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bk-mid-price{display:inline-flex;align-items:center;gap:4px;font-size:18px;font-weight:700}.bk-ratio{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;flex-shrink:0;border-top:1px solid var(--line)}.bk-ratio-bar{flex:1;display:flex;gap:2px;height:4px}.bk-ratio-bar i{display:block;border-radius:2px;transition:width .3s}.bk-ratio-bar .b{background:var(--up)}.bk-ratio-bar .s{background:var(--down);flex:1}.trades-list{flex:1;overflow-y:auto}.trades-list .bk-row:hover{background:var(--panel)}.order-form{display:flex;flex-direction:column;gap:14px;padding:16px}.side-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--input);border-radius:999px;padding:3px}.side-switch button{height:36px;border-radius:999px;font-weight:700;color:var(--text-2);transition:background .15s}.side-switch button.on-buy{background:var(--up);color:#fff}.side-switch button.on-sell{background:var(--down);color:#fff}.type-tabs{display:flex;gap:18px}.type-tabs button{color:var(--text-3);font-weight:600;padding:2px 0}.type-tabs button.on{color:var(--text)}.field{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:10px;background:var(--input);border:1px solid transparent;transition:border-color .15s;cursor:text}.field:hover{border-color:var(--line-2)}.field:focus-within{border-color:#fff}.field.disabled{opacity:.6;cursor:default}.field-label{color:var(--text-3);font-size:13px;white-space:nowrap}.field input{flex:1;text-align:right;font-weight:600}.field input::placeholder{color:var(--text-3);font-weight:400}.field-suffix{color:var(--text-2);font-size:13px;min-width:36px;text-align:right}.slider input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,#fff var(--pct),var(--line-2) var(--pct));cursor:pointer}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#000;border:3px solid #fff}.slider input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#000;border:3px solid #fff}.slider-marks{display:flex;justify-content:space-between;margin-top:8px}.slider-marks button{font-size:11px;color:var(--text-3)}.slider-marks button.on{color:var(--text-2)}.form-info{display:flex;flex-direction:column;gap:6px;font-size:12px}.form-info>div,.form-asset-row{display:flex;justify-content:space-between}.form-assets{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:8px;font-size:13px}.form-assets-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.orders{display:flex;flex-direction:column;min-height:320px}@media (max-width: 1180px){.trade-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:520px 600px auto;grid-template-areas:"chart chart" "book form" "orders orders"}.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:52px}}@media (max-width: 860px){.hdr{padding:0 16px}.hdr-nav,.hide-sm,.mode-badge{display:none!important}.menu-btn{display:inline-flex}.container{padding:0 16px}.trade-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:420px 520px auto auto;grid-template-areas:"chart" "book" "form" "orders"}.picker{left:16px;right:16px;width:auto}.hero{padding-top:40px}.hero h1{font-size:40px}.hero-form{flex-direction:column}.section-head h2,.section-title,.cta h2,.page-title{font-size:28px}.features,.market-stats,.footer-grid{grid-template-columns:1fr}.tbl-lg td{padding:12px 10px;font-size:14px}.tbl th{padding:10px}}.btn-sm{height:34px;padding:0 16px;font-size:13px}.form-ok{color:var(--up);font-size:13px}.tools{min-height:100vh;display:flex;flex-direction:column}.tools-hdr{height:64px;display:flex;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid var(--line)}.tools-title{color:var(--text-2);font-weight:500;padding-left:20px;border-left:1px solid var(--line-2)}.tools-hdr-right{margin-left:auto;display:flex;align-items:center;gap:14px}.tools-lang{display:flex;border:1px solid var(--line-2);border-radius:999px;padding:2px}.tools-lang button{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-3)}.tools-lang button.on{background:var(--hover);color:var(--text)}.tools-body{width:100%;max-width:960px;margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;gap:20px}.tools-card{background:var(--card);border:1px solid var(--line-2);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0}.tools-card h1{font-size:26px}.tools-card h2{font-size:20px}.tools-card .tbl th:first-child,.tools-card .tbl td:first-child{padding-left:0}.tools-card .tbl th:last-child,.tools-card .tbl td:last-child{padding-right:0}.tools-signin{max-width:420px;width:100%;margin:48px auto 0}.tools-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tools-row>.input{flex:1 1 180px;width:auto}.tools-pass{flex:2 1 280px;display:flex;gap:8px}.tools-pass .input{flex:1}.tools-actions{text-align:right}.tools-actions>*+*{margin-left:4px}.tools-created{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:var(--up-bg);font-size:13px}.tools-created code{font:600 14px ui-monospace,Consolas,monospace;-webkit-user-select:all;user-select:all}.tools-file{max-width:340px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.tools-hdr{padding:0 16px;gap:12px}.tools-title{display:none}.tools-body{padding:20px 16px 48px}.tools-card{padding:18px}}