@font-face{font-family:"Exo 2";src:url(/Exo2.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #16171d;color-scheme:light dark;background:var(--bg)}html{scrollbar-color:gray var(--bg);scrollbar-width:thin;font-family:"Exo 2",system-ui,sans-serif}body{background:var(--bg);margin:0;padding:48px;min-height:100vh;font-family:inherit}#tokens-grid{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:0;justify-items:center}#context-menu{position:fixed;z-index:9999;min-width:180px;border-radius:4px;background:#0f0f14f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 60px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 0;display:flex;flex-direction:column;gap:6px}#context-menu.hidden{display:none}#context-menu button{width:100%;padding:12px 16px;border:none;background:transparent;color:#f3f4f6;text-align:left;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:8px}#context-menu button:hover{background:#ffffff14}#context-menu button.active{background:#ffffff1f}#context-menu button.active:after{content:"✔";display:inline-block;width:18px;text-align:center;color:#f3f4f6}.art-preview-overlay{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:12px;z-index:10000}.art-preview-overlay.hidden{display:none}.art-preview-image{min-width:50%;min-height:50%;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;box-shadow:none}.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:16px}#tokens-grid{gap:16px}}