:root{--bg:#f8f1dc;--bg-soft:#f2e9cf;--card:#fffdf6;--card-border:#5b443314;--input-bg:#ece7d6;--input-bg-focus:#e2ecdd;--text:#4a3a2a;--text-soft:#8a7a63;--text-faint:#b3a68e;--accent:#5c8a6b;--accent-strong:#3f6e4e;--accent-soft:#5c8a6b24;--danger:#b3543f;--danger-soft:#b3543f1f;--dirty-bg:#f3d789;--dirty-bg-focus:#eecb69;--dirty-ring:#c99c2159;--shadow-card:0 1px 2px #3c28140d, 0 10px 28px #3c28140f;--shadow-pop:0 2px 6px #3c281414, 0 18px 40px #3c28141f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-pill:999px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--bg:#211c15;--bg-soft:#2a241a;--card:#2c261c;--card-border:#fff5dc12;--input-bg:#382f22;--input-bg-focus:#3a3826;--text:#f1e6d2;--text-soft:#b8a98d;--text-faint:#7d715c;--accent:#7bb28c;--accent-strong:#96cca6;--accent-soft:#7bb28c29;--danger:#d97e64;--danger-soft:#d97e6429;--dirty-bg:#6b551f;--dirty-bg-focus:#7c6425;--dirty-ring:#f0c56a59;--shadow-card:0 1px 2px #00000040, 0 10px 28px #00000047;--shadow-pop:0 2px 6px #0000004d, 0 18px 40px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100svh}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{margin:0}button{font-family:inherit}.page{flex-direction:column;flex:1;display:flex}.btn{appearance:none;cursor:pointer;border-radius:var(--radius-pill);letter-spacing:.01em;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px var(--accent-soft)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{background:var(--input-bg);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--input-bg-focus)}.btn-danger{color:var(--danger);box-shadow:inset 0 0 0 1.5px var(--danger-soft);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.token-page{justify-content:center;align-items:center;padding:24px}.token-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-pop);text-align:center;flex-direction:column;align-items:center;padding:40px 32px;display:flex}.token-icon{background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:24px;display:flex}.token-title{letter-spacing:-.02em;font-size:26px;font-weight:700}.token-subtitle{color:var(--text-soft);margin:8px 0 28px;font-size:14px}.token-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);align-self:flex-start;margin-bottom:8px;font-size:12px;font-weight:700}.token-input{background:var(--input-bg);border-radius:var(--radius-md);width:100%;color:var(--text);border:none;outline:none;margin-bottom:24px;padding:14px 16px;font-size:16px;transition:background .15s,box-shadow .15s}.token-input:focus{background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--accent-soft)}.token-submit{width:100%;padding:14px;font-size:15px}.toolbar{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);z-index:10;border-bottom:1px solid var(--card-border);align-items:center;gap:16px;padding:20px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.toolbar-brand-group{align-items:baseline;gap:12px;min-width:0;margin-right:auto;display:flex}.toolbar-brand{letter-spacing:-.01em;white-space:nowrap;font-size:18px;font-weight:700}.toolbar-link{color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;overflow:hidden}.toolbar-link:hover{text-decoration:underline}.toolbar-status{color:var(--text-soft);white-space:nowrap;font-size:13px;font-weight:600}.toolbar-status[data-type=success]{color:var(--accent-strong)}.toolbar-status[data-type=error]{color:var(--danger)}.toolbar-actions{gap:10px;display:flex}.rates-grid{flex:1;grid-template-columns:minmax(260px,380px) 1fr;align-items:stretch;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 48px;display:grid}.rates-column{flex-direction:column;gap:20px;display:flex}.rates-column-wide{display:flex}@media (width<=860px){.rates-grid{grid-template-columns:1fr}.rates-column-wide{min-height:420px}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:20px 20px 8px}.card-title{letter-spacing:-.01em;border-bottom:1px solid var(--card-border);margin-bottom:8px;padding-bottom:14px;font-size:16px;font-weight:700}.card-rows{flex-direction:column;display:flex}.card-row{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.card-row:last-child{border-bottom:none}.card-row-label{color:var(--text-soft);font-size:14px}.number-field{text-align:right;background:var(--input-bg);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;width:104px;color:var(--text);border:none;outline:none;padding:8px 12px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s}.number-field:focus{background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--accent-soft)}.number-field-dirty{background:var(--dirty-bg)}.number-field-dirty:focus{background:var(--dirty-bg-focus);box-shadow:0 0 0 3px var(--dirty-ring)}.pairs-card{flex-direction:column;flex:1;min-height:0;padding-bottom:12px;display:flex}.pairs-table{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.pairs-row{border-bottom:1px solid var(--card-border);grid-template-columns:1fr 104px 104px;align-items:center;gap:12px;padding:8px 4px;display:grid}.pairs-row:last-child{border-bottom:none}.pairs-name{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}@media (width<=480px){.pairs-row{grid-template-columns:1fr 88px 88px}.number-field{width:88px}}