@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#000;--text-main:#fff;--text-muted:#71767b;--border-color:#2f3336;--accent-color:#1d9bf0;--accent-hover:#1a8cd8;--hover-bg:#ffffff14;--error-color:#f4212e;--font-family:"Inter", system-ui, -apple-system, sans-serif;--radius-full:9999px;--radius-md:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-y:scroll}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.app-container{justify-content:center;width:100%;max-width:1280px;min-height:100vh;margin:0 auto;display:flex}.sidebar,.right-sidebar{flex-direction:column;display:flex}.sidebar{border-right:1px solid var(--border-color);width:275px;height:100vh;padding:10px 20px;position:sticky;top:0}.main-feed{border-right:1px solid var(--border-color);width:600px;min-height:100vh}.right-sidebar{width:350px;height:100vh;padding:10px 20px;position:sticky;top:0}@media (width<=1280px){.right-sidebar{width:290px}}@media (width<=1000px){.right-sidebar{display:none}}@media (width<=700px){.sidebar{align-items:center;width:80px}.nav-text,.post-btn-sidebar span{display:none}.post-btn-sidebar svg{display:block}}.top-header{-webkit-backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--border-color);background-color:#000000a6;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}.top-header h2{font-size:20px;font-weight:700}.nav-link{border-radius:var(--radius-full);align-items:center;gap:20px;width:fit-content;margin-bottom:5px;padding:12px;font-size:20px;font-weight:400;transition:background-color .2s;display:flex}.nav-link:hover{background-color:var(--hover-bg)}.nav-link.active{font-weight:700}.logo{border-radius:50%;align-items:center;width:fit-content;margin-bottom:20px;padding:12px;display:flex}.logo:hover{background-color:var(--hover-bg)}.btn-primary{background-color:var(--text-main);color:var(--bg-color);border-radius:var(--radius-full);justify-content:center;align-items:center;min-height:36px;padding:0 16px;font-size:15px;font-weight:700;transition:background-color .2s;display:flex}.btn-primary:hover{background-color:#d7dbdc}.post-btn-sidebar{background-color:var(--accent-color);color:#fff;width:90%;min-height:52px;margin-top:20px;font-size:17px}.post-btn-sidebar:hover{background-color:var(--accent-hover)}.post-btn-sidebar svg{display:none}.create-post{border-bottom:1px solid var(--border-color);gap:15px;padding:20px 20px 10px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.create-post-content{flex:1}.post-textarea{resize:none;width:100%;min-height:50px;margin-top:10px;font-size:20px}.post-textarea::placeholder{color:var(--text-muted)}.create-post-actions{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.media-actions{color:var(--accent-color);gap:10px;display:flex}.media-btn{border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.media-btn:hover{background-color:#1d9bf01a}.post{border-bottom:1px solid var(--border-color);cursor:pointer;gap:15px;padding:15px 20px;transition:background-color .2s;display:flex}.post:hover{background-color:#ffffff08}.post-content-wrap{flex:1;min-width:0}.post-header{align-items:baseline;gap:5px;display:flex}.post-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.post-handle,.post-time{color:var(--text-muted);font-size:15px}.post-text{word-wrap:break-word;margin-top:5px;font-size:15px}.post-image{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;margin-top:12px}.post-engagement{max-width:425px;color:var(--text-muted);justify-content:space-between;margin-top:15px;display:flex}.engagement-item{align-items:center;gap:5px;font-size:13px;transition:color .2s;display:flex}.engagement-item:hover{color:var(--accent-color)}.engagement-item:hover .icon-bg{color:var(--accent-color);background-color:#1d9bf01a}.icon-bg{border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.search-bar{border-radius:var(--radius-full);background-color:#202327;border:1px solid #0000;align-items:center;gap:10px;margin-bottom:20px;padding:12px 20px;display:flex}.search-bar:focus-within{border-color:var(--accent-color);background-color:#000}.search-input{width:100%;font-size:15px}.right-card{border-radius:var(--radius-md);background-color:#16181c;margin-bottom:15px;padding:15px 0}.right-card-title{padding:0 15px 15px;font-size:20px;font-weight:800}.trend-item,.founder-item{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 15px;transition:background-color .2s;display:flex}.trend-item:hover,.founder-item:hover{background-color:var(--hover-bg)}.trend-category{color:var(--text-muted);font-size:13px}.trend-name{margin:2px 0;font-weight:700}.trend-posts{color:var(--text-muted);font-size:13px}.profile-header{position:relative}.banner{object-fit:cover;background-color:#333;width:100%;height:200px}.profile-info{padding:15px 20px}.profile-avatar-large{border:4px solid var(--bg-color);object-fit:cover;border-radius:50%;width:130px;height:130px;margin-top:-80px}.profile-actions{justify-content:flex-end;margin-top:-50px;display:flex}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-full);justify-content:center;align-items:center;min-height:36px;padding:0 16px;font-size:15px;font-weight:700;transition:background-color .2s;display:flex}.btn-outline:hover{background-color:var(--hover-bg)}.profile-details{margin-top:10px}.profile-details-name{font-size:20px;font-weight:800}.profile-details-handle{color:var(--text-muted);font-size:15px}.profile-bio{margin-top:15px;font-size:15px}.profile-meta{color:var(--text-muted);gap:15px;margin-top:15px;font-size:15px;display:flex}.profile-meta-item{align-items:center;gap:5px;display:flex}.profile-stats{gap:20px;margin-top:15px;font-size:15px;display:flex}.profile-stats span{color:var(--text-main);font-weight:700}.tabs{border-bottom:1px solid var(--border-color);margin-top:20px;display:flex}.tab{text-align:center;color:var(--text-muted);cursor:pointer;flex:1;padding:15px 0;font-weight:500;transition:background-color .2s;position:relative}.tab:hover{background-color:var(--hover-bg)}.tab.active{color:var(--text-main);font-weight:700}.tab.active:after{content:"";background-color:var(--accent-color);border-radius:2px;width:50px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;padding:20px;display:flex}.coming-soon-icon{width:100px;height:100px;color:var(--accent-color);filter:drop-shadow(0 0 20px #1d9bf066);margin-bottom:20px;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.coming-soon h1{background:linear-gradient(90deg,#fff,#1d9bf0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:40px;font-weight:800}.coming-soon p{color:var(--text-muted);max-width:400px;font-size:18px;line-height:1.6}