:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a26;--text-primary:#f44;--text-secondary:#c33;--text-muted:#922;--accent:#f44;--accent-glow:rgba(255,68,68,.3);--border:hsla(0,0%,100%,.08);--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--font-mono:"JetBrains Mono",Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.app-container{display:flex;height:100vh;width:100vw}.canvas-container{flex:1 1;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(124,92,255,.03) 0,transparent 50%),linear-gradient(to bottom,var(--bg-primary) 0,#08080c 100%)}.canvas-container canvas{display:block}.canvas-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:50px 50px;pointer-events:none;z-index:1}.sidebar{width:320px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:20px;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.sidebar-header h2{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.sidebar-content{flex:1 1;overflow-y:auto;padding:12px}.feed-item{padding:14px 16px;margin-bottom:8px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.feed-item:hover{background:rgba(124,92,255,.08);border-color:var(--accent);transform:translateX(-2px);box-shadow:4px 0 20px var(--accent-glow)}.feed-item-title{font-weight:500;font-size:.9375rem;margin-bottom:4px;color:var(--text-primary)}.feed-item-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:12px;align-items:center}.feed-item-type{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(124,92,255,.15);border-radius:4px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.detail-panel{position:absolute;top:20px;left:20px;width:400px;max-height:calc(100vh - 100px);background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;z-index:100;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.detail-header h3{font-size:1rem;font-weight:600}.detail-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;transition:all .2s}.detail-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.detail-content{padding:20px;overflow-y:auto;max-height:400px}.detail-content p{line-height:1.7;color:var(--text-secondary);white-space:pre-wrap}.ascii-block{font-family:var(--font-mono);font-size:.875rem;line-height:1.2rem;color:var(--text-primary);background:rgba(124,92,255,.08);border:1px solid rgba(124,92,255,.2);padding:12px;border-radius:8px;white-space:pre;overflow-x:auto}.detail-content img{max-width:100%;border-radius:8px}.pixel-image{image-rendering:pixelated}.detail-meta{padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-tertiary);font-size:.75rem;color:var(--text-muted);display:flex;gap:16px}.canvas-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);gap:8px;padding:8px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.4);z-index:50}.canvas-btn,.canvas-controls{display:flex;border:1px solid var(--border)}.canvas-btn{width:40px;height:40px;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.125rem;transition:all .2s}.canvas-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.zoom-display{padding:0 16px;display:flex;align-items:center;font-size:.875rem;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-title{position:absolute;top:20px;right:20px;z-index:50;display:flex;align-items:flex-start;gap:8px}.app-title img{filter:drop-shadow(0 4px 12px rgba(255,68,68,.3))}.app-title h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0,#f66 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-title span{font-size:.75rem;color:var(--text-muted);display:block;margin-top:2px}.social-links{display:flex;flex-direction:column;gap:6px}.social-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:.875rem;transition:all .2s;text-decoration:none}.social-btn:hover{transform:scale(1.1);border-color:var(--accent)}.social-btn svg{opacity:.7;transition:opacity .2s}.social-btn:hover svg{opacity:1}.pumpfun-btn:hover{background:#00d084;color:#fff;border-color:#00d084}.moltbook-btn:hover{background:#7c5cff;color:#fff;border-color:#7c5cff}.x-btn:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.info-btn{color:var(--text-primary)}.info-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pumpfun-footer{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:50;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.75rem;font-family:JetBrains Mono,monospace}.pumpfun-footer a{color:var(--text-muted);text-decoration:none;transition:color .2s}.pumpfun-footer a:hover{color:#00d084}.info-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-modal-content{background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-modal-content h2{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:16px}.info-modal-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:12px}.info-modal-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.info-modal-content ul{list-style:none;padding:0;margin:0}.info-modal-content li{color:var(--text-secondary);padding:8px 0 8px 20px;position:relative}.info-modal-content li:before{content:"•";color:var(--accent);position:absolute;left:0}.info-modal-content strong{color:var(--text-primary)}.info-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;transition:all .2s}.info-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.artifact-sprite{cursor:pointer;transition:transform .2s ease}.artifact-sprite:hover{transform:scale(1.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{padding:4px 10px;background:rgba(124,92,255,.1);border:1px solid rgba(124,92,255,.2);border-radius:6px;font-size:.75rem;color:var(--accent)}