html,body{overflow-x:hidden}
::selection{background:rgba(45,212,191,.25);color:#fff}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:6px}
.spin-dark{border-color:rgba(0,0,0,.15);border-top-color:#000}
.fade-up{animation:fadeUp .25s ease-out}
.grid-bg{background-image:linear-gradient(rgba(45,212,191,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.02) 1px,transparent 1px);background-size:48px 48px}
/* Token selector */
.token-btn{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem .75rem;cursor:pointer;min-width:110px;display:flex;align-items:center;gap:6px;user-select:none;transition:border-color .15s;font-family:'JetBrains Mono',monospace}
.token-btn:hover,.token-btn:focus{border-color:rgba(45,212,191,.5);outline:none}
.token-btn::after{content:'';width:0;height:0;margin-left:auto;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #555}
.token-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;width:max-content;background:#111;border:1px solid #2a2a2a;border-radius:.75rem;z-index:50;box-shadow:0 12px 40px rgba(0,0,0,.7);max-height:300px;display:flex;flex-direction:column;animation:fadeUp .15s ease-out}
.token-search{background:#0a0a0a;border:none;border-bottom:1px solid #222;color:#fff;font-size:.8rem;font-family:'JetBrains Mono',monospace;padding:10px 12px;outline:none;border-radius:.75rem .75rem 0 0;width:100%;box-sizing:border-box}
.token-search::placeholder{color:#555}
.token-list{overflow-y:auto;flex:1;padding:4px;scrollbar-width:thin;scrollbar-color:#333 transparent}
.token-list::-webkit-scrollbar{width:4px}
.token-list::-webkit-scrollbar-thumb{background:#333;border-radius:2px}
.token-item{padding:8px 10px;border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:500;color:#ccc;transition:background .1s;font-family:'JetBrains Mono',monospace;display:flex;align-items:center;gap:8px}
.token-logo{width:20px;height:20px;border-radius:50%;flex-shrink:0}
.token-balance{margin-left:auto;font-size:.7rem;color:#666;flex-shrink:0}
.token-item:hover{background:rgba(45,212,191,.1);color:#fff}
.token-item.active{background:rgba(45,212,191,.15);color:#2dd4bf}
.slipbtn{transition:all .15s}