body{margin:0;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}:root{--content-max-width: 720px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notifications-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:20px;max-height:500px;overflow-y:auto}.notifications-list h3{margin:0 0 16px;color:var(--color-text);font-size:18px;font-weight:600}.notifications-loading{text-align:center;padding:40px;color:var(--color-textSecondary)}.no-notifications{text-align:center;padding:40px 20px;color:var(--color-textSecondary)}.no-notifications p{margin:0;font-size:16px}.notification{display:flex;align-items:center;padding:12px;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:background-color .2s ease;position:relative}.notification:hover{background-color:var(--color-background)}.notification.unread{background-color:#4299e11a;border-left:3px solid var(--color-primary)}.notification-icon{font-size:20px;margin-right:12px;min-width:32px;display:flex;align-items:center;justify-content:center}.notification-content{flex:1;min-width:0}.notification-text{color:var(--color-text);font-size:14px;line-height:1.4;word-break:break-word}.notification-text strong{font-weight:600}.notification-time{color:var(--color-textSecondary);font-size:12px;margin-top:4px}.unread-indicator{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;margin-left:8px;flex-shrink:0}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-logo{font-size:24px;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color .2s ease}.nav-logo:hover{color:var(--color-secondary)}.nav-links{display:flex;align-items:center;gap:16px;height:60px}.nav-link{color:var(--color-textSecondary);text-decoration:none;font-weight:500;padding:8px 12px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background-color:var(--color-background);color:var(--color-text)}.register-link{background-color:var(--color-primary);color:#fff}.register-link:hover{background-color:var(--color-secondary);color:#fff}.nav-user-info{display:flex;align-items:center;gap:12px;justify-content:flex-end}.nav-username{color:var(--color-textSecondary);font-weight:500;font-size:14px;display:inline-flex;align-items:center;height:32px;line-height:32px}.nav-logout-btn{background:none;border:1px solid var(--color-border);color:var(--color-textSecondary);padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;height:32px;line-height:1}.nav-logout-btn:hover{background-color:var(--color-background);border-color:var(--color-border)}.nav-theme-toggle{background:none;border:1px solid var(--color-border);color:var(--color-text);padding:6px 12px;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:32px;line-height:1}.nav-theme-toggle:hover{background-color:var(--color-background);border-color:var(--color-primary)}.notifications-container{position:relative}.nav-notifications-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;line-height:1}.nav-notifications-btn:hover{background-color:var(--color-border);transform:scale(1.1)}.notifications-dropdown{position:absolute;top:100%;right:0;z-index:1000;margin-top:8px;min-width:350px;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.nav-user-info{margin-right:0}.nav-links{gap:8px}.nav-container{padding:0 8px}.notifications-dropdown{min-width:280px;right:-50px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:16px}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:32px;width:100%;max-width:400px}.auth-card h1{text-align:center;color:var(--color-text);margin-bottom:24px;font-size:24px;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-weight:500;color:var(--color-text);margin-bottom:4px;font-size:14px}.form-group input,.form-group textarea{padding:12px;border:1px solid var(--color-border);border-radius:6px;font-size:16px;background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4299e11a}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--color-background);color:var(--color-textSecondary);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.auth-form .error-message{background-color:var(--color-error);color:#fff;padding:12px;border-radius:6px;font-size:14px;text-align:center;opacity:.95}.auth-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:8px}.auth-btn:hover:not(:disabled){background-color:var(--color-secondary)}.auth-btn:disabled{background-color:var(--color-border);cursor:not-allowed}.auth-link{text-align:center;margin-top:16px;color:var(--color-textSecondary);font-size:14px}.auth-link a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.post-card:hover{box-shadow:0 2px 8px #00000026}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.post-author{display:flex;align-items:center}.author-info h4{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.clickable-username{cursor:pointer;transition:color .2s ease}.clickable-username:hover{color:var(--color-primary)}.post-date{font-size:12px;color:var(--color-textSecondary);margin-top:2px;display:block}.post-actions-buttons{display:flex;gap:8px}.edit-btn,.delete-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.edit-btn{color:var(--color-primary)}.edit-btn:hover{background-color:#4299e11a}.delete-btn{color:#e53e3e}.delete-btn:hover{background-color:#fed7d7}.edit-form{margin:8px 0}.edit-textarea{width:100%;border:1px solid var(--color-border);border-radius:6px;padding:12px;font-size:16px;font-family:inherit;background:var(--color-surface);color:var(--color-text);resize:vertical;min-height:80px}.edit-textarea:focus{outline:none;border-color:var(--color-primary)}.edit-actions{display:flex;gap:8px;margin-top:8px}.edit-save-btn,.edit-cancel-btn{padding:6px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.edit-save-btn{background:var(--color-primary);color:#fff}.edit-save-btn:hover{background:var(--color-secondary)}.edit-cancel-btn{background:var(--color-border);color:var(--color-text)}.edit-cancel-btn:hover{background:#0000001a}.post-content{color:#2d3748;line-height:1.6}.post-content p{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--color-text)}.hashtag{color:var(--color-primary);font-weight:500}.post-actions{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.action-btn{background:none;border:none;color:var(--color-textSecondary);cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.action-btn:hover{background-color:var(--color-border);color:var(--color-text)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.like-btn.liked{color:var(--color-error)}.comments-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.comment-form{display:flex;gap:8px;margin-bottom:16px}.comment-input{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-surface);color:var(--color-text)}.comment-input:focus{outline:none;border-color:var(--color-primary)}.comment-submit{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.comment-submit:hover:not(:disabled){background:var(--color-secondary)}.comment-submit:disabled{background:var(--color-border);cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:12px}.comment{padding:8px 12px;background:var(--color-background);border-radius:6px;border:1px solid var(--color-border)}.comment-author{font-weight:600;font-size:14px;color:var(--color-text);margin-bottom:4px}.comment-content{font-size:14px;color:var(--color-text);margin-bottom:4px}.comment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.comment-date{font-size:12px;color:var(--color-textSecondary)}.reply-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;transition:background-color .2s ease}.reply-btn:hover{background-color:#4299e11a}.reply-form{margin-top:8px;padding:8px;background:var(--color-background);border-radius:6px;border:1px solid var(--color-border)}.reply-input{width:100%;border:1px solid var(--color-border);border-radius:4px;padding:6px 8px;font-size:14px;background:var(--color-surface);color:var(--color-text);margin-bottom:8px}.reply-input:focus{outline:none;border-color:var(--color-primary)}.reply-actions{display:flex;gap:8px}.reply-submit,.reply-cancel{padding:4px 8px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.reply-submit{background:var(--color-primary);color:#fff}.reply-submit:hover:not(:disabled){background:var(--color-secondary)}.reply-submit:disabled{background:var(--color-border);cursor:not-allowed}.reply-cancel{background:var(--color-border);color:var(--color-text)}.reply-cancel:hover{background:#0000001a}.replies-list{margin-left:20px;margin-top:12px;border-left:2px solid var(--color-border);padding-left:12px}.reply{padding:8px 0;border-bottom:1px solid var(--color-border)}.reply:last-child{border-bottom:none}.reply .comment-author,.reply .comment-content{font-size:13px;margin-bottom:4px}.reply .comment-date{font-size:11px}.create-post-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.form-group{display:flex;flex-direction:column}.post-textarea{width:100%;border:1px solid var(--color-border);border-radius:8px;padding:12px;font-size:16px;line-height:1.5;resize:vertical;min-height:100px;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.post-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4299e11a}.post-textarea:disabled{background-color:var(--color-background);color:var(--color-textSecondary);cursor:not-allowed}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.char-count{font-size:12px;color:var(--color-textSecondary)}.submit-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.submit-btn:hover:not(:disabled){background-color:var(--color-secondary)}.submit-btn:disabled{background-color:var(--color-border);cursor:not-allowed}.search-bar{margin-bottom:24px}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:12px 80px 12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4299e11a}.search-spinner{position:absolute;right:40px;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-clear{position:absolute;right:12px;background:none;border:none;color:var(--color-textSecondary);cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background-color .2s ease}.search-clear:hover{background:var(--color-border);color:var(--color-text)}.search-suggestions{margin-top:8px;padding:8px 16px;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-textSecondary)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 50%,var(--color-border) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.post-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:16px}.post-skeleton-header{display:flex;align-items:center;margin-bottom:12px;gap:12px}.post-skeleton-author{display:flex;flex-direction:column;gap:4px}.post-skeleton-content{margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.post-skeleton-actions{display:flex;gap:16px}.user-profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-profile-content{background:var(--color-surface);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative}.user-profile-header{padding:24px;border-bottom:1px solid var(--color-border);position:relative}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-textSecondary);padding:8px;border-radius:50%;transition:background-color .2s ease}.user-info{display:flex;justify-content:space-between;align-items:flex-start;margin-right:50px}.user-main-info h2{margin:0 0 8px;color:var(--color-text);font-size:24px;font-weight:600}.user-email{margin:0 0 8px;color:var(--color-textSecondary);font-size:16px}.user-bio{margin:0 0 8px;color:var(--color-text);font-size:16px;line-height:1.5}.join-date{margin:0;color:var(--color-textSecondary);font-size:14px}.follow-btn{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:120px}.follow-btn:hover:not(:disabled){background:var(--color-secondary)}.follow-btn.following{background:var(--color-border);color:var(--color-text)}.follow-btn.following:hover{background:var(--color-error);color:#fff}.follow-btn:disabled{opacity:.6;cursor:not-allowed}.modal-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.modal-stat-number{font-size:20px;font-weight:600;color:var(--color-text)}.modal-stat-label{font-size:12px;color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.user-posts{padding:24px}.user-posts h3{margin:0 0 20px;color:var(--color-text);font-size:18px;font-weight:600}.posts-list{display:flex;flex-direction:column;gap:16px}.loading,.error{text-align:center;padding:40px;color:var(--color-textSecondary);font-size:18px}.error{color:var(--color-error)}@media (max-width: 768px){.user-profile-modal{padding:10px}.user-profile-content{max-height:95vh}.user-info{flex-direction:column;gap:16px;margin-right:0}.follow-btn{align-self:flex-start}.user-stats{gap:16px}}.view-all-posts{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border);text-align:center}.view-all-button{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.view-all-button:hover{background:var(--color-secondary)}.feed-container{min-height:100vh;background-color:var(--color-background)}.feed-content{max-width:var(--content-max-width);margin:0 auto;padding:24px 16px}.feed-content h1{color:var(--color-text);margin-bottom:24px;font-size:28px;font-weight:600;text-align:center}.posts-list{display:flex;flex-direction:column}.search-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.search-info p{margin:0;color:var(--color-text);font-weight:500}.clear-search-btn{background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.clear-search-btn:hover{background:var(--color-secondary)}.followings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.followings-content{background:var(--color-surface);border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.followings-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.followings-header h3{margin:0;color:var(--color-text);font-size:20px;font-weight:600}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-textSecondary);padding:8px;border-radius:50%;transition:background-color .2s ease}.close-btn:hover{background-color:var(--color-border)}.followings-tabs{display:flex;border-bottom:1px solid var(--color-border)}.tab-btn{flex:1;background:none;border:none;padding:16px 20px;color:var(--color-textSecondary);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{background-color:var(--color-background)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-background)}.followings-list{flex:1;overflow-y:auto;padding:16px 0}.following-item{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.following-item:hover{background-color:var(--color-background)}.following-item:last-child{border-bottom:none}.user-info-item{flex:1;min-width:0}.user-info-item h4{margin:0 0 4px;color:var(--color-text);font-size:16px;font-weight:600;cursor:pointer;transition:color .2s ease}.user-info-item h4:hover{color:var(--color-primary)}.user-info-item .user-email{margin:0 0 4px;color:var(--color-textSecondary);font-size:14px}.user-info-item .user-bio{margin:0;color:var(--color-text);font-size:14px;line-height:1.4}.unfollow-btn{background:var(--color-border);color:var(--color-text);border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:12px;flex-shrink:0}.unfollow-btn:hover{background:var(--color-error);color:#fff}.no-followings{text-align:center;padding:40px 20px;color:var(--color-textSecondary)}.no-followings p{margin:0;font-size:16px}@media (max-width: 768px){.followings-modal{padding:10px}.followings-content{max-height:90vh}.following-item{flex-direction:column;align-items:flex-start;gap:12px}.unfollow-btn{margin-left:0;align-self:flex-end}}.profile-container{min-height:100vh;background-color:var(--color-background);padding-top:80px}.profile-content{max-width:var(--content-max-width);margin:0 auto;padding:24px 16px}.profile-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.profile-info{margin-bottom:16px}.profile-info h1{color:var(--color-text);margin:0 0 8px;font-size:28px;font-weight:600}.user-email{color:var(--color-textSecondary);margin:0 0 8px;font-size:16px}.user-bio{color:var(--color-text);margin:0 0 12px;font-size:16px;line-height:1.5}.join-date{color:var(--color-textSecondary);margin:0;font-size:14px}.profile-stats{border-top:1px solid var(--color-border);padding-top:16px;display:flex;justify-content:space-around;gap:16px}.profile-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;flex:1}.profile-clickable-stat{cursor:pointer;border-radius:6px;transition:background-color .2s ease}.profile-clickable-stat:hover{background-color:var(--color-border)}.profile-stat-number{font-size:20px;font-weight:600;color:var(--color-text)}.profile-stat-label{font-size:12px;color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.5px}.profile-posts{display:flex;flex-direction:column}.profile-posts h2{color:var(--color-text);margin:0 0 20px;font-size:20px;font-weight:600}.loading{text-align:center;padding:40px;color:var(--color-textSecondary);font-size:18px}.error-message{background-color:var(--color-error);color:#fff;padding:12px;border-radius:6px;font-size:14px;text-align:center;margin-bottom:16px;opacity:.9}.no-posts p{font-size:16px;margin:0}@media (max-width: 768px){.profile-content{padding:16px 12px}.profile-header{padding:16px;margin-bottom:16px}.profile-info h1{font-size:24px}.profile-stats{gap:8px}.profile-stat-number{font-size:18px}.profile-stat-label{font-size:11px}}.user-page{min-height:100vh;background:var(--color-background);padding-top:80px}.user-page-container{max-width:var(--content-max-width);margin:0 auto;padding:0 16px}.user-header{background:var(--color-surface);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border)}.user-info{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.user-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;flex-shrink:0}.user-details{flex:1}.username{font-size:28px;font-weight:700;color:var(--color-text);margin:0 0 8px}.user-bio{color:var(--color-textSecondary);margin:0 0 16px;line-height:1.5}.user-stats{display:flex;gap:24px}.user-page-stat{text-align:center;display:flex;flex-direction:column;gap:4px}.user-page-stat-number{font-size:20px;font-weight:700;color:var(--color-text)}.user-page-stat-label{font-size:14px;color:var(--color-textSecondary);text-transform:lowercase}.user-actions{display:flex;justify-content:flex-end;gap:12px}.follow-button,.edit-profile-button{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.follow-button{background:var(--color-primary);color:#fff}.follow-button:hover:not(:disabled){background:var(--color-secondary)}.follow-button.following{background:var(--color-border);color:var(--color-text)}.follow-button.following:hover:not(:disabled){background:var(--color-error);color:#fff}.follow-button:disabled{opacity:.5;cursor:not-allowed}.edit-profile-button{background:var(--color-border);color:var(--color-text);border:1px solid var(--color-border)}.edit-profile-button:hover{background:var(--color-background);border-color:var(--color-primary)}.posts-section{background:var(--color-surface);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border)}.posts-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.posts-header h2{margin:0;color:var(--color-text);font-size:20px;font-weight:600}.posts-list{display:flex;flex-direction:column;gap:20px}.no-posts{text-align:center;padding:40px 20px;color:var(--color-textSecondary)}.no-posts p{margin:0;font-size:16px}.user-header-skeleton{background:var(--color-surface);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid var(--color-border)}.error-message{text-align:center;padding:60px 20px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.error-message h2{color:var(--color-text);margin:0 0 12px}.error-message p{color:var(--color-textSecondary);margin:0 0 24px}.back-button{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.back-button:hover{background:var(--color-secondary)}@media (max-width: 768px){.user-page-container{padding:0 12px}.user-header{padding:16px}.user-info{flex-direction:column;align-items:center;text-align:center;gap:16px}.user-avatar{width:60px;height:60px;font-size:24px}.username{font-size:24px}.user-stats{justify-content:center;gap:16px}.user-actions{justify-content:center;margin-top:16px}.posts-section{padding:16px}}@media (max-width: 480px){.user-stats{gap:12px}.user-page-stat-number{font-size:18px}.follow-button,.edit-profile-button{padding:8px 16px;font-size:13px}}.App{min-height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box}body{margin:0;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-color:var(--color-background);color:var(--color-text);transition:background-color .3s ease,color .3s ease}