@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#252333;background:#f7f7fb;font-synthesis:none;--purple:#7559d3;--green:#16886a;--red:#bc5465}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a78ced;outline-offset:3px}header{height:88px;max-width:1400px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;font:700 30px 'Space Grotesk',sans-serif;letter-spacing:-1.5px;gap:9px}.mark{background:#836bea;color:white;width:31px;height:33px;border-radius:10px;font-size:29px;text-align:center;line-height:29px}.brand-label{font:10px 'DM Sans';letter-spacing:1.8px;color:#8d899e;margin-left:12px}nav{display:flex;gap:28px;margin-left:auto;font-size:14px}nav button{border:0;background:none;padding:0;color:#787386}.active{color:var(--purple)}.demo{font-size:12px;padding:7px 12px;border:1px solid #d9d1ed;border-radius:20px;color:#7a619f}main{max-width:1400px;padding:0 48px;margin:auto}.hero{position:relative;overflow:hidden;padding:44px 48px 38px;background:#c7b5f7;border-radius:10px;min-height:348px}.eyebrow{font:11px 'Space Grotesk',sans-serif;letter-spacing:2px;font-weight:600;color:#6b6381}.hero h1{font-size:clamp(35px,4vw,56px);font-weight:500;letter-spacing:-2px;line-height:1.28;margin:23px 0 24px;position:relative;z-index:1}.hero h1 span{color:#574080}.hero-bottom{display:flex;justify-content:space-between;position:relative;z-index:1;align-items:end}.hero p{font-size:14px;line-height:1.8;color:#594d70;margin:0}.hero-note{text-align:right}.hero-note span{font:11px 'Space Grotesk';letter-spacing:1.8px;color:#776191}.hero-note p{margin-top:8px}.hero-circle{position:absolute;right:130px;top:-100px;color:#b8a0ef;font:500 440px 'Space Grotesk';letter-spacing:-40px;transform:rotate(-12deg);line-height:1.1;user-select:none}.summary{display:grid;grid-template-columns:repeat(4,1fr);padding:32px 0;margin:0 0 32px;border-bottom:1px solid #e4e1ec}.summary>div{padding:0 28px;border-right:1px solid #e4e1ec}.summary>div:first-child{padding-left:0}.summary>div:last-child{border:0}.summary span{font-size:12px;color:#8a8398}.summary span b{font-weight:400;color:#575064}.summary strong{display:block;font:500 29px 'Space Grotesk';letter-spacing:-1px;margin-top:12px}.summary small{font:11px 'DM Sans';letter-spacing:0;color:#948b9d;margin-left:6px}.summary .status{font-size:21px;line-height:36px;letter-spacing:0}.green{color:var(--green)}.red{color:var(--red)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.section-title h2{font-size:26px;font-weight:500;letter-spacing:-1px;margin:10px 0 0}.refresh{border:1px solid #dfdce7;border-radius:7px;background:white;font-size:18px;padding:9px 14px}.refresh span{font-size:12px;margin-left:6px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{background:none;border:0;font-size:14px;padding:9px 15px;border-radius:6px;color:#7b7488}.filters .selected{background:#292435;color:white}.filters #count{font-size:11px;opacity:.7;padding-left:5px}.tools{display:flex;gap:9px}input,select{border:1px solid #e3dfeb;border-radius:6px;background:#fff;padding:9px 12px;font-size:12px;color:#766e83}input{width:170px}.table-wrap{overflow:auto;background:white;border:1px solid #e7e3ee;border-radius:10px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:12px;color:#746c82;font-weight:500;padding:18px 18px;background:#f1eef8;border-bottom:1px solid #e7e3ee}th span{display:block;font:9px 'Space Grotesk';letter-spacing:1.2px;color:#a099ac;margin-top:5px}.star-col{width:44px;padding:12px}td{padding:20px 18px;border-bottom:1px solid #eeebf3;font:500 15px 'Space Grotesk';font-variant-numeric:tabular-nums}tr:last-child td{border:0}tbody tr:hover{background:#fcfaff}td:first-child{padding:12px}td:last-child{padding-left:0}.star{font-size:21px;color:#c5becf;background:none;border:0;padding:4px}.star.saved{color:#916cda}.asset{display:flex;gap:12px;align-items:center}.asset-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;font-size:14px;font-weight:700;background:var(--bg);color:var(--fg)}.asset b{display:block;font-size:14px;letter-spacing:.4px}.asset small{display:block;font:11px 'DM Sans';color:#aaa2b5;margin-top:5px}.price-sub{font:11px 'Space Grotesk';display:block;margin-top:6px}.best{background:#eef8f2;padding:3px 5px;border-radius:4px}.chain{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.bnb{background:#d4af35}.sol{background:#9880db}.rh{background:#84b798}.spread-bar{display:block;height:3px;background:#eeebf4;width:65px;margin-top:10px;border-radius:4px;overflow:hidden}.spread-bar i{display:block;height:3px;background:#bda5e8}.detail-btn{border:1px solid #e5deef;color:#7f659e;border-radius:6px;background:white;padding:6px 10px;font-size:12px}.table-foot{display:flex;justify-content:space-between;padding:15px 0;font-size:11px;color:#a099ac}#empty{text-align:center;padding:50px;font-size:14px;color:#887d98}.explain{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px;border-top:1px solid #e4e1ec;margin:36px 0 0;padding:32px 0 40px}.explain h2{font-size:19px;font-weight:500;margin-top:13px}.explain b{font-size:14px;font-weight:500}.explain p{font-size:12px;line-height:1.9;color:#91879e;margin:10px 0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.green-bg{background:var(--green)}.red-bg{background:var(--red)}footer{display:flex;align-items:center;gap:20px;padding:25px 0;border-top:1px solid #e4e1ec;color:#91889e;font-size:11px}footer .brand{color:#7a649b;font-size:25px}footer span:last-child{margin-left:auto}dialog{border:1px solid #e4dcee;border-radius:16px;width:min(520px,90vw);padding:30px;color:#30263d;box-shadow:0 25px 100px #30263d33}dialog::backdrop{background:#23173266;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{background:none;border:0;font-size:28px;color:#867692}.detail-row{display:flex;justify-content:space-between;border-bottom:1px solid #eee7f5;padding:15px 0;font-size:14px}.detail-row b{font-family:'Space Grotesk'}.modal-note{font-size:14px;color:#877992;line-height:1.8}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#30243f;color:white;padding:12px 20px;border-radius:8px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}@media(min-width:1500px){main,header{max-width:1440px}}@media(max-width:1000px){main,header{padding-left:25px;padding-right:25px}.brand-label{display:none}.summary>div{padding:0 16px}.summary small{display:block;margin:5px 0 0}.summary .status{line-height:29px}.hero-circle{right:80px}.explain{gap:22px;grid-template-columns:1fr 1fr}.tools input{width:145px}td,th{padding-left:13px;padding-right:13px}}@media(max-width:640px){header{height:74px;padding:0 18px;gap:15px}nav{gap:14px;font-size:12px}nav button{font-size:12px}.brand{font-size:25px}.demo{display:none}main{padding:0 16px}.hero{padding:28px 25px;min-height:335px}.hero h1{font-size:38px}.hero-circle{right:30px;top:40px;font-size:300px;opacity:.45}.hero-note{display:none}.hero-bottom p{font-size:13px}.eyebrow{font-size:9px}.summary{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:25px;padding:26px 0}.summary>div:nth-child(3){padding-left:0}.summary>div:nth-child(2){border:0}.summary strong{font-size:26px}.summary small{display:inline-block;margin-left:5px;font-size:10px}.summary .status{font-size:19px}.section-title h2{font-size:22px}.toolbar{flex-direction:column}.filters button{padding:8px 13px}.tools input{flex:1;min-width:0}.tools select{width:125px}.table-wrap{border-radius:7px}td{padding-top:17px;padding-bottom:17px}.explain{grid-template-columns:1fr;gap:14px;margin-top:25px;padding-bottom:25px}.explain-title h2{margin-bottom:6px}.explain p{margin-bottom:4px}footer{flex-wrap:wrap;gap:12px}footer span:last-child{width:100%;margin-left:0;font-size:10px}.table-foot{font-size:10px}.refresh{padding:7px 10px}}
/* Readable interface labels and supporting text. */
.hero p,.explain p{font-size:16px}.filters button,input,select,.refresh span,.detail-btn,th,.explain b{font-size:14px}.asset small,.price-sub,.table-foot,.summary span,.summary small,footer,.demo,.eyebrow,th span,.hero-note span{font-size:12px}.hero{min-height:300px;padding-top:32px;padding-bottom:30px}.hero h1{font-size:clamp(34px,3.3vw,46px);margin:18px 0}.hero-circle{font-size:370px;top:-85px}@media(max-width:640px){.hero{min-height:300px}.hero h1{font-size:34px}.hero p{font-size:16px}.summary small{display:block;margin-left:0}.table-foot,footer span:last-child,.eyebrow{font-size:12px}.table-foot{gap:15px}.explain p{font-size:16px}}
/* English copy: keep longer labels comfortable at every viewport. */
.hero h1{letter-spacing:-1.8px;max-width:750px}.hero-bottom>p{max-width:620px}.summary small{display:block;margin:6px 0 0}.toolbar{flex-wrap:wrap}.tools input{width:190px}th{white-space:nowrap}.detail-row{gap:18px}.detail-row b{text-align:right}@media(max-width:640px){header{gap:10px}nav{gap:12px;white-space:nowrap}.hero h1{font-size:32px;letter-spacing:-1.3px}.hero .eyebrow{font-size:11px;letter-spacing:1.4px}.tools{width:100%}.tools input{width:0;flex:1}.tools select{width:145px}.summary>div{min-width:0}.summary .status{font-size:20px}.summary span{line-height:1.6}.filters button{padding:8px 11px}.table-foot{flex-wrap:wrap}}
.brand-extension{font:500 14px 'Space Grotesk',sans-serif;letter-spacing:-.3px;margin:5px 0 0 1px}.brand{white-space:nowrap}footer .brand{font-size:22px}footer>a:not(.brand){font-size:14px;color:#7f659e}@media(max-width:640px){header{flex-wrap:wrap;height:auto;min-height:82px;gap:12px;padding-top:15px;padding-bottom:15px}header nav{gap:16px}header .brand-extension{font-size:12px}header .brand{font-size:23px}header nav button{font-size:12px}}

.coverage-note{font-size:14px;line-height:1.7;color:#74677e;margin:0 0 22px}.unavailable{color:#9b91a2;font-size:14px}button:disabled{opacity:.45;cursor:not-allowed}.summary .status{font-size:22px}.price-sub{color:#9b91a2}

#chain-count{font:inherit;color:inherit}