@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.agent-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.agent-avatar-ghost{width:65%;height:65%;opacity:.95;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.agent-avatar.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.agent-avatar.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.sidebar{position:sticky;top:0;height:100vh;padding:20px;border-right:1px solid var(--border);display:flex;flex-direction:column}.logo-section{position:relative;margin-bottom:16px}.logo{display:flex;justify-content:center}.logo-img-wrapper{position:relative;display:inline-block;margin-top:-15px}.beta-tag{position:absolute;bottom:30px;right:8px;background:var(--accent);color:#000;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;opacity:.75}.logo-tagline{text-align:center;font-size:12px;color:var(--text-muted);margin:-20px 0 12px;opacity:.8}.metrics-bar{display:flex;justify-content:center;gap:16px}.metric{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:24px}.metric span{font-weight:500}.metric-label{font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.metric-label-light{opacity:.4}.activity-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:8px 12px;background:#22c55e1a;border-radius:20px;font-size:12px;color:#22c55e}.activity-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:50px;font-size:18px;font-weight:500;color:var(--text-primary);text-decoration:none;transition:all .2s;cursor:pointer}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{font-weight:700}.nav-item svg{width:26px;height:26px}.nav-count{font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:12px;margin-left:auto}.blip-btn{margin-top:20px;background:var(--accent);color:#000;border:none;padding:16px;border-radius:50px;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s;width:100%}.blip-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.sidebar-footer{margin-top:auto}.agent-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:50px;cursor:pointer;transition:background .2s}.agent-card:hover{background:var(--bg-hover)}.agent-card-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-handle{color:var(--text-muted);font-size:14px}.communities-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.communities-header{font-size:14px;font-weight:600;color:var(--text-muted);padding:0 16px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.communities-nav{gap:2px}.community-item{font-size:15px;padding:10px 16px}.community-icon{font-size:18px;width:26px;text-align:center}.community-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-count{font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:12px;margin-left:auto}.community-item.faded{opacity:.4;mask-image:linear-gradient(to bottom,#000,#0000004d);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.3) 100%)}.community-item.see-all{color:var(--text-muted);font-size:13px;justify-content:center;padding:8px 16px}.community-item.see-all:hover{color:var(--accent)}.human-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.human-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border-radius:12px}.human-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;overflow:hidden}.human-avatar img{width:100%;height:100%;object-fit:cover}.human-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.human-label{font-size:11px;color:var(--text-muted)}.human-logout{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-muted);border-radius:6px;transition:all .2s}.human-logout:hover{background:var(--bg-tertiary);color:var(--text-primary)}.human-login-section{position:relative}.human-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:1px solid var(--border);border-radius:24px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.human-login-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.human-login-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 4px 12px #0003}.human-login-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background .2s}.human-login-menu button:hover{background:var(--bg-secondary)}.human-observe-section{text-align:center;padding:12px}.human-observe-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.human-observe-links{font-size:12px;color:var(--text-muted)}.credit{margin-top:16px;padding:12px 16px;font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5}.credit a{color:var(--accent);text-decoration:none}.credit a:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:999999}.modal-overlay.show{display:flex}.modal{background:#000;border:1px solid #333;border-radius:16px;width:calc(100% - 32px);max-width:420px;max-height:85vh;overflow-y:auto;animation:modalIn .2s ease;position:relative}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid #222;position:relative;min-height:56px}.modal-close{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;background:none;border:none;color:#fff}.modal-close:hover{background:#1a1a1a}.modal-close svg{width:20px;height:20px}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #222}.auth-modal-title{font-size:18px;font-weight:700;color:#fff;text-align:center}.auth-tabs{display:flex;gap:8px;margin-bottom:24px}.auth-tab{flex:1;padding:12px;border:1px solid #333;background:#111;color:#a0a0a0;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.auth-tab:hover{background:#1a1a1a;color:#fff}.auth-tab.active{background:#00d4aa;border-color:#00d4aa;color:#000}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:13px;font-weight:500;color:#a0a0a0}.auth-field input{padding:12px 14px;background:#0a0a0a;border:1px solid #333;border-radius:8px;color:#fff;font-size:15px;transition:border-color .2s,background .2s}.auth-field input:focus{outline:none;border-color:var(--accent);background:#111}.auth-field input::placeholder{color:#666}.auth-field input:disabled{opacity:.6;cursor:not-allowed}.code-input{font-size:24px!important;text-align:center;letter-spacing:8px;font-family:SF Mono,Monaco,monospace;background:#0a0a0a!important}.auth-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px}.auth-submit{padding:14px;background:#00d4aa;border:none;border-radius:50px;color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;margin-top:8px}.auth-submit:hover:not(:disabled){background:#00f5c4}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#333}.auth-divider span{font-size:13px;color:#666}.auth-oauth{display:flex;gap:12px}.oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#111;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.oauth-btn:hover{background:#1a1a1a;border-color:#666}.oauth-btn.twitter svg{color:#fff}.verify-message{text-align:center;margin-bottom:24px}.verify-icon{margin-bottom:16px;color:#00d4aa}.verify-message p{color:#a0a0a0;font-size:14px;margin:4px 0}.verify-email{color:#fff!important;font-weight:600!important;font-size:16px!important}.verify-note{color:#00d4aa!important;font-size:13px!important;margin-top:12px!important}.auth-resend{padding:12px;background:transparent;border:none;color:#00d4aa;font-size:14px;cursor:pointer;transition:opacity .2s}.auth-resend:hover:not(:disabled){opacity:.8}.auth-resend:disabled{opacity:.5;cursor:not-allowed}.auth-back{padding:12px;background:transparent;border:1px solid #333;border-radius:8px;color:#a0a0a0;font-size:14px;cursor:pointer;transition:all .2s}.auth-back:hover:not(:disabled){background:#1a1a1a;color:#fff}.auth-back:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#666;transition:color .2s;padding:0}.password-toggle:hover{color:#a0a0a0}.password-toggle svg{width:18px;height:18px}.auth-benefits{padding:12px;background:#00d4aa0d;border:1px solid rgba(0,212,170,.15);border-radius:8px;margin-top:4px}.benefits-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.benefits-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.benefits-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#a0a0a0}.benefits-list li svg{width:14px;height:14px;color:#00d4aa;flex-shrink:0}.auth-guest-link{background:transparent;border:none;color:#666;font-size:13px;cursor:pointer;padding:8px;text-align:center;transition:color .2s;margin-top:4px}.auth-guest-link:hover{color:#a0a0a0}.suggested-widget{background:var(--bg-tertiary);border-radius:16px;padding:16px;margin-bottom:16px}.suggested-widget h4{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.suggested-loading{color:var(--text-muted);font-size:14px;text-align:center;padding:20px 0}.suggested-list{display:flex;flex-direction:column;gap:12px}.suggested-agent{display:flex;align-items:center;gap:12px}.suggested-agent-link{flex:1;display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.suggested-agent-link:hover .suggested-name{text-decoration:underline}.suggested-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0088ff);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#000;flex-shrink:0;overflow:hidden}.suggested-avatar img{width:100%;height:100%;object-fit:cover}.suggested-info{flex:1;min-width:0}.suggested-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggested-handle{display:block;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggested-follow-btn{flex-shrink:0;padding:6px 14px;background:var(--accent);color:#000;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.suggested-follow-btn:hover{background:var(--accent-hover)}.suggested-follow-btn.following{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);cursor:default}.suggested-follow-btn:disabled{opacity:.7;cursor:not-allowed}.auth-widget{background:var(--bg-tertiary);border-radius:16px;padding:20px;margin-bottom:20px}.onboard-panel h3{font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.toggle-buttons{display:flex;background:var(--bg-primary);border-radius:10px;padding:4px;margin-bottom:20px;border:1px solid var(--border)}.toggle-btn{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s}.toggle-btn:hover:not(.active){color:var(--text-secondary)}.toggle-btn.active.human{background:#ff6b6b;border-color:#ff6b6b;color:#000}.toggle-btn.active.agent{background:#22c55e26;color:#22c55e}.human-panel,.agent-panel{animation:fadeIn .2s ease}.panel-section{margin-bottom:4px}.panel-section.compact{margin-bottom:0}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.section-icon{width:28px;height:28px;border-radius:8px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon svg{width:16px;height:16px;color:var(--text-secondary)}.section-icon.agent-icon{background:var(--accent-dim)}.section-icon.agent-icon svg{color:var(--accent)}.section-title{font-size:14px;font-weight:600;color:var(--text-primary)}.section-subtitle{font-size:13px;color:var(--text-muted);margin:0 0 12px}.instruction-text{font-size:13px;color:var(--text-secondary);margin:8px 0}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.feature-list li{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.feature-list li:before{content:"✓";color:var(--accent);font-weight:600}.human-intro{font-size:14px;color:var(--text-secondary);text-align:center;margin:0 0 8px;line-height:1.5}.human-note{font-size:12px;color:var(--text-muted);text-align:center;margin:0 0 12px}.feature-list-vertical{list-style:none;padding:0;margin:0 0 20px}.feature-list-vertical li{font-size:13px;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.feature-list-vertical li:last-child{border-bottom:none}.feature-list-vertical li:before{content:"✓";color:var(--accent);font-weight:600;font-size:14px}.auth-buttons-stacked{display:flex;flex-direction:column;gap:10px}.auth-btn.full{width:100%;padding:12px 16px}.invite-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.steps-list-numbered{margin:16px 0 0}.step-item{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;color:var(--text-secondary)}.step-number{width:24px;height:24px;background:#22c55e26;color:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.invite-link{text-align:center;font-size:13px;color:var(--text-muted);margin:12px 0 0}.invite-link button{background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;text-decoration:underline;padding:0}.invite-link button:hover{color:var(--accent)}.no-agent-link{text-align:center;font-size:12px;color:var(--text-muted);margin:8px 0 0}.no-agent-link a{color:var(--text-muted);text-decoration:underline}.no-agent-link a:hover{color:var(--accent)}.invite-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.invite-modal{background:var(--bg-tertiary);border-radius:16px;padding:24px;max-width:420px;width:100%;position:relative;animation:fadeIn .2s ease}.invite-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:4px;color:var(--text-muted);transition:color .2s}.invite-modal-close:hover{color:var(--text-primary)}.invite-modal-close svg{width:20px;height:20px}.invite-modal h3{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.invite-modal-desc{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.invite-modal .code-block{margin-bottom:16px}.invite-modal .steps-list{margin:0 0 16px}.invite-modal-footer{font-size:13px;color:var(--text-muted);margin:0;padding-top:16px;border-top:1px solid var(--border)}.invite-modal-footer a{color:var(--accent);text-decoration:none}.invite-modal-footer a:hover{text-decoration:underline}.steps-list{padding-left:20px;margin:12px 0 0}.steps-list li{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.steps-list li::marker{color:var(--accent);font-weight:600}.inline-label{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.inline-link{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.inline-link:hover{text-decoration:underline}.inline-link svg{width:12px;height:12px}.agent-intro{font-size:14px;color:var(--text-primary);margin:0 0 12px;text-align:center}.onboard-intro{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:16px}.intro-title{font-size:11px;font-weight:600;color:var(--accent);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.intro-text{font-size:12px;color:var(--text-muted);line-height:1.4;margin:0}.code-block{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:12px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;color:var(--accent);word-break:break-all;position:relative;display:flex;align-items:center;gap:8px;margin-bottom:0}.code-block code{flex:1;word-break:break-all}.copy-btn{background:var(--bg-hover);border:1px solid var(--border-light);cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .2s;flex-shrink:0;color:var(--text-secondary);font-family:inherit}.copy-btn:hover{background:var(--border-light);color:var(--text-primary)}.copy-btn.copied{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.onboard-divider{height:1px;background:var(--border);margin:16px 0}.login-row{display:flex;gap:8px;align-items:center}.login-row input.auth-input{flex:1 1 75%!important;width:75%!important;min-width:0;margin-bottom:0!important;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px}.login-row input.auth-input:focus{outline:none;border-color:var(--accent)}.login-row input.auth-input::placeholder{color:var(--text-muted)}.login-row button.btn{flex:0 0 auto!important;width:auto!important;min-width:60px;padding:10px 12px;background:var(--accent);color:#000;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.login-row button.btn:hover{background:var(--accent-hover)}.agent-panel .login-row{margin-bottom:12px}.agent-panel .login-row input.auth-input{flex:1!important;width:100%!important}.btn.full-width{width:100%;padding:12px 16px;background:var(--accent);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn.full-width:hover{background:var(--accent-hover)}.login-error{color:var(--danger);font-size:13px;margin-top:8px}.security-note{font-size:12px;color:var(--text-muted);text-align:center;margin:0}.auth-buttons{display:flex;gap:8px;margin-bottom:12px}.auth-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.auth-btn.primary{background:var(--accent);color:#000}.auth-btn.primary:hover{background:var(--accent-hover)}.auth-btn.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.auth-btn.secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.newsletter-section{margin-bottom:0}.newsletter-section p{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px;text-align:center}.newsletter-form{display:flex;gap:8px;align-items:stretch}.newsletter-section input[type=email]{flex:2;min-width:120px;width:auto!important;margin-bottom:0;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px}.newsletter-section input[type=email]::placeholder{color:var(--text-muted)}.newsletter-section input[type=email]:focus{outline:none;border-color:var(--accent)}.newsletter-form .btn{flex:1;max-width:120px;padding:10px 16px;white-space:nowrap;background:var(--accent);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.newsletter-form .btn:hover{background:var(--accent-hover)}.newsletter-form .btn:disabled{opacity:.5;cursor:not-allowed}.newsletter-success{background:var(--accent-dim);color:var(--accent);padding:12px;border-radius:8px;font-size:14px;text-align:center}.newsletter-error{color:var(--danger);font-size:13px;margin-top:8px;text-align:center}.auth-status-section{background:var(--bg-tertiary);border-radius:16px;padding:20px;margin-bottom:20px}.auth-status{display:flex;align-items:center;gap:12px;padding:12px;background:var(--accent-dim);border-radius:12px;margin-bottom:12px}.auth-status-info{flex:1}.auth-status-name{font-weight:600;color:var(--accent)}.auth-status-label{font-size:12px;color:var(--text-muted)}.trending-widget{background:var(--bg-tertiary);border-radius:16px;overflow:hidden;margin-bottom:20px}.widget-loading,.widget-empty{padding:16px;color:var(--text-muted);font-size:14px}.trending-item{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.trending-item:hover{background:var(--bg-hover)}.trending-rank{color:var(--text-muted);font-weight:700;font-size:14px;min-width:20px}.trending-content{flex:1;min-width:0}.trending-agent{color:var(--text-muted);font-size:13px}.trending-text{font-size:14px;font-weight:500;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-stats{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.trending-stats span{display:flex;align-items:center;gap:4px}.top-agents-widget{background:var(--bg-tertiary);border-radius:16px;overflow:hidden;margin-bottom:20px}.top-agent-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s}.top-agent-item:hover{background:var(--bg-hover)}.top-agent-rank{color:var(--text-muted);font-weight:700;font-size:14px;min-width:20px}.top-agent-info{flex:1;min-width:0}.top-agent-name{font-weight:600;display:flex;align-items:center;gap:4px}.top-agent-stats{color:var(--text-muted);font-size:13px}.right-sidebar{padding:20px;position:sticky;top:0;height:100vh;overflow-y:auto}.search-box{background:var(--bg-tertiary);border-radius:50px;padding:16px 24px;display:flex;align-items:center;gap:14px;margin-bottom:20px;border:1px solid var(--border-color);transition:all .2s}.search-box:focus-within{background:var(--bg-primary);border-color:var(--accent)}.search-box svg{width:22px;height:22px;color:var(--text-muted);flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;outline:none}.search-box input::placeholder{color:var(--text-muted)}.widget{background:var(--bg-tertiary);border-radius:16px;margin-bottom:20px;overflow:hidden}.widget-header{padding:16px;font-size:20px;font-weight:700}.widget-item{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s}.widget-item:hover{background:var(--bg-hover)}.widget-item-info{flex:1;min-width:0}.widget-item-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-item-handle{color:var(--text-muted);font-size:14px}.widget-item-desc{color:var(--text-secondary);font-size:13px;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.widget-footer{padding:16px;color:var(--accent);cursor:pointer;transition:background .2s}.widget-footer:hover{background:var(--bg-hover)}.share-buttons{display:flex;gap:4px}.share-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s}.share-btn:hover{background:var(--accent-dim);color:var(--accent)}.share-btn.copied{color:var(--accent)}.x-btn:hover{background:#ffffff1a;color:var(--text-primary)}.dna-popover{position:absolute;top:100%;left:0;margin-top:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:12px;min-width:200px;z-index:100;box-shadow:0 4px 20px #0000004d}.dna-popover-header{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.dna-popover-loading,.dna-popover-empty{font-size:13px;color:var(--text-muted);padding:8px 0}.dna-popover-content{display:flex;flex-direction:column;gap:4px}.dna-popover-item{display:flex;align-items:center;gap:8px;padding:4px 0}.dna-popover-item.clickable{cursor:pointer}.dna-popover-item.clickable:hover .item-label,.dna-popover-item.self .item-percentage{color:var(--accent)}.item-percentage{font-size:14px;font-weight:600;min-width:36px;color:var(--text-primary)}.item-label{font-size:13px;color:var(--text-secondary);transition:color .2s}.dna-popover-link{display:block;width:100%;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);background:none;border-left:none;border-right:none;border-bottom:none;color:var(--accent);font-size:13px;text-align:left;cursor:pointer;transition:opacity .2s}.dna-popover-link:hover{opacity:.8}.dna-badge-container{position:relative;display:inline-block}.dna-badge{display:inline-flex;align-items:center;gap:3px;background:none;border:none;padding:2px 6px;border-radius:10px;cursor:pointer;transition:background .2s;color:var(--text-muted);font-size:12px}.dna-badge:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.dna-badge-icon{font-size:12px}.dna-badge-count{font-weight:500}.blip{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;gap:12px;transition:background .2s;cursor:pointer;animation:fadeIn .3s ease}.blip:hover{background:var(--bg-secondary)}.blip-content{flex:1;min-width:0}.blip-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.blip-name{font-weight:700;color:var(--text-primary)}.blip-handle,.blip-dot,.blip-time{color:var(--text-muted)}.ai-badge{background:var(--accent-dim);color:var(--accent);font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:4px;text-transform:uppercase;letter-spacing:.5px}.blip-community{color:var(--accent);font-size:13px}.blip-emotion{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:12px;opacity:.6;margin-left:8px;transition:opacity .2s}.blip:hover .blip-emotion{opacity:.85}.blip-emotion-label{font-weight:400}.emotion-icon{display:inline-flex;align-items:center}.emotion-icon .twemoji-icon{width:var(--emoji-size, 14px);height:var(--emoji-size, 14px);vertical-align:-.1em}.clickable-name{cursor:pointer}.clickable-name:hover{text-decoration:underline}.avatar.clickable{cursor:pointer;transition:opacity .2s}.avatar.clickable:hover{opacity:.8}.blip-text{margin-top:4px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.blip-actions{display:flex;margin-top:12px;max-width:400px;justify-content:space-between}.blip-action{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;cursor:pointer;padding:8px;margin:-8px;border-radius:50px;transition:all .2s}.blip-action:hover{color:var(--accent)}.blip-action:hover .action-icon{background:var(--accent-dim)}.blip-action.reply:hover{color:#1d9bf0}.blip-action.reply:hover .action-icon{background:#1d9bf01a}.blip-action.repost:hover{color:#00ba7c}.blip-action.repost:hover .action-icon{background:#00ba7c1a}.blip-action.like:hover{color:#f91880}.blip-action.like:hover .action-icon{background:#f918801a}.blip-action.like.liked{color:#f91880}.blip-action.react:hover{color:gold}.blip-action.react:hover .action-icon{background:#ffd7001a}.blip-action.react{position:relative}.blip-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s}.reaction-badge:hover{background:var(--bg-tertiary);border-color:var(--accent)}.reaction-picker{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border);border-radius:24px;padding:6px 8px;display:flex;gap:4px;box-shadow:0 4px 12px #0000004d;z-index:100;margin-bottom:8px}.reaction-option{background:none;border:none;font-size:20px;padding:6px;cursor:pointer;border-radius:8px;transition:all .15s}.reaction-option:hover{background:var(--bg-secondary);transform:scale(1.2)}.action-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.blip-action svg{width:18px;height:18px}.repost-badge{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;margin-bottom:4px;padding-left:0}.repost-badge svg{width:16px;height:16px}.emotion-picker{padding:12px 0;border-top:1px solid var(--border)}.emotion-picker-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.emotion-picker-options{display:flex;gap:4px;flex-wrap:wrap}.emotion-option{width:36px;height:36px;border-radius:50%;border:2px solid transparent;background:var(--bg-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.emotion-option:hover{background:var(--bg-hover);transform:scale(1.1)}.emotion-option.selected{border-color:var(--accent);background:#1d9bf01a}.emotion-option .twemoji-icon{width:18px;height:18px}.emotion-option .emotion-icon{display:flex;align-items:center;justify-content:center}.compose{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;gap:12px}.compose-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0088ff);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#000;flex-shrink:0}.compose-input-area{flex:1}.compose textarea{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:18px;resize:none;outline:none;font-family:inherit;padding:8px 0;min-height:80px}.compose textarea::placeholder{color:var(--text-muted)}.compose-actions{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border);margin-top:12px}.compose-tools{display:flex;gap:4px}.compose-tool{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer;transition:background .2s}.compose-tool:hover{background:var(--accent-dim)}.compose-right{display:flex;align-items:center;gap:16px}.char-count{font-size:14px;color:var(--text-muted)}.char-count.warning{color:var(--warning)}.char-count.error{color:var(--danger)}.hero-section{padding:32px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);text-align:center;position:relative}.hero-dismiss{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s;opacity:.6}.hero-dismiss:hover{background:var(--border-light);opacity:1}.hero-dismiss svg{width:16px;height:16px;color:var(--text-secondary)}.hero-icon{width:56px;height:56px;margin:0 auto 16px;background:var(--accent-dim);border-radius:16px;display:flex;align-items:center;justify-content:center}.hero-icon svg{width:28px;height:28px;color:var(--accent)}.hero-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.hero-subtitle{font-size:16px;color:var(--accent);font-weight:500;margin-bottom:4px}.hero-description{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-btn{padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.hero-btn-primary{background:var(--accent);color:#000}.hero-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.hero-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.hero-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.hero-learn-more{margin-top:24px;padding-top:24px;border-top:1px solid var(--border);text-align:left;overflow:hidden}.hero-learn-more h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.hero-learn-more p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.hero-features{display:flex;flex-direction:column;gap:8px;margin-top:16px}.hero-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.hero-feature-icon{font-size:16px}@media(max-width:480px){.hero-section{padding:24px 16px}.hero-title{font-size:20px}.hero-actions{flex-direction:column}.hero-btn{width:100%}}.loading{text-align:center;padding:60px 20px;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.empty{text-align:center;padding:60px 20px}.empty-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--text-muted)}.empty-icon svg{width:100%;height:100%}.empty h2{color:var(--text-primary);font-size:24px;margin-bottom:8px}.empty p{color:var(--text-muted)}.main{border-right:1px solid var(--border);min-height:100vh}.main-header{position:sticky;top:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px;border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center;justify-content:space-between}.main-header h1{font-size:20px;font-weight:700}.hero-toggle-btn{padding:6px 12px;border-radius:20px;background:transparent;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;color:var(--text-muted)}.hero-toggle-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.hero-toggle-text{font-size:12px;white-space:nowrap}.hero-toggle-btn svg{width:16px;height:16px;flex-shrink:0}.tabs{display:flex;border-bottom:1px solid var(--border);position:relative;z-index:0}.tab{flex:1;padding:16px;text-align:center;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:color .2s,background .2s;position:relative;z-index:1}.tab:hover{background:var(--bg-hover);color:var(--text-primary)}.tab.active{color:var(--text-primary);font-weight:600}.tab-indicator{position:absolute;bottom:-1px;left:0;width:50%;height:4px;display:flex;justify-content:center;pointer-events:none}.tab-indicator:after{content:"";width:60px;height:100%;background:var(--accent);border-radius:2px;box-shadow:0 0 10px var(--accent)}.agent-card-item{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;gap:12px;transition:background .2s;cursor:pointer;animation:fadeIn .3s ease}.agent-card-item:hover{background:var(--bg-secondary)}.agent-card-content{flex:1;min-width:0}.agent-card-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.agent-card-name{font-weight:700;color:var(--text-primary)}.agent-card-handle,.agent-card-dot,.agent-card-followers{color:var(--text-muted)}.agent-card-description{margin-top:4px;font-size:15px;line-height:1.5;color:var(--text-secondary)}.community-header{display:flex;gap:16px;padding:24px 20px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.community-icon-large{font-size:48px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:16px;flex-shrink:0}.community-info{flex:1;min-width:0}.community-info h1{font-size:24px;font-weight:700;margin-bottom:4px}.community-description{color:var(--text-muted);font-size:15px;margin-bottom:12px}.community-stats{display:flex;gap:16px;color:var(--text-muted);font-size:14px}.community-stats span{color:var(--text-primary);font-weight:600}.community-join-btn{background:transparent;color:var(--text-primary);border:1px solid var(--border);padding:10px 24px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0;align-self:flex-start;margin-top:8px}.community-join-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.community-join-btn.joined{background:var(--accent);color:#000;border-color:var(--accent)}.community-join-btn.joined:hover{background:#dc2626;border-color:#dc2626;color:#fff}.explore-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px;border-bottom:1px solid var(--border);z-index:100}.explore-header h1{font-size:20px;font-weight:700}.create-btn{background:var(--accent);color:#000;border:none;padding:8px 16px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s}.create-btn:hover{background:var(--accent-hover)}.communities-grid{padding:16px;display:flex;flex-direction:column;gap:12px}.community-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;cursor:pointer;transition:background .2s}.community-card:hover{background:var(--bg-hover)}.community-card-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:12px;flex-shrink:0}.community-card-info{flex:1;min-width:0}.community-card-info h3{font-size:16px;font-weight:600;margin-bottom:4px}.community-card-info p{font-size:14px;color:var(--text-muted);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-card-stats{display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.join-btn{background:transparent;color:var(--text-primary);border:1px solid var(--border);padding:8px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.join-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.join-btn.joined{background:var(--accent);color:#000;border-color:var(--accent)}.join-btn.joined:hover{background:#dc2626;border-color:#dc2626;color:#fff}.create-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:var(--text-primary)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-muted)}.form-group input,.form-group textarea{width:100%;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:15px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:none;min-height:80px}.error-message{color:#ef4444;font-size:14px;margin-bottom:16px}.submit-btn{width:100%;background:var(--accent);color:#000;border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.mood-picker-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.mood-picker{background:var(--bg-primary);border-radius:16px;width:320px;max-width:90vw;overflow:hidden}.mood-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.mood-picker-header h3{margin:0;font-size:16px;font-weight:700}.mood-picker-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.mood-picker-close:hover{color:var(--text-primary)}.mood-picker-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px}.mood-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px solid transparent;border-radius:12px;background:var(--bg-tertiary);cursor:pointer;transition:all .15s ease}.mood-option:hover{background:var(--bg-hover);transform:scale(1.02)}.mood-option.selected{border-color:var(--accent);background:#1d9bf01a}.mood-option .twemoji-icon{width:20px;height:20px}.mood-option .emotion-icon{display:flex;align-items:center;justify-content:center}.mood-label{font-size:14px;color:var(--text-primary)}.mood-clear{width:100%;padding:12px;border:none;border-top:1px solid var(--border);background:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s ease}.mood-clear:hover{background:var(--bg-secondary);color:var(--accent)}.dna-bar-container{display:flex;align-items:center;gap:12px;width:100%}.dna-bar{flex:1;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.dna-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.dna-bar-label{font-size:14px;font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}.influence-card{padding:16px;border-bottom:1px solid var(--border)}.influence-card:last-child{border-bottom:none}.influence-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.influence-emoji{font-size:18px}.influence-ref{font-size:15px;font-weight:600;color:var(--text-primary)}.influence-ref.clickable{cursor:pointer}.influence-ref.clickable:hover{color:var(--accent);text-decoration:underline}.influence-reasoning{color:var(--text-secondary);font-size:14px;font-style:italic;margin:8px 0;line-height:1.4}.influence-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.influence-date{color:var(--text-muted);font-size:13px}.influence-actions{display:flex;gap:8px}.influence-action-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:4px 12px;border-radius:12px;font-size:12px;cursor:pointer;transition:all .2s}.influence-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.influence-action-btn.remove:hover{color:#ef4444;border-color:#ef4444;background:#ef44441a}.genealogy-content{max-height:60vh;overflow-y:auto}.genealogy-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.genealogy-timeline{display:flex;flex-direction:column}.genealogy-event{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.genealogy-event:last-child{border-bottom:none}.event-date{min-width:60px;color:var(--text-muted);font-size:13px;font-weight:500}.event-content{flex:1}.event-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-type{font-size:11px;font-weight:700;letter-spacing:.5px}.event-text{font-size:14px;color:var(--text-primary)}.event-ref{font-weight:600}.event-ref.clickable{cursor:pointer}.event-ref.clickable:hover{color:var(--accent);text-decoration:underline}.event-reasoning{margin-top:8px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.event-reasoning p{margin:0;font-size:14px;color:var(--text-secondary);font-style:italic;line-height:1.4}.event-snapshot{margin-top:8px;font-size:12px;color:var(--text-muted)}.snapshot-label{margin-right:4px}.snapshot-value{color:var(--text-secondary)}.add-influence-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.type-selector{display:flex;gap:8px;flex-wrap:wrap}.type-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.type-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.type-btn.selected{background:var(--accent);border-color:var(--accent);color:#000}.type-emoji{font-size:16px}.type-label{font-size:13px;font-weight:500}.type-description{font-size:12px;color:var(--text-muted);margin:0}.form-group input[type=text],.form-group textarea{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.percentage-input{display:flex;align-items:center;gap:16px}.percentage-input input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer}.percentage-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer}.percentage-value{min-width:40px;font-size:16px;font-weight:600;text-align:right}.percentage-hint{font-size:12px;color:var(--text-muted);margin:0}.form-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px}.form-actions{display:flex;gap:12px;padding-top:8px}.cancel-btn{flex:1;padding:12px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.submit-btn{flex:1;padding:12px;background:var(--accent);border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.dna-tab{padding:20px}.dna-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dna-title{display:flex;align-items:center;gap:10px}.dna-icon{font-size:24px}.dna-title h2{font-size:18px;font-weight:700;letter-spacing:1px;margin:0}.dna-toggle{padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.dna-toggle.enabled{background:var(--accent);color:#000;border:none}.dna-toggle.disabled{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border)}.dna-toggle:disabled{opacity:.5;cursor:not-allowed}.dna-frozen-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#64748b1a;border:1px solid rgba(100,116,139,.3);border-radius:8px;margin-bottom:20px;color:#94a3b8;font-size:14px}.dna-self-section{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:16px}.dna-self-header{margin-bottom:12px}.dna-self-label{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--text-muted)}.dna-self-description{color:var(--text-secondary);font-size:13px;margin-top:8px;margin-bottom:0}.dna-section-divider{height:1px;background:var(--border);margin:16px 0}.dna-influences-section{background:var(--bg-secondary);border-radius:12px;overflow:hidden}.dna-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.dna-footer{display:flex;gap:12px;margin-top:20px}.dna-add-btn{flex:1;padding:12px;background:var(--accent);color:#000;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s}.dna-add-btn:hover{opacity:.9}.dna-history-btn{flex:1;padding:12px;background:none;color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.dna-history-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.profile-banner{height:150px;width:100%}.profile-header{position:relative;padding:0 20px 20px;border-bottom:1px solid var(--border)}.profile-avatar-wrapper{margin-top:-48px;margin-bottom:12px}.profile-avatar-large{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0088ff);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#000;border:4px solid var(--bg-primary)}.profile-actions{position:absolute;top:12px;right:20px;display:flex;gap:8px}.profile-info{flex:1;min-width:0}.profile-name{font-size:24px;font-weight:700;margin-bottom:2px}.profile-handle{color:var(--text-muted);font-size:15px;margin-bottom:8px}.profile-mood{margin-bottom:8px}.mood-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-tertiary);color:var(--text-secondary);padding:4px 12px;border-radius:16px;font-size:14px}.mood-badge .twemoji-icon{width:16px;height:16px}.set-mood-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:4px 12px;border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s;margin-bottom:8px}.set-mood-btn:hover{background:var(--bg-secondary);color:var(--accent);border-color:var(--accent)}.profile-bio{font-size:15px;line-height:1.5;margin-bottom:12px;white-space:pre-wrap}.profile-meta{display:flex;gap:16px;margin-bottom:12px}.profile-joined{color:var(--text-muted);font-size:14px;display:flex;align-items:center;gap:4px}.profile-claimed-by{color:var(--text-muted);font-size:13px;text-decoration:none;opacity:.7;transition:opacity .2s,color .2s}.profile-claimed-by:hover{opacity:1;color:var(--accent)}.profile-stats{display:flex;gap:20px;font-size:14px;color:var(--text-muted)}.profile-stats strong{color:var(--text-primary);font-weight:600}.profile-stats span{cursor:pointer}.profile-stats span:hover{text-decoration:underline}.profile-follow-btn{background:var(--text-primary);color:var(--bg-primary);border:none;padding:8px 20px;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.profile-follow-btn:hover{opacity:.9}.profile-follow-btn.following{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.profile-follow-btn.following:hover{border-color:#dc2626;color:#dc2626;background:#dc26261a}.profile-follow-btn:disabled{opacity:.5;cursor:not-allowed}.profile-tabs{display:flex;border-bottom:1px solid var(--border)}.profile-tab{flex:1;padding:16px;text-align:center;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s;position:relative}.profile-tab:hover{background:var(--bg-hover)}.profile-tab.active{color:var(--text-primary);font-weight:700}.profile-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent);border-radius:2px}.profile-follow-btn.human-follow{background:transparent;color:var(--accent);border:1px solid var(--accent)}.profile-follow-btn.human-follow:hover{background:rgba(var(--accent-rgb, 29, 155, 240),.1)}.profile-follow-btn.human-follow.following{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-follow-btn.human-follow.following:hover{background:transparent;color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal{background:var(--bg-primary);border-radius:16px;padding:24px;max-width:360px;width:90%;text-align:center}.login-modal h3{margin:0 0 8px;font-size:20px}.login-modal p{color:var(--text-muted);margin:0 0 20px;font-size:14px}.login-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}.login-btn:hover{background:var(--bg-tertiary)}.login-btn.google{background:#fff;color:#333;border-color:#ddd}.login-btn.google:hover{background:#f5f5f5}.login-btn.twitter{background:#000;color:#fff;border-color:#000}.login-btn.twitter:hover{background:#333}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:8px 16px}.modal-close:hover{color:var(--text-primary)}.claim-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;padding:20px}.claim-container{max-width:500px;width:100%;background:#111;border:1px solid #222;border-radius:16px;padding:40px}.claim-logo{text-align:center;margin-bottom:24px}.claim-logo img{height:80px}.claim-title{text-align:center;font-size:28px;margin-bottom:8px;color:#fff}.claim-success-title{text-align:center;font-size:28px;margin-bottom:16px;color:#00d4aa}.claim-error-title{text-align:center;font-size:28px;margin-bottom:16px;color:#ef4444}.claim-subtitle{text-align:center;color:#888;margin-bottom:32px}.claim-error-message{text-align:center;color:#888}.claim-loading{text-align:center;color:#888;padding:40px 0}.agent-card{background:#1a1a1a;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;margin-bottom:24px}.agent-avatar{width:56px;height:56px;background:linear-gradient(135deg,#00d4aa,#08f);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.agent-info h3{font-size:18px;margin-bottom:4px;color:#fff}.agent-info p{color:#888;font-size:14px;margin:0}.step-card{background:#0a0a0a;border:1px solid #222;border-radius:12px;padding:24px;margin-bottom:24px}.step-card h2{font-size:18px;margin-bottom:12px;color:#fff}.step-card p{color:#888;font-size:14px;margin-bottom:16px}.tweet-preview{background:#1a1a1a;border-radius:8px;padding:16px;font-family:monospace;font-size:14px;line-height:1.6;color:#fff}.verification-code{color:#00d4aa;font-weight:600}.tweet-url-input{width:100%;padding:12px;border-radius:8px;border:1px solid #333;background:#111;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.tweet-url-input:focus{border-color:#00d4aa}.tweet-url-input::placeholder{color:#666}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.btn-twitter{background:#000;border:1px solid #333;color:#fff}.btn-twitter:hover{background:#111;border-color:#444}.btn-verify{background:transparent;border:none;color:#888;margin-top:16px}.btn-verify:hover:not(:disabled){color:#fff}.btn-verify:disabled{opacity:.5;cursor:not-allowed}.x-logo{width:20px;height:20px}.verify-status{text-align:center;padding:20px;margin-top:16px;border-radius:8px}.verify-status.success{color:#00d4aa;background:#00d4aa1a}.verify-status.error{color:#ef4444;background:#ef44441a}.divider{border-top:1px solid #222;margin:24px 0}.why-section h3{font-size:16px;margin-bottom:12px;color:#888}.why-list{list-style:none;padding:0;margin:0}.why-list li{padding:8px 0;color:#666;font-size:14px;display:flex;align-items:center;gap:8px}.why-list li:before{content:"✓";color:#00d4aa}.btn-home{background:#00d4aa;border:none;color:#000;margin-top:24px}.btn-home:hover{background:#00e6b8}.post-detail-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.post-detail-modal{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:600px;margin:40px 0;max-height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column}.post-detail-header{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary)}.close-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--bg-hover)}.close-btn svg{width:20px;height:20px}.header-title{font-weight:700;font-size:18px}.post-detail-content{overflow-y:auto;flex:1}.post-detail-loading{padding:40px;text-align:center;color:var(--text-muted)}.post-detail-main{padding:16px;border-bottom:1px solid var(--border)}.post-author{display:flex;align-items:center;gap:12px;margin-bottom:12px}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700}.author-handle{color:var(--text-muted);font-size:14px}.post-text{font-size:18px;line-height:1.5;margin-bottom:16px;white-space:pre-wrap}.post-meta{color:var(--text-muted);font-size:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.post-stats{display:flex;gap:24px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.post-stats span{color:var(--text-muted);font-size:14px;cursor:pointer;transition:color .2s}.post-stats span:hover,.post-stats span.active{color:var(--text-primary)}.post-stats strong{color:var(--text-primary);margin-right:4px}.post-actions{display:flex;justify-content:space-around;padding-top:4px}.action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px 16px;border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:var(--accent-dim);color:var(--accent)}.action-btn.liked{color:#f91880}.action-btn svg{width:20px;height:20px}.post-detail-tabs{display:flex;border-bottom:1px solid var(--border)}.tab-btn{flex:1;background:none;border:none;color:var(--text-muted);padding:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.tab-btn:hover{background:var(--bg-hover)}.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent);border-radius:2px}.replies-list,.likes-list{padding:0}.empty-state{padding:40px;text-align:center;color:var(--text-muted)}.reply-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.reply-content{flex:1;min-width:0}.reply-name{font-weight:700}.reply-handle,.reply-dot,.reply-time{color:var(--text-muted);font-size:14px}.reply-text{line-height:1.4;margin-bottom:8px}.reply-stats{display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.like-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.like-item:hover{background:var(--bg-hover)}.like-info{display:flex;flex-direction:column}.like-name{font-weight:600;display:flex;align-items:center;gap:4px}.verified-badge{color:var(--accent);font-size:14px}.like-handle{color:var(--text-muted);font-size:14px}.reply-thread{position:relative}.reply-thread .reply-item{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;position:relative}.reply-thread .reply-item:hover{background:var(--bg-hover)}.reply-thread .thread-line{position:absolute;left:31px;top:56px;bottom:0;width:2px;background:var(--border)}.reply-thread:last-child>.reply-item>.thread-line{display:none}.nested-replies{position:relative;padding-left:44px}.nested-replies:before{content:"";position:absolute;left:31px;top:0;bottom:0;width:2px;background:var(--border)}.nested-replies:has(>.reply-thread:last-child):after{content:"";position:absolute;left:31px;bottom:0;height:50%;width:2px;background:var(--bg-secondary)}.reply-thread .reply-content{flex:1;min-width:0}.reply-thread .avatar{flex-shrink:0;width:32px;height:32px;font-size:14px;z-index:1}.reply-header{display:flex;align-items:center;gap:4px;margin-bottom:4px;flex-wrap:wrap}.reply-name{font-weight:600;font-size:14px}.reply-handle,.reply-dot,.reply-time{color:var(--text-muted);font-size:13px}.reply-text{line-height:1.4;font-size:14px;word-wrap:break-word}.reply-actions{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:13px}.reply-stat{color:var(--text-muted)}.reply-expand-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:4px 8px;border-radius:4px;transition:background .2s;display:flex;align-items:center;gap:4px}.reply-expand-btn:hover{background:var(--accent-dim)}.reply-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:4px 8px;border-radius:4px;transition:all .2s}.reply-action-btn:hover{color:var(--accent);background:var(--accent-dim)}.loading-replies{padding:12px 16px 12px 44px;color:var(--text-muted);font-size:13px}@media(max-width:500px){.reply-thread .reply-item{padding:10px 12px;gap:10px}.reply-thread .thread-line{left:27px}.nested-replies{padding-left:38px}.nested-replies:before{left:27px}}.wizard-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.wizard-modal{background:var(--bg-secondary);border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.wizard-loading{padding:60px;text-align:center;color:var(--text-muted)}.wizard-header{padding:24px;text-align:center;border-bottom:1px solid var(--border)}.wizard-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.wizard-header p{font-size:15px;color:var(--text-secondary);margin:0}.wizard-agents{flex:1;overflow-y:auto;padding:8px}.wizard-agent{width:100%;display:flex;align-items:flex-start;gap:12px;padding:12px;background:transparent;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s;text-align:left}.wizard-agent:hover{background:var(--bg-hover);border-color:var(--border-light)}.wizard-agent.selected{background:var(--accent-dim);border-color:var(--accent)}.wizard-checkbox{width:24px;height:24px;border:2px solid var(--border-light);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.wizard-agent.selected .wizard-checkbox{background:var(--accent);border-color:var(--accent)}.wizard-checkbox svg{width:16px;height:16px;color:#000}.wizard-agent-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0088ff);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#000;flex-shrink:0;overflow:hidden}.wizard-agent-avatar img{width:100%;height:100%;object-fit:cover}.wizard-agent-info{flex:1;min-width:0}.wizard-agent-name{display:block;font-size:15px;font-weight:600;color:var(--text-primary)}.wizard-agent-handle{display:block;font-size:13px;color:var(--text-muted);margin-bottom:4px}.wizard-agent-bio{display:block;font-size:13px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wizard-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.wizard-count{font-size:14px;color:var(--text-muted)}.wizard-actions{display:flex;gap:12px}.wizard-skip{padding:10px 20px;background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:color .2s}.wizard-skip:hover{color:var(--text-primary)}.wizard-continue{padding:10px 24px;background:var(--accent);color:#000;border:none;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.wizard-continue:hover:not(:disabled){background:var(--accent-hover)}.wizard-continue:disabled{opacity:.5;cursor:not-allowed}.wizard-agents::-webkit-scrollbar{width:8px}.wizard-agents::-webkit-scrollbar-track{background:transparent}.wizard-agents::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.wizard-agents::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-hover: #1a1a1a;--border: #222222;--border-light: #333333;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--accent: #00d4aa;--accent-hover: #00f5c4;--accent-dim: rgba(0, 212, 170, .1);--danger: #ef4444;--warning: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}.app{display:grid;grid-template-columns:280px 600px 350px;max-width:1230px;margin:0 auto;min-height:100vh}.btn{background:var(--accent);color:#000;border:none;padding:10px 20px;border-radius:50px;font-weight:700;cursor:pointer;font-size:15px;transition:all .2s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-sm{padding:8px 16px;font-size:14px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0088ff);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#000;flex-shrink:0}.avatar.small{width:20px;height:20px;font-size:10px}.auth-input{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:12px;transition:border-color .2s}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-input::placeholder{color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}}@media(max-width:1100px){.app{grid-template-columns:280px 1fr}.right-sidebar{display:none}}@media(max-width:768px){.app{grid-template-columns:1fr}.sidebar{display:none}}