:root{--red: #d32f2f;--red-light: #e53935;--red-dark: #b71c1c;--red-glow: rgba(211, 47, 47, .25);--black: #0d0d0d;--black-light: #1a1a1a;--black-lighter: #242424;--surface: #121212;--surface-card: #1e1e1e;--border: #2a2a2a;--text: #e0e0e0;--text-muted: #9e9e9e;--text-dim: #6e6e6e;--radius: 10px;--radius-sm: 6px;--shadow: 0 2px 8px rgba(0,0,0,.6)}*{margin:0;padding:0;box-sizing:border-box}body,html,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--black);color:var(--text)}.navbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--black-light);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow)}.nav-inner{max-width:1280px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 16px;gap:16px}.nav-left{flex-shrink:0}.logo{font-size:26px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--red-light),var(--red-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:default;-webkit-user-select:none;user-select:none}.nav-center{flex:1;display:flex;justify-content:center}.search-bar{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-bar input{width:100%;padding:8px 12px 8px 38px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.search-bar input:focus{border-color:var(--red);box-shadow:0 0 0 2px var(--red-glow)}.search-bar input::placeholder{color:var(--text-dim)}.nav-right{flex-shrink:0;display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.user-avatar:hover{transform:scale(1.08);box-shadow:0 0 12px var(--red-glow)}.layout{display:flex;max-width:1280px;margin:0 auto;padding:72px 16px 24px;gap:20px;min-height:100vh}.sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.sidebar-card{background:var(--surface-card);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.profile-card{text-align:center;padding:24px 16px}.avatar-img.avatar-large{object-fit:cover;border:3px solid var(--border);box-shadow:0 0 0 5px var(--red-glow)}.avatar-large{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 12px;box-shadow:0 0 0 3px var(--border),0 0 0 5px var(--red-glow)}.profile-name{font-size:17px;font-weight:700;color:var(--text)}.profile-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:var(--black-lighter);color:var(--red-light)}.nav-item.active{background:var(--black-lighter);color:var(--red-light);border-left:3px solid var(--red)}.nav-icon{font-size:18px;width:24px;text-align:center}.sidebar-heading{font-size:14px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.friend-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .15s}.friend-row:last-child{border-bottom:none}.friend-row:hover{opacity:.8}.friend-name{font-size:14px;font-weight:500;color:var(--text)}.trend-item{padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .15s}.trend-item:last-child{border-bottom:none}.trend-item:hover{opacity:.8}.trend-tag{font-size:14px;font-weight:600;color:var(--red-light)}.trend-count{font-size:12px;color:var(--text-dim);margin-top:2px}.sidebar-footer-text{font-size:12px;color:var(--text-dim);text-align:center}.feed{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.status-box{background:var(--surface-card);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.status-top{display:flex;align-items:center;gap:12px}.avatar-img{object-fit:cover;border-radius:50%;display:block}.avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.status-input{flex:1;padding:10px 16px;border:1px solid var(--border);border-radius:20px;background:var(--black-lighter);color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.status-input:focus{border-color:var(--red);box-shadow:0 0 0 2px var(--red-glow)}.status-input::placeholder{color:var(--text-dim)}.status-actions{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.status-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.status-action-btn:hover{background:var(--black-lighter);color:var(--red-light)}.action-icon{font-size:16px}.post-btn{margin-left:auto;background:var(--red);color:#fff;padding:8px 24px;border-radius:20px;font-weight:700;border:none;cursor:pointer;transition:background .15s,box-shadow .15s}.post-btn:hover{background:var(--red-light);box-shadow:0 0 12px var(--red-glow)}.post{background:var(--surface-card);border-radius:var(--radius);padding:16px;border:1px solid var(--border);transition:border-color .2s}.post:hover{border-color:#3a3a3a}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-meta{display:flex;flex-direction:column}.post-author{font-size:15px;font-weight:700;color:var(--text)}.post-time{font-size:12px;color:var(--text-dim);margin-top:2px}.post-text{font-size:15px;line-height:1.6;color:var(--text);margin-bottom:12px;word-break:break-word}.post-stats{display:flex;gap:16px;padding:8px 0;border-top:1px solid var(--border);font-size:13px;color:var(--text-dim)}.post-actions{display:flex;gap:4px;padding-top:8px;border-top:1px solid var(--border)}.post-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.post-action-btn:hover{background:var(--black-lighter);color:var(--text)}.post-action-btn.liked{color:var(--red-light)}.post-action-btn.liked:hover{background:var(--red-glow)}.post-action-btn.active{color:var(--red-light);background:var(--red-glow)}.comment-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.comment{display:flex;gap:10px;margin-bottom:10px}.comment:last-of-type{margin-bottom:12px}.comment-avatar{flex-shrink:0}.comment-body{background:var(--black-lighter);border-radius:var(--radius-sm);padding:8px 12px;flex:1}.comment-author{font-size:13px;font-weight:700;color:var(--red-light)}.comment-text{font-size:14px;color:var(--text);margin-top:2px;line-height:1.4}.comment-time{font-size:11px;color:var(--text-dim);margin-top:4px}.comment-input-row{display:flex;align-items:center;gap:10px;margin-top:8px}.comment-input{flex:1;padding:8px 14px;border:1px solid var(--border);border-radius:20px;background:var(--black-lighter);color:var(--text);font-size:13px;outline:none;transition:border-color .2s}.comment-input:focus{border-color:var(--red);box-shadow:0 0 0 2px var(--red-glow)}.comment-input::placeholder{color:var(--text-dim)}@media (max-width: 1024px){.sidebar-right{display:none}}@media (max-width: 768px){.sidebar-left{display:none}.layout{padding:72px 8px 16px}}