:root{--bg: #16171d;color-scheme:light dark;background:var(--bg)}html{scrollbar-color:gray var(--bg);scrollbar-width:thin}body{background:var(--bg);margin:0;padding:0 48px;min-height:100vh}#tokens-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:48px 0 64px;justify-items:center}.token-card{background:#23242b;border-radius:4px;box-shadow:0 2px 12px #0008;width:100%;overflow:hidden;aspect-ratio:1 / 1;background-size:cover;background-position:center;background-repeat:no-repeat;outline:transparent 2px solid;transition:box-shadow .5s ease,transform .1s ease,outline-color .5s ease}.token-card.new-token{animation:new-token-pop .35s ease-out both}@keyframes new-token-pop{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.token-card.loading{position:relative;background-color:var(--bg);overflow:hidden}.token-card.loading:before{content:"";position:absolute;inset:0;background:#0000000f}.token-card.loading:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;border:3px solid rgba(255,255,255,.16);border-top-color:#ffffffbf;border-radius:50%;transform:translate(-50%,-50%);animation:loading-spin .8s linear infinite}@keyframes loading-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.token-card.placeholder{position:relative;background:#17171d;overflow:hidden}.token-card.placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#000,#2c2c2c,#000);background-size:220% 220%;animation:placeholder-shimmer 1.6s ease-in-out infinite}@keyframes placeholder-shimmer{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.token-card:hover{box-shadow:0 0 24px #fffc;outline:rgba(255,255,255,.4) 2px solid;cursor:pointer}#app{width:100%;max-width:100%;margin:0 auto;text-align:center;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}@media(max-width:640px){body{padding:0 16px}#tokens-grid{gap:16px}}