*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#0a0e1a;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.app-root{display:flex;flex-direction:column;height:100vh;width:100vw}.topnav{flex:0 0 56px;display:flex;align-items:center;gap:24px;padding:0 20px;background:#070a13;border-bottom:1px solid rgba(255,255,255,.06)}.topnav-brand{display:flex;align-items:center;gap:10px;min-width:160px}.topnav-logo{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#4b5563,#1f2937 70%,#0a0e1a);border:1px solid rgba(255,255,255,.12)}.topnav-title{font-weight:800;font-size:16px;color:#e6edf3;letter-spacing:.2px}.topnav-links{display:flex;gap:4px}.topnav-links button{background:transparent;border:0;color:#9ca3af;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.topnav-links button:hover:not(:disabled){color:#e6edf3;background:#ffffff0a}.topnav-links button.active{color:#e6edf3;background:#ffffff0f}.topnav-links button.disabled,.topnav-links button:disabled{opacity:.4;cursor:not-allowed}.topnav-search{flex:1;max-width:520px;margin-left:auto}.topnav-search input{width:100%;padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e6edf3;font-size:13px}.topnav-search input:focus{outline:none;border-color:#ffffff40}.app{flex:1;min-height:0;display:grid;grid-template-columns:1fr minmax(380px,24vw);grid-template-rows:minmax(340px,58%) 1fr;grid-template-areas:"chart side" "stage side"}.home{flex:1;min-height:0;overflow-y:auto;background:#0a0e1a}.home-inner{max-width:1240px;margin:0 auto;padding:28px 24px 60px}.home-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.home-addr{display:flex;align-items:center;gap:12px}.home-addr-icon{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#60a5fa,#2563eb 70%,#1e3a8a)}.home-addr-id{font-weight:700;font-size:16px;color:#e6edf3;font-family:ui-monospace,monospace}.home-addr-sub{color:#6b7280;font-size:12px}.home-head-actions{display:flex;gap:8px}.home-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.1);color:#e6edf3;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.home-btn-outline:hover{background:#ffffff0f;border-color:#fff3;color:#e6edf3}.home-top{display:grid;grid-template-columns:1fr 340px;gap:20px;margin-top:24px}.home-big{font-size:38px;font-weight:800;color:#e6edf3;font-variant-numeric:tabular-nums}.home-sub{font-size:13px;margin-top:4px}.home-sub.up{color:#22c55e}.home-sub.dn{color:#ef4444}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;max-width:520px}.home-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:10px 12px;border-radius:10px;display:flex;flex-direction:column}.home-stat span{color:#6b7280;font-size:11px}.home-stat b{color:#e6edf3;font-size:14px;margin-top:2px;font-variant-numeric:tabular-nums}.home-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}.home-quick.home-quick-3{grid-template-columns:1fr}.home-quick-btn{background:#0f172a;color:#e6edf3;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-weight:700;font-size:14px;min-height:90px;transition:transform .08s,background .08s,border-color .08s}.home-quick-btn:hover:not(:disabled){transform:translateY(-1px);background:#131b2f;border-color:#fff3}.home-quick-btn:disabled{opacity:.5;cursor:not-allowed}.home-quick-ico{width:28px;height:28px;border-radius:50%;background:#1f2937;color:#e6edf3;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.home-body{display:grid;grid-template-columns:1fr 380px;gap:20px;margin-top:32px}.home-section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.home-section-head h2{font-size:16px;font-weight:700;color:#e6edf3}.home-muted{color:#6b7280;font-size:12px}.home-small{font-size:11px}.home-table{width:100%;border-collapse:collapse;font-size:13px}.home-table th{text-align:left;color:#6b7280;font-weight:600;font-size:11px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.home-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.04);color:#e6edf3;font-variant-numeric:tabular-nums}.home-table tr{cursor:pointer;transition:background .08s}.home-table tbody tr:hover{background:#ffffff08}.home-table tr.active{background:#ffffff0d}.home-token-cell{display:flex;align-items:center;gap:10px}.home-token-ico{width:28px;height:28px;border-radius:50%;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.home-token-name{font-weight:600}.home-table-go{background:transparent;border:1px solid rgba(255,255,255,.1);color:#e6edf3;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer}.home-table-go:hover{background:#ffffff0f;border-color:#ffffff40}.home-empty{padding:24px;text-align:center;color:#6b7280;font-size:13px;background:#ffffff05;border-radius:12px}.home-activity-list{display:flex;flex-direction:column;gap:6px}.home-activity-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;transition:background .08s}.home-activity-row:hover{background:#ffffff08}.home-activity-ico{width:28px;height:28px;border-radius:50%;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.home-activity-main{font-size:13px;font-weight:600}.home-activity-px{color:#9ca3af;font-size:11px;font-variant-numeric:tabular-nums}@media (max-width: 900px){.home-top,.home-body{grid-template-columns:1fr}}.explore-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.explore-stat{padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.explore-table th:nth-child(3),.explore-table th:nth-child(4),.explore-table th:nth-child(5),.explore-table th:nth-child(6),.explore-table th:nth-child(7){text-align:left}.chg-up{color:#22c55e;font-weight:600;font-size:12px}.chg-dn{color:#ef4444;font-weight:600;font-size:12px}.chart-wrap{grid-area:chart;position:relative;background:#070a13;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}.chart-top{padding:10px 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px;flex-wrap:wrap}.chart-top .pair{font-weight:700;color:#e6edf3;font-size:14px;display:flex;align-items:center;gap:8px}.chart-top .pair .bdot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#3b82f6);display:inline-block}.chart-top .price-big{color:#60a5fa;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}.chart-top .chg{padding:2px 6px;border-radius:4px;font-weight:600;font-size:11px;font-variant-numeric:tabular-nums}.chart-top .chg.up{background:#22c55e26;color:#22c55e}.chart-top .chg.dn{background:#ef444426;color:#ef4444}.chart-top .tag{color:#6b7280;font-size:11px}.chart-top .tag b{color:#d1d5db;font-weight:600}.chart-top-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.chart-top-actions .icon-btn{background:transparent;border:1px solid #1f2937;color:#9ca3af;width:30px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .1s,border-color .1s,opacity .1s}.chart-top-actions .icon-btn img{width:16px;height:16px;object-fit:contain;opacity:.8;transition:opacity .1s}.chart-top-actions .icon-btn:hover{background:#1f2937;border-color:#3b82f6}.chart-top-actions .icon-btn:hover img{opacity:1}.chart-top-actions .icon-btn.danger:hover{background:#7f1d1d;border-color:#ef4444}.chart-top-status{font-size:11px;font-weight:600;margin-right:4px}.chart-wrap-inner{flex:1;display:flex;flex-direction:column;min-height:0}.tf-bar{display:flex;gap:4px;padding:6px 14px;border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap;background:#070a13}.tf-bar button{background:transparent;border:1px solid transparent;color:#6b7280;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.tf-bar button:hover{background:#1f2937;color:#e6edf3}.tf-bar button.active{background:#1e3a8a;color:#fff;border-color:#3b82f6}.chart-body{flex:1;position:relative;min-height:0}canvas.chart{display:block;width:100%;height:100%}.stage{grid-area:stage;position:relative;border-right:1px solid rgba(255,255,255,.06);background:radial-gradient(ellipse at center,#0e1525,#0a0e1a 70%);overflow:hidden}.bubble-frame{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.bubble-frame.dragging{cursor:grabbing}canvas.bubbles{display:block}.side{grid-area:side;background:#0c111d;display:flex;flex-direction:column;font-size:13px;overflow:hidden}.side section{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.side h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8b95a7;margin-bottom:10px;font-weight:700}.kv{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:5px 0;color:#9ca3af;font-size:13px;min-width:0}.kv>span{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kv b{color:#e6edf3;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-shrink:0}.kv .amber{color:#f59e0b}.stage-tabs{position:absolute;top:12px;left:16px;z-index:5;display:flex;gap:4px}.stage-tabs button{background:#111827;border:1px solid #1f2937;color:#9ca3af;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:background .1s,color .1s,border-color .1s}.stage-tabs button:hover{background:#1f2937;color:#e6edf3}.stage-tabs button.active{background:#1e3a8a;color:#fff;border-color:#3b82f6}.stage-hud{position:absolute;top:54px;left:16px;font-size:11px;color:#6b7280;-webkit-user-select:none;user-select:none;line-height:1.6;pointer-events:none}.stage-hud b{color:#e6edf3}.stage-count{position:absolute;top:12px;right:16px;z-index:5;display:flex;align-items:center;gap:2px}.stage-count button{background:#111827;border:1px solid #1f2937;color:#e6edf3;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0}.stage-count button:hover{background:#1f2937;border-color:#3b82f6}.stage-count-num{min-width:50px;text-align:center;padding:0 10px;color:#e6edf3;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.legend{position:absolute;top:12px;right:16px;font-size:10px;color:#6b7280;-webkit-user-select:none;user-select:none;text-align:right;line-height:1.6}.trade-panel{position:absolute;min-width:250px;background:#111827;border:1px solid #1f2937;border-radius:10px;padding:12px;box-shadow:0 10px 30px #00000073;font-size:12px;z-index:10}.trade-panel h4{font-size:13px;margin-bottom:8px;color:#e6edf3;display:flex;align-items:center;gap:8px}.trade-panel h4 .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#60a5fa}.trade-panel .row{display:flex;justify-content:space-between;margin:4px 0;color:#9ca3af}.trade-panel .row b{color:#e6edf3;font-weight:600}.trade-panel label{display:block;color:#9ca3af;margin-top:10px;margin-bottom:4px;font-size:11px}.trade-panel input[type=number]{width:100%;background:#0a0e1a;border:1px solid #1f2937;color:#e6edf3;padding:7px 9px;border-radius:6px;font-size:13px;font-family:inherit}.trade-panel input[type=number]:focus{outline:none;border-color:#3b82f6}.trade-panel .btns{display:flex;gap:8px;margin-top:10px}.trade-panel button{flex:1;border:0;padding:8px 10px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;color:#fff}.trade-panel .buy{background:#16a34a}.trade-panel .buy:hover{background:#15803d}.trade-panel .sell{background:#dc2626}.trade-panel .sell:hover{background:#b91c1c}.trade-panel .depo{background:#2563eb}.trade-panel .depo:hover{background:#1d4ed8}.trade-panel .wd{background:#ea580c}.trade-panel .wd:hover{background:#c2410c}.trade-panel button:disabled{background:#1f2937;color:#4b5563;cursor:not-allowed}.side .btns{display:flex;gap:8px;margin-top:10px}.side .btns button{flex:1;border:0;padding:8px 10px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;color:#fff}.side .btns .buy{background:#16a34a}.side .btns .buy:hover{background:#15803d}.side .btns .sell{background:#dc2626}.side .btns .sell:hover{background:#b91c1c}.side .btns .depo{background:#2563eb}.side .btns .depo:hover{background:#1d4ed8}.side .btns .wd{background:#ea580c}.side .btns .wd:hover{background:#c2410c}.side .btns button:disabled{background:#1f2937;color:#4b5563;cursor:not-allowed}.side input[type=number]{flex:1;background:#0a0e1a;border:1px solid #1f2937;color:#e6edf3;padding:8px 10px;border-radius:6px;font-size:14px;font-family:inherit;font-variant-numeric:tabular-nums}.side input[type=number]:focus{outline:none;border-color:#3b82f6}.side .preview{margin-top:10px;padding:8px 10px;background:#0a0e1a;border-radius:6px;font-size:12px;color:#8b95a7;line-height:1.6;font-variant-numeric:tabular-nums}.trade-panel .close{position:absolute;top:6px;right:8px;background:transparent;color:#6b7280;padding:2px 6px;font-size:14px}.trade-panel .preview{margin-top:6px;font-size:11px;color:#6b7280;min-height:14px;line-height:1.5}.history{flex:1;overflow-y:auto;padding:10px 14px;font-size:11px}.history .t{display:grid;grid-template-columns:36px 48px 48px 1fr;gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);align-items:center;white-space:nowrap}.history .t .seq{color:#6b7280}.history .t .side-b{color:#22c55e;font-weight:700}.history .t .side-s{color:#ef4444;font-weight:700}.history .t .side-d{color:#3b82f6;font-weight:700}.history .t .side-w{color:#f97316;font-weight:700}.history .t .id{color:#e6edf3}.history .t .px{color:#60a5fa;text-align:right;font-variant-numeric:tabular-nums}.history .empty{color:#4b5563;padding:20px 0;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1abf;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:20px 22px;width:420px;max-width:calc(100vw - 40px);box-shadow:0 20px 60px #0009;font-size:13px;color:#e6edf3}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h3{font-size:15px;font-weight:700;letter-spacing:.03em}.modal-close{background:transparent;border:0;color:#6b7280;font-size:20px;cursor:pointer;padding:0 4px}.modal label{display:block;color:#8b95a7;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:10px 0 5px;font-weight:600}.modal select,.modal input[type=number]{width:100%;background:#0a0e1a;border:1px solid #1f2937;color:#e6edf3;padding:9px 11px;border-radius:6px;font-size:13px;font-family:inherit;font-variant-numeric:tabular-nums}.modal select:focus,.modal input[type=number]:focus{outline:none;border-color:#3b82f6}.modal .max-btn{background:#1f2937;color:#9ca3af;border:0;padding:0 14px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700}.modal .max-btn:hover{background:#374151;color:#e6edf3}.modal-preview{margin-top:12px;padding:10px 12px;background:#0a0e1a;border-radius:6px;color:#8b95a7;line-height:1.7;font-variant-numeric:tabular-nums}.modal-preview b{color:#e6edf3;font-weight:600}.modal-err{margin-top:8px;color:#f87171;font-size:12px}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-cancel,.modal-confirm{flex:1;border:0;padding:10px;border-radius:6px;font-weight:700;font-size:13px;cursor:pointer;color:#fff}.modal-cancel{background:#1f2937;color:#9ca3af}.modal-cancel:hover{background:#374151;color:#e6edf3}.modal-confirm{background:#2563eb}.modal-confirm:disabled{background:#1f2937;color:#4b5563;cursor:not-allowed}