.token-directory{max-width:1400px;margin:40px auto}.directory-intro h1{font-size:54px;color:white;margin:18px 0}.directory-intro>p{font-size:10px;letter-spacing:2px}.directory-intro>span{font-size:14px}.directory-tools{display:flex;gap:20px;align-items:end;padding:22px;margin:30px 0 16px;border:1px solid #ffffff66;border-radius:14px;background:#d7e8f12e;backdrop-filter:blur(12px)}.directory-tools label{margin:0;flex:1}.directory-tools input,.directory-tools select{background:#f8fbf5ed}.directory-tools button{color:white;border-color:#ffffff88;margin-bottom:1px}.token-head{display:flex;gap:16px;align-items:center}.token-head h2{margin:0 0 7px}.token-head span{font:10px monospace}.listed-icon{width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:#d9ebf5;overflow:hidden}.listed-icon{position:relative}.listed-icon.has-image{font-size:0}.listed-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.listed-token p{font-size:13px;line-height:1.7}.listed-token code{font-size:11px;display:block;overflow-wrap:anywhere}.token-links{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.token-links a{font-size:12px;color:#37657f}#directory-empty{padding:40px;background:#e3eff132;border-radius:12px;border:1px solid #ffffff44}#directory-status{font-size:12px}@media (max-width:650px){.directory-tools{flex-direction:column;align-items:stretch}.directory-tools label{width:100%}.directory-intro h1{font-size:36px}#token-grid{grid-template-columns:1fr}.workspace-nav{padding-right:0;gap:15px}header #motion-toggle{position:static}}.listed-progress{position:relative;height:6px;margin:10px 0 2px;border-radius:999px;background:#0b1a2216;overflow:hidden}.listed-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6aa9d8,#3d8fcb);transition:width .4s ease}.token-desc{margin:14px 0 0;font-size:13px;line-height:1.7;color:#3d6377}.token-socials{display:flex;gap:14px;margin-top:10px}.token-socials a{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#37657f;border-bottom:1px solid #37657f44;padding-bottom:1px}#token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.listed-token{border:1px solid #ffffff90;border-radius:16px;background:#f1f8fbe6;color:#345363;backdrop-filter:blur(12px);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.listed-token:hover{transform:translateY(-3px);box-shadow:0 14px 34px #2c4d5f2e}.token-shot{position:relative;display:block;aspect-ratio:4/3;background:#dceaf3;overflow:hidden}.token-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.token-shot-fallback{position:absolute;inset:0;display:grid;place-items:center;font:600 34px/1 system-ui,sans-serif;color:#6f93a6;letter-spacing:1px}.token-shot.has-image .token-shot-fallback{opacity:0}.token-badges{position:absolute;left:8px;top:8px;display:flex;gap:6px;flex-wrap:wrap}.token-badges em{font:600 10px/1 system-ui,sans-serif;font-style:normal;padding:5px 8px;border-radius:999px;backdrop-filter:blur(6px)}.badge-grad{background:#1f3b2ccc;color:#c8f0d5}.badge-lock{background:#23445bcc;color:#cfe6f5}.token-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}.token-body h2{margin:0;font-size:14px;line-height:1.25;color:#2b4a5b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-sym{font:600 11px/1 system-ui,sans-serif;color:#6b8ea1;letter-spacing:.3px}.token-cap{margin:1px 0 0;font:600 14px/1.2 system-ui,sans-serif;color:#2b4a5b}.token-cap i{font-style:normal;font-size:10px;color:#7d9cad;font-weight:500}.token-foot{margin:4px 0 0;display:flex;justify-content:space-between;gap:8px;font:11px/1 ui-monospace,monospace;color:#7d9cad}.token-foot span{font-family:system-ui,sans-serif}.listed-progress{height:3px;border-radius:2px;background:#cfe0ea;overflow:hidden;margin-top:6px}.listed-progress span{display:block;height:100%;background:linear-gradient(90deg,#5fa8c9,#7fd4a8)}@media (max-width:650px){#token-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}}.scope-toggle{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;white-space:nowrap;margin-bottom:1px}.scope-toggle input{width:16px;height:16px;accent-color:#5fa8c9}.badge-pad{background:#3a2a4dcc;color:#e2d0f5}.chain-pulse{display:flex;flex-wrap:wrap;align-items:flex-end;gap:26px 44px;margin:18px 0 4px}.chain-pulse>div{display:flex;flex-direction:column;gap:2px}.chain-pulse b{font-size:30px;font-weight:300;line-height:1;letter-spacing:-0.5px;font-variant-numeric:tabular-nums}.chain-pulse span{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.6}.chain-pulse small{align-self:flex-end;font-size:10px;opacity:0.45;letter-spacing:0.05em}.chain-pulse>div.pulse-ours b{color:#17694a}.scope-tabs{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18)}.scope-tabs button{border:0;background:none;color:inherit;cursor:pointer;padding:7px 15px;border-radius:999px;font-size:12.5px;opacity:0.7;white-space:nowrap}.scope-tabs button.active{background:rgba(255,255,255,0.92);color:#23424f;opacity:1;font-weight:500}@media (max-width: 560px){.chain-pulse{gap:16px 26px}.chain-pulse b{font-size:23px}.scope-tabs button{padding:7px 11px;font-size:12px}}.ticker{position:relative;overflow:hidden;margin:14px 0 2px;border-top:1px solid rgba(255,255,255,0.14);border-bottom:1px solid rgba(255,255,255,0.14);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ticker-track{display:flex;width:max-content;animation:ticker-scroll calc(var(--ticker-seconds, 40) * 1s) linear infinite}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}.ticker-half{display:flex}.ticker-item{display:inline-flex;align-items:baseline;gap:7px;padding:9px 16px;text-decoration:none;color:inherit;white-space:nowrap;font-size:12.5px;border-right:1px solid rgba(255,255,255,0.08)}.ticker-item b{font-weight:600;letter-spacing:0.01em}.ticker-item span{opacity:0.6;font-variant-numeric:tabular-nums}.ticker-item:hover{background:rgba(255,255,255,0.09)}@keyframes ticker-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion: reduce){.ticker{overflow-x:auto}.ticker-track{animation:none}.ticker-half:last-child{display:none}}.token-shot.has-image{background:linear-gradient(180deg,#eef4f7,#e6eef2)}.token-shot.has-image .token-shot-fallback{display:none}.token-shot.has-image img{position:relative;z-index:1}a.token-body{text-decoration:none;color:inherit}.token-cap .chg{font-style:normal;font-weight:600;font-size:0.78em;margin-left:6px;padding:1px 6px;border-radius:999px;font-variant-numeric:tabular-nums}.token-cap .chg.up{color:#127a45;background:rgba(34,170,98,0.12)}.token-cap .chg.down{color:#b3372f;background:rgba(214,69,69,0.1)}.listed-token{position:relative}.qb-btn{position:absolute;right:8px;top:8px;z-index:2;font:700 12px/1 system-ui,sans-serif;padding:7px 10px;border-radius:999px;border:1px solid #ffffffb3;background:#1b7f4de6;color:#fff;cursor:pointer;backdrop-filter:blur(6px);box-shadow:0 4px 14px #0f3b2640;transition:transform .12s ease,background-color .15s ease}.qb-btn:hover{background:#17703f}.qb-btn:active{transform:scale(.96)}.qb-btn:disabled{opacity:.6;cursor:progress}.qb-btn.busy{animation:qb-pulse 1s ease-in-out infinite}@keyframes qb-pulse{50%{opacity:.55}}.qb-set{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#365667;border:1px solid #d6e2e8;border-radius:10px;background:#fff;padding:4px 8px}.qb-set span{font-weight:600;white-space:nowrap}.qb-set input{width:56px;border:0;background:#f4f8fa;border-radius:6px;padding:5px 6px;font:600 13px/1 system-ui,sans-serif;color:#1d3d4c;text-align:right}.qb-set em{font-style:normal;color:#6d8593}.qb-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:60;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border-radius:12px;background:#1e3a4a;color:#fff;font-size:13.5px;line-height:1.5;box-shadow:0 12px 34px #0f2a3a4d;transition:opacity .2s ease,transform .2s cubic-bezier(.23,1,.32,1)}.qb-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.qb-toast.ok{background:#17603a}.qb-toast.err{background:#8e2f28}.qb-toast a{color:#fff;text-decoration:underline;text-underline-offset:2px}@media (prefers-reduced-motion:reduce){.qb-btn.busy{animation:none}.qb-toast{transition:none}}.token-liq{margin:0;font:500 11px/1.35 system-ui,sans-serif;color:#6b8ea1;font-variant-numeric:tabular-nums}.pf-link{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:#365667;border:1px solid #d6e2e8;border-radius:10px;background:#fff;padding:7px 11px;text-decoration:none}.pf-link:hover{background:#f4f8fa}.directory-tools{flex-wrap:wrap;row-gap:14px}.directory-tools label{flex:1 1 170px;min-width:0}.directory-tools label:has(#search){flex:2 1 240px}.directory-tools .scope-tabs{flex:0 0 auto}.directory-tools .qb-set{flex:0 0 auto;align-self:end}.directory-tools .pf-link,.directory-tools #refresh-tokens{flex:0 0 auto;align-self:end}.directory-tools .qb-set,.directory-tools .pf-link{height:40px;box-sizing:border-box}.token-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}.token-cap .cap-sub{flex-basis:100%;font:500 11.5px/1.35 system-ui,sans-serif;color:#4c6a7a;font-variant-numeric:tabular-nums}.token-cap .chg{margin-left:0}.token-badges{z-index:2}.qb-btn{z-index:3}.directory-tools #refresh-tokens{color:#365667;background:#fff;border:1px solid #d6e2e8;border-radius:10px;height:40px;padding:0 14px;font-weight:600}.directory-tools #refresh-tokens:disabled{opacity:.55}@media (max-width:650px){.directory-tools label,.directory-tools label:has(#search){flex:0 0 auto}.directory-tools .scope-tabs,.directory-tools .qb-set,.directory-tools .pf-link,.directory-tools #refresh-tokens{align-self:stretch;justify-content:center}.directory-tools .qb-set input{flex:1}}@media (max-width:650px){.token-cap{font-size:13px}.token-cap .cap-sub,.token-liq{font-size:10.5px;letter-spacing:-.1px}.qb-btn{padding:6px 8px;font-size:11px}.token-badges em{max-width:calc(100% - 64px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}