@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&display=swap";:root{--bg-void: #050412;--bg-stone: #09071e;--bg-panel: #0c091e;--bg-deep: #07051a;--bio: #4ade80;--bio-dim: #22c55e;--bio-glow: rgba(74, 222, 128, .35);--bio-trace: rgba(74, 222, 128, .08);--vapor: #ff007a;--vapor-glow: rgba(255, 0, 122, .35);--lav: #b388ff;--lav-glow: rgba(179, 136, 255, .35);--border: #1a1236;--border-glow: rgba(74, 222, 128, .2);--text: #a8c4a8;--text-dim: #5a7a5a;--font: "Share Tech Mono", "Courier New", monospace;--font-vt: "VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-void);color:var(--text);font-family:var(--font);min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}@keyframes holoShimmer{0%{border-color:var(--bio);box-shadow:0 0 12px var(--bio-glow)}33%{border-color:var(--lav);box-shadow:0 0 12px var(--lav-glow)}66%{border-color:var(--vapor);box-shadow:0 0 12px var(--vapor-glow)}to{border-color:var(--bio);box-shadow:0 0 12px var(--bio-glow)}}@keyframes scanBeam{0%{top:-4px;opacity:.6}90%{top:100%;opacity:.6}to{top:100%;opacity:0}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}#root{display:flex;flex-direction:column;min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg-stone);position:sticky;top:0;z-index:100}.site-logo{font-family:var(--font-vt);font-size:22px;color:var(--bio);text-shadow:0 0 12px var(--bio-glow);letter-spacing:2px;text-decoration:none}.site-logo span{color:var(--text-dim)}.site-main{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.wallet-btn{padding:8px 16px;background:var(--bg-panel);border:1px solid var(--bio-dim);color:var(--bio);font-family:var(--font);font-size:12px;letter-spacing:1px;cursor:pointer;transition:box-shadow .2s}.wallet-btn:hover{box-shadow:0 0 10px var(--bio-glow)}.wallet-btn.connected{border-color:var(--border);color:var(--text-dim)}.tabs{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid var(--border)}.tab{padding:8px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--font);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--bio);border-bottom-color:var(--bio);text-shadow:0 0 8px var(--bio-glow)}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.token-card{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s}.token-card:hover{animation:holoShimmer 2s infinite}.token-card-art{aspect-ratio:1;background:var(--bg-void);position:relative;overflow:hidden}.token-card-art img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.token-card-art .scan-beam{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--bio),transparent);animation:scanBeam 2.5s ease-in-out infinite;opacity:0}.token-card:hover .scan-beam{opacity:.7}.token-card-info{padding:8px 10px;border-top:1px solid var(--border)}.token-card-id{font-family:var(--font-vt);font-size:18px;color:var(--text);line-height:1}.token-card-col{font-size:10px;color:var(--text-dim);letter-spacing:1px;margin-top:2px}.token-view{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media(max-width:700px){.token-view{grid-template-columns:1fr}}.token-art-frame{background:var(--bg-void);border:1px solid var(--border);aspect-ratio:1;position:relative;overflow:hidden}.token-art-frame img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.token-art-frame .scan-beam{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--bio),transparent);animation:scanBeam 3s ease-in-out infinite}.token-info{display:flex;flex-direction:column;gap:20px}.token-name{font-family:var(--font-vt);font-size:42px;color:var(--text);line-height:1;text-shadow:0 0 16px var(--bio-glow)}.token-col-link{font-size:11px;color:var(--bio-dim);text-decoration:none;letter-spacing:1px}.token-col-link:hover{text-decoration:underline}.section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:11px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.traits{display:grid;grid-template-columns:1fr 1fr;gap:6px}.trait{background:var(--bg-deep);border:1px solid var(--border);padding:10px 12px}.trait-key{font-size:10px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}.trait-val{font-family:var(--font-vt);font-size:20px;color:var(--bio);text-shadow:0 0 8px var(--bio-glow);line-height:1}.rarity-bar-wrap{display:flex;align-items:center;gap:10px}.rarity-blocks{font-family:var(--font);font-size:14px;letter-spacing:-1px;color:var(--bio)}.rarity-pct{font-size:11px;color:var(--text-dim);letter-spacing:1px}.details{background:var(--bg-deep);border:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.detail-key{font-size:10px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase}.detail-val{font-size:12px;color:var(--text);letter-spacing:.5px}.detail-val.green{color:var(--bio)}.detail-val.addr{color:var(--bio-dim);font-size:11px}.market-link{display:inline-block;padding:10px 18px;background:var(--bg-panel);border:1px solid var(--vapor);color:var(--vapor);font-family:var(--font);font-size:12px;letter-spacing:1.5px;text-decoration:none;text-transform:uppercase;transition:box-shadow .2s}.market-link:hover{box-shadow:0 0 12px var(--vapor-glow)}.admin-panel{background:var(--bg-panel);border:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:14px}.supply-bar-outer{height:6px;background:var(--bg-deep);border:1px solid var(--border);position:relative}.supply-bar-inner{height:100%;background:var(--bio);box-shadow:0 0 8px var(--bio-glow);transition:width .4s ease}.trait-dist{display:flex;flex-direction:column;gap:6px}.trait-dist-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.trait-dist-name{color:var(--text);letter-spacing:.5px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trait-dist-count{color:var(--bio-dim);font-size:12px;font-family:var(--font-vt)}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px}.bc-link{font-size:11px;color:var(--text-dim);text-decoration:none;letter-spacing:1px}.bc-link:hover{color:var(--text)}.bc-sep{color:var(--text-dim);font-size:10px}.bc-cur{font-size:11px;color:var(--bio-dim);letter-spacing:1px}.state-msg{font-size:13px;color:var(--text-dim);letter-spacing:1px;padding:40px 0;text-align:center}.state-msg .cursor{animation:blink 1s step-end infinite;color:var(--bio)}.nav-btns{display:flex;gap:8px;margin-top:12px}.nav-btn{padding:7px 14px;background:var(--bg-void);border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-family:var(--font);text-decoration:none;letter-spacing:1px}.nav-btn:hover{color:var(--text);border-color:var(--bio-dim)}.nav-btn.ml{margin-left:auto}