:root{--bg:#0b0e12;--panel:#11151b;--line:#252a32;--text:#f7f8fa;--muted:#9aa3af;--accent:#4f7cff}
*{box-sizing:border-box}
html,body{margin:0!important;padding:0!important;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body{padding-bottom:88px!important;min-height:100vh!important}
a{color:inherit}
.rbg-topbar{height:68px!important;position:sticky!important;top:0!important;z-index:1000!important;background:rgba(11,14,18,.98)!important;display:grid!important;grid-template-columns:58px 1fr 58px!important;align-items:center!important;padding:0 10px!important;border-bottom:1px solid var(--line)!important}
.rbg-logo{text-decoration:none!important;text-align:center!important;font-size:24px!important;font-weight:850!important;letter-spacing:-1px!important;color:#fff!important}
.rbg-logo span{font-weight:650!important}
.top-icon{width:48px!important;height:48px!important;border:0!important;background:transparent!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;position:relative!important;padding:0!important}
.top-icon svg{width:32px!important;height:32px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.create-btn svg{width:38px!important;height:38px!important}
.notify-btn svg{width:36px!important;height:36px!important}
.notify-badge{position:absolute!important;right:-2px!important;top:2px!important;min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;background:#ff315c!important;color:#fff!important;font-size:10px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid var(--bg)!important}
.hidden-file,.hidden-form{display:none!important}
.container{max-width:680px!important;margin:0 auto!important;padding:0 10px!important}
.hero{display:none!important}
.stories{display:flex!important;gap:14px!important;overflow-x:auto!important;padding:14px 4px 18px!important;scrollbar-width:none!important}
.stories::-webkit-scrollbar{display:none!important}
.story{min-width:78px!important;text-align:center!important;font-size:12px!important;color:#fff!important}
.story a{color:inherit!important;text-decoration:none!important}
.story-ring{width:74px!important;height:74px!important;border-radius:50%!important;padding:3px!important;background:linear-gradient(135deg,#ffd600,#ff7a00,#ff0069,#c900c9)!important;margin:auto!important}
.story-ring img{width:100%!important;height:100%!important;object-fit:cover!important;border:3px solid var(--bg)!important;border-radius:50%!important;display:block!important}
.your-story{position:relative!important}
.your-story .plus{position:absolute!important;right:0!important;bottom:17px!important;width:24px!important;height:24px!important;background:#fff!important;color:#111!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:20px!important;font-weight:800!important;border:2px solid var(--bg)!important}
.feed-card{margin:0 -10px 10px!important;background:var(--bg)!important;border-bottom:1px solid var(--line)!important}
.posthead{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important}
.posthead img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important}
.posthead b{font-size:15px!important}.post-caption{padding:0 12px 10px!important;margin:0!important}
.media-wrap{width:100%!important;background:#000!important}.feed-card img.media,.feed-card video.media{display:block!important;width:100%!important;max-height:760px!important;object-fit:cover!important;background:#000!important}
.actions{display:flex!important;gap:18px!important;align-items:center!important;padding:9px 12px!important}.actions button{background:none!important;color:#fff!important;border:0!important;font-size:25px!important;padding:0!important}.actions .count{font-size:14px!important}
.comment{display:flex!important;gap:7px!important;padding:0 12px 12px!important}.comment input{flex:1!important;background:#15191f!important;border:1px solid #292f37!important;color:#fff!important;border-radius:20px!important;padding:10px 13px!important}.comment button{border:0!important;background:#fff!important;color:#111!important;border-radius:20px!important;padding:8px 14px!important}
.card{background:#11151b!important;border:1px solid #20252c!important;border-radius:16px!important;padding:14px!important;margin:12px 0!important}.card input,.card textarea{background:#0c1015!important;color:#fff!important;border:1px solid #303640!important;border-radius:10px!important;padding:11px!important;width:100%!important;margin:6px 0!important}.card button{border:0!important;border-radius:10px!important;padding:10px 14px!important}
.bottom-nav{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:78px!important;z-index:2147483647!important;background:rgba(11,14,18,.99)!important;border-top:1px solid #303640!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;margin:0!important;padding:5px 0 env(safe-area-inset-bottom,5px)!important;box-shadow:0 -8px 25px rgba(0,0,0,.25)!important}
.bottom-nav a{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:67px!important;color:#9aa3af!important;text-decoration:none!important;font-size:10px!important;font-weight:650!important;line-height:1!important}
.bottom-nav a svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.bottom-nav a.active{color:#fff!important}.bottom-nav a.active svg{stroke-width:2.4!important}
.profile-nav-avatar{width:29px!important;height:29px!important;border-radius:50%!important;padding:2px!important;border:1.5px solid currentColor!important;display:flex!important;align-items:center!important;justify-content:center!important}
.profile-nav-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
.reel-page .card{background:var(--bg)!important;border:0!important;padding:0!important}.reel-page video{width:100%!important;height:min(78vh,760px)!important;object-fit:cover!important;background:#000!important;border-radius:0!important}
.profile-cover{height:150px;background:linear-gradient(135deg,#151a23,#2a1c35);border-radius:0 0 18px 18px}.profile-main{margin-top:-42px;padding:0 16px}.profile-avatar{width:92px;height:92px;border:4px solid var(--bg);border-radius:50%;object-fit:cover}.profile-stats{display:flex;gap:28px;margin:16px 0}.profile-stats b{display:block;text-align:center}.profile-actions{display:flex;gap:8px}.profile-actions>*{flex:1}.notif{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #242932}.notif img{width:42px;height:42px;border-radius:50%}.notif small{display:block;color:#8993a1;margin-top:3px}
@media(min-width:700px){.feed-card{border:1px solid #20242a!important;border-radius:14px!important;margin:12px 0!important}.rbg-topbar{padding:0 calc((100% - 680px)/2)!important}}
@media(max-width:699px){.container{padding-bottom:4px!important}}

/* Social Hub v3 layout safety */
img,video{max-width:100%}
.search-page img{max-width:56px!important}
.search-page svg{max-width:none}
textarea{font-family:inherit}
.error{color:#ffb8c0}
@media(max-width:699px){
  .rbg-topbar{height:68px!important}
  .bottom-nav{height:82px!important}
  body{padding-bottom:92px!important}
}