html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#0b0d10;color:#f4f4f5}.nav-item,.mobile-tab{display:flex;align-items:center;gap:.8rem;padding:.8rem .9rem;border-radius:.95rem;color:#a1a1aa;transition:.18s}.nav-item:hover,.nav-item.active,.mobile-tab:hover,.mobile-tab.active{background:rgba(255,255,255,.06);color:#fff}.nav-item.active,.mobile-tab.active{box-shadow:inset 2px 0 0 #e5222a}.nav-item span,.mobile-tab span{width:1.25rem;text-align:center}.section-title{font-family:Oswald,sans-serif;font-size:clamp(1.85rem,4vw,2.2rem);line-height:1;text-transform:uppercase;letter-spacing:.04em}.section-sub{margin-top:.65rem;color:#71717a}.video-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-radius:1rem;overflow:hidden;transition:.18s;box-shadow:0 10px 32px rgba(0,0,0,.18)}.video-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.video-thumb{position:relative;aspect-ratio:16/9;background:#050505;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:.25s}.video-card:hover .video-thumb img{transform:scale(1.025)}.play-pill{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(transparent,rgba(0,0,0,.3));font-size:2rem}.story-ring{background:linear-gradient(135deg,#e5222a,#8d2227,#c9c9c9);padding:2px;border-radius:999px}.reel-card{aspect-ratio:9/16;border-radius:1rem;overflow:hidden;position:relative;background:#111;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.18)}.reel-card img,.reel-card video{width:100%;height:100%;object-fit:cover}.reel-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.9));display:flex;align-items:flex-end;padding:1rem}.chat-name{color:#7dc7b5;font-weight:700}.scroll-thin::-webkit-scrollbar,#chatMessages::-webkit-scrollbar{width:6px;height:6px}.scroll-thin::-webkit-scrollbar-thumb,#chatMessages::-webkit-scrollbar-thumb{background:#333;border-radius:8px}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}#sidebar{backdrop-filter:blur(18px);box-shadow:22px 0 40px rgba(0,0,0,.28)}#sidebarFoot{margin-top:auto}#chatPanel{box-shadow:0 16px 45px rgba(0,0,0,.25)}.quick-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:999px;font-size:.82rem;color:#d4d4d8;transition:.18s}.quick-chip:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}.mobile-bottom-nav{box-shadow:0 -10px 30px rgba(0,0,0,.32)}@media(min-width:1280px){#chatPanel{position:sticky;top:5.5rem;height:calc(100vh - 7rem)!important;max-height:720px}}@media(max-width:1279px){#chatPanel{height:470px}}@media(max-width:1023px){body.menu-open{overflow:hidden}body.menu-open #sidebar{transform:translateX(0)}body.menu-open #sidebarBackdrop{opacity:1;pointer-events:auto}#sidebar{max-width:86vw}#sidebarBackdrop{opacity:0;pointer-events:none;transition:.2s}#chatPanel{height:auto;min-height:380px}.mobile-bottom-nav{display:grid}}@media(max-width:767px){.quick-chips{gap:.55rem}.quick-chip{font-size:.76rem;padding:.55rem .8rem}#chatPanel{min-height:340px}#sidebar{padding-bottom:5.5rem}}@media(min-width:1024px){#sidebarBackdrop,.mobile-bottom-nav{display:none!important}}
.chat-tab{padding:.7rem .4rem;color:#71717a;font-weight:700;transition:.15s;border-bottom:2px solid transparent}
.chat-tab:hover{color:#e4e4e7;background:rgba(255,255,255,.025)}
.chat-tab.active{color:#fff;border-bottom-color:#e5222a;background:rgba(229,34,42,.055)}
#emojiPalette button{min-width:34px;height:34px;border-radius:.65rem;background:rgba(255,255,255,.04);font-size:1.05rem;transition:.15s}
#emojiPalette button:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.chat-message{border-radius:.9rem;padding:.55rem .65rem;transition:.15s}
.chat-message:hover{background:rgba(255,255,255,.025)}
.reaction-row{display:flex;flex-wrap:wrap;gap:.28rem;margin-top:.42rem}
.reaction-btn{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);border-radius:999px;padding:.18rem .42rem;font-size:.67rem;line-height:1.2;color:#8b8b94}
.reaction-btn:hover,.reaction-btn.mine{background:rgba(229,34,42,.09);border-color:rgba(229,34,42,.25);color:#fff}
.member-row{display:flex;align-items:center;gap:.65rem;padding:.7rem;border:1px solid rgba(255,255,255,.06);border-radius:.85rem;background:rgba(255,255,255,.02)}
.member-dot{width:.48rem;height:.48rem;border-radius:999px;background:#52525b;flex:none}
.member-dot.online{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.08)}
.private-bubble{max-width:88%;padding:.58rem .72rem;border-radius:1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}
.private-bubble.mine{margin-left:auto;background:rgba(229,34,42,.10);border-color:rgba(229,34,42,.18)}