:root{--bg:#0c0a09;--bg2:#171310;--card:#1c1815;--card2:#241f1a;--border:#352d24;--text:#f5efe8;--muted:#9c8f80;--tiger:#f97316;--tiger2:#fb923c;--green:#4ade80;--red:#f87171;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%, #2a1a0c 0%, var(--bg) 55%);color:var(--text);min-height:100vh}.app{max-width:480px;margin:0 auto;padding:16px}header{justify-content:space-between;align-items:center;padding:8px 0 24px;display:flex}.logo{letter-spacing:-.5px;font-size:20px}.logo b{color:var(--tiger)}.header-right{gap:8px;display:flex}.chain-select,.wallet-btn{background:var(--card);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:8px 12px;font-size:13px}.wallet-btn:hover{border-color:var(--tiger)}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:14px;position:relative}.card-head{justify-content:space-between;align-items:center;padding:2px 4px 12px;font-size:15px;font-weight:600;display:flex}.slippage{gap:4px;display:flex}.slippage button{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:3px 8px;font-size:11px}.slippage button.on{color:var(--tiger);border-color:var(--tiger)}.input-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:14px}.input-row{align-items:center;gap:10px;display:flex}.input-row input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:28px;font-weight:500}.input-row input.dim{opacity:.5}.balance{color:var(--muted);cursor:pointer;margin-top:8px;font-size:12px}.balance:hover{color:var(--tiger2)}.token-btn{background:var(--card2);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:600;display:flex}.token-btn:hover{border-color:var(--tiger)}.chev{color:var(--muted);font-size:11px}.token-dot{background:linear-gradient(135deg, var(--tiger), #b45309);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.flip{z-index:2;background:var(--card2);width:36px;height:36px;color:var(--tiger);border:3px solid var(--card);cursor:pointer;border-radius:12px;margin:-8px auto;font-size:16px;display:block;position:relative}.flip:hover{color:var(--tiger2)}.swap-btn{background:linear-gradient(135deg, var(--tiger), #ea580c);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:12px;padding:14px;font-size:16px;font-weight:700}.swap-btn:disabled{background:var(--card2);color:var(--muted);cursor:default}.swap-btn:not(:disabled):hover{filter:brightness(1.1)}.status{border-radius:12px;margin-top:10px;padding:10px 12px;font-size:13px}.status.ok{color:var(--green);background:#4ade801a}.status.err{color:var(--red);background:#f871711a}.status a{color:inherit;margin-left:6px}.quote-panel{background:var(--card);border:1px solid var(--border);border-radius:20px;margin-top:12px;padding:14px;font-size:13px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.savings{color:var(--green);text-transform:none;letter-spacing:0}.route-leg{background:var(--bg2);border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.leg-pct{color:var(--tiger);min-width:38px;font-weight:700}.leg-venue{min-width:90px;font-weight:600}.leg-path{color:var(--muted);flex:1}.leg-path .arrow{color:var(--border)}.leg-path .fee{color:var(--tiger2)}.leg-out{font-variant-numeric:tabular-nums}.compare-section{margin-top:14px}.compare-row{color:var(--muted);border-radius:8px;justify-content:space-between;padding:6px 10px;display:flex}.compare-row.best{color:var(--text);background:var(--bg2)}.compare-row em{color:var(--tiger);margin-left:6px;font-size:11px;font-style:normal}footer{text-align:center;color:var(--muted);padding:20px 0;font-size:11px}.modal-backdrop{z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:90%;max-width:380px;max-height:70vh;padding:14px;overflow:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;display:flex}.x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:14px}.token-list{flex-direction:column;gap:2px;display:flex}.token-row{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px;font-size:14px;display:flex}.token-row:hover:not(:disabled){background:var(--card2)}.token-row:disabled{opacity:.35;cursor:default}.token-meta{flex-direction:column;flex:1;display:flex}.token-meta small,.addr{color:var(--muted);font-size:11px}