.panel-section{border-bottom:1px solid #f0f0f0;padding:.5rem}.panel-section.search-section{padding:.5rem .5rem .25rem;border-bottom:none!important;flex:none!important;height:auto!important;min-height:auto!important;position:relative!important;overflow:visible!important}.panel-section.search-section .search-container{height:auto!important;min-height:auto!important;margin-bottom:0!important}.panel-section.search-section .search-results{z-index:1000!important;position:absolute!important}.middle-section{border-bottom:none;flex:1;justify-content:center;align-items:flex-start;padding:.25rem .5rem;display:flex}.middle-section .compact-suggested-users{justify-self:stretch;width:100%}.smiley-placeholder{color:#999;-webkit-user-select:none;user-select:none;font-size:2rem}.panel-footer{text-align:center;border-top:1px solid #f0f0f0;margin-top:auto;padding:.5rem}.footer-link{color:#666;font-size:.8125rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#333}.footer-button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem}.footer-separator{color:#ccc;margin:0 .5rem}.home-activity-right-panel,.explore-right-panel,.account-right-panel,.topics-right-panel,.workspace-right-panel{background:#fff;flex-direction:column;height:100%;display:flex;overflow:visible auto}.app-search-panel .search-input-wrapper{align-items:center;display:flex;position:relative}.app-search-panel .search-input{background:#fafafa;border:1px solid #e0e0e0;border-radius:.5rem;width:100%;padding:.5rem .75rem .5rem 2.5rem;font-size:.875rem;transition:all .2s}.app-search-panel .search-input:focus{background:#fff;border-color:#007bff;outline:none}.app-search-panel .search-icon{color:#999;pointer-events:none;position:absolute;left:.75rem}.app-search-panel .clear-search{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.25rem;line-height:1;display:flex;position:absolute;right:.75rem}.app-search-panel .clear-search:hover{color:#666}.app-search-panel .search-results{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 .5rem .5rem;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.app-search-panel .results-group{padding:.5rem 0}.app-search-panel .results-group-header{color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0f0f0;margin-bottom:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.app-search-panel .search-result-item{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background-color .2s;display:flex}.app-search-panel .search-result-item:hover{background-color:#f8f9fa}.app-search-panel .result-icon{color:#666;flex-shrink:0}.app-search-panel .result-profile-pic{border-radius:50%;flex-shrink:0;width:16px;height:16px}.app-search-panel .result-title{color:#333;flex:1;font-size:.875rem}.app-search-panel .user-result-info{flex-direction:column;flex:1;gap:.125rem;display:flex}.app-search-panel .result-handle{color:#666;font-size:.75rem}.app-search-panel .no-results{text-align:center;color:#666;padding:1rem .75rem;font-size:.875rem}.search-placeholder{height:8px}.panel-section.search-section .search-container{position:relative}.panel-section.search-section .search-results{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 .5rem .5rem;max-height:400px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.panel-section.search-section .search-loading,.panel-section.search-section .search-prompt,.panel-section.search-section .no-results{text-align:center;color:#666;padding:1rem;font-size:.875rem}.panel-section.search-section .search-loading{flex-direction:column;align-items:center;gap:.5rem;display:flex}.notes-search-panel{position:relative}.notes-search-panel .search-results{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 .5rem .5rem;max-height:400px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.notes-search-panel .search-loading,.notes-search-panel .no-results,.notes-search-panel .search-prompt{text-align:center;color:#666;padding:1rem;font-size:.875rem}.notes-search-panel .search-loading{flex-direction:column;align-items:center;gap:.5rem;display:flex}.loading-spinner{border:2px solid #f0f0f0;border-top-color:#007bff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notes-search-panel .results-count{color:#666;background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.notes-search-panel .results-list{margin:0;padding:0;list-style:none}.notes-search-panel .result-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:.75rem;transition:background-color .2s}.notes-search-panel .result-item:hover{background-color:#f8f9fa}.notes-search-panel .result-item:last-child{border-bottom:none}.notes-search-panel .result-topic{color:#4f46e5;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.notes-search-panel .result-content{color:#333;margin-bottom:.25rem;font-size:.875rem;line-height:1.4}.notes-search-panel .result-content mark{background-color:#fef3c7;border-radius:.125rem;padding:0 .125rem}.notes-search-panel .result-date{color:#666;font-size:.75rem}.notes-search-panel .load-more-button{color:#666;cursor:pointer;background:#f8f9fa;border:none;border-top:1px solid #e9ecef;width:100%;padding:.75rem;font-size:.875rem;transition:background-color .2s}.notes-search-panel .load-more-button:hover:not(:disabled){background:#e9ecef}.notes-search-panel .load-more-button:disabled{cursor:not-allowed;opacity:.6}.random-featured-notes{flex-direction:column;gap:12px;height:100%;display:flex;overflow:hidden}.featured-notes-header{margin-bottom:8px}.featured-notes-header h4{color:#374151;border-bottom:1px solid #e5e7eb;margin:0;padding-bottom:8px;font-size:14px;font-weight:600}.featured-notes-list{flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.featured-note-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.featured-note-item:hover{background-color:#fafafa;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.featured-note-item .note-header{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.featured-note-item .note-user{flex-direction:column;gap:2px;display:flex}.featured-note-item .user-name{color:#374151;font-size:13px;font-weight:600;line-height:1}.featured-note-item .user-handle{color:#6b7280;font-size:11px;line-height:1}.featured-note-item .note-time{color:#9ca3af;flex-shrink:0;font-size:11px}.featured-note-item .note-content{color:#4b5563;overflow-wrap:break-word;word-break:break-word;margin-bottom:0;font-size:13px;line-height:1.4}.featured-note-item .note-topic{color:#4f46e5;background:#4f46e51a;border-radius:12px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:500}.content-categories{flex-direction:column;gap:12px;height:100%;display:flex;overflow:hidden}.categories-header{margin-bottom:8px}.categories-header h4{color:#374151;border-bottom:1px solid #e5e7eb;margin:0;padding-bottom:8px;font-size:14px;font-weight:600}.categories-grid{flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.category-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.category-item:hover{background-color:#fafafa;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.category-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.category-icon{flex-shrink:0;font-size:16px}.category-name{color:#374151;flex:1;font-size:13px;font-weight:600}.category-count{color:#6b7280;background:#f3f4f6;border-radius:10px;flex-shrink:0;padding:2px 6px;font-size:11px}.category-preview{flex-direction:column;gap:4px;display:flex}.preview-item{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;padding:2px 0;font-size:12px;line-height:1.3;overflow:hidden}.see-more{color:#6b7280;margin-top:4px;font-size:11px;font-style:italic}.featured-notes-list::-webkit-scrollbar{width:4px}.categories-grid::-webkit-scrollbar{width:4px}.featured-notes-list::-webkit-scrollbar-track{background:0 0}.categories-grid::-webkit-scrollbar-track{background:0 0}.featured-notes-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.categories-grid::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.featured-notes-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.categories-grid::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.featured-notes-list,.categories-grid{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.compact-suggested-users{flex-direction:column;gap:12px;height:100%;display:flex;overflow:hidden}.compact-users-header{margin-bottom:8px}.compact-users-header h4{color:#374151;margin:0;padding-bottom:0;font-size:16px;font-weight:500}.compact-users-list{grid-template-columns:1fr;gap:10px;padding-right:4px;display:grid;overflow-y:auto}.compact-user-item{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;height:fit-content;padding:12px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.compact-user-item:hover{background-color:#fafafa;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.compact-user-avatar{color:#9ca3af;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:8px;font-size:16px;font-weight:500;display:flex}.compact-user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.compact-user-name{color:#374151;text-align:center;margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.2}.compact-user-handle{color:#6b7280;text-align:center;margin-bottom:6px;font-size:11px;line-height:1.2}.compact-user-bio{color:#4b5563;text-align:center;-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.compact-users-loading,.compact-users-empty{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.compact-users-loading .loading-spinner{margin-bottom:8px}.compact-users-loading p,.compact-users-empty p{margin:0;font-size:12px}.compact-users-list::-webkit-scrollbar{width:4px}.compact-users-list::-webkit-scrollbar-track{background:0 0}.compact-users-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.compact-users-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.compact-users-list{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.profile-overview{flex-direction:column;gap:12px;height:100%;display:flex;overflow:hidden}.overview-header{margin-bottom:8px}.overview-header h4{color:#374151;margin:0;padding-bottom:0;font-size:14px;font-weight:500}.overview-stats{flex-direction:column;gap:12px;display:flex}.overview-stats .stat-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:12px 0 8px;display:flex}.overview-stats .stat-item.indented{border-bottom:none;padding:4px 0 4px 16px}.overview-stats .stat-item:last-child{border-bottom:none}.overview-stats .stat-item.section-break{margin-top:16px}.topics-right-panel .stat-label,.workspace-right-panel .stat-label,.panel-section .stat-label{color:#6b7280;font-size:13px;font-weight:500}.topics-right-panel .stat-value,.workspace-right-panel .stat-value,.panel-section .stat-value{color:#374151;font-size:13px;font-weight:600}.project-item-container{cursor:pointer;text-align:left;background-color:#fafafa;border:1px solid #f3f4f6;border-radius:6px;align-items:flex-start;gap:8px;margin:.5px 0 .5px 8px;padding:8px 12px 8px 16px;transition:all .2s;display:flex;position:relative}.project-item-container:hover{background-color:#f5f5f5;border-color:#e5e7eb}.project-item-container:hover:after{content:"→";color:#9ca3af;opacity:.7;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.project-item-container .project-info{flex-direction:column;flex:1;gap:2px;display:flex}.project-meta{align-items:center;gap:6px;display:flex}.project-icon{color:#6b7280;align-items:center;display:flex}.note-count{color:#9ca3af;font-size:11px}