.menu-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.menu-sidebar{position:fixed;left:16px;top:16px;bottom:16px;width:220px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:12px;box-sizing:border-box;background:transparent;z-index:1000}.logo-z{width:140px;height:auto;margin-bottom:8px}.menu-item{display:flex;align-items:center;gap:12px;background:none;border:none;color:#111;font-size:16px;padding:8px 6px;cursor:pointer;width:100%;text-align:left}.menu-item i{font-size:20px;width:28px;text-align:center}.menu-label{white-space:nowrap}.menu-bottom-desktop{margin-top:auto;display:flex;flex-direction:column;gap:8px}.menu-bottom{display:none}.menu-item:hover,.menu-item:focus,.bottom-item:hover,.bottom-item:focus{background:#0000000a;border-radius:8px;outline:none}.bottom-item{background:none;border:none;font-size:22px;padding:8px 12px;color:#111;cursor:pointer}@media(max-width:768px){.menu-sidebar{display:none}.menu-root:before{content:"";display:block;height:56px}.menu-bottom{position:fixed;left:0;right:0;bottom:0;height:56px;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid rgba(0,0,0,.06);z-index:1000}.bottom-item i{font-size:22px}}@media(min-width:1200px){.menu-sidebar{width:260px}}.post-container{display:flex;flex-direction:column;align-items:center;padding:12px}.post-card{width:100%;max-width:600px;margin-bottom:24px}.post-header{display:flex;align-items:center;margin-bottom:8px}.username{font-size:16px;font-weight:600}.post-image{width:100%;height:auto;border-radius:8px;margin:12px 0}.post-actions{display:flex;gap:12px;font-size:20px;margin-bottom:8px}.post-likes{font-size:14px;margin-bottom:4px}.post-caption{font-size:14px;color:#333}@media(max-width:768px){.post-card{max-width:100%;margin-bottom:16px}.username{font-size:14px}.post-actions{font-size:18px;gap:10px}.post-caption{font-size:13px}}.stories-container{display:flex;gap:12px;margin-top:12px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.stories-container::-webkit-scrollbar{display:none}.story-item{flex:0 0 auto;text-align:center;width:60px}.gradient-border{padding:2px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.story-pic{width:56px;height:56px;border-radius:50%;border:2px solid #fff}.story-username{font-size:12px;margin-top:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media(max-width:768px){.story-item{width:50px}.story-pic{width:48px;height:48px}.story-username{font-size:11px}}.suggestion-container{margin:16px;font-family:system-ui,sans-serif}.profile-header{display:flex;align-items:center;margin-bottom:12px}.profile-pic{width:40px;height:40px;border-radius:50%;margin-right:8px}.profile-name{font-size:16px;font-weight:600}.switch-link{margin-left:auto;color:#007bff;cursor:pointer}.suggestion-header{display:flex;align-items:center;margin-bottom:8px}.see-all{margin-left:auto;color:#007bff;cursor:pointer}.suggestion-list{display:flex;flex-direction:column;gap:12px}.suggestion-item{display:flex;align-items:center}.suggestion-pic{width:36px;height:36px;border-radius:50%;margin-right:8px}.suggestion-name{font-size:14px;flex:1}.follow-btn{background:none;border:none;color:#007bff;font-size:14px;cursor:pointer}@media(max-width:768px){.profile-name{font-size:14px}.suggestion-name,.follow-btn{font-size:13px}}.w-20{width:20%}.w-30{width:30%}.w-50{width:50%}.logo-z{width:140px}.bi{margin-right:10px}.shight{height:70px}.rounded-circle{border-radius:100%;height:50px;width:50px}.hh{height:500px}.suggestion{width:80%}.suggestion h5,.font-size-small{font-size:17px}.gradient-border{width:45px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(45deg,#f0f,#f60,#fc0)}.story-db{width:40px}.story{padding:10px}.menus,.cursor-pointer{cursor:pointer}:root{--bg: #ffffff;--muted: #6b7280;--accent: #0d6efd;--surface: #f8fafc;--card-shadow: 0 6px 18px rgba(15,23,42,.06);--radius: 12px;--gap: 12px;--max-width: 980px}.profile-root{box-sizing:border-box;padding:16px;margin:0 auto;max-width:var(--max-width);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a;background:transparent}.profile-card{background:var(--bg);border-radius:var(--radius);padding:14px;box-shadow:var(--card-shadow);display:grid;gap:var(--gap)}.profile-top{display:flex;gap:14px;align-items:center}.profile-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid #eef2f7;flex-shrink:0}.profile-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(180deg,#f3f4f6,#e9ecef);color:#111827;font-weight:700;font-size:20px;border:2px solid #eef2f7;flex-shrink:0}.profile-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.profile-username{margin:0;font-size:18px;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-stats{display:flex;gap:18px;color:var(--muted);font-size:13px;align-items:center}.profile-form{display:grid;gap:10px}.form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#111827}.form-input{padding:10px 12px;border-radius:10px;border:1px solid #e6e9ee;background:#fff;font-size:14px;outline:none;transition:box-shadow .12s,border-color .12s}.form-input:focus{border-color:#0d6efd2e;box-shadow:0 6px 18px #0d6efd0f}.form-actions{display:flex;gap:10px;align-items:center;margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:14px;background:var(--accent);color:#fff}.btn[disabled],.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid #e6e9ee;color:#0f172a}.form-error{color:#b91c1c;font-size:13px}.divider{border:none;border-top:1px solid rgba(15,23,42,.06);margin:12px 0}.followers-section{margin-top:8px}.followers-header{display:flex;align-items:baseline;gap:8px;justify-content:space-between}.followers-list{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.follower-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;background:var(--surface)}.follower-left{display:flex;align-items:center;gap:12px;min-width:0}.follower-avatar.fallback-small{width:44px;height:44px;border-radius:50%;background:#e9eef6;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.follower-name{font-size:14px;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-actions .btn-outline{padding:6px 10px;border-radius:8px;font-size:13px}.loading,.no-followers{color:var(--muted);padding:8px 0;font-size:14px}@media(min-width:700px){.followers-list{grid-template-columns:1fr 1fr}.profile-top{gap:18px}.profile-avatar,.profile-avatar.fallback{width:96px;height:96px}.profile-username{font-size:20px}}@media(min-width:1000px){.profile-root{padding:20px}.followers-list{grid-template-columns:1fr 1fr 1fr}.profile-card{padding:18px}.profile-avatar,.profile-avatar.fallback{width:112px;height:112px}.profile-username{font-size:22px}}.text-muted{color:var(--muted);font-size:13px}