:root{--ink:#111814;--muted:#66736c;--line:#dbe4df;--soft-line:#e9efec;--surface:#fff;--canvas:#f4f7f5;--green:#087a55;--green-soft:#e6f5ef;--blue:#176bd3;--blue-soft:#eaf2fd;--orange:#d9542f;--orange-soft:#fff0eb;--amber:#966300;--amber-soft:#fff4d7;--danger:#b42318;--danger-soft:#feeceb}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{color:var(--ink);background:var(--canvas);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{color:inherit}.app-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1600px,100%);min-height:68px;margin:0 auto;padding:0 28px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:760;text-decoration:none;display:inline-flex}.brand>span:last-child>span{color:var(--green)}.brand-mark{color:#fff;background:var(--ink);border-radius:6px;place-items:center;width:36px;height:36px;display:inline-grid}.header-actions{align-items:center;gap:10px;display:flex}.language-control,.segmented-control{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;padding:3px;display:inline-flex}.language-control button,.segmented-control button{min-height:32px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:0 12px;font-size:12px;font-weight:650}.language-control button.active,.segmented-control button.active{color:var(--ink);background:#edf2ef}.segmented-control button.active--usdt{color:#fff;background:var(--green)}.segmented-control button.active--usdc{color:#fff;background:var(--blue)}.segmented-control button.active--sell{color:#fff;background:var(--danger)}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button:hover{border-color:#aebbb4}.icon-button:disabled{cursor:wait;opacity:.7}.page-shell{width:min(1600px,100%);margin:0 auto;padding:38px 28px 28px}.market-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:760}h1{letter-spacing:0;margin:0;font-size:clamp(25px,3vw,34px);line-height:1.08}.feed-status{white-space:nowrap;border:1px solid;border-radius:5px;align-items:center;gap:8px;min-height:34px;padding:0 11px;font-size:12px;font-weight:720;display:inline-flex}.feed-status--live{color:var(--green);background:var(--green-soft)}.feed-status--stale{color:var(--amber);background:var(--amber-soft)}.feed-status--error{color:var(--danger);background:var(--danger-soft)}.market-meta{border-block:1px solid var(--line);align-items:stretch;min-height:58px;margin-bottom:18px;display:flex}.market-meta>div{border-right:1px solid var(--line);min-width:0;color:var(--muted);grid-template-columns:auto auto 1fr;align-items:center;gap:8px;margin-right:22px;padding:12px 22px 12px 0;font-size:12px;display:grid}.market-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.market-meta .refresh-cadence{border-right:0;grid-template-columns:auto auto;margin-right:0}.market-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.segmented-control--view .active{color:#fff;background:var(--ink)}.table-surface{border:1px solid var(--line);background:var(--surface);border-radius:6px;overflow-x:auto}.quote-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:1480px}.quote-table th,.quote-table td{border-right:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line);text-align:right;white-space:nowrap;height:48px;padding:9px 12px}.quote-table th:first-child,.quote-table th:nth-child(2),.quote-table td:first-child,.quote-table td:nth-child(2){text-align:left}.quote-table thead th{color:#4f5e56;background:#f8faf9;font-size:11px;font-weight:720}.quote-table thead .group-heading{text-align:center;text-transform:uppercase;height:37px}.quote-table thead .group-heading--buy{color:var(--blue);background:var(--blue-soft)}.quote-table thead .group-heading--usdt{color:var(--green);background:var(--green-soft)}.quote-table thead .group-heading--usdc{color:var(--blue);background:var(--blue-soft)}.quote-table thead .group-heading--sell{color:var(--orange);background:var(--orange-soft)}.quote-table tbody tr:hover{background:#fafcfb}.quote-table tbody tr:last-child td{border-bottom:0}.quote-table th:last-child,.quote-table td:last-child{border-right:0}.quote-table td:first-child{min-width:112px;font-size:13px;display:table-cell}.quote-table td:first-child .token-mark{vertical-align:middle;margin-right:9px}.network-cell{min-width:240px;max-width:300px;color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.price-cell{font-size:13px;font-weight:690}.price-cell--usdt{color:var(--green)}.price-cell--usdc{color:var(--blue)}.price-cell--sell{color:#b73e20}.token-mark{border-radius:50%;width:28px;height:28px;display:inline-block}.mobile-quotes{display:none}.state-panel{border:1px solid var(--line);background:var(--surface);min-height:260px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.state-panel--error{color:var(--danger)}.state-panel button{color:#fff;background:var(--danger);cursor:pointer;border:0;border-radius:4px;min-height:34px;padding:0 14px}footer{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:28px;padding:20px 2px 0;font-size:11px;line-height:1.55;display:flex}footer p{max-width:780px;margin:0}.pull-indicator{z-index:40;border:1px solid var(--line);min-height:32px;color:var(--ink);background:#fff;border-radius:5px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:700;transition:transform 80ms linear;display:flex;position:fixed;top:66px;left:50%;box-shadow:0 8px 18px #1118141c}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:820px){.header-inner{min-height:62px;padding:0 16px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.language-control button{min-height:30px;padding:0 8px;font-size:10px}.icon-button{width:36px;height:36px}.page-shell{padding:28px 16px 22px}.market-heading{align-items:flex-start;margin-bottom:20px}h1{max-width:270px;font-size:27px}.market-meta{grid-template-columns:1fr auto;display:grid}.market-meta>div{grid-template-columns:auto 1fr;margin-right:14px;padding:10px 14px 10px 0}.market-meta>div strong{grid-column:1/-1;padding-left:24px;font-size:11px}.market-meta>div:nth-child(2){display:none}.market-meta .refresh-cadence{grid-template-columns:auto auto;margin-right:0;padding-right:0}.market-toolbar{align-items:stretch}.segmented-control{flex:auto}.segmented-control button{flex:1 1 0;padding-inline:8px}.segmented-control--view{max-width:190px}.table-surface{display:none}.mobile-quotes{gap:12px;display:grid}.quote-card{border:1px solid var(--line);background:var(--surface);border-radius:6px;overflow:hidden}.quote-card>header{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:12px 14px;display:flex}.quote-card>header>div{align-items:center;gap:9px;display:flex}.quote-card>header>span{max-width:62%;color:var(--muted);text-align:right;font-size:10px;line-height:1.35}.mobile-rate-section{padding:14px}.mobile-rate-section+.mobile-rate-section{border-top:1px solid var(--soft-line)}.mobile-rate-section--buy.mobile-rate-section--usdt{border-left:3px solid var(--green)}.mobile-rate-section--buy.mobile-rate-section--usdc{border-left:3px solid var(--blue)}.mobile-rate-section--sell{border-left:3px solid var(--danger)}.mobile-section-title{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:760;display:flex}.mobile-price-grid{border:1px solid var(--soft-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mobile-price-grid>div{border-right:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line);flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:65px;padding:9px 10px;display:flex}.mobile-price-grid>div:nth-child(2n){border-right:0}.mobile-price-grid>div:nth-last-child(-n+2),.mobile-price-grid--two>div{border-bottom:0}.mobile-price-grid span{color:var(--muted);white-space:normal;font-size:10px;line-height:1.3}.mobile-price-grid strong{font-variant-numeric:tabular-nums;font-size:19px}.mobile-rate-section--usdt .mobile-price-grid strong{color:var(--green)}.mobile-rate-section--usdc .mobile-price-grid strong{color:var(--blue)}.mobile-rate-section--sell .mobile-price-grid strong{color:var(--danger)}.currency-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;display:grid}.currency-strip>div{border-right:1px solid var(--soft-line);justify-content:space-between;align-items:baseline;gap:4px;min-width:0;padding:6px 8px;display:flex}.currency-strip>div:nth-child(3n){border-right:0}.currency-strip span{color:var(--muted);font-size:9px}.currency-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.currency-strip--sell{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-strip--sell>div:nth-child(2){border-right:0}footer{flex-direction:column;gap:10px;padding-top:18px}}@media (max-width:520px){.header-actions{gap:6px}.brand>span:last-child{display:none}.language-control button{padding-inline:7px}.market-heading{gap:12px}.feed-status{min-height:31px;padding-inline:8px}.market-toolbar{flex-direction:column;gap:8px}.segmented-control--view{max-width:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spin{animation-duration:1.8s}}