.post-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-author{display:flex;align-items:center;gap:.75rem}.author-avatar{font-size:2.5rem}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:var(--text-primary)}.author-username,.post-time{color:var(--text-secondary);font-size:.9rem}.post-content{margin-bottom:1rem;line-height:1.6;color:var(--text-primary)}.post-image{margin-bottom:1rem;border-radius:10px;overflow:hidden}.post-image img{width:100%;height:auto;display:block}.post-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.action-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);padding:.5rem 1rem;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:.95rem}.action-btn:hover{background:var(--card-hover);color:var(--text-primary)}.action-btn.liked{color:#ff4757}.action-icon{font-size:1.2rem}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.comment-input{display:flex;gap:.75rem}.comment-input input{flex:1;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .3s ease}.comment-input input:focus{border-color:#667eea}.send-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s ease}.send-btn:hover{transform:scale(1.05)}.create-post{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem}.create-post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.creator-avatar{font-size:2.5rem}.create-post-header h3{font-size:1.2rem}.post-textarea{width:100%;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;padding:1rem;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .3s ease;margin-bottom:1rem}.post-textarea:focus{border-color:#667eea}.image-url-input{width:100%;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:10px;padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .3s ease;margin-bottom:1rem}.image-url-input:focus{border-color:#667eea}.image-preview{margin-bottom:1rem;border-radius:10px;overflow:hidden;max-height:300px}.image-preview img{width:100%;height:auto;display:block}.create-post-actions{display:flex;justify-content:space-between;align-items:center}.post-options{display:flex;gap:.5rem}.option-btn{background:var(--dark-bg);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.option-btn:hover{background:var(--card-hover);border-color:#667eea}.post-buttons{display:flex;gap:.75rem}.cancel-btn{background:var(--dark-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:var(--card-hover);color:var(--text-primary)}.submit-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.home{display:grid;grid-template-columns:1fr 350px;gap:2rem}.feed-container{max-width:700px}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.feed-header h1{font-size:2rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease}.create-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.posts,.sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;padding:1.5rem}.sidebar-card h3{font-size:1.2rem;margin-bottom:1rem}.trending-list{display:flex;flex-direction:column;gap:1rem}.trending-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--dark-bg);border-radius:10px;transition:background .3s ease;cursor:pointer}.trending-item:hover{background:var(--card-hover)}.trending-tag{color:var(--text-primary);font-weight:600}.trending-count{color:var(--text-secondary);font-size:.9rem}.suggested-users{display:flex;flex-direction:column;gap:1rem}.user-suggestion{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--dark-bg);border-radius:10px}.user-avatar{font-size:2rem}.user-info{flex:1}.user-name{font-weight:600;color:var(--text-primary)}.user-handle{color:var(--text-secondary);font-size:.9rem}.follow-btn{background:var(--accent-gradient);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.follow-btn:hover{transform:scale(1.05)}@media (max-width: 1024px){.home{grid-template-columns:1fr}.sidebar{display:none}}.profile{max-width:900px;margin:0 auto}.profile-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;overflow:hidden;margin-bottom:2rem}.profile-cover{height:200px;position:relative}.cover-gradient{width:100%;height:100%;background:var(--primary-gradient)}.profile-info{padding:0 2rem 2rem;position:relative}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--card-bg);border:4px solid var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:4rem;margin-top:-60px;position:relative;z-index:1}.profile-details{margin-top:1rem}.profile-name{font-size:2rem;margin-bottom:.25rem}.profile-username{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.profile-bio{color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem}.profile-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-secondary);font-size:.9rem}.edit-profile-btn{background:var(--secondary-gradient);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.edit-profile-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f093fb66}.profile-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:15px;overflow:hidden}.profile-tabs{display:flex;border-bottom:1px solid var(--border-color)}.tab{flex:1;background:none;border:none;color:var(--text-secondary);padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab:hover{color:var(--text-primary);background:var(--card-hover)}.tab.active{color:var(--text-primary);border-bottom-color:#667eea}.profile-posts{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.profile-info{padding:0 1rem 1rem}.profile-stats{gap:1rem}.profile-posts{padding:1rem}}.explore{max-width:1200px;margin:0 auto}.explore-header{margin-bottom:2rem}.explore-header h1{font-size:2.5rem;margin-bottom:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-bar{display:flex;align-items:center;gap:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;padding:1rem 1.5rem;transition:border-color .3s ease}.search-bar:focus-within{border-color:#667eea}.search-icon{font-size:1.2rem}.search-bar input{flex:1;background:none;border:none;color:var(--text-primary);font-size:1rem;outline:none}.search-bar input::placeholder{color:var(--text-secondary)}.explore-categories{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.category-chip{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.category-chip:hover{background:var(--card-hover);border-color:#667eea;color:var(--text-primary)}.category-chip.active{background:var(--primary-gradient);color:#fff;border-color:transparent}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.explore-card{position:relative;aspect-ratio:1;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.explore-card:hover{transform:translateY(-5px)}.explore-image{width:100%;height:100%;object-fit:cover}.explore-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem;opacity:0;transition:opacity .3s ease}.explore-card:hover .explore-overlay{opacity:1}.explore-info{display:flex;justify-content:space-between;align-items:center;color:#fff}.explore-author{font-weight:600}.explore-likes{display:flex;align-items:center;gap:.25rem}@media (max-width: 768px){.explore-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-bg: #0f0f1e;--card-bg: #1a1a2e;--card-hover: #242442;--text-primary: #ffffff;--text-secondary: #a0a0c0;--border-color: #2a2a42}*{margin:0;padding:0;box-sizing:border-box}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)}.app{min-height:100vh}.navbar{background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700}.logo-icon{font-size:2rem}.logo-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border-radius:10px}.nav-link:hover{color:var(--text-primary);background:var(--card-hover)}.nav-icon{font-size:1.2rem}.main-content{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width: 768px){.nav-links span:not(.nav-icon){display:none}.nav-container,.main-content{padding:1rem}}body{margin:0;padding:0}