@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main: #121110;--bg-panel: #171614;--bg-soft: #1C1B18;--bg-muted: #222019;--bg-hover: #2A2720;--bg-card: #1E1D1A;--bg-glass: rgba(23, 22, 20, .92);--bg-nav: #0F0E0D;--line: #2E2B24;--line-soft: #262420;--line-glow: rgba(196, 172, 128, .1);--text-main: #E2DDD4;--text-soft: #C4BDB0;--text-muted: #7D7568;--text-label: #958C7D;--accent: #C4AC78;--accent-rgb: 196, 172, 120;--accent-soft: rgba(196, 172, 120, .1);--accent-hover: rgba(196, 172, 120, .15);--accent-strong: #A08850;--accent-deep: #7A6838;--glow: rgba(196, 172, 120, .12);--online: #6DB889;--online-soft: rgba(109, 184, 137, .12);--danger: #D47272;--danger-soft: rgba(212, 114, 114, .1);--warning: #D4A84E;--info: #7BA6C9;--info-soft: rgba(123, 166, 201, .1);--verify-a: #7BA6C9;--verify-b: #5B8AAF}:root[data-theme=olive]{--accent: #8BA878;--accent-rgb: 139, 168, 120;--accent-soft: rgba(139, 168, 120, .1);--accent-hover: rgba(139, 168, 120, .15);--accent-strong: #6B8858;--accent-deep: #4E6840;--glow: rgba(139, 168, 120, .12)}:root[data-theme=sky]{--accent: #7BA6C9;--accent-rgb: 123, 166, 201;--accent-soft: rgba(123, 166, 201, .1);--accent-hover: rgba(123, 166, 201, .15);--accent-strong: #5B8AAF;--accent-deep: #3E6E90;--glow: rgba(123, 166, 201, .12)}:root[data-theme=rose]{--accent: #C4908A;--accent-rgb: 196, 144, 138;--accent-soft: rgba(196, 144, 138, .1);--accent-hover: rgba(196, 144, 138, .15);--accent-strong: #A87068;--accent-deep: #8A5650;--glow: rgba(196, 144, 138, .12)}:root[data-theme=lavender]{--accent: #A898C8;--accent-rgb: 168, 152, 200;--accent-soft: rgba(168, 152, 200, .1);--accent-hover: rgba(168, 152, 200, .15);--accent-strong: #887AAA;--accent-deep: #6A5E8A;--glow: rgba(168, 152, 200, .12)}:root[data-theme=emerald]{--accent: #8BA878;--accent-rgb: 139, 168, 120;--accent-soft: rgba(139, 168, 120, .1);--accent-hover: rgba(139, 168, 120, .15);--accent-strong: #6B8858;--accent-deep: #4E6840;--glow: rgba(139, 168, 120, .12)}:root[data-theme=royal]{--accent: #7BA6C9;--accent-rgb: 123, 166, 201;--accent-soft: rgba(123, 166, 201, .1);--accent-hover: rgba(123, 166, 201, .15);--accent-strong: #5B8AAF;--accent-deep: #3E6E90;--glow: rgba(123, 166, 201, .12)}:root[data-theme=khuzama]{--accent: #A898C8;--accent-rgb: 168, 152, 200;--accent-soft: rgba(168, 152, 200, .1);--accent-hover: rgba(168, 152, 200, .15);--accent-strong: #887AAA;--accent-deep: #6A5E8A;--glow: rgba(168, 152, 200, .12)}body{font-family:Tajawal,Noto Kufi Arabic,sans-serif;background:var(--bg-main);color:var(--text-main);overflow:hidden;height:100vh;background-image:radial-gradient(ellipse at 20% 0%,rgba(var(--accent-rgb),.02) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(var(--accent-rgb),.015) 0%,transparent 40%)}#root{height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}input::placeholder,textarea::placeholder{color:#7d756880}::selection{background:rgba(var(--accent-rgb),.2);color:var(--text-main)}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes dotBlink{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:.7;transform:translateY(-2px)}}@keyframes gentleGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes breathe{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),0)}50%{box-shadow:0 0 12px 2px rgba(var(--accent-rgb),.08)}}.anim-slide{animation:slideIn .22s ease-out both}.anim-fade{animation:fadeIn .18s ease}.anim-scale{animation:scaleIn .2s ease both}.nav-icon{transition:all .2s ease;position:relative}.nav-icon:hover{transform:scale(1.06);border-radius:14px!important}.hoverable{transition:background .15s ease;cursor:pointer}.hoverable:hover{background:var(--bg-hover)!important}.input-field{width:100%;background:var(--bg-muted);border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--text-main);font-size:13.5px;outline:none;font-family:Tajawal,Noto Kufi Arabic,sans-serif;transition:border-color .25s,box-shadow .25s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.input-field:hover:not(:focus){border-color:rgba(var(--accent-rgb),.2)}.btn-primary{width:100%;padding:11px 0;background:linear-gradient(135deg,var(--accent-strong),var(--accent-deep));color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:Tajawal,Noto Kufi Arabic,sans-serif;transition:all .2s ease;letter-spacing:.2px}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 2px 12px rgba(var(--accent-rgb),.15)}.btn-primary:active{transform:scale(.99)}.btn-secondary{width:100%;padding:10px 0;background:var(--bg-muted);color:var(--text-main);border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:Tajawal,Noto Kufi Arabic,sans-serif;transition:all .15s}.btn-secondary:hover{background:var(--bg-hover)}.btn-small{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:Tajawal,Noto Kufi Arabic,sans-serif;transition:all .15s}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:dotBlink 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.mention-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:12px}@media (max-width: 980px){.auth-hero{display:none!important}body{overflow:auto}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shell-root{width:100%;height:100dvh}.mobile-header-btn{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80}.mobile-combined-drawer,.mobile-members-drawer{position:fixed;top:0;bottom:0;z-index:90;background:var(--bg-panel);box-shadow:0 24px 70px #00000073;display:flex;flex-direction:column;overflow:hidden}.mobile-combined-drawer{right:0;width:min(94vw,392px);border-left:1px solid rgba(255,255,255,.06)}.mobile-members-drawer{left:0;width:min(92vw,344px);border-right:1px solid rgba(255,255,255,.06)}.mobile-drawer-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 12px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#222019f5,#171614f0)}.mobile-drawer-title{font-size:15px;font-weight:800;color:var(--accent)}.mobile-drawer-subtitle{font-size:11px;color:var(--text-muted);margin-top:3px}.mobile-drawer-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-main);cursor:pointer;flex-shrink:0}.mobile-combined-body{flex:1;min-height:0;display:flex;overflow:hidden}.mobile-navrail-wrap{display:flex;min-width:68px}.mobile-navrail-wrap>div{height:100%}.mobile-sidebar-wrap,.mobile-members-body{flex:1;min-width:0;min-height:0;display:flex}.mobile-sidebar-wrap>div,.mobile-members-body>aside{width:100%!important;min-width:0!important;max-width:none!important;height:100%}@media (min-width: 901px){.chat-scroll-surface{padding-inline:24px!important}.chat-message-column{width:min(100%,1280px)!important;max-width:1280px!important;margin-inline:auto!important}.message-bubble{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px 14px!important;border-radius:20px!important;margin-bottom:10px!important}.message-bubble .message-bubble-body-primary{max-width:min(100%,1040px)!important}.message-text{max-width:100%!important;font-size:13.6px!important;line-height:1.92!important}.chat-composer-wrap,.chat-composer-shell{width:100%}}@media (max-width: 900px){html,body,#root{height:100dvh;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.shell-mobile .shell-main-content{width:100%}.shell-mobile textarea,.shell-mobile input,.shell-mobile button,.shell-mobile a{font-size:16px}.shell-mobile .btn-small,.shell-mobile .btn-secondary,.shell-mobile .btn-primary{min-height:36px}}@media (max-width: 900px){.chat-screen-header{position:sticky;top:0;z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-screen-header-mobile{padding-top:calc(env(safe-area-inset-top) + 8px)!important}.chat-screen-header-mobile .header-meta-row{min-width:0;flex:1 1 auto}.chat-screen-header-mobile .header-actions-row{width:100%;flex-basis:100%;margin-inline-start:0!important}.chat-scroll-surface{padding-inline:8px!important}.chat-message-column{width:100%!important;max-width:100%!important}.message-bubble{width:100%;padding:10px 10px 12px!important;border-radius:16px!important;gap:8px!important;margin-bottom:10px!important}.message-bubble .message-actions{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:2px;scrollbar-width:none}.message-bubble .message-actions::-webkit-scrollbar,.friends-header-tabs::-webkit-scrollbar{display:none}.message-bubble .btn-small{white-space:nowrap;min-height:32px;font-size:11px}.message-text{font-size:13px!important;line-height:1.85!important}.message-media-card{max-width:100%!important;border-radius:18px!important}.dm-intro-card{padding:22px 8px 18px!important}.chat-bottom-bar{padding-top:6px!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}.chat-composer-wrap{padding:8px 0 10px!important}.chat-composer-shell{border-radius:18px!important;padding:10px!important;box-shadow:0 14px 30px #0000002e!important}.chat-composer-row{gap:8px!important;align-items:flex-end}.chat-composer-file-btn,.chat-composer-send-btn{min-width:42px;min-height:42px;border-radius:14px!important}.chat-composer-input{font-size:15px!important;min-height:44px!important;line-height:1.7!important}.friends-header-tabs{width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}}@media (max-width: 900px){.message-bubble{align-items:flex-start}.message-bubble .message-avatar-btn{align-self:flex-start!important}.message-bubble .message-actions.mobile-inline{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.message-bubble .message-actions.mobile-inline::-webkit-scrollbar{display:none}.message-bubble .message-actions.mobile-inline .btn-small{flex:0 0 auto;white-space:nowrap;min-height:34px;padding-inline:10px}.message-mobile-actions-toggle{display:inline-flex;align-items:center;justify-content:center}.message-text{overflow-wrap:anywhere}}.message-bubble{content-visibility:auto;contain-intrinsic-size:140px}.chat-scroll-surface>div{contain:layout style paint}@media (max-width: 900px){.majlis-room-header{background:linear-gradient(180deg,#171614f5,#121110e0)!important;border-bottom-color:#ffffff0d!important;box-shadow:0 8px 22px #00000029}.majlis-room-header .header-actions-row.majlis-mobile-toolbar{gap:6px!important;overflow-x:auto;flex-wrap:nowrap!important;padding-top:4px!important;padding-bottom:2px;scrollbar-width:none}.majlis-room-header .header-actions-row.majlis-mobile-toolbar::-webkit-scrollbar{display:none}.majlis-room-header .header-search-input{flex:0 0 100%!important;order:-1;height:38px!important;border-radius:14px!important;background:#ffffff09!important}.majlis-room-header .header-stat-pill{flex:0 0 auto;background:#ffffff09!important}.majlis-room-header .mobile-toolbar-btn{min-height:34px;padding-inline:12px!important;white-space:nowrap;background:#ffffff09!important}.majlis-support-panel.compact{border-radius:16px!important;padding:10px 12px!important;margin-top:8px!important;box-shadow:0 12px 28px #00000024}.majlis-support-panel.compact .majlis-support-copy{min-width:0!important}.majlis-support-panel.compact .majlis-support-topline{margin-bottom:6px!important}.majlis-support-panel.compact .majlis-support-actions{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.majlis-support-panel.compact .majlis-support-actions .btn-small{width:100%;justify-content:center}.majlis-support-panel.desktop-dock{box-shadow:0 10px 24px #00000024;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.majlis-support-panel.desktop-dock .majlis-support-actions .btn-small{white-space:nowrap}.chat-scroll-surface{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 22%)}.message-bubble-mobile{border-bottom:1px solid rgba(255,255,255,.035)}.message-bubble-mobile .message-bubble-body{padding-top:1px}.message-bubble-mobile .message-bubble-meta{column-gap:5px!important}.message-bubble-mobile.is-me .message-text{color:#ddd6ca!important}.message-bubble-mobile .message-mobile-actions-toggle{box-shadow:none!important}.message-bubble-mobile .message-actions.mobile-inline{margin-top:8px!important;padding-top:2px}.message-bubble-mobile .message-actions.mobile-inline .btn-small{background:#ffffff09!important;border-color:#ffffff0f!important}.chat-bottom-bar{background:linear-gradient(180deg,#12141800,#121418e0 24%,#0c0e12fa)!important}.chat-composer-shell{border-radius:20px!important}}.nav-rail-shell{background-image:linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%)}.nav-rail-icon,.nav-add-button,.friend-row-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.nav-rail-icon:hover,.nav-add-button:hover,.friend-row-card:hover{transform:translateY(-1px)}.chat-date-divider{position:sticky;top:8px;z-index:1}.chat-date-divider>div:nth-child(2){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #00000024}.header-search-input::placeholder{color:#ffffff57}@media (max-width: 900px){.chat-date-divider{top:4px}}.invite-preview-grid{align-items:start}@media (max-width: 1080px){.invite-preview-grid,.invite-preview-content{grid-template-columns:1fr!important}}@media (max-width: 760px){.invite-preview-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 560px){.invite-preview-stats{grid-template-columns:1fr!important}}