
:root{color-scheme:dark;--bg:#172126;--surface:#202d33;--panel:#28383f;--text:#f1f5f0;--muted:#a4b8b7;--line:#35474d;--accent:#c4e1a4;--ink:#21332a;--glow:#7bba7d18}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,var(--glow),transparent 55%),var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}body[data-theme=night]{--bg:#090f12;--surface:#121b20;--panel:#19252b;--line:#29383e;--glow:#7bba7d0b}body[data-theme=day]{color-scheme:light;--bg:#f5f7f1;--surface:#fff;--panel:#f0f4ed;--text:#203329;--muted:#64736b;--line:#dbe4d8;--accent:#c4e1a4;--glow:#92c39020}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}header{max-width:1240px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:24px;letter-spacing:-1px}img{border-radius:50%;object-fit:contain}nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.header-actions{margin-left:auto;display:flex;gap:12px}button,select,input{font:inherit}button,select{border:1px solid var(--line);border-radius:13px;padding:10px 14px;background:var(--surface);color:var(--text);cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input{color:var(--text);background:transparent;border:0;outline:none;min-width:0}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{max-width:580px;margin:40px auto 72px;padding:0 20px}.intro{text-align:center;margin-bottom:32px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;letter-spacing:2px}h1{font-size:38px;letter-spacing:-1.4px;margin:12px 0 6px;line-height:1.2}.intro p{color:var(--muted);margin:0}.swap-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 20px 80px #00000012}.card-head{display:flex;justify-content:space-between;align-items:center}h2{margin:0;font-size:21px}.network{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.network span{width:6px;height:6px;background:var(--accent);border-radius:50%}.settings{display:flex;gap:12px;margin:20px 0}.settings label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.settings select{font-size:12px;padding:6px 8px}.asset-box{background:var(--panel);border:1px solid transparent;border-radius:19px;padding:18px}.asset-caption{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.asset-entry{display:flex;align-items:center;gap:10px;margin:8px 0 12px}.asset-entry input,.asset-entry output{font-size:34px;letter-spacing:-1px;width:100%;overflow:hidden;text-overflow:ellipsis}.token-button{display:flex;align-items:center;gap:8px;font-weight:650;border:1px solid var(--line);background:var(--surface);white-space:nowrap;padding:8px 12px;flex-shrink:0}.token-button img{width:24px;height:24px}.asset-box p{margin:0;color:var(--muted);font-size:12px}.text-button{border:0;padding:0;background:transparent;color:var(--accent);font-size:12px}body[data-theme=day] .text-button{color:#397646}.reverse{display:block;margin:-8px auto;position:relative;z-index:1;border:5px solid var(--surface);padding:3px 11px;font-size:22px;background:var(--panel);border-radius:13px}#quote-info{margin:16px 4px;color:var(--muted);font-size:12px}#rate{color:var(--text);font-size:13px}dl{display:grid;grid-template-columns:1fr 1.1fr;gap:7px;margin:12px 0}dd{text-align:right;margin:0;color:var(--text);overflow-wrap:anywhere}dt{margin:0}.primary{background:var(--accent);color:var(--ink);border:0;width:100%;font-weight:700;font-size:16px;padding:16px;border-radius:16px;margin-top:18px}.caption{text-align:center;color:var(--muted);font-size:12px;margin-top:22px;line-height:1.8}#status{color:var(--muted);font-size:12px;margin-top:16px;min-height:36px;overflow-wrap:anywhere}#transaction{display:block;font-size:12px;overflow-wrap:anywhere;color:var(--accent)}[hidden]{display:none!important}#impact-confirm{font-size:12px;display:flex;gap:8px;align-items:center;margin-top:14px;color:#eaa671}footer{max-width:1240px;margin:auto;padding:24px 32px;border-top:1px solid var(--line);display:flex;gap:24px;color:var(--muted);font-size:12px}footer a{margin-left:auto}dialog{max-width:440px;width:calc(100% - 32px);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:24px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}#token-search{width:100%;margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13px}.token-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:6px 0;padding:12px;border:0;background:var(--panel)}.token-item img,.token-fallback{width:34px;height:34px;border-radius:50%}.token-fallback{background:var(--surface);display:grid;place-items:center;color:var(--muted)}.token-item small{display:block;color:var(--muted);font-size:11px}.token-warning,#token-search-status{font-size:12px;color:var(--muted)}#token-results{max-height:330px;overflow:auto}#import-token{width:100%;background:var(--accent);color:var(--ink)}@media(max-width:700px){header{padding:18px;gap:16px;flex-wrap:wrap}nav{order:3;width:100%;gap:22px;font-size:12px}.brand{font-size:21px}.header-actions{gap:7px}.header-actions button,.header-actions select{font-size:12px;padding:8px}main{margin-top:26px}h1{font-size:32px}.swap-card{padding:18px}.asset-entry input,.asset-entry output{font-size:28px}.settings{gap:8px}.settings label{gap:5px}footer{padding:20px;flex-wrap:wrap;gap:10px}footer a{margin-left:0;width:100%}}
.settings-toggle{margin:14px 0;color:var(--muted);font-size:12px}.settings-toggle summary{cursor:pointer;text-align:right;list-style:none}.settings-toggle summary::-webkit-details-marker{display:none}.settings-toggle[open] summary{color:var(--text)}
.review-amount{display:grid;gap:6px;margin:24px 0}.review-amount span{font-size:12px;color:var(--muted)}.review-amount strong{font-size:24px;margin-bottom:14px;overflow-wrap:anywhere}
img[src="/assets/cook.webp"]{background:#26382e;padding:3px}
