:root{--bg: #0b1214;--panel: #0e181b;--panel-2: #122024;--line: rgba(148, 184, 190, .14);--text: #d7e6e8;--muted: #7f969c;--faint: #5c7278;--mint: #3ee0c5;--mint-ink: #04241f;--up: #2fce8b;--down: #ff5d78;--shadow: 0 18px 50px rgba(0, 0, 0, .4);color-scheme:dark;font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:13px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%}p{margin:0}.app{height:100%;min-width:1240px;min-height:720px;display:flex;flex-direction:column;background:var(--bg)}.main{flex:1;min-height:0;display:flex;flex-direction:column}.header{height:52px;display:flex;align-items:center;gap:22px;padding:0 14px 0 12px;border-bottom:1px solid var(--line);background:#0c1517}.brand{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:#f4fbfb;font-weight:650;font-size:16px;letter-spacing:-.04em}.brand-mark{width:28px;height:28px;border-radius:50%;object-fit:cover}.nav{display:flex;align-items:center;gap:4px}.nav-btn{background:none;border:0;color:var(--muted);padding:6px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.nav-btn:hover,.nav-btn.is-on{color:#f4fbfb}.header-actions{margin-left:auto}.connect-btn{height:32px;padding:0 14px;border:0;border-radius:8px;background:var(--mint);color:var(--mint-ink);font-weight:650}.connect-btn:hover{filter:brightness(1.05)}.connect-btn:disabled{opacity:.7}.wallet-chip{height:32px;display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 6px;border-radius:8px;border:1px solid var(--line);background:#122226;color:#f4fbfb}.wallet-chip img,.inline-wallet img{width:20px;height:20px;border-radius:5px}.live-dot,.online i{width:7px;height:7px;border-radius:50%;background:var(--up);display:inline-block}.pop-wrap{position:relative}.pop-menu,.chip-menu,.market-menu,.lev-pop{position:absolute;top:calc(100% + 8px);z-index:30;background:#122024;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.pop-menu{min-width:160px;padding:6px;right:0}.pop-menu button,.chip-menu button,.ind-menu label{display:flex;width:100%;text-align:left;background:none;border:0;color:var(--text);padding:8px 10px;border-radius:7px;gap:8px;align-items:center}.pop-menu button:hover,.chip-menu button:hover{background:#3ee0c514}.chip-menu{right:0;width:260px;padding:12px}.chip-balance{font-size:16px;font-weight:600;color:#f4fbfb}.chip-network,.chip-address{color:var(--muted);font-size:12px;margin-top:4px;word-break:break-all}.chip-menu button{margin-top:8px;border:1px solid var(--line)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px 318px;grid-template-rows:62px minmax(0,1fr) 214px;background:var(--panel)}.market-head{grid-column:1 / 3;grid-row:1;display:flex;align-items:center;gap:14px;padding:0 12px;border-bottom:1px solid var(--line);min-width:0}.market-btn{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:#f7fbfb;font-size:16px;font-weight:650;letter-spacing:-.03em}.market-btn img{width:26px;height:34px;object-fit:cover;border-radius:3px;background:#081012}.lev-badge{color:var(--mint);border:1px solid rgba(62,224,197,.45);border-radius:4px;font-size:11px;font-weight:700;padding:1px 5px}.stats{display:flex;gap:18px;min-width:0;margin-left:8px}.stat{flex:0 0 auto}.stat .label{color:var(--faint);font-size:11px;margin-bottom:2px}.stat .value{font-size:13px;font-weight:550}.market-menu{left:0;width:460px;padding:6px;max-height:420px;overflow:auto}.market-option{width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:none;border:0;border-radius:8px;padding:8px;color:var(--text)}.market-option:hover,.market-option.is-on{background:#3ee0c514}.market-option img{width:42px;height:56px;object-fit:cover;border-radius:4px;background:#081012;flex:none}.opt-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.opt-copy strong,.opt-px strong{color:#f4fbfb;font-weight:600}.opt-copy span,.opt-px span{color:var(--muted);font-size:11px;line-height:1.35}.opt-px{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:2px;flex:none}.spec-menu{width:280px;padding:12px;left:0}.spec-menu p{color:var(--muted);font-size:12px;margin-bottom:6px}.spec-grid{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-top:8px;font-size:12px}.spec-grid span{color:var(--faint)}.chart-panel{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.chart-toolbar,.book-head,.bottom-bar{height:36px;display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid var(--line)}.text-tabs{display:flex;gap:12px}.text-tabs button,.tf,.quiet-btn,.type-tabs button{background:none;border:0;color:var(--muted);padding:4px 2px}.text-tabs button.is-on,.tf.is-on,.type-tabs button.is-on{color:#f4fbfb}.tf-group{display:flex;gap:8px;margin-left:8px}.tf{font-size:12px;font-weight:600}.ind-menu{left:0;min-width:140px}.chart-stage{position:relative;flex:1;min-height:0}.chart-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.legend{position:absolute;z-index:2;left:10px;top:8px;display:flex;gap:10px;font-size:12px;color:var(--muted);pointer-events:none}.book{grid-column:2;grid-row:2;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.book-head{justify-content:space-between}.book-tools{display:flex;align-items:center;gap:6px}.book-tools select,.quiet-btn{background:transparent;border:0;color:var(--muted);font-size:12px}.book-cols,.level{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:6px;padding:0 10px}.book-cols{color:var(--faint);font-size:11px;padding-top:6px;padding-bottom:4px}.book-cols span:not(:first-child),.level span:not(:first-child){text-align:right}.book-body{flex:1;min-height:0;display:flex;flex-direction:column}.asks,.bids,.trades{flex:1;min-height:0;overflow:auto}.asks{display:flex;flex-direction:column;justify-content:flex-end}.level{height:22px;align-items:center;font-size:12px}.level:hover{outline:1px solid rgba(255,255,255,.04)}.spread-row{display:flex;justify-content:space-between;padding:6px 10px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.trades{padding-top:4px}.bottom{grid-column:1 / 3;grid-row:3;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}.bottom-bar{justify-content:space-between}.bottom-time,.footer-clock{color:var(--faint);font-size:12px}.table-scroll{flex:1;min-height:0;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--faint);font-weight:500;padding:8px 12px;position:sticky;top:0;background:var(--panel)}td{padding:8px 12px;border-top:1px solid rgba(148,184,190,.08)}.empty-row td{text-align:center;color:var(--faint);padding:28px 12px;border-top:0}.ticket{grid-column:3;grid-row:1 / span 3;min-height:0;display:flex;flex-direction:column;background:#0e181b}.ticket-form{flex:1;min-height:0;overflow:auto;padding:10px 12px 12px}.ticket-top{display:flex;align-items:center;gap:8px}.seg{display:flex;padding:2px;border-radius:7px;background:#0b1416;border:1px solid var(--line)}.seg button{background:none;border:0;color:var(--muted);height:26px;padding:0 10px;border-radius:5px}.seg button.is-on{background:#1a2c31;color:#f4fbfb}.lev-btn{height:30px;padding:0 10px;border-radius:6px;border:1px solid rgba(62,224,197,.4);background:transparent;color:var(--mint);font-weight:700}.unified{margin-left:auto;color:var(--faint);font-size:12px}.lev-pop{right:0;width:220px;padding:12px}.lev-readout{font-size:18px;font-weight:650;margin-bottom:8px}.lev-presets{display:flex;gap:6px;margin-top:10px}.lev-presets button{flex:1;height:26px;border-radius:5px;border:1px solid var(--line);background:transparent;color:var(--muted)}.lev-presets button.is-on{color:var(--mint-ink);background:var(--mint);border-color:transparent}.side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 10px}.side-btn{height:34px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:650}.side-btn.long.is-on{background:var(--mint);color:var(--mint-ink);border-color:transparent}.side-btn.short.is-on{background:#f0526e;color:#fff;border-color:transparent}.type-tabs{display:flex;gap:14px;margin-bottom:10px}.avail,.meta-list div,.account-title{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.avail{margin-bottom:8px}.avail strong,.meta-list dd,.account-title{color:var(--text);font-weight:500}.field{position:relative;display:block;margin:8px 0}.field span{display:block;color:var(--faint);font-size:11px;margin-bottom:4px}.field input{width:100%;height:36px;border-radius:7px;border:1px solid var(--line);background:#0b1416;padding:0 62px 0 10px;outline:none}.field input:focus{border-color:#3ee0c58c}.field input:disabled{opacity:.55}.unit-btn{position:absolute;right:8px;bottom:8px;height:20px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:700}.stack{display:grid;gap:0}.stack.two{grid-template-columns:1fr 1fr;gap:8px}.size-slider{width:100%;margin:4px 0 10px}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:6px 0}.meta-list{margin:12px 0;display:grid;gap:7px}.meta-list div{align-items:baseline}.meta-list dt{color:var(--faint)}.meta-list dd{margin:0}.form-error{color:var(--down);font-size:12px;margin:4px 0 8px}.submit-btn{width:100%;height:40px;border:0;border-radius:8px;background:var(--mint);color:var(--mint-ink);font-weight:700;font-size:14px}.submit-btn.short{background:#f0526e;color:#fff}.submit-btn:disabled{opacity:.55}.ticket-hint{color:var(--faint);font-size:11px;margin-top:6px}.account{border-top:1px solid var(--line);padding:10px 12px 12px}.dw{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.dw button,.ghost-btn{height:30px;border-radius:6px;border:1px solid var(--line);background:#122024;color:var(--text)}.dw button:hover,.ghost-btn:hover{border-color:#3ee0c573}.account-title{margin-bottom:8px;color:var(--text)}.ghost-btn{padding:0 12px}.footer{height:28px;display:flex;align-items:center;gap:16px;padding:0 12px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;background:#0c1517}.online{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.footer-links{margin-left:auto;display:flex;gap:12px}.footer-links button{background:none;border:0;color:var(--muted);padding:0}.footer-links button:hover{color:var(--text)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#04080ab8;display:grid;place-items:center;padding:24px}.modal{width:min(440px,100%);background:#101c1f;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:16px}.modal h2{margin:0;font-size:18px;letter-spacing:-.03em}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.modal-head p,.modal>p{color:var(--muted);margin-top:4px}.icon-btn{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:20px;line-height:1}.wallet-list{display:grid;gap:8px}.wallet-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid transparent;background:#0c1517;text-align:left}.wallet-row:hover{border-color:#3ee0c573}.wallet-row img{width:42px;height:42px;border-radius:10px}.wallet-meta{display:flex;flex-direction:column;gap:2px}.wallet-meta strong{font-size:14px}.wallet-meta span,.modal-note{color:var(--muted);font-size:12px}.tag{margin-left:auto;color:var(--faint);font-size:12px;font-weight:600;display:inline-flex;align-items:center;min-height:16px}.tag.on{color:var(--mint)}.modal-note{margin:12px 0;line-height:1.45}.modal .submit-btn{margin-top:8px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--mint);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page{flex:1;min-height:0;overflow:auto;padding:28px 32px 40px}.page.narrow{max-width:760px}.page-head h1{margin:0 0 6px;font-size:22px;letter-spacing:-.04em}.page-head p{color:var(--muted);margin-bottom:18px}.stat-grid,.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid.one{grid-template-columns:1fr 1fr}.stat-card,.vcard,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.stat-card{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.stat-card span,.vcard-metrics em{color:var(--faint);font-style:normal;font-size:12px}.stat-card strong{font-size:18px;font-weight:600}.panel{overflow:hidden}.panel-head,.vcard{padding:14px 16px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2,.vcard h2{margin:0;font-size:15px}.vcard p{color:var(--muted);margin:6px 0 12px}.vcard-metrics{display:flex;gap:18px;margin-bottom:14px}.vcard-metrics span{display:flex;flex-direction:column;gap:3px;font-weight:650}.inline-wallet{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.referral{padding:20px;display:grid;gap:14px;justify-items:start}.code{font-size:28px;font-weight:650;letter-spacing:.08em}.mono{font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.dim{color:var(--muted)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:99px;background:#24383c;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--mint);cursor:pointer}input[type=checkbox]{accent-color:#3ee0c5}::selection{background:#3ee0c547}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#24383c;border-radius:99px}.toasts{position:fixed;right:16px;bottom:40px;z-index:50;display:grid;gap:8px}.toast{background:#142226;border:1px solid var(--line);border-left:3px solid var(--down);color:var(--text);border-radius:8px;padding:10px 12px;text-align:left}