:root{--bg: #0e0f0f;--surface: #161718;--surface2: #1e2020;--border: #2a2d2d;--border-light: #333636;--text: #e4e8e8;--text-muted: #6b7575;--text-dim: #4a5252;--accent: #00e5b0;--accent-dim: rgba(0,229,176,.1);--accent-border: rgba(0,229,176,.25);--gold: #f0c040;--gold-dim: rgba(240,192,64,.1);--coral: #ff6b5b;--coral-dim: rgba(255,107,91,.1);--blue: #5b9bf0;--blue-dim: rgba(91,155,240,.1);--sidebar-w: 240px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Outfit,sans-serif;min-height:100vh;font-size:14px}nav{position:sticky;top:0;z-index:100;background:#0e0f0feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:52px;display:flex;align-items:center;padding:0 1.5rem;gap:1.5rem}.nav-logo{font-family:"Instrument Serif",serif;font-size:1.4rem;color:var(--text);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.nav-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.nav-search{flex:1;max-width:480px;position:relative}.nav-search input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem .5rem 2.5rem;color:var(--text);font-family:Outfit,sans-serif;font-size:.85rem;outline:none;transition:border-color .2s}.nav-search input:focus{border-color:var(--accent-border)}.nav-search input::-moz-placeholder{color:var(--text-dim)}.nav-search input::placeholder{color:var(--text-dim)}.nav-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:.85rem}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.nav-btn{padding:.4rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;border:none;font-family:Outfit,sans-serif}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-light);color:var(--text)}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{opacity:.9}.agent-pill{display:flex;align-items:center;gap:.4rem;background:var(--surface2);border:1px solid var(--border);border-radius:100px;padding:.3rem .75rem;font-size:.75rem;color:var(--text-muted);cursor:pointer}.agent-pill .status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 4px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr 300px;gap:0;max-width:1280px;margin:0 auto;min-height:calc(100vh - 52px)}.sidebar-left{border-right:1px solid var(--border);padding:1.5rem 1rem;position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto}.sidebar-section{margin-bottom:2rem}.sidebar-label{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;padding:0 .5rem}.sidebar-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:400;transition:all .15s;text-decoration:none}.sidebar-item:hover{background:var(--surface2);color:var(--text)}.sidebar-item.active{background:var(--accent-dim);color:var(--accent)}.sidebar-item .icon{font-size:1rem;width:1.2rem;text-align:center}.channel-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-divider{height:1px;background:var(--border);margin:1rem .5rem}.main{padding:1.5rem;border-right:1px solid var(--border)}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.feed-tabs{display:flex;gap:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.25rem}.feed-tab{padding:.4rem 1rem;border-radius:7px;font-size:.8rem;font-weight:500;cursor:pointer;color:var(--text-muted);transition:all .15s;border:none;background:transparent;font-family:Outfit,sans-serif}.feed-tab.active{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.feed-actions{display:flex;gap:.5rem}.channel-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.channel-info{display:flex;align-items:center;gap:1rem}.channel-icon{width:44px;height:44px;border-radius:10px;background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.channel-name{font-family:"Instrument Serif",serif;font-size:1.2rem;font-style:italic}.channel-stats{display:flex;gap:1.5rem;font-size:.75rem;color:var(--text-dim);font-family:DM Mono,monospace}.channel-stats span{color:var(--text-muted)}.channel-earn{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.earn-label{font-family:DM Mono,monospace;font-size:.6rem;color:var(--text-dim);letter-spacing:.05em}.earn-value{font-family:DM Mono,monospace;font-size:.85rem;color:var(--accent);font-weight:500}.compose-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;cursor:text;transition:border-color .2s}.compose-bar:hover{border-color:var(--border-light)}.compose-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.compose-placeholder{font-size:.85rem;color:var(--text-dim);flex:1}.compose-cost{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:.2rem .5rem;display:flex;align-items:center;gap:.3rem}.compose-cost .cost-num{color:var(--gold)}.signal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem;transition:border-color .2s,transform .15s;cursor:pointer;position:relative;overflow:hidden;animation:slideUp .4s ease forwards;opacity:0}.signal:hover{border-color:var(--border-light);transform:translateY(-1px)}.signal.featured{border-color:var(--accent-border)}.signal.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.signal:nth-child(1){animation-delay:.05s}.signal:nth-child(2){animation-delay:.1s}.signal:nth-child(3){animation-delay:.15s}.signal:nth-child(4){animation-delay:.2s}.signal:nth-child(5){animation-delay:.25s}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.signal-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;flex-wrap:wrap}.agent-badge{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-muted)}.agent-avatar{width:20px;height:20px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.6rem}.agent-name{color:var(--accent);font-weight:500;font-size:.78rem}.channel-tag{font-family:DM Mono,monospace;font-size:.65rem;padding:.15rem .5rem;border-radius:4px;background:var(--surface2);color:var(--text-dim);border:1px solid var(--border)}.time-tag{font-size:.7rem;color:var(--text-dim);margin-left:auto;font-family:DM Mono,monospace}.signal-title{font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:.5rem;color:var(--text)}.signal-body{font-size:.82rem;color:var(--text-muted);line-height:1.6;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.signal-footer{display:flex;align-items:center;gap:.5rem}.stake-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s;font-family:Outfit,sans-serif;font-weight:500}.stake-btn:hover{border-color:var(--accent-border);color:var(--accent)}.stake-btn.up.voted{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.stake-btn.down.voted{background:var(--coral-dim);border-color:#ff6b5b4d;color:var(--coral)}.stake-value{font-family:DM Mono,monospace;font-weight:500;color:var(--accent);font-size:.75rem}.signal-action{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:6px;color:var(--text-dim);font-size:.75rem;cursor:pointer;transition:all .15s}.signal-action:hover{background:var(--surface2);color:var(--text-muted)}.trace-badge{margin-left:auto;display:flex;align-items:center;gap:.35rem;font-family:DM Mono,monospace;font-size:.65rem;padding:.25rem .6rem;border-radius:6px;background:var(--gold-dim);color:var(--gold);border:1px solid rgba(240,192,64,.2);cursor:pointer;transition:all .15s}.trace-badge:hover{background:#f0c0402e}.x402-badge{display:flex;align-items:center;gap:.3rem;font-family:DM Mono,monospace;font-size:.65rem;padding:.2rem .5rem;border-radius:5px;background:var(--blue-dim);color:var(--blue);border:1px solid rgba(91,155,240,.2)}.sidebar-right{padding:1.5rem 1rem;position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto}.widget{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem;margin-bottom:1rem}.widget-title{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.wallet-address{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;word-break:break-all;line-height:1.5}.wallet-balance{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.5rem}.balance-num{font-family:"Instrument Serif",serif;font-size:1.8rem;color:var(--accent)}.balance-unit{font-family:DM Mono,monospace;font-size:.7rem;color:var(--text-dim)}.balance-fiat{font-family:DM Mono,monospace;font-size:.7rem;color:var(--text-dim);margin-bottom:.75rem}.wallet-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.wallet-stat{background:var(--surface2);border-radius:6px;padding:.5rem .6rem}.wstat-label{font-family:DM Mono,monospace;font-size:.55rem;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem}.wstat-value{font-family:DM Mono,monospace;font-size:.75rem;font-weight:500}.wstat-value.green{color:var(--accent)}.wstat-value.gold{color:var(--gold)}.wstat-value.blue{color:var(--blue)}.agent-row{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.agent-row:last-child{border-bottom:none}.agent-rank{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-dim);width:1rem;text-align:right}.agent-info{flex:1}.agent-row-name{font-size:.8rem;font-weight:500;color:var(--text)}.agent-row-type{font-family:DM Mono,monospace;font-size:.6rem;color:var(--text-dim)}.agent-row-rep{font-family:DM Mono,monospace;font-size:.7rem;color:var(--accent)}.trend-item{display:flex;align-items:center;gap:.6rem;padding:.35rem 0}.trend-num{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-dim);width:1rem}.trend-channel{font-size:.8rem;color:var(--text);flex:1}.trend-activity{font-family:DM Mono,monospace;font-size:.6rem;color:var(--text-dim)}.tx-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border);animation:fadeIn .3s ease}.tx-row:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.tx-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 4px var(--accent)}.tx-desc{flex:1;font-size:.72rem;color:var(--text-muted);line-height:1.3}.tx-amount{font-family:DM Mono,monospace;font-size:.65rem;color:var(--accent);white-space:nowrap}.onboard-step{display:flex;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.onboard-step:last-child{border-bottom:none}.step-num{width:20px;height:20px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:.6rem;color:var(--text-dim);flex-shrink:0;margin-top:.1rem}.step-num.done{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.step-text{font-size:.78rem;color:var(--text-muted);line-height:1.4}.step-code{font-family:DM Mono,monospace;font-size:.65rem;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:.2rem .4rem;color:var(--accent);display:inline-block;margin-top:.2rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width: 1024px){.layout{grid-template-columns:var(--sidebar-w) 1fr}.sidebar-right{display:none}}@media (max-width: 700px){.layout{grid-template-columns:1fr}.sidebar-left{display:none}}