.container{padding:var(--spacing-xl) var(--spacing-lg)}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center;padding-top:var(--spacing-lg)}.page-subtitle{text-align:center;color:var(--text-tertiary);font-size:.95rem;margin-bottom:var(--spacing-xl);line-height:1.6}.message-compose{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid var(--border-light)}.compose-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.compose-user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.compose-user-avatar{width:36px;height:36px;border-radius:50%;object-fit:contain;border:2px solid var(--border-medium);flex-shrink:0;transition:all var(--transition-fast)}.compose-username{font-size:.95rem;font-weight:600;color:var(--text-primary)}.message-compose .comment-form{margin-bottom:var(--spacing-md)}.message-compose textarea{width:100%;min-height:80px;padding:var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);resize:vertical;font-family:inherit;font-size:.95rem;line-height:1.6;transition:all var(--transition-normal)}.message-compose textarea:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 4px rgba(59,130,246,.1);background:var(--bg-primary)}.message-compose textarea::placeholder{color:var(--text-quaternary)}.compose-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.btn-compact{padding:var(--spacing-xs) var(--spacing-lg);height:32px;font-size:.9rem;min-width:80px}.btn-outline{background:0 0;border:1px solid var(--border-medium);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue)}.messages-section{margin-bottom:var(--spacing-xl)}.messages-section>h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.messages-section>h3 i{color:var(--accent-blue)}.message-card{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--accent-blue);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal);box-shadow:0 2px 4px rgba(0,0,0,.05);animation:.3s slideInUp}.message-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);border-left-color:var(--accent-blue-hover)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.message-author-info{display:flex;align-items:center;gap:var(--spacing-sm)}.message-author-info .comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:contain;border:2px solid var(--border-light);flex-shrink:0;transition:all var(--transition-fast)}.message-author-info .comment-avatar:hover{border-color:var(--accent-blue);transform:scale(1.1)}.message-author-name{font-weight:600;color:var(--text-primary);font-size:.95rem;transition:color var(--transition-fast)}.message-author-name:hover{color:var(--accent-blue)}.message-author-version{display:inline-block;padding:2px 6px;background:var(--accent-blue-light);color:var(--accent-blue);font-size:.75rem;font-weight:600;border-radius:4px;margin-left:6px;vertical-align:middle;line-height:1}.message-time{font-size:.85rem;color:var(--text-tertiary)}.message-content{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);word-break:break-word;white-space:pre-wrap}.message-actions{display:flex;gap:var(--spacing-md)}.message-action-btn{background:0 0;border:none;color:var(--text-tertiary);font-size:.9rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.message-action-btn:hover{background:var(--bg-tertiary);color:var(--accent-blue)}.message-action-btn i{font-size:1rem}.message-replies{margin-top:var(--spacing-lg);padding-left:var(--spacing-xl);border-left:2px solid var(--border-light)}.reply-card{padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}.reply-card:hover{background:var(--bg-tertiary)}.reply-card .message-author-info .comment-avatar{width:32px;height:32px}.reply-target{color:var(--accent-blue);font-size:.85rem;font-weight:500}.toggle-replies-btn{background:0 0;border:none;color:var(--accent-blue);font-size:.9rem;cursor:pointer;padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.toggle-replies-btn:hover{color:var(--accent-blue-hover)}.toggle-replies-btn i{transition:transform var(--transition-fast)}.reply-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-sm);display:none;gap:var(--spacing-sm)}.reply-form.show{display:flex}.reply-form textarea{flex:1;min-height:60px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);resize:vertical;font-family:inherit;font-size:.9rem;transition:all var(--transition-normal)}.reply-form textarea:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-light)}.reply-form .btn{align-self:flex-end;padding:var(--spacing-xs) var(--spacing-md);font-size:.9rem}.reply-form .btn-sm{min-width:80px}.empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--text-tertiary)}.empty-state i{font-size:4rem;margin-bottom:var(--spacing-lg);color:var(--border-medium)}.empty-state p{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.empty-state small{font-size:.9rem;color:var(--text-quaternary)}.loading-placeholder{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--text-tertiary)}.loading-placeholder i{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--accent-blue)}.loading-placeholder p{font-size:1rem}.error-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--text-tertiary)}.error-state i{font-size:3rem;margin-bottom:var(--spacing-md);color:var(--color-error)}.error-state p{font-size:1rem;margin-bottom:var(--spacing-sm)}.error-state small{font-size:.85rem;color:var(--text-quaternary)}@media (max-width:768px){.page-title{font-size:1.5rem}.compose-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.compose-header .btn{width:100%}.message-compose textarea{min-height:100px}.compose-footer{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.compose-footer .btn{width:100%}.message-replies{padding-left:var(--spacing-md)}.message-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.reply-form{flex-direction:column}.reply-form .btn{width:100%}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#char-count{font-size:.85rem;color:var(--text-tertiary);transition:color var(--transition-fast)}#char-count.warning{color:var(--color-warning)}#char-count.error{color:var(--color-error)}.btn i{margin-right:var(--spacing-xs)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}.notification{position:fixed;top:80px;right:20px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;animation:.3s slideInRight;color:#fff;font-weight:500}.notification.success{background:var(--color-success)}.notification.error{background:var(--color-error)}.notification.warning{background:var(--color-warning)}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}.message-compose textarea::-webkit-scrollbar,.reply-form textarea::-webkit-scrollbar{width:8px}.message-compose textarea::-webkit-scrollbar-track,.reply-form textarea::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.message-compose textarea::-webkit-scrollbar-thumb,.reply-form textarea::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}.message-compose textarea::-webkit-scrollbar-thumb:hover,.reply-form textarea::-webkit-scrollbar-thumb:hover{background:var(--border-heavy)}