:root{--primary: #ff007a;--bg: #f5f6fc}body{background-color:var(--bg);font-family:Inter,system-ui,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.swap-card{background:#fff;width:400px;padding:20px;border-radius:24px;box-shadow:0 10px 30px #0000000d}.header{display:flex;justify-content:space-between;margin-bottom:20px}.header h2{margin:0;font-size:1.2rem}.input-box{background:#f9fafb;border-radius:16px;padding:16px;margin-bottom:8px;border:1px solid transparent}.input-box:focus-within{border-color:#ebecf2}.label-row{display:flex;justify-content:space-between;font-size:.85rem;color:#5f6783;margin-bottom:8px}.val-row{display:flex;align-items:center}.val-row input{background:transparent;border:none;font-size:1.5rem;width:100%;outline:none;font-weight:500}.token-badge{background:#eee;padding:4px 10px;border-radius:20px;font-weight:700;font-size:.9rem}.divider{text-align:center;margin:-15px 0;position:relative;z-index:2}.divider-icon{background:#fff;border:4px solid var(--bg);border-radius:10px;display:inline-block;padding:4px;cursor:pointer}.info-text{font-size:.85rem;color:#5f6783;margin:12px 0;text-align:center}#swapBtn{width:100%;padding:16px;border-radius:16px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:opacity .2s}#swapBtn:disabled{background:#d3d3d3;cursor:not-allowed}#swapBtn:hover:not(:disabled){opacity:.9}.swap-card{width:95%;max-width:420px;margin:20px auto;padding:16px;box-sizing:border-box}.val-row input{font-size:1.4rem}@media(max-width:480px){body{padding-top:10px;background-color:#fff}.swap-card{box-shadow:none;border:none}.input-box{padding:12px}#swapBtn{padding:18px;font-size:1.2rem}}.token-select{background:#eee;border:none;padding:6px 12px;border-radius:12px;font-weight:700;cursor:pointer;outline:none}.token-select:hover{background:#e2e2e2}