*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}:focus:not(:focus-visible){outline:none}button{background:none;border:none;cursor:pointer;font-family:inherit}input,textarea{border:none;background:none;font-family:inherit}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--accent: #BFED13;--accent-rgb: 191, 237, 19;--accent-deep: #A5CF0B;--accent-soft: #D6F566;--on-accent: #0A0A0F;--profit: #00FF88;--profit-rgb: 0, 255, 136;--profit-mid: #00B860;--profit-deep: #00884A;--loss: #FF3B30;--loss-rgb: 255, 59, 48;--loss-deep: #CC2A22;--danger: var(--loss);--danger-rgb: var(--loss-rgb);--danger-deep: var(--loss-deep);--warn: #E8972A;--bg-base: #0A0A0F;--bg-base-rgb: 10, 10, 15;--bg-surface: #12121A;--bg-raised: #1E1E2E;--bg-hover: #2A2A3A;--border: #1E1E2E;--border-rgb: 30, 30, 46;--border-hover: #2A2A3A;--text: #E8E8ED;--text-muted: #6B6B80;--text-muted-rgb: 107, 107, 128;--text-dim: #3A3A4A;--text-faint: #4A4A5A;--violet: #6C3AFF;--violet-rgb: 108, 58, 255;--violet-hover: #5829CC;--primary-color: var(--accent);--primary-hover: var(--accent-deep);--secondary-color: var(--violet);--secondary-hover: var(--violet-hover);--success-color: var(--profit);--error-color: var(--danger);--warning-color: #f59e0b;--info-color: var(--violet);--bg-primary: var(--bg-base);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-raised);--bg-overlay: rgba(var(--bg-base-rgb), .95);--text-primary: var(--text);--text-secondary: var(--text);--border-color: var(--border);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh}.main-container{width:100%;min-height:100vh}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;background:var(--bg-secondary);color:var(--text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:var(--secondary-hover)}.btn-success{background:var(--success-color);color:#fff}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.input-field{width:100%;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all .2s}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:var(--text-muted)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.loading-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:9999;align-items:center;justify-content:center}.loading-content{text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid var(--bg-tertiary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-primary);font-size:1rem}.toast-container{position:fixed;top:72px;right:var(--spacing-lg);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:280px;max-width:380px;padding:10px 14px;background:#15141d;border:1px solid #232231;border-radius:10px;box-shadow:0 8px 24px #0006;transform:translateY(-12px);opacity:0;transition:transform .25s ease,opacity .25s ease}.toast.show{transform:translateY(0);opacity:1}.toast.hide{transform:translateY(-12px);opacity:0}.toast-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--success-color)}.toast.error .toast-icon{color:var(--error-color)}.toast.warning .toast-icon{color:var(--warning-color)}.toast.info .toast-icon{color:var(--secondary-color)}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.toast-title{font-size:13px;line-height:1.3;color:var(--text);overflow:hidden;text-overflow:ellipsis;word-break:break-word}.toast-time{font-size:11px;line-height:1.2;color:#55536a}.toast-close{flex-shrink:0;width:14px;height:14px;padding:0;background:none;border:0;color:#55536a;opacity:.6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.toast-close:hover{opacity:1}.page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.page-content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.avatar-hover-wrap{position:relative;flex-shrink:0}#image-hover-preview{display:none;position:fixed;z-index:10000;border:2px solid var(--border-hover);border-radius:8px;background:var(--bg-surface);padding:4px;box-shadow:0 8px 32px #0009;pointer-events:none}#image-hover-preview img{display:block;width:200px;height:200px;border-radius:6px;object-fit:cover}@media (max-width: 768px){.page-container{padding:var(--spacing-md)}.page-header h1{font-size:1.5rem}.page-content{padding:var(--spacing-md)}.toast-container{right:var(--spacing-md);left:var(--spacing-md)}.toast{min-width:0;max-width:100%}}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-xs{gap:var(--spacing-xs)!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.gap-lg{gap:var(--spacing-lg)!important}.gap-xl{gap:var(--spacing-xl)!important}.m-0{margin:0!important}.mt-sm{margin-top:var(--spacing-sm)!important}.mt-md{margin-top:var(--spacing-md)!important}.mt-lg{margin-top:var(--spacing-lg)!important}.mb-sm{margin-bottom:var(--spacing-sm)!important}.mb-md{margin-bottom:var(--spacing-md)!important}.mb-lg{margin-bottom:var(--spacing-lg)!important}.p-sm{padding:var(--spacing-sm)!important}.p-md{padding:var(--spacing-md)!important}.p-lg{padding:var(--spacing-lg)!important}.p-xl{padding:var(--spacing-xl)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success-color)!important}.text-error{color:var(--error-color)!important}.text-warning{color:var(--warning-color)!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.w-full{width:100%!important}.w-auto{width:auto!important}.max-w-sm{max-width:24rem!important}.max-w-md{max-width:28rem!important}.max-w-lg{max-width:32rem!important}.max-w-xl{max-width:36rem!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:9999px!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-none{box-shadow:none!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.opacity-0{opacity:0!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.transition{transition:all .2s ease-in-out!important}.transition-fast{transition:all .1s ease-in-out!important}.transition-slow{transition:all .3s ease-in-out!important}.hover-scale:hover{transform:scale(1.05)}.hover-lift:hover{transform:translateY(-2px)}.disabled,[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--bg-tertiary);border-top-color:var(--primary-color);border-radius:50%;animation:spin .6s linear infinite}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:transparent;padding:1rem;position:relative}.login-corner{position:fixed;width:60px;height:60px;border-color:var(--accent);border-style:solid;border-width:0;pointer-events:none}.login-corner-tl{top:24px;left:24px;border-top-width:1px;border-left-width:1px}.login-corner-tr{top:24px;right:24px;border-top-width:1px;border-right-width:1px}.login-corner-bl{bottom:24px;left:24px;border-bottom-width:1px;border-left-width:1px}.login-corner-br{bottom:24px;right:24px;border-bottom-width:1px;border-right-width:1px}.login-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px}.login-title{font-size:72px;font-weight:800;color:var(--text);text-shadow:0 0 40px rgba(var(--accent-rgb),.4),0 0 80px rgba(var(--accent-rgb),.2),0 0 120px rgba(var(--accent-rgb),.1);margin-bottom:.5rem;text-align:center}.login-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:3rem;text-align:center}.login-form{width:100%;display:flex;flex-direction:column;gap:1rem}.login-button{width:100%;padding:1rem;background:var(--accent-deep);border:none;border-radius:4px;color:var(--on-accent);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;outline:none}.login-button:hover:not(:disabled){background:var(--accent)}.login-button:disabled{opacity:.4;cursor:not-allowed}.login-error{width:100%;margin-top:1rem;padding:1rem;background:rgba(var(--danger-rgb),.1);border:1px solid var(--danger);border-radius:4px;color:var(--danger);font-size:.875rem;text-align:center;opacity:0;max-height:0;overflow:hidden;transition:all .3s}.login-error.show{opacity:1;max-height:100px}.onboarding{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.onboarding-title{color:var(--text);font-weight:700;font-size:1rem;text-align:center}.onboarding-subtitle{color:var(--text-muted);font-size:.875rem;text-align:center}.onboarding-address{width:100%}.onboarding-address code{display:block;width:100%;padding:1rem;background:var(--bg-raised);color:var(--text);font-family:JetBrains Mono,monospace;font-size:.8rem;border-radius:4px;word-break:break-all;text-align:center;-webkit-user-select:all;user-select:all}.wallet-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--bg-base-rgb),.85);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.wallet-modal-overlay.visible{opacity:1}.wallet-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;width:100%;max-width:360px;padding:1.5rem;position:relative;transform:scale(.95);transition:transform .15s}.wallet-modal-overlay.visible .wallet-modal{transform:scale(1)}.wallet-modal-list{display:flex;flex-direction:column;gap:.5rem}.wallet-modal-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:background .15s;width:100%}.wallet-modal-item:hover{background:#ffffff0d}.wallet-modal-item img{width:28px;height:28px;border-radius:50%}.wallet-modal-item span{color:var(--text);font-weight:500;font-size:.9rem}.wallet-modal-form{display:flex;flex-direction:column;gap:.75rem}.wallet-modal-input{width:100%;padding:.75rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.wallet-modal-input:focus{border-color:var(--accent-deep)}.wallet-modal-input::placeholder{color:var(--text-muted)}.wallet-modal-submit{width:100%;padding:.75rem;background:var(--accent-deep);border:none;border-radius:4px;color:var(--on-accent);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.wallet-modal-submit:hover:not(:disabled){background:var(--accent)}.wallet-modal-submit:disabled{opacity:.4;cursor:not-allowed}.wallet-modal-error{color:var(--danger);font-size:.8rem;text-align:center;min-height:1em}@media (max-width: 480px){.login-title{font-size:36px}.login-subtitle{font-size:12px}.login-button{font-size:.875rem}}.chain-switcher{position:relative;flex-shrink:0}.chain-switcher-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.chain-switcher-trigger:hover{border-color:var(--border-hover)}.chain-switcher.is-open .chain-switcher-trigger{border-color:var(--border-hover);background:#1a1a24}.chain-switcher-trigger:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.chain-switcher--static .chain-switcher-trigger{cursor:default}.chain-switcher--static .chain-switcher-trigger:hover{border-color:var(--border)}.chain-switcher-icon{width:18px;height:18px;border-radius:50%;flex-shrink:0;object-fit:contain}.chain-switcher-label{color:var(--text)}.chain-switcher-caret{color:var(--text-muted);flex-shrink:0;transition:transform .15s,color .15s}.chain-switcher.is-open .chain-switcher-caret{transform:rotate(180deg);color:var(--text)}.chain-switcher-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:132px;margin:0;padding:.25rem 0;list-style:none;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 8px 24px #00000080;z-index:1100}.chain-switcher.is-open .chain-switcher-menu{display:block}.chain-switcher-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .85rem;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:.85rem;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;transition:background .15s}.chain-switcher-option:hover:not([disabled]){background:#ffffff0d}.chain-switcher-option:focus-visible{outline:none;background:#ffffff14}.chain-switcher-option[disabled]{cursor:default}.chain-switcher-option-label{font-weight:600}.chain-switcher-option.is-current .chain-switcher-option-label{color:var(--accent)}.chain-switcher[data-variant=login]{position:fixed;top:18px;right:24px;z-index:100}.chain-switcher[data-variant=login] .chain-switcher-menu{left:auto;right:0}@media (max-width: 768px){.chain-switcher[data-variant=navbar] .chain-switcher-label{display:none}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--bg-base);border-bottom:1px solid var(--border);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}#main-app{padding-top:56px}#main-app.navbar-hidden{padding-top:0}.navbar-left{display:flex;align-items:center;gap:1.5rem}.navbar-nav{display:flex;align-items:center;gap:.25rem}.navbar-separator{width:1px;height:20px;background:var(--bg-raised);margin:0 .5rem}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-logo{font-size:20px;font-weight:700;color:var(--text);text-shadow:0 0 20px rgba(var(--accent-rgb),.3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:text-shadow .2s;white-space:nowrap;text-decoration:none;display:flex;align-items:center}.navbar-logo-img{width:55px;height:55px;margin-right:8px}.navbar-logo:hover{text-shadow:0 0 30px rgba(var(--accent-rgb),.5)}.navbar-logo-accent{color:var(--accent)}.navbar-link{display:inline-block;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);font-size:.875rem;font-weight:500;padding:.4rem .75rem;cursor:pointer;transition:color .2s,background .2s,border-color .2s;font-family:inherit;white-space:nowrap;text-decoration:none}.navbar-link:hover{color:var(--text);background:rgba(var(--accent-rgb),.08)}.navbar-link.active{color:var(--accent)}.navbar-run-btn{display:inline-block;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--accent);font-size:.875rem;font-weight:500;padding:.4rem .75rem;cursor:pointer;transition:color .2s,background .2s,border-color .2s;font-family:inherit;white-space:nowrap;text-decoration:none}.navbar-run-btn:hover{color:var(--text);background:rgba(var(--accent-rgb),.08)}.navbar-run-btn.active{color:var(--accent)}.navbar-wallet{position:relative;display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;transition:border-color .15s}.navbar-wallet:hover{border-color:var(--border-hover)}.navbar-wallet-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s;flex-shrink:0;font-family:inherit}.navbar-wallet-icon-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),.08)}.navbar-wallet-zone{position:relative;display:flex;align-items:center;gap:.5rem}.navbar-wallet-divider{width:1px;height:16px;background:var(--bg-raised);flex-shrink:0}.navbar-wallet-asset{display:flex;align-items:center;gap:.35rem}.navbar-wallet-asset-icon{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.navbar-wallet-asset span{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap}.navbar-avatar-wrapper{position:relative}.navbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--violet));display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.navbar-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}.navbar-avatar-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:.25rem 0;z-index:1100;box-shadow:0 8px 24px #00000080}.navbar-avatar-dropdown.open{display:block}.navbar-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;background:transparent;border:none;color:var(--text);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s;text-align:left;white-space:nowrap}.navbar-dropdown-item:hover{background:#ffffff0d}.navbar-dropdown-item svg{flex-shrink:0}.navbar-dropdown-logout{color:var(--danger)}.navbar-burger{display:none;flex-direction:column;justify-content:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001}.navbar-burger span{display:block;width:20px;height:2px;background:var(--text);transition:all .2s}.navbar-burger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.navbar-burger.open span:nth-child(2){opacity:0}.navbar-burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.navbar-mobile-menu{display:none;position:fixed;top:56px;left:0;width:100%;background:var(--bg-base);border-bottom:1px solid var(--border);z-index:999;flex-direction:column;padding:.5rem 0}.navbar-mobile-menu.open{display:flex}.navbar-mobile-link{display:block;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;font-weight:500;padding:.75rem 2rem;cursor:pointer;text-align:left;font-family:inherit;transition:color .2s,background .2s;text-decoration:none}.navbar-mobile-link:hover{color:var(--text);background:var(--bg-surface)}.navbar-mobile-link.active{color:var(--accent)}.navbar-mobile-separator{height:1px;background:var(--bg-raised);margin:.25rem 1.5rem}@media (max-width: 1340px) and (min-width: 769px){.navbar-logo-text{display:none}.navbar-burger{display:flex}.navbar-mobile-only{display:none!important}.navbar-right{margin-left:auto;margin-right:.5rem}}@media (max-width: 768px){.navbar{padding:0 1rem}.navbar-nav{display:none}.navbar-right{margin-left:auto;margin-right:.5rem}.navbar-wallet{padding:.25rem .4rem;gap:.35rem}.navbar-wallet-asset span{font-size:.72rem}.navbar-wallet-asset-icon{width:18px;height:18px}.navbar-wallet-icon-btn{width:22px;height:22px}.navbar-burger{display:flex}}.navbar-wallet-action{position:absolute;top:100%;left:-1px;right:-1px;z-index:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.02em;cursor:pointer;opacity:0;transform:translateY(-100%);pointer-events:none;transition:transform .22s ease,opacity .18s ease,background .2s ease,border-color .2s ease,color .2s ease}.navbar-wallet-action svg{flex-shrink:0}@media (hover: hover){.navbar-wallet-zone-convert:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;z-index:2}.navbar-wallet:has(.navbar-wallet-zone-convert:hover),.navbar-wallet:has(.navbar-wallet-action:hover){border-radius:6px 6px 0 0}.navbar-wallet-zone-convert:hover~.navbar-wallet-action-convert,.navbar-wallet-action:hover{opacity:1;transform:translateY(0);pointer-events:auto}.navbar-wallet-action:hover{background:rgba(var(--accent-rgb),.08);border-color:var(--accent);color:var(--accent)}}.navbar-link-admin{color:var(--accent)!important}body:has(.guides-page){overflow:hidden}body:has(.guides-page) #main-app{overflow:hidden;padding-bottom:0}body:has(.guides-page) .page-container{padding:0;max-width:none;height:calc(100vh - 92px);overflow-y:auto}.guides-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:none;min-height:calc(100vh - 92px);background:var(--bg-base);box-sizing:border-box}.guides-title{font-size:36px;font-weight:700;color:var(--text);text-shadow:0 0 30px rgba(var(--accent-rgb),.35),0 0 60px rgba(var(--accent-rgb),.15);margin-bottom:1rem}.guides-subtitle{font-size:14px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.settings-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.presets-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.presets-list{display:grid;gap:var(--spacing-md)}.preset-item{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.preset-item:hover{border-color:var(--primary-color);background:var(--bg-secondary);transform:translate(4px)}.pending-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.pending-card{background:var(--bg-surface);border:1px solid var(--border);padding:48px 40px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.pending-icon{margin-bottom:8px}.pending-title{font-family:Inter,sans-serif;font-size:22px;font-weight:700;color:orange;margin:0;text-transform:uppercase;letter-spacing:1px}.pending-title.rejected{color:var(--accent)}.pending-subtitle{font-family:Inter,sans-serif;font-size:14px;color:var(--text-muted);margin:0;line-height:1.6}.pending-message-section{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px}.pending-label{font-family:Inter,sans-serif;font-size:12px;color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.pending-textarea{width:100%;min-height:80px;max-height:160px;background:var(--bg-base);border:1px solid var(--border);color:var(--text);font-family:Inter,sans-serif;font-size:13px;padding:10px 12px;resize:vertical;outline:none;box-sizing:border-box;line-height:1.5}.pending-textarea:focus{border-color:var(--accent)}.pending-textarea::placeholder{color:var(--text-dim)}.pending-char-count{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);text-align:right}.pending-btn{width:100%;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--bg-base);color:var(--text);cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.pending-btn:hover{border-color:var(--accent);color:var(--accent)}.pending-btn:disabled{opacity:.5;cursor:not-allowed}.pending-btn-send{border-color:orange;color:orange}.pending-btn-send:hover{background:#ffa5001a;border-color:orange;color:orange}.pending-btn-disconnect{margin-top:8px;border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.pending-btn-disconnect:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent)}.footer{position:fixed;bottom:0;left:0;width:100%;z-index:1000;background:var(--bg-base);border-top:1px solid var(--border);height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.footer-left{display:flex;align-items:center;gap:1.5rem}.footer-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text)}.footer-link svg{flex-shrink:0}.footer-divider{color:var(--bg-hover);font-size:.75rem;-webkit-user-select:none;user-select:none}.footer-sol{display:inline-flex;align-items:center;gap:.4rem;-webkit-user-select:none;user-select:none}.footer-sol svg{display:block;flex-shrink:0}.footer-sol-value{font-family:JetBrains Mono,Monaco,Menlo,monospace;font-size:.75rem;font-weight:500;color:var(--text)}.footer-settings-btn{display:inline-flex;align-items:center;gap:.4rem;padding:0;background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;transition:color .2s}.footer-settings-btn svg{flex-shrink:0}.footer-settings-btn:hover{color:var(--text)}.footer-extension-link{display:inline-flex;align-items:center;gap:.3em;color:var(--accent);font-size:.75rem;font-weight:600;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.footer-extension-link:hover{color:#ff4d6f}.footer-extension-arrow{display:inline-block}.footer-extension-link:hover .footer-extension-arrow{animation:footer-arrow-hop .45s ease}@keyframes footer-arrow-hop{0%{transform:translateY(0)}30%{transform:translateY(-3px)}55%{transform:translateY(0)}75%{transform:translateY(-1.5px)}to{transform:translateY(0)}}.footer-right{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.footer-status{display:flex;align-items:center}.footer-status-dot{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.footer-status-text{font-size:.75rem;font-weight:500}.footer-status.connected .footer-status-dot{background:var(--profit);box-shadow:0 0 8px rgba(var(--profit-rgb),.4)}.footer-status.connected .footer-status-text{color:var(--profit)}.footer-status.unstable .footer-status-dot{background:var(--warn);box-shadow:0 0 8px #e8972a66}.footer-status.unstable .footer-status-text{color:var(--warn)}.footer-status.disconnected .footer-status-dot{background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.4)}.footer-status.disconnected .footer-status-text{color:var(--accent)}.footer-socials{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.footer-social{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s}.footer-social:hover{color:var(--text)}.footer-social:focus-visible{color:var(--text);outline:1px solid var(--border-hover);outline-offset:2px}.footer-social svg{display:block}#main-app{padding-bottom:36px}@media (max-width: 768px){.footer{padding:0 1rem;justify-content:flex-end}.footer-left{display:none}}.hotkey-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100}.hotkey-popup-wrapper{display:flex;flex-direction:column;gap:1rem;max-width:1040px;width:90%;align-items:stretch}.hotkey-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}.hotkey-column{display:flex;flex-direction:column;gap:1rem;min-width:0}@media (max-width: 900px){.hotkey-columns{grid-template-columns:1fr}}.hotkey-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:1.25rem}.hotkey-title{font-size:.6875rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600;font-family:JetBrains Mono,monospace;padding-bottom:.75rem;margin-bottom:.875rem;border-bottom:1px solid var(--border)}.hotkey-rows{display:flex;flex-direction:column;gap:.375rem}.hotkey-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#0e0e14;border:1px solid var(--border);border-radius:4px}.hotkey-label{font-size:.75rem;color:var(--text);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.6px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotkey-row.is-empty .hotkey-label{color:var(--text-dim)}.hotkey-binding{padding:.3rem .625rem;background:var(--bg-base);border:1px solid var(--border-hover);border-radius:3px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;cursor:pointer;min-width:80px;text-align:center;transition:border-color .15s,color .15s;flex-shrink:0}.hotkey-binding:hover{border-color:var(--accent)}.hotkey-binding.recording{border-color:#ffb800;color:#ffb800;animation:hotkey-pulse 1s infinite}@keyframes hotkey-pulse{0%,to{opacity:1}50%{opacity:.55}}.hotkey-reset-btn{align-self:center;padding:.55rem 1.25rem;background:transparent;border:1px solid var(--border-hover);color:var(--text-muted);border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;font-weight:600;transition:all .15s}.hotkey-reset-btn:hover{border-color:var(--accent);color:var(--accent)}.hotkey-mode-switch{display:flex;width:100%;border:1px solid var(--border);border-radius:4px;overflow:hidden}.hotkey-mode-option{flex:1;padding:.45rem .7rem;background:transparent;border:none;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .15s,color .15s}.hotkey-mode-option:hover{color:var(--text)}.hotkey-mode-option.active{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.hotkey-mode-switch.is-locked .hotkey-mode-option{cursor:not-allowed;opacity:.45}.hotkey-mode-note{margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.4px;color:var(--text-dim);text-align:center}.sound-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60%;height:4px;background:var(--bg-raised);border-radius:2px;outline:none;cursor:pointer;accent-color:var(--violet)}.sound-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--violet);border:none;cursor:pointer;box-shadow:0 0 6px rgba(var(--violet-rgb),.4)}.sound-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--violet);border:none;cursor:pointer;box-shadow:0 0 6px rgba(var(--violet-rgb),.4)}.sound-test-group{display:flex;gap:.4rem}.sound-test-btn{background:transparent;border:1px solid var(--border-hover);padding:.25rem .65rem;border-radius:3px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;transition:border-color .12s,color .12s,background .12s}.sound-test-btn.is-buy{color:var(--profit)}.sound-test-btn.is-sell{color:var(--loss)}.sound-test-btn:hover{border-color:var(--text-dim);background:#ffffff05}.settings-toggle{width:46px;height:26px;border-radius:13px;background:var(--bg-raised);border:1px solid var(--border-hover);cursor:pointer;position:relative;transition:background .2s,border-color .2s,box-shadow .2s;flex-shrink:0}.settings-toggle:hover{border-color:var(--text-dim)}.settings-toggle.active{background:var(--accent);border-color:var(--accent)}.settings-toggle-circle{width:20px;height:20px;border-radius:50%;background:var(--text-muted);position:absolute;top:2px;left:2px;transition:all .2s}.settings-toggle.active .settings-toggle-circle{background:#fff;transform:translate(20px)}.hotkey-number{width:80px;padding:.3rem .625rem;background:var(--bg-base);border:1px solid var(--border-hover);border-radius:3px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;text-align:center;outline:none;flex-shrink:0;transition:border-color .15s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.hotkey-number:hover,.hotkey-number:focus{border-color:var(--accent)}.hotkey-number::-webkit-outer-spin-button,.hotkey-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
