*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--dark-bg: #0f0f1e;--light-bg: #1a1a2e;--border-color: #2a2a4e;--text-primary: #e0e0e0;--text-secondary: #a0a0b0;--success-color: #4ade80;--error-color: #f87171;--warning-color: #fbbf24;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: 8px;--transition: all .3s ease}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark-bg);color:var(--text-primary);overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color)}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:var(--transition);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-secondary{background:var(--light-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--primary-color)}.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.btn-small{padding:.25rem .75rem;font-size:.875rem}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{width:100%;padding:var(--spacing-md);background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;transition:var(--transition);font-family:inherit}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;background:var(--dark-bg)}textarea{resize:vertical;min-height:100px}.login-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--light-bg) 100%);overflow-y:auto}.login-container{max-width:600px;width:100%;padding:var(--spacing-xl);margin:auto}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-header h1{font-size:3rem;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--text-secondary)}.login-content{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.login-form h2,.generate-form h2{margin-bottom:var(--spacing-lg)}.private-key-input{font-family:Courier New,monospace;font-size:.875rem}.form-divider{text-align:center;margin:var(--spacing-lg) 0;color:var(--text-secondary);position:relative}.form-divider:before,.form-divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:var(--border-color)}.form-divider:before{left:0}.form-divider:after{right:0}.warning-text{background:#fbbf241a;border:1px solid var(--warning-color);padding:var(--spacing-md);border-radius:var(--border-radius);color:#fcd34d;margin-bottom:var(--spacing-lg)}.key-display{background:var(--dark-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-lg) 0}.key-label{margin-bottom:var(--spacing-md);font-weight:500}.key-box{background:#0000004d;border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);overflow-x:auto}.key-box code{font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.login-info{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.login-info h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.login-info h3:first-child{margin-top:0}.login-info ul{margin-left:var(--spacing-lg);list-style-position:inside}.login-info li{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.extension-login-section{margin-bottom:var(--spacing-lg)}.extension-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.extension-header{margin-bottom:var(--spacing-md)}.extension-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--primary-color)}.extension-desc{margin:0;color:var(--text-secondary);font-size:.875rem}.extension-info{background:var(--dark-bg);border-left:3px solid var(--primary-color);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.875rem}.btn-extension{width:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);font-size:1rem}.btn-extension:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-extension:disabled{opacity:.7;cursor:not-allowed}.extension-badge{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#4ade801a;border:1px solid var(--success-color);border-radius:var(--border-radius);color:#86efac;text-align:center;font-size:.875rem;font-weight:500}.app{width:100%;height:100vh;display:flex;flex-direction:column}.app-header{background:var(--light-bg);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:1000}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.app-title{font-size:1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:100px}.header-nav{display:flex;gap:var(--spacing-md);flex:1}.nav-btn{background:transparent;color:var(--text-secondary);border:none;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition);border-radius:var(--border-radius)}.nav-btn:hover{color:var(--text-primary);background:#667eea1a}.nav-btn.active{color:var(--primary-color);background:#667eea33}.nav-btn-icon{display:inline-flex;align-items:center;gap:6px}.nav-btn-icon svg{flex-shrink:0}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:var(--spacing-xs);background:var(--error-color);color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;vertical-align:middle}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.video-player-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.video-unsupported-note{font-size:.85rem;color:var(--text-secondary);background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem .75rem}.content-link{color:var(--primary-color);text-decoration:none;word-break:break-all}.content-link:hover{text-decoration:underline}.compose-live-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius)}.compose-live-preview-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.compose-live-preview-text{white-space:pre-wrap;word-break:break-word;color:var(--text-primary);font-size:.95rem}.compose-preview{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.compose-preview-img{max-width:100%;max-height:240px;object-fit:contain;border-radius:var(--border-radius);border:1px solid var(--border-color)}.compose-preview-video{width:100%;max-height:240px;border-radius:var(--border-radius);background:#000}.feed-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.feed-tab{flex:1;background:none;border:none;cursor:pointer;padding:.6rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;transition:var(--transition)}.feed-tab:hover{background:var(--light-bg)}.feed-tab.active{color:var(--primary-color);font-weight:600;border-bottom-color:var(--primary-color)}.action-btn.liked{color:var(--primary-color);font-weight:600}.action-btn.reposted{color:var(--success-color);font-weight:600}.reply-options-menu{position:absolute;bottom:100%;left:0;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);z-index:100;min-width:130px}.reply-option{background:none;border:none;cursor:pointer;font-size:.9rem;padding:.4rem .6rem;border-radius:var(--border-radius);text-align:left;color:var(--text-primary);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-sm)}.reply-option-icon{flex-shrink:0}.reply-option:hover{background:var(--border-color)}.event-videos{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.event-video{width:100%;max-height:480px;border-radius:var(--border-radius);background:#000}.event-video-embed{position:relative;width:100%;aspect-ratio:16 / 9}.event-video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:var(--border-radius)}.new-posts-btn{position:sticky;top:1rem;z-index:50;display:block;margin:0 auto var(--spacing-md);padding:.5rem 1.25rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #667eea66;transition:var(--transition)}.new-posts-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #667eea80}.header-avatar-link{display:block;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px transparent;transition:var(--transition)}.header-avatar-link.active{box-shadow:0 0 0 2px var(--primary-color)}.header-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}.header-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff}.logout-btn{background:var(--light-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:.875rem}.logout-btn:hover{border-color:var(--error-color);color:var(--error-color)}.app-main{flex:1;overflow-y:auto;background:var(--dark-bg)}.home-page{max-width:1400px;margin:0 auto;width:100%;padding:var(--spacing-xl)}.home-container{display:grid;grid-template-columns:250px 1fr 300px;gap:var(--spacing-xl)}.home-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar-card{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.sidebar-card h3{margin-bottom:var(--spacing-md)}.feed-dropdown-wrapper{position:relative}.feed-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:.95rem;font-weight:600}.feed-dropdown-toggle:hover{border-color:var(--primary-color)}.feed-dropdown-caret{color:var(--text-secondary);font-size:.8rem}.feed-dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;z-index:20;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);box-shadow:0 8px 24px #00000059;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto}.feed-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;font-size:.9rem}.feed-dropdown-item:hover{background:var(--dark-bg);color:var(--text-primary)}.feed-dropdown-item.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.feed-dropdown-item-custom{padding:0}.feed-dropdown-item-label{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:inherit;cursor:pointer;text-align:left;font-size:.9rem}.feed-dropdown-remove{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);font-size:.8rem;line-height:1}.feed-dropdown-remove:hover{color:var(--danger-color, #e0245e)}.feed-dropdown-divider{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0}.feed-dropdown-add{color:var(--primary-color);font-weight:500}.feed-dropdown-add-form{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.feed-dropdown-add-form input{flex:1;min-width:0;padding:var(--spacing-sm);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem}.stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--dark-bg);border-radius:var(--border-radius)}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.home-main{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0;overflow:hidden}.home-sidebar-right{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feed-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.feed-header h2{margin:0}.refresh-btn{background:var(--light-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.refresh-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.events-list{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0;width:100%}.home-main .events-list,.profile-notes .events-list{gap:0;border:1px solid var(--border-color);border-radius:var(--border-radius)}.home-main .events-list .event-card,.profile-notes .events-list .event-card{border-left:none;border-right:none;border-top:none;border-radius:0}.home-main .events-list>*:first-child.event-card,.profile-notes .events-list>*:first-child.event-card,.home-main .events-list>.reposted-item:first-child .reposted-label,.profile-notes .events-list>.reposted-item:first-child .reposted-label,.home-main .events-list>.zap-item:first-child .zap-item-label,.profile-notes .events-list>.zap-item:first-child .zap-item-label{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.home-main .events-list>*:last-child.event-card,.home-main .events-list>*:last-child .event-card,.profile-notes .events-list>*:last-child.event-card,.profile-notes .events-list>*:last-child .event-card{border-bottom:none;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.reposted-item{display:flex;flex-direction:column}.reposted-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--dark-bg);border-bottom:1px solid var(--border-color)}.reposted-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.zap-item{display:flex;flex-direction:column}.zap-item-label{padding:var(--spacing-sm) var(--spacing-lg);font-size:.8rem;font-weight:600;color:var(--warning-color);background:var(--dark-bg);border-bottom:1px solid var(--border-color)}.btn-with-icon{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.event-card{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition);min-width:0}.event-card:hover{border-color:var(--primary-color);box-shadow:0 8px 16px #667eea1a}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);min-width:0}.event-author-info{display:flex;gap:var(--spacing-md);flex:1;min-width:0}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0}.author-details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.author-name{font-weight:600;color:var(--text-primary);background:none;border:none;cursor:pointer;padding:0;font-size:1rem;text-align:left;overflow-wrap:break-word;word-break:break-word}.author-name:hover{color:var(--primary-color)}.author-handle{font-size:.875rem;color:var(--text-secondary);overflow-wrap:break-word;word-break:break-word}.event-timestamp{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;margin-left:var(--spacing-md)}.event-content{margin-bottom:var(--spacing-md);line-height:1.6;min-width:0;word-break:break-word;overflow-wrap:break-word}.event-content p{word-wrap:break-word;white-space:pre-wrap;margin:0;overflow-wrap:break-word;word-break:break-word}.content-toggle-btn{display:inline-block;margin-top:var(--spacing-xs);background:none;border:none;padding:0;color:var(--primary-color);font-weight:600;font-size:.9rem;cursor:pointer}.content-toggle-btn:hover{color:var(--secondary-color);text-decoration:underline}.event-hashtags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.poll-display{margin-top:var(--spacing-md)}.poll-display-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.poll-display-option{padding:var(--spacing-sm) var(--spacing-md);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:.9rem}button.poll-option-vote{text-align:left;cursor:pointer;font-family:inherit;transition:var(--transition)}button.poll-option-vote:hover:not(:disabled){border-color:var(--primary-color);background:#667eea1a}button.poll-option-vote:disabled{cursor:default;opacity:.7}.poll-result{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.poll-result-bar{position:absolute;inset:0 auto 0 0;background:#667eea40;z-index:0;transition:width .3s ease}.poll-result-mine .poll-result-bar{background:#667eea73}.poll-result-label,.poll-result-pct{position:relative;z-index:1}.poll-result-pct{color:var(--text-secondary);font-size:.85rem;flex-shrink:0}.poll-display-meta{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:.8rem;color:var(--text-secondary)}.poll-display-meta span{display:inline-flex;align-items:center;gap:4px}.poll-display-meta-icon{width:13px;height:13px}.event-hashtag{background:none;border:none;padding:0;font:inherit;color:var(--primary-color);font-size:.875rem;cursor:pointer}.event-hashtag:hover{text-decoration:underline}.hashtag-link{background:none;border:none;padding:0;font:inherit;color:var(--primary-color);cursor:pointer}.hashtag-link:hover{text-decoration:underline}.sensitive-media-wrapper{position:relative}.sensitive-media-wrapper.blurred>*:not(.sensitive-media-overlay){filter:blur(24px);pointer-events:none;-webkit-user-select:none;user-select:none}.sensitive-media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000008c;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;text-align:center;padding:var(--spacing-md)}.sensitive-media-icon{font-size:1.8rem}.sensitive-media-hint{font-size:.8rem;color:#fffc;text-decoration:underline}.event-images{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);max-width:100%}.event-image-preview{display:inline-block;max-width:100%;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 12px #0000004d;transition:transform var(--transition),box-shadow var(--transition)}.event-image-preview:hover{transform:scale(1.05);box-shadow:0 8px 20px #667eea4d}.event-image-preview img{max-width:500px;max-height:500px;width:100%;height:auto;display:block}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal-img{max-width:85vw;max-height:85vh;width:auto;height:auto;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 0 30px #667eea80}.image-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;padding:var(--spacing-md);transition:color var(--transition);z-index:1001}.image-modal-close:hover{color:var(--primary-color)}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;font-size:2.5rem;line-height:1;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:1001}.image-modal-nav:hover{background:#667eea99}.image-modal-prev{left:var(--spacing-md)}.image-modal-next{right:var(--spacing-md)}.image-modal-counter{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);color:var(--text-secondary);font-size:.85rem;background:#00000080;padding:2px 10px;border-radius:999px}.quoted-note-status{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.85rem}.quoted-note-card{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-md);cursor:pointer;transition:var(--transition)}.quoted-note-card:hover{background:var(--light-bg)}.quoted-note-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem;min-width:0}.quoted-note-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;overflow:hidden}.quoted-note-avatar img{width:100%;height:100%;object-fit:cover}.quoted-note-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-size:.65rem;font-weight:600}.quoted-note-name{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--text-primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quoted-note-handle,.quoted-note-dot,.quoted-note-time{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.quoted-note-text{margin:0;font-size:.9rem;color:var(--text-primary);white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical}.quoted-note-media{margin-top:var(--spacing-sm);border-radius:var(--border-radius);overflow:hidden;max-height:300px}.quoted-note-media img{width:100%;max-height:300px;object-fit:cover;display:block}.quoted-note-video{width:100%;max-height:300px}.link-preview-card{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:var(--spacing-md);overflow:hidden;text-decoration:none;transition:var(--transition)}.link-preview-card:hover{border-color:var(--primary-color)}.link-preview-card.link-preview-bare{flex-direction:row;align-items:center}.link-preview-image{width:100%;max-height:260px;object-fit:cover;display:block}.link-preview-body{padding:var(--spacing-sm) var(--spacing-md);min-width:0}.link-preview-bare .link-preview-body{padding:var(--spacing-sm) var(--spacing-md)}.link-preview-hostname{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-title{margin-top:.2rem;font-size:.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.link-preview-description{margin-top:.2rem;font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mention-link{background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;padding:0;margin:0;text-decoration:none;transition:color var(--transition);display:inline}.mention-link:hover{color:var(--secondary-color);text-decoration:underline}.live-chat-mention-link{background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;padding:0;margin:0;font-size:inherit;text-decoration:none;transition:color var(--transition);display:inline}.live-chat-mention-link:hover{color:var(--secondary-color);text-decoration:underline}.event-actions{display:flex;gap:var(--spacing-lg);color:var(--text-secondary);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:var(--transition);border-radius:var(--border-radius)}.action-btn:hover{color:var(--primary-color);background:#667eea1a}.action-icon{font-size:1.1rem;display:flex;align-items:center;flex-shrink:0}.action-count{font-size:.875rem}.reaction-container{position:relative}.zap-container{position:relative;display:inline-block}.zap-menu{position:absolute;bottom:100%;left:0;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);z-index:100;width:240px;box-shadow:0 8px 24px #00000059}.zap-menu-empty{font-size:.85rem;color:var(--text-secondary);text-align:center;padding:var(--spacing-sm)}.zap-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.zap-amount-btn{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);padding:var(--spacing-sm);cursor:pointer;font-size:.85rem;transition:var(--transition)}.zap-amount-btn:hover:not(:disabled){border-color:var(--warning-color);color:var(--warning-color)}.zap-amount-btn:disabled{opacity:.5;cursor:default}.zap-custom{display:flex;gap:var(--spacing-sm)}.zap-custom input{flex:1;min-width:0;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);padding:var(--spacing-sm);font-size:.85rem}.zap-custom input:focus{outline:none;border-color:var(--primary-color)}.reactions-menu{position:absolute;bottom:100%;left:0;margin-bottom:var(--spacing-sm);z-index:100}.emoji-picker{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);width:280px;box-shadow:0 8px 24px #00000059}.emoji-picker-tabs{display:flex;gap:.2rem;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.emoji-picker-tab{flex:1;background:none;border:none;font-size:1.1rem;padding:.3rem;cursor:pointer;border-radius:var(--border-radius);transition:var(--transition);opacity:.5}.emoji-picker-tab:hover{opacity:.8;background:var(--dark-bg)}.emoji-picker-tab.active{opacity:1;background:var(--dark-bg)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.15rem;max-height:200px;overflow-y:auto}.emoji-picker-item{background:none;border:none;font-size:1.2rem;line-height:1;cursor:pointer;padding:.35rem;border-radius:var(--border-radius);transition:var(--transition)}.emoji-picker-item:hover{background:var(--dark-bg);transform:scale(1.2)}.event-reaction-display{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#4ade801a;border-left:3px solid var(--success-color);border-radius:var(--border-radius);color:#86efac;font-size:.875rem}.compose-note{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.compose-header{margin-bottom:var(--spacing-md)}.compose-header h3{margin:0}.compose-textarea{width:100%;padding:var(--spacing-md);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:1rem;resize:vertical;margin-bottom:var(--spacing-md)}.compose-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.compose-textarea-wrapper{position:relative}.mention-suggestions{position:absolute;top:calc(100% - var(--spacing-md) + .3rem);left:0;right:0;z-index:50;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 8px 24px #00000040;padding:var(--spacing-sm);max-height:260px;overflow-y:auto}.compose-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-lg)}.hashtag-section{flex:1}.hashtag-input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.hashtag-input{flex:1;padding:var(--spacing-sm);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary)}.hashtag-input:focus{outline:none;border-color:var(--primary-color)}.hashtags-display{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.hashtag-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:#667eea33;color:var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem}.remove-hashtag{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-weight:700}.remove-hashtag:hover{color:var(--error-color)}.compose-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.char-count{font-size:.875rem;color:var(--text-secondary)}.compose-emoji-wrapper{position:relative}.compose-emoji-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition)}.compose-emoji-btn:hover{background:var(--dark-bg)}.compose-emoji-popup{position:absolute;top:100%;left:0;margin-top:var(--spacing-sm);z-index:100}.compose-actions-left{display:flex;align-items:center;gap:var(--spacing-xs)}.compose-poll-btn,.compose-media-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition)}.compose-poll-btn:hover,.compose-media-btn:hover:not(:disabled){background:var(--dark-bg);color:var(--primary-color)}.compose-media-btn:disabled{opacity:.5;cursor:default}.compose-server-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-family:inherit;font-size:.8rem;max-width:160px}.compose-upload-status{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.compose-upload-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8rem;color:var(--text-secondary)}.compose-upload-name{flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-upload-bar{flex:1;height:4px;background:var(--dark-bg);border-radius:999px;overflow:hidden}.compose-upload-bar-fill{height:100%;background:var(--primary-color);transition:width .2s ease}.compose-upload-pct{flex-shrink:0;width:32px;text-align:right}.compose-poll{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--spacing-sm)}.poll-option-row{display:flex;align-items:center;gap:var(--spacing-sm)}.poll-option-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:.95rem}.poll-option-input:focus{outline:none;border-color:var(--primary-color)}.poll-option-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius)}.poll-option-remove:hover{color:var(--error-color)}.poll-add-choice{align-self:flex-start;background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;padding:var(--spacing-xs) 0}.poll-add-choice:hover{text-decoration:underline}.poll-divider{border-top:1px solid var(--border-color)}.poll-section-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-secondary)}.poll-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--text-secondary);font-size:.7rem;cursor:help}.poll-type-toggle{display:flex;gap:var(--spacing-sm)}.poll-type-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--light-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:var(--transition)}.poll-type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.poll-length-row{display:flex;gap:var(--spacing-sm)}.poll-length-row select{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:.9rem}.poll-remove-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--error-color);cursor:pointer;font-size:.9rem;padding:var(--spacing-xs) 0}.poll-remove-btn:hover{text-decoration:underline}.compose-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--spacing-lg) var(--spacing-lg);z-index:1000;overflow-y:auto}.compose-modal{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:600px;box-shadow:0 16px 48px #00000080}.compose-modal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.compose-modal-close{background:none;border:none;color:var(--text-primary);font-size:1.1rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.compose-modal-close:hover{background:var(--light-bg)}.compose-modal-title{font-weight:600;font-size:1.05rem}.compose-modal-context{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg) 0}.compose-modal-context-avatar,.compose-modal-context-avatar-placeholder{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}.compose-modal-context-avatar-placeholder{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.compose-modal-context-body{min-width:0;padding-bottom:var(--spacing-md);border-left:2px solid var(--border-color);margin-left:17px;padding-left:var(--spacing-lg);margin-top:4px}.compose-modal-context-name{font-weight:600;font-size:.9rem;display:block}.compose-modal-context-text{margin-top:.2rem;font-size:.9rem;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.compose-modal .compose-note{border:none;margin-bottom:0;border-radius:0}.profile-page{max-width:900px;margin:0 auto;width:100%;padding:var(--spacing-xl)}.profile-container{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.profile-banner{height:300px;background-size:cover;background-position:center;background-color:var(--border-color)}.profile-content{padding:var(--spacing-xl)}.profile-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);position:relative}.profile-header-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-xl);margin-top:-100px}.profile-header-actions{display:flex;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.profile-header-top>.btn{margin-bottom:var(--spacing-sm)}.profile-avatar-large{width:200px;height:200px;border-radius:50%;border:6px solid var(--light-bg);object-fit:cover;flex-shrink:0}.profile-avatar-large-placeholder{width:200px;height:200px;border-radius:50%;border:6px solid var(--light-bg);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:600;color:#fff;flex-shrink:0}.profile-info{width:100%}.profile-name{margin:0 0 var(--spacing-sm) 0}.profile-nip05{color:var(--text-secondary);font-size:.9rem;margin-bottom:.15rem}.profile-handle{color:var(--text-secondary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;font-family:monospace}.copy-npub-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:.2rem;border-radius:var(--border-radius);color:var(--text-secondary);transition:var(--transition)}.copy-npub-btn:hover{color:var(--primary-color);background:#667eea1a}.profile-bio{line-height:1.6;margin-bottom:var(--spacing-md);color:var(--text-primary)}.profile-website{color:var(--primary-color);font-size:.875rem;display:inline-block;margin-bottom:var(--spacing-md)}.profile-lightning{color:var(--warning-color);font-size:.875rem;display:inline-block;text-decoration:none;margin-bottom:var(--spacing-md)}.profile-lightning:hover{text-decoration:underline}.profile-stats{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-joined{margin-top:var(--spacing-sm);font-size:.8rem;color:var(--text-secondary)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.media-grid-item{position:relative;aspect-ratio:1;overflow:hidden;border:none;padding:0;cursor:pointer;background:var(--dark-bg)}.media-grid-item img,.media-grid-item video{width:100%;height:100%;object-fit:cover;display:block;transition:var(--transition)}.media-grid-item:hover img,.media-grid-item:hover video{transform:scale(1.05);opacity:.9}.media-grid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}.sent-zaps-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.sent-zap-item{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.sent-zap-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.zap-direction{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.15rem .5rem;border-radius:999px;flex-shrink:0}.zap-direction-sent{color:var(--warning-color);background:#fbbf241f}.zap-direction-received{color:var(--success-color);background:#4ade801f}.sent-zap-recipient{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;color:var(--text-primary);flex:1;min-width:0}.sent-zap-recipient:hover .sent-zap-recipient-name{color:var(--primary-color)}.sent-zap-recipient-avatar,.sent-zap-recipient-avatar-placeholder{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover}.sent-zap-recipient-avatar-placeholder{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff}.sent-zap-recipient-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.sent-zap-recipient-name{font-weight:600;font-size:.9rem;transition:var(--transition)}.sent-zap-recipient-handle{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.sent-zap-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0}.sent-zap-amount{font-weight:600;color:var(--warning-color);font-size:.85rem;white-space:nowrap}.sent-zap-time{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.edit-profile-form{background:var(--dark-bg);border:1px solid var(--border-color);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-xl) 0}.edit-profile-form h3{margin-bottom:var(--spacing-lg)}.profile-notes{margin-top:var(--spacing-2xl)}.profile-notes h2{margin-bottom:var(--spacing-lg)}.search-page{max-width:900px;margin:0 auto;width:100%;padding:var(--spacing-xl)}.search-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.search-form{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl)}.search-header{margin-bottom:var(--spacing-lg)}.search-header h1{margin:0}.search-input-group{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input{flex:1;padding:var(--spacing-md);background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem}.search-input:focus{outline:none;border-color:var(--primary-color)}.search-input-wrapper{position:relative}.search-suggestions{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:100;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 8px 24px #00000026;padding:var(--spacing-sm);max-height:380px;overflow-y:auto}.suggestions-section+.suggestions-section{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.suggestions-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);padding:.25rem .5rem}.suggestion-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem}.suggestion-item:hover{background:var(--dark-bg)}.suggestion-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;flex-shrink:0;color:var(--text-secondary)}.suggestion-avatar,.suggestion-avatar-placeholder{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover}.suggestion-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-size:.7rem;font-weight:600}.suggestion-item-search{border-top:1px solid var(--border-color);margin-top:var(--spacing-sm);padding-top:.6rem;font-weight:500}.search-tabs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md)}.search-tab{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid transparent;border-radius:999px;cursor:pointer;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:var(--transition)}.search-tab:hover{background:var(--light-bg)}.search-tab.active{background:var(--primary-color);color:#fff}.search-results{margin-top:var(--spacing-xl)}.people-results{display:flex;flex-direction:column;gap:var(--spacing-md)}.person-card{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;text-align:left;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);cursor:pointer;transition:var(--transition)}.person-card:hover{border-color:var(--primary-color)}.person-avatar,.person-avatar-placeholder{width:48px;height:48px;border-radius:50%;flex-shrink:0;object-fit:cover}.person-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;font-weight:600;font-size:1.1rem}.person-info{min-width:0}.person-name{font-weight:600;color:var(--text-primary)}.person-handle{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.person-bio{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.zap-result-item{margin-bottom:var(--spacing-md)}.zap-result-amount{display:inline-block;font-size:.85rem;font-weight:600;color:#c05621;background:#ed89361f;border-radius:999px;padding:.2rem .7rem;margin-bottom:.4rem}.results-info{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.results-info h2{margin:0}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state p{margin:0;font-size:1.1rem}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.loading:after{content:"";display:inline-block;width:10px;height:10px;margin-left:var(--spacing-sm);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.home-container{grid-template-columns:1fr 300px}.home-sidebar{display:none}}@media (max-width: 768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}.header-content{flex-direction:column;gap:var(--spacing-sm)}.app-title{font-size:1.25rem}.header-nav{width:100%;justify-content:flex-start}.header-right{width:100%;justify-content:space-between}.home-container{grid-template-columns:1fr}.home-sidebar-right{display:none}.profile-header-top{flex-direction:column;align-items:center;margin-top:-50px}.profile-info{text-align:center}.profile-handle{justify-content:center}.profile-avatar-large,.profile-avatar-large-placeholder{width:120px;height:120px}.search-input-group{flex-direction:column}.compose-bottom{flex-direction:column;align-items:flex-start}.compose-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.login-container{padding:var(--spacing-lg)}.login-header h1{font-size:2rem}.login-content{padding:var(--spacing-lg)}.app-main,.home-page,.profile-page,.search-page,.event-card{padding:var(--spacing-md)}.event-header{flex-direction:column;gap:var(--spacing-sm)}.event-actions{gap:var(--spacing-md);font-size:.75rem}.action-count{display:none}.profile-stats{flex-wrap:wrap}}.note-page{width:100%;height:100%;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:var(--spacing-lg)}.note-container{width:100%;max-width:600px}.back-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1rem;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);transition:color var(--transition);display:flex;align-items:center;gap:var(--spacing-sm)}.back-btn:hover{color:var(--secondary-color)}.note-thread{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl)}.note-thread .event-card{border-left:none;border-right:none;border-top:none;border-radius:0}.note-thread>.event-card:first-child,.note-thread>.note-parent-context:first-child .event-card{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.note-parent-context{position:relative}.note-parent-connector{position:absolute;left:calc(var(--spacing-lg) + 23px);bottom:-1px;width:2px;height:var(--spacing-lg);background:var(--border-color)}.note-thread>.event-card:last-child{border-bottom:none;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.thread-divider{padding:var(--spacing-sm) var(--spacing-lg);font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--dark-bg);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.settings-page{width:100%;height:100%;overflow-y:auto;padding:var(--spacing-xl)}.settings-container{max-width:900px;margin:0 auto}.settings-page h1{margin-bottom:var(--spacing-lg)}.settings-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.settings-tab{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:var(--transition)}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.settings-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg);line-height:1.5}.settings-section{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.settings-section h2{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-md)}.error-message{background:#ef44441a;border:1px solid var(--error-color);padding:var(--spacing-md);border-radius:var(--border-radius);color:#fca5a5;margin-bottom:var(--spacing-lg);font-size:.875rem}.success-message{background:#4ade801a;border:1px solid var(--success-color);padding:var(--spacing-md);border-radius:var(--border-radius);color:#86efac;margin-bottom:var(--spacing-lg);font-size:.875rem}.relay-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--dark-bg);border-radius:var(--border-radius)}.relay-stat{display:flex;flex-direction:column;gap:var(--spacing-sm)}.relay-stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.relay-stat-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.relay-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.add-relay-form{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--dark-bg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl)}.relay-input-group{display:flex;gap:var(--spacing-md);width:100%}.relay-input{flex:1;padding:var(--spacing-md);background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;transition:var(--transition)}.relay-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.add-relay-btn{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.add-relay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.add-relay-btn:disabled{opacity:.5;cursor:not-allowed}.relays-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.relay-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition);display:flex;flex-direction:column;gap:var(--spacing-md)}.relay-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #667eea1a}.relay-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.relay-url{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-primary);word-break:break-all;flex:1}.relay-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;white-space:nowrap;flex-shrink:0}.relay-status.connected{background:#4ade8033;color:#86efac}.relay-status.disconnected{background:#ef444433;color:#fca5a5}.relay-status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%}.relay-status.connected .relay-status-indicator{background:#86efac;box-shadow:0 0 8px #4ade8066}.relay-status.disconnected .relay-status-indicator{background:#fca5a5}.relay-info-row{display:flex;gap:var(--spacing-md);align-items:flex-start}.relay-capability-status{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;width:100%}.capability-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:calc(var(--border-radius) / 2);font-size:.75rem;font-weight:600;white-space:nowrap}.capability-indicator.enabled{background:#4ade8026;color:#86efac;border:1px solid rgba(74,222,128,.3)}.capability-indicator.disabled{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.capability-indicator.paid{background:#fbbf2426;color:#fcd34d;border:1px solid rgba(251,191,36,.3)}.relay-name{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:calc(var(--border-radius) / 2);font-size:.75rem;font-weight:600;background:#667eea26;color:#a7f3d0;border:1px solid rgba(102,126,234,.3)}.relay-capabilities{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.capability{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.875rem}.capability input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;width:16px;height:16px}.capability label{margin:0;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm)}.remove-relay-btn{align-self:flex-start;padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid var(--error-color);color:var(--error-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:var(--transition)}.remove-relay-btn:hover:not(:disabled){background:var(--error-color);color:#fff}.remove-relay-btn:disabled{opacity:.5;cursor:not-allowed}.no-relays{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.no-relays p{margin:0;font-size:1.1rem}.notifications-page{max-width:700px;margin:0 auto;width:100%;padding:var(--spacing-xl)}.notifications-header{margin-bottom:var(--spacing-lg)}.notification-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);cursor:pointer;transition:var(--transition)}.notification-item:hover{border-color:var(--primary-color)}.notification-item.unread{border-color:var(--primary-color);background:#667eea14}.notification-icon{font-size:1.1rem;flex-shrink:0;margin-top:.15rem}.notification-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.notification-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0}.notification-body{flex:1;min-width:0}.notification-text{font-size:.95rem;color:var(--text-primary)}.notification-actor{background:none;border:none;padding:0;font-weight:600;font-size:.95rem;color:var(--text-primary);cursor:pointer}.notification-actor:hover{color:var(--primary-color)}.notification-preview{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.messages-page{max-width:700px;margin:0 auto;width:100%;padding:var(--spacing-xl);display:flex;flex-direction:column;height:calc(100vh - 140px)}.conversation-list{display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto}.conversation-item{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);cursor:pointer;transition:var(--transition)}.conversation-item:hover{border-color:var(--primary-color)}.conversation-item.unread{border-color:var(--primary-color);background:#667eea14}.thread-header{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);flex-shrink:0}.thread-back-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;padding:var(--spacing-xs) var(--spacing-sm)}.thread-back-btn:hover{color:var(--text-primary)}.thread-contact{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-weight:600;font-size:1rem}.thread-contact-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.thread-contact-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0}.thread-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.dm-bubble-row{display:flex;justify-content:flex-start}.dm-bubble-row.own{justify-content:flex-end}.dm-bubble{max-width:75%;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md)}.dm-bubble-row.own .dm-bubble{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:transparent}.dm-bubble-content{font-size:.95rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.dm-bubble-row.own .dm-bubble-content{color:#fff}.dm-bubble-time{margin-top:var(--spacing-xs);font-size:.7rem;color:var(--text-secondary);text-align:right}.dm-bubble-row.own .dm-bubble-time{color:#fffc}.thread-compose{display:flex;gap:var(--spacing-sm);align-items:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-color);flex-shrink:0}.thread-compose-input{flex:1;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.95rem;resize:none}.thread-compose-input:focus{outline:none;border-color:var(--primary-color)}.compose-fab{position:fixed;left:var(--spacing-xl);bottom:var(--spacing-xl);width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1.8rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #667eea66;transition:var(--transition);z-index:500}.compose-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #667eea8c}.back-to-top-btn{position:fixed;right:var(--spacing-xl);bottom:var(--spacing-xl);width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color);background:var(--light-bg);color:var(--text-primary);font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00000059;transition:var(--transition);z-index:500;animation:fadeIn .2s ease}.back-to-top-btn:hover{transform:scale(1.08);background:var(--dark-bg);color:var(--primary-color)}.live-banner{display:flex;flex-direction:column;gap:var(--spacing-sm)}.live-sidebar-empty{color:var(--text-secondary);font-size:.85rem}.live-banner-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid var(--error-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;text-align:left;transition:var(--transition)}.live-banner-item:hover{background:#ef44442e}.live-banner-badge{flex-shrink:0;background:var(--error-color);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:2px 6px;border-radius:4px}.live-banner-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.live-banner-text{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-page{width:100%;height:100%;overflow-y:auto;padding:var(--spacing-xl)}.live-page-container{max-width:1100px;margin:0 auto}.live-streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.live-stream-card{display:flex;flex-direction:column;background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:var(--transition)}.live-stream-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.live-stream-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--dark-bg)}.live-stream-thumb img{width:100%;height:100%;object-fit:cover}.live-stream-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.live-stream-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--error-color);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:4px}.live-stream-viewers{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#000000a6;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:4px}.live-stream-info{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.live-stream-title{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.live-stream-host{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary)}.live-stream-host-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.live-stream-page{width:100%;height:100%;overflow-y:auto;padding:var(--spacing-xl)}.live-stream-page-layout{max-width:1400px;margin:0 auto;display:flex;align-items:flex-start;gap:var(--spacing-lg)}.live-stream-page-container{flex:1;min-width:0;max-width:900px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.live-chat-panel{flex-shrink:0;width:340px;height:calc(100vh - var(--spacing-xl) * 2);position:sticky;top:var(--spacing-xl);background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden}.live-chat-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-weight:700}.live-chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.live-chat-empty{color:var(--text-secondary);font-size:.9rem;text-align:center;margin-top:var(--spacing-lg)}.live-chat-message{display:flex;gap:var(--spacing-sm);align-items:flex-start}.live-chat-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.live-chat-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.live-chat-message-body{display:flex;flex-direction:column;gap:2px;min-width:0;word-break:break-word}.live-chat-author{background:none;border:none;cursor:pointer;padding:0;color:var(--primary-color);font-weight:600;font-size:.85rem;text-align:left}.live-chat-text{color:var(--text-primary);font-size:.9rem;line-height:1.4;white-space:pre-wrap}.live-chat-input-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.live-chat-emoji-wrapper{position:relative;flex-shrink:0}.live-chat-emoji-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition)}.live-chat-emoji-btn:hover{background:var(--dark-bg)}.live-chat-emoji-btn:disabled{opacity:.5;cursor:not-allowed}.live-chat-emoji-popup{position:absolute;bottom:100%;left:0;margin-bottom:var(--spacing-sm);z-index:100}.live-chat-input{flex:1;min-width:0;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--dark-bg);color:var(--text-primary)}.live-chat-send-btn{flex-shrink:0}@media (max-width: 1000px){.live-stream-page-layout{flex-direction:column}.live-stream-page-container{max-width:none;width:100%}.live-chat-panel{width:100%;height:480px;position:static}}.live-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--border-radius);background:#000;overflow:hidden}.live-stream-video{width:100%;height:100%;display:block}.live-video-buffering{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:.95rem;background:#0006;pointer-events:none}.live-video-buffering-hint{display:block;margin-top:var(--spacing-xs);font-size:.8rem;color:var(--text-secondary)}.live-stream-offline{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:1.1rem}.live-stream-details{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.live-stream-details-header{display:flex;align-items:center;gap:var(--spacing-md)}.live-stream-details-header h1{margin:0;font-size:1.4rem}.live-stream-host-link{display:flex;align-items:center;gap:var(--spacing-sm);align-self:flex-start;background:none;border:none;cursor:pointer;color:var(--text-primary);font-weight:500;padding:0}.live-stream-host-link:hover{color:var(--primary-color)}.live-stream-host-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;font-weight:700}.live-stream-viewers-count{color:var(--text-secondary);font-size:.9rem}.live-stream-summary{color:var(--text-primary);line-height:1.5;white-space:pre-wrap}