/* Original styles carry the layout. This file supplies local interaction states. */
html{scroll-behavior:smooth}button,a,input{touch-action:manipulation}
[hidden]{display:none!important}[role=row][data-preview-filtered]{display:none!important}
.preview-dialog{box-sizing:border-box;width:min(464px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:32px;border:1px solid #292929;border-radius:16px;background:#131313;color:#fff;font-family:inherit;box-shadow:0 24px 100px #0009}
.preview-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
.preview-source-dialog{padding:0;width:min(480px,calc(100vw - 32px));border:0;border-radius:12px}.preview-source-dialog>[data-id=ModalContent]{max-width:100%!important;width:100%!important}
.preview-dialog h2{font-size:24px;line-height:32px;font-weight:600;margin:0 24px 24px 0}.preview-dialog p{color:#999;font-size:14px;line-height:22px}.preview-dialog .preview-close{position:absolute;right:20px;top:16px;width:32px;height:32px;background:none;border:0;color:#999;font-size:28px;cursor:pointer}
.preview-dialog button,.preview-menu button{font-family:inherit;cursor:pointer}.preview-dialog button:disabled{opacity:.4;cursor:default}
.preview-dialog input,.preview-dialog select{width:100%;box-sizing:border-box;border:1px solid #303030;border-radius:10px;background:#191919;color:#fff;padding:13px 14px;outline:none;font:inherit}.preview-dialog input:focus{border-color:#008dff}.preview-dialog input[aria-invalid=true]{border-color:#e64967}
.preview-primary{border:0;border-radius:100px;background:#008dff;color:white;padding:12px 20px;font-weight:600;cursor:pointer;width:100%;margin-top:16px}.preview-wallets{border:1px solid #292929;border-radius:12px;overflow:hidden;margin-top:16px}.preview-wallets button{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:0;border-bottom:1px solid #292929;background:transparent;color:white;text-align:left;font-size:14px;font-weight:500}.preview-wallets button:last-child{border-bottom:0}.preview-wallets button:hover,.preview-menu button:hover{background:#252525}
.preview-auth-logo{display:flex;justify-content:center;align-items:center;gap:10px;margin:26px 0 8px;font-size:30px;font-weight:600}.preview-auth-logo svg{width:32px;height:32px}.preview-auth-subtitle{text-align:center;margin:0 0 24px}.preview-social{display:flex;gap:12px;margin:20px 0}.preview-social button{flex:1;background:transparent;color:#fff;border:0;font-size:14px;padding:4px}.preview-auth-note{font-size:12px!important;text-align:center;margin-top:16px}.preview-error{color:#f65c72!important;margin-top:8px}.preview-toast{position:fixed;z-index:100000;bottom:52px;left:50%;transform:translateX(-50%);max-width:min(500px,calc(100vw - 32px));padding:14px 20px;background:#202020;border:1px solid #363636;color:white;border-radius:12px;font-size:13px;box-shadow:0 8px 40px #0005}
.preview-menu{position:fixed;z-index:10000;max-height:min(400px,70dvh);overflow:auto;min-width:180px;padding:6px;background:#1b1b1b;color:#fff;border:1px solid #333;border-radius:10px;box-shadow:0 12px 50px #0007}.preview-menu button,.preview-menu a{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:10px 12px;border:0;border-radius:6px;color:inherit;background:none;text-align:left;font-size:14px;cursor:pointer}.preview-menu a:hover{background:#252525}
.preview-results{display:grid;gap:8px;margin-top:20px}.preview-results a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:8px;color:#fff;text-decoration:none}.preview-results a:hover{background:#252525}.preview-results img{width:42px;height:42px;object-fit:cover;border-radius:8px}.preview-results span{font-size:14px}
nav[aria-label=Main][data-preview-expanded=true]{position:relative;width:224px!important;z-index:110;background:rgb(var(--color-bg-primary,20 20 21))}nav[aria-label=Main][data-preview-expanded=true] .hidden{display:flex!important}nav[aria-label=Main][data-preview-expanded=true] a{justify-content:flex-start!important}
/* The fixed rail expands over the page, preserving the content's position. */
aside>nav[aria-label=Main]{width:52px;overflow-x:hidden;background:rgb(var(--color-bg-primary,20 20 21));transition:width .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}
nav[aria-label=Main] [data-id=ItemTitle]{opacity:0;transition:opacity .15s ease;white-space:nowrap}
nav[aria-label=Main][data-preview-expanded=true] [data-id=ItemTitle]{opacity:1}
aside>nav[aria-label=Main]:has(:focus-visible){width:224px;box-shadow:12px 0 30px #00000030}
aside>nav[aria-label=Main]:has(:focus-visible) [data-id=ItemTitle]{opacity:1;transition-delay:.06s}
aside>nav[aria-label=Main]:has(:focus-visible) .hidden{display:flex!important}
@media(hover:hover) and (pointer:fine){
  aside>nav[aria-label=Main]:hover{width:224px;box-shadow:12px 0 30px #00000030}
  aside>nav[aria-label=Main]:hover [data-id=ItemTitle]{opacity:1;transition-delay:.06s}
  aside>nav[aria-label=Main]:hover .hidden{display:flex!important}
}
.preview-mobile-drawer{width:min(300px,calc(100vw - 32px));height:100dvh;max-height:100dvh;margin:0;padding:12px;border-radius:0}.preview-mobile-drawer nav{width:100%!important;height:auto!important;border:0}.preview-mobile-drawer nav .hidden{display:flex!important}.preview-mobile-drawer nav a{justify-content:flex-start!important}.preview-mobile-drawer::backdrop{backdrop-filter:none}
[aria-checked=true][data-preview-selected]{background:var(--color-bg-primary-active,#303030)!important;color:var(--color-text-primary,#fff)!important}button[data-preview-favorite=true]{color:#008dff!important}
.preview-empty{padding:64px 24px;text-align:center;color:#888}.preview-empty strong{display:block;font-size:18px;color:#fff;margin-bottom:8px}
.preview-image-dialog{width:min(900px,calc(100vw - 32px));padding:16px}.preview-image-dialog img{display:block;width:100%;max-height:80dvh;object-fit:contain}
.preview-swap{margin:32px auto 0;width:min(504px,calc(100vw - 32px));background:#131313;border:1px solid #262626;border-radius:12px;color:white;overflow:hidden}.preview-swap-head{height:64px;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262626}.preview-swap-head strong{border:1px solid #292929;border-radius:50px;padding:6px 12px;font-size:14px;font-weight:500}.preview-swap-head button{padding:4px 8px;font-size:12px;background:none;color:#fff}.preview-swap-box{position:relative;padding:20px 16px 32px;min-height:180px}.preview-swap-label{display:flex;justify-content:space-between;font-size:14px;color:#999}.preview-swap-label small{color:#666}.preview-swap-value{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 26px}.preview-swap-value input{width:100%;min-width:0;border:0;background:none;font:500 28px var(--font-gt-america-mono,monospace);outline:0;color:white}.preview-swap-value button{display:flex;align-items:center;gap:6px;border:1px solid #282828;border-radius:50px;padding:9px 14px;white-space:nowrap;font-size:14px;font-weight:600}.preview-swap-value img{width:24px;height:24px}.preview-swap-balance{display:flex;justify-content:space-between;font:14px monospace;color:#999}.preview-swap-divider{position:relative;border-top:1px solid #262626;height:16px}.preview-swap-divider button{position:absolute;top:-16px;left:calc(50% - 16px);width:32px;height:32px;display:grid;place-items:center;border:1px solid #262626;border-radius:100%;background:#131313;color:#aaa;font-size:20px}.preview-swap-foot{padding:16px;border-top:1px solid #262626}.preview-swap-foot .preview-primary{margin:0}
.preview-snapshot-warning{margin:12px;color:#999;font-size:12px}.preview-chart{width:100%;height:280px;border-bottom:1px solid #292929}.preview-chart-note{font-size:12px;color:#888;margin:8px}
@media(max-width:767px){.preview-dialog{padding:24px}.preview-swap{margin-top:24px}.preview-swap-box{min-height:160px}.preview-dialog .preview-close{top:10px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:639px){nav[aria-label=Stats]>[role=navigation]{max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}}
@media(max-width:767px){.preview-source-dialog{padding:0}}
.preview-category-filter{margin:0 0 24px}.preview-category-filter button{width:auto}
button[data-preview-category-active]{color:#008dff}

@media(min-width:1024px){.preview-discovery-filters{gap:48px!important;overflow:hidden!important}.preview-discovery-filters [aria-label="Categories"]{min-width:0;flex-shrink:1}.preview-chain-area{flex:1 1 0!important;min-width:88px}.preview-chain-nav{width:100%}.preview-chain-chip{display:grid;place-items:center;width:42px;height:32px;flex-shrink:0;border:1px solid var(--color-border-1-transparent,#ffffff20);border-radius:99px;background:var(--color-bg-primary-transparent,#ffffff03);color:inherit}.preview-chain-chip svg{width:16px;height:16px}.preview-chain-chip:hover{background:#ffffff0a}.preview-chain-chip:focus-visible{outline:2px solid #58afff;outline-offset:2px}.preview-chain-nav a[hidden]{display:none!important}}
/* Match the neutral discovery canvas and desktop block alignment in the reference. */
html.dark[data-preview-route="/"],html.dark[data-preview-route^="/discover"]{--color-bg-app:20 20 21;--color-bg-primary:20 20 21;--color-bg-secondary:26 26 27;background:#141415}
html.dark[data-preview-route="/"] body,html.dark[data-preview-route^="/discover"] body{background:#141415}
html[data-preview-route="/"] [class*="z-[-1000]"],html[data-preview-route^="/discover"] [class*="z-[-1000]"]{display:none!important}
@media(min-width:1024px){
html[data-preview-route="/"],html[data-preview-route^="/discover"]{--spacing-lg-top-nav:66px}
html[data-preview-route="/"] nav[aria-label="Miscellaneous"],html[data-preview-route^="/discover"] nav[aria-label="Miscellaneous"]{height:66px!important;min-height:66px;padding-top:13px;padding-bottom:13px}
html[data-preview-route="/"] .market-stats-grid,html[data-preview-route^="/discover"] .market-stats-grid{column-gap:0!important}
html[data-preview-route="/"] .market-stats-desktop,html[data-preview-route^="/discover"] .market-stats-desktop{margin-left:24px!important}
html[data-preview-route="/"] .market-stats-toolbar,html[data-preview-route^="/discover"] .market-stats-toolbar{padding-left:8px;padding-right:8px;min-height:68px;padding-top:16px;padding-bottom:16px}
html[data-preview-route="/"] .market-stats-reference th,html[data-preview-route="/"] .market-stats-reference td,html[data-preview-route^="/discover"] .market-stats-reference th,html[data-preview-route^="/discover"] .market-stats-reference td{padding-left:8px;padding-right:8px}
html[data-preview-route="/"] .preview-token-track,html[data-preview-route^="/discover"] .preview-token-track{grid-auto-columns:calc((100% - 80px)/var(--token-columns))}
html[data-preview-route="/"] .preview-token-column,html[data-preview-route^="/discover"] .preview-token-column{gap:16px}
html[data-preview-route="/"] .preview-tokens-head,html[data-preview-route^="/discover"] .preview-tokens-head{margin-bottom:14px}
}
html.dark[data-preview-route="/"] .preview-token-card,html.dark[data-preview-route^="/discover"] .preview-token-card{background:#1a1a1a;border-color:#303030}
html.dark[data-preview-route="/"] .preview-token-avatar,html.dark[data-preview-route^="/discover"] .preview-token-avatar{background:#242424}

@media(min-width:1024px){
html[data-preview-route="/"] .preview-tokens-head,html[data-preview-route^="/discover"] .preview-tokens-head{margin-bottom:8px}
html[data-preview-route="/"] .market-stats-reference th,html[data-preview-route^="/discover"] .market-stats-reference th{padding-bottom:2px}
html[data-preview-route="/"] .market-stats-reference td,html[data-preview-route^="/discover"] .market-stats-reference td{padding-top:11.5px;padding-bottom:11.5px}
}