:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}body{margin:0;background:#0b0f14;color:#e6edf3}a{color:#8ab4ff;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:24px}.card{background:#111823;border:1px solid #1f2a3a;border-radius:16px;padding:16px}.row{display:flex;gap:12px;flex-wrap:wrap}.col{flex:1;min-width:280px}.h1{font-size:22px;font-weight:700;margin:0 0 12px}.small{font-size:12px;opacity:.8}input,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #243246;background:#0c121b;color:#e6edf3;outline:none}button{width:100%;padding:10px 12px;border-radius:12px;border:0;background:#2d6cdf;color:#fff;font-weight:700;cursor:pointer}button.secondary{background:#223047}button:disabled{opacity:.5;cursor:not-allowed}.hr{height:1px;background:#1f2a3a;margin:12px 0}.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;background:#0c121b;border:1px solid #243246;border-radius:999px}.panel{max-width:520px;margin:16px auto 0}input,select{box-sizing:border-box}.switchBtn{width:44px;height:44px;border-radius:999px;border:2px solid #000;background:linear-gradient(180deg,#1bff00,#9dff00);color:#000;font-weight:900;box-shadow:0 0 0 2px #1bff00;margin:12px auto}.tokenIcon{width:40px;height:40px;border-radius:50%;background:#b6ff00;border:2px solid #000;box-shadow:0 0 0 2px #000,0 0 0 3px #1bff00;overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.tokenIconImg{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}.tokenBtn:hover .tokenIcon{transform:scale(1.05);transition:transform .12s ease-out}.tokenBtn{width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:14px;border:2px solid #000;background:linear-gradient(180deg,#1bff00,#9dff00);color:#000;box-shadow:0 0 0 2px #1bff00,0 10px 24px #00000059}.tokenLeft{display:flex;align-items:center;gap:12px;min-width:0}.tokenSymbol{font-weight:900;letter-spacing:.4px;text-transform:uppercase}.tokenText{display:flex;flex-direction:column;justify-content:center;line-height:1.1;min-width:0}.tokenName{font-size:12px;opacity:.85}.tokenSymbol,.tokenName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tokenChevron{font-size:18px;opacity:.85}.tokenMenuWrap{position:relative}.tokenMenu{position:absolute;z-index:20;left:0;right:0;margin-top:8px;background:#0c121b;border:1px solid #243246;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #00000059}.tokenItem{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:transparent;border:0;color:#e6edf3;text-align:left}.tokenItem:hover{background:#111823}.tokenAddr{font-size:12px;opacity:.75;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.card{background:linear-gradient(180deg,#0b1020,#070b14);border:1px solid #1bff00;box-shadow:0 0 0 1px #000,0 0 24px #1bff0026}button:not(.secondary){background:linear-gradient(180deg,#1bff00,#9dff00);color:#000;border:2px solid #000;font-weight:800;text-transform:uppercase}button:not(.secondary):hover{filter:brightness(1.1)}.secondary{background:#0c121b;border:1px solid #1bff00;color:#b6ff00}.modalBackdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.modalCard{width:min(520px,calc(100vw - 24px));max-height:min(70vh,640px);overflow:auto;background:#0c121b;border:1px solid #1bff00;border-radius:16px;padding:12px;box-shadow:0 0 0 2px #000,0 24px 60px #00000080}.pctBtn:hover{filter:brightness(1.1)}.pctBtn{height:26px;padding:0 10px;border-radius:999px;border:2px solid #000;background:#0c121b;color:#b6ff00;font-weight:800;font-size:12px}.pctBtn:disabled{opacity:.5;cursor:not-allowed}