:root{--ug-green:#1a5c38;--ug-dark:#0d3d24;--ug-gold:#c8a84b;--ug-bg:#f0f2f5;--ug-white:#ffffff;--ug-border:#e0e0e0;--ug-text:#1c1e21;--ug-muted:#65676b;--ug-radius:12px}.ugs-app{background:var(--ug-bg);min-height:100vh}.ugs-topnav{background:var(--ug-green);border-bottom:2px solid var(--ug-gold);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.2)}.ugs-topnav-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:12px;height:54px}.ugs-brand-text{font-size:1rem;font-weight:700;color:var(--ug-gold);white-space:nowrap}.ugs-tabs{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.ugs-tabs::-webkit-scrollbar{display:none}.ugs-tab{display:flex;align-items:center;gap:4px;padding:8px 14px;color:rgba(255,255,255,.7);text-decoration:none;font-size:.82rem;border-bottom:3px solid transparent;white-space:nowrap;transition:.2s;position:relative}.ugs-tab:hover{color:#fff}.ugs-tab.active{color:var(--ug-gold);border-bottom-color:var(--ug-gold)}.ugs-badge{background:#e53935;color:#fff;border-radius:10px;padding:1px 6px;font-size:.65rem;font-family:Arial,sans-serif;position:absolute;top:4px;left:4px}.ugs-topnav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ugs-icon-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1rem;cursor:pointer;border:none;position:relative;transition:.2s}.ugs-icon-btn:hover{background:rgba(255,255,255,.2)}.ugs-avatar-sm{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--ug-dark);display:flex;align-items:center;justify-content:center;color:var(--ug-gold);font-weight:700;font-size:.9rem;border:2px solid var(--ug-gold);text-decoration:none}.ugs-avatar-sm img{width:100%;height:100%;object-fit:cover}.ugs-login-btn{background:var(--ug-gold);color:var(--ug-dark);padding:6px 14px;border-radius:16px;font-size:.82rem;font-weight:700;text-decoration:none}.ugs-body{max-width:1200px;margin:0 auto;padding:16px}@media(max-width:600px){.ugs-body{padding:8px}}.ugs-feed-wrap{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}@media(max-width:900px){.ugs-feed-wrap{grid-template-columns:1fr}.ugs-feed-sidebar{display:none}}.ugs-stories-row{display:flex;gap:10px;overflow-x:auto;padding:12px;background:var(--ug-white);border-radius:var(--ug-radius);margin-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--ug-gold) transparent}.ugs-story-card{flex:0 0 auto;width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;cursor:pointer}.ugs-story-thumb{width:70px;height:100px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--ug-green),var(--ug-dark));border:2px solid var(--ug-gold);position:relative;display:flex;align-items:center;justify-content:center}.ugs-story-add{text-align:center}.ugs-story-plus{width:70px;height:100px;border-radius:12px;background:#e8f5e9;border:2px dashed var(--ug-green);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--ug-green)}.ugs-story-name{font-size:.68rem;color:var(--ug-text);text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ugs-video-badge{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.6);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.6rem;display:flex;align-items:center;justify-content:center}.ugs-story-btn{font-size:.75rem;color:var(--ug-green);text-decoration:none;display:block;margin-top:4px}.ugs-create-post{padding:14px;margin-bottom:12px}.ugs-cp-top{display:flex;align-items:center;gap:10px}.ugs-cp-textarea{width:100%;border:1.5px solid var(--ug-border);border-radius:10px;padding:10px 14px;font-family:'NotoUrdu','MehrNastaliq',serif;font-size:.9rem;resize:none;outline:none;margin:10px 0}.ugs-cp-textarea:focus{border-color:var(--ug-green)}.ugs-cp-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.ugs-cp-opts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ugs-cp-opt{cursor:pointer;padding:6px 12px;border-radius:8px;background:#f0f0f0;font-size:.85rem;transition:.15s}.ugs-cp-opt:hover{background:#e0e0e0}.ugs-cp-sel{border:1px solid var(--ug-border);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:.82rem;cursor:pointer}.ugs-btn-post{background:var(--ug-green);color:#fff;border:none;padding:8px 18px;border-radius:20px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:.2s}.ugs-btn-post:hover{background:var(--ug-dark)}.ugs-btn-cancel{background:#f0f0f0;color:#555;border:none;padding:8px 18px;border-radius:20px;font-family:inherit;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-block}.ugs-post{padding:0;margin-bottom:12px;overflow:visible}.ugs-post-header{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.ugs-post-av{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--ug-green);display:flex;align-items:center;justify-content:center;color:var(--ug-gold);font-weight:700;font-size:1.1rem;flex-shrink:0;text-decoration:none}.ugs-post-av img{width:100%;height:100%;object-fit:cover}.ugs-post-meta{flex:1}.ugs-post-name{font-weight:700;font-size:.9rem;color:var(--ug-text);text-decoration:none;display:block}.ugs-post-name:hover{text-decoration:underline}.ugs-post-time{font-size:.72rem;color:var(--ug-muted);display:flex;align-items:center;gap:6px}.ugs-post-vis{font-size:.75rem}.ugs-post-menu-wrap{position:relative}.ugs-dot-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--ug-muted);padding:4px 8px;border-radius:50%}.ugs-dot-btn:hover{background:#f0f0f0}.ugs-post-menu{position:absolute;top:30px;left:0;background:#fff;border:1px solid var(--ug-border);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.15);min-width:160px;z-index:50;overflow:hidden}.ugs-post-menu button,.ugs-post-menu a{display:block;width:100%;padding:10px 14px;text-align:right;background:none;border:none;font-family:inherit;font-size:.85rem;cursor:pointer;color:var(--ug-text);text-decoration:none;border-bottom:1px solid #f5f5f5}.ugs-post-menu button:hover,.ugs-post-menu a:hover{background:#f8f8f8}.ugs-post-body{padding:4px 14px 10px}.ugs-post-text{font-size:.92rem;line-height:2;color:var(--ug-text);white-space:pre-line}.ugs-post-img img{width:100%;max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;margin-top:8px;cursor:pointer;display:block;background:#f5f5f5}.ugs-shared-post{border:1px solid var(--ug-border);border-radius:10px;padding:12px;margin-top:8px;background:#f9f9f9}.ugs-shared-meta{font-size:.75rem;color:var(--ug-muted);margin-bottom:4px}.ugs-reaction-count{padding:6px 14px;font-size:.8rem;color:var(--ug-muted);border-bottom:1px solid #f0f0f0}.ugs-post-actions{display:flex;gap:2px;padding:4px 8px;border-top:1px solid #f0f0f0}.ugs-act-btn{flex:1;padding:8px;background:none;border:none;font-family:inherit;font-size:.83rem;cursor:pointer;color:var(--ug-muted);border-radius:8px;transition:.15s;display:flex;align-items:center;justify-content:center;gap:4px}.ugs-act-btn:hover{background:#f0f0f0;color:var(--ug-text)}.ugs-act-btn.reacted{color:#e53935}.ugs-react-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.ugs-react-picker{display:none;position:absolute;bottom:40px;right:0;background:#fff;border:1px solid var(--ug-border);border-radius:30px;padding:6px 10px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:50;gap:8px;flex-wrap:nowrap}.ugs-react-wrap:hover .ugs-react-picker{display:flex}.ugs-react-picker span{font-size:1.4rem;cursor:pointer;transition:.15s}.ugs-react-picker span:hover{transform:scale(1.3)}.ugs-share-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.ugs-comment{display:flex;gap:8px;padding:8px 14px 4px}.ugs-reply{display:flex;gap:8px;padding:4px 14px 4px 40px}.ugs-com-av{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--ug-green);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ug-gold);font-size:.9rem}.ugs-com-av img{width:100%;height:100%;object-fit:cover}.ugs-com-body{flex:1}.ugs-com-bubble{background:#f0f2f5;border-radius:14px;padding:8px 12px;display:inline-block;font-size:.85rem;line-height:1.8}.ugs-com-bubble strong{display:block;font-size:.78rem;color:var(--ug-green);margin-bottom:2px}.ugs-com-actions{display:flex;gap:10px;padding:4px 8px}.ugs-com-actions button,.ugs-com-time{font-size:.72rem;color:var(--ug-muted);background:none;border:none;cursor:pointer;padding:0}.ugs-com-actions button:hover{color:var(--ug-green)}.ugs-add-comment{display:flex;gap:8px;padding:8px 14px}.ugs-com-input-wrap{flex:1;display:flex;background:#f0f2f5;border-radius:20px;overflow:hidden}.ugs-com-input{flex:1;background:none;border:none;padding:9px 14px;font-family:inherit;font-size:.85rem;outline:none}.ugs-com-input-wrap button{background:none;border:none;padding:0 12px;cursor:pointer;font-size:1rem}.ugs-reply-preview{background:rgba(200,168,75,.1);border-right:3px solid var(--ug-gold);padding:4px 10px;border-radius:6px;font-size:.78rem;margin-bottom:4px;color:#555}.ugs-chat-app{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 54px);height:calc(100dvh - 54px);background:var(--ug-white);border-radius:var(--ug-radius);overflow:hidden;position:relative}@media(max-width:768px){.ugs-chat-app{grid-template-columns:1fr;height:calc(100vh - 54px);height:calc(100dvh - 54px)}.ugs-chat-sidebar{display:none;width:100%}.ugs-chat-sidebar.active{display:flex;flex-direction:column;width:100%}.ugs-chat-window{display:none;width:100%}.ugs-chat-window.active{display:flex;flex-direction:column;width:100%;height:100%}.ugs-chat-input-row{padding:8px}.ugs-body{padding:0}.ugs-msg{max-width:85%}}.ugs-chat-sidebar{border-left:1px solid var(--ug-border);display:flex;flex-direction:column;overflow:hidden}.ugs-chat-sidebar-head{padding:14px 16px;border-bottom:1px solid var(--ug-border);display:flex;align-items:center;justify-content:space-between;background:var(--ug-white)}.ugs-chat-title{font-weight:700;font-size:1rem;color:var(--ug-green)}.ugs-chat-search{padding:8px 12px;border-bottom:1px solid var(--ug-border)}.ugs-search-input{width:100%;border:1px solid var(--ug-border);border-radius:20px;padding:8px 14px;font-family:inherit;font-size:.82rem;outline:none;background:#f5f5f5}.ugs-chat-list{flex:1;overflow-y:auto}.ugs-convo-item{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:var(--ug-text);border-bottom:1px solid #f5f5f5;transition:.15s}.ugs-convo-item:hover,.ugs-convo-item.active{background:#f0f8f0}.ugs-convo-info{flex:1;overflow:hidden}.ugs-convo-name{font-size:.88rem;font-weight:600}.ugs-convo-last{font-size:.75rem;color:var(--ug-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ugs-convo-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ugs-convo-time{font-size:.7rem;color:var(--ug-muted)}.ugs-unread-badge{background:var(--ug-green);color:#fff;border-radius:10px;padding:1px 6px;font-size:.68rem}.ugs-chat-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.ugs-chat-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--ug-border);background:var(--ug-white)}.ugs-back-btn{color:var(--ug-green);text-decoration:none;font-size:1.2rem}.ugs-chat-head-name{font-weight:700;font-size:.9rem}.ugs-chat-online{font-size:.72rem;color:#2e7d32}.ugs-chat-lastseen{font-size:.7rem;color:var(--ug-muted)}.ugs-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:6px;background:#e5e5ea;min-height:0}.ugs-date-sep{text-align:center;font-size:.72rem;color:var(--ug-muted);background:rgba(255,255,255,.7);padding:4px 12px;border-radius:10px;align-self:center;margin:8px 0}.ugs-msg{max-width:70%;position:relative}.ugs-msg-me{align-self:flex-end}.ugs-msg-you{align-self:flex-start}.ugs-msg-text{padding:9px 14px;border-radius:14px;font-size:.88rem;line-height:1.8}.ugs-msg-me .ugs-msg-text{background:var(--ug-green);color:#fff;border-bottom-right-radius:4px}.ugs-msg-you .ugs-msg-text{background:#fff;color:var(--ug-text);border-bottom-left-radius:4px}.ugs-msg-img{max-width:200px;border-radius:10px;cursor:pointer}.ugs-msg-meta{display:flex;align-items:center;gap:4px;justify-content:flex-end;padding:2px 4px}.ugs-msg-time{font-size:.68rem;color:var(--ug-muted)}.ugs-msg-status{font-size:.72rem;color:#2196f3}.ugs-msg-actions{display:none;position:absolute;top:-24px;left:0;background:#fff;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:2px 6px;gap:4px}.ugs-msg:hover .ugs-msg-actions{display:flex}.ugs-msg-actions button,.ugs-msg-actions a{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--ug-muted);text-decoration:none;padding:2px 4px}.ugs-online-dot{width:10px;height:10px;background:#2e7d32;border-radius:50%;position:absolute;bottom:0;left:0;border:2px solid #fff}.ugs-av-online-wrap{position:relative}.ugs-chat-input-row{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--ug-border);background:var(--ug-white)}.ugs-chat-attach{cursor:pointer;font-size:1.2rem;color:var(--ug-muted);padding:6px}.ugs-chat-input{flex:1;border:1.5px solid var(--ug-border);border-radius:20px;padding:10px 16px;font-family:inherit;font-size:.88rem;outline:none}.ugs-chat-input:focus{border-color:var(--ug-green)}.ugs-send-btn{width:40px;height:40px;border-radius:50%;background:var(--ug-green);color:#fff;border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ugs-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ug-muted);gap:8px}.ugs-av{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--ug-green);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ug-gold);font-weight:700;font-size:1rem}.ugs-av img{width:100%;height:100%;object-fit:cover}.ugs-av-lg{width:56px;height:56px;font-size:1.3rem}.ugs-section-wrap{padding:4px 0}.ugs-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.ugs-section-head h2{font-size:1rem;color:var(--ug-green)}.ugs-grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.ugs-group-card{overflow:hidden}.ugs-group-cover{height:100px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ugs-group-cover img{width:100%;height:100%;object-fit:cover}.ugs-group-info{padding:12px}.ugs-group-name{font-weight:700;font-size:.9rem;margin-bottom:4px}.ugs-group-meta{font-size:.75rem;color:var(--ug-muted);margin-bottom:4px}.ugs-group-desc{font-size:.82rem;color:#555}.ugs-verified{position:absolute;top:8px;right:8px;background:var(--ug-gold);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.ugs-form-card{padding:16px;margin-bottom:16px}.ugs-input{width:100%;border:1.5px solid var(--ug-border);border-radius:10px;padding:9px 14px;font-family:inherit;font-size:.88rem;outline:none}.ugs-input:focus{border-color:var(--ug-green)}.ugs-notif-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:10px;margin-bottom:8px}.ugs-notif-item.unread{background:#f0f8f0}.ugs-notif-body{flex:1;font-size:.85rem}.ugs-notif-time{font-size:.72rem;color:var(--ug-muted);white-space:nowrap}.ugs-sidebar-card{background:#fff;border-radius:var(--ug-radius);padding:14px;margin-bottom:12px}.ugs-sc-title{font-weight:700;font-size:.85rem;color:var(--ug-green);margin-bottom:10px}.ugs-my-profile{display:flex;align-items:center;gap:10px}.ugs-sugg-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f5f5f5}.ugs-follow-btn{background:#e8f5e9;color:var(--ug-green);border:none;padding:5px 12px;border-radius:14px;font-size:.78rem;cursor:pointer;font-family:inherit}.ugs-follow-btn:hover{background:var(--ug-green);color:#fff}.ugs-story-upload-wrap{max-width:500px;margin:40px auto}.ugs-story-view{position:fixed;inset:0;z-index:200;background:#000;display:flex;align-items:center;justify-content:center}.ugs-story-fullscreen{width:100%;max-width:400px;height:100vh;height:100dvh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.ugs-story-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--ug-gold);z-index:2;animation:storyProg 5s linear forwards}@keyframes storyProg{to{width:0}}.ugs-story-head{position:absolute;top:10px;right:10px;left:10px;z-index:2;display:flex;align-items:center;gap:8px}.ugs-story-head span{color:#fff;font-size:.85rem}.ugs-story-text-overlay{position:absolute;bottom:60px;right:0;left:0;text-align:center;color:#fff;font-size:1.1rem;text-shadow:0 2px 8px rgba(0,0,0,.8);padding:10px 20px}.ugs-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:300;display:flex;align-items:center;justify-content:center}.ugs-modal-box{background:#fff;border-radius:14px;padding:20px;width:90%;max-width:500px}.ugs-modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;margin-bottom:14px}.ugs-modal-head button{background:none;border:none;font-size:1.2rem;cursor:pointer}.ugs-empty{text-align:center;padding:40px 20px;color:var(--ug-muted)}.ugs-login-prompt{text-align:center;padding:60px 20px}.ugs-login-prompt a{background:var(--ug-green);color:#fff;padding:12px 24px;border-radius:20px;text-decoration:none}.card{background:var(--ug-white);border-radius:var(--ug-radius);border:1px solid var(--ug-border)}@media(max-width:768px){.ugs-chat-window{position:fixed;inset:54px 0 0 0;display:none;flex-direction:column;z-index:10}.ugs-chat-window.active{display:flex}.ugs-chat-sidebar{position:fixed;inset:54px 0 0 0;display:none;flex-direction:column;z-index:10;background:#fff}.ugs-chat-sidebar.active{display:flex}.ugs-chat-input-row{position:sticky;bottom:0;background:#fff;z-index:5}.ugs-messages{padding-bottom:8px}}.ugs-ham-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:8px;font-size:1.1rem;cursor:pointer;display:none;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:960px){.ugs-ham-btn{display:inline-flex !important}}.ugs-cp-inline{flex:1;border:1.5px solid var(--ug-border);border-radius:20px;padding:10px 16px;font-family:inherit;font-size:.9rem;outline:none;resize:none;background:#f0f2f5;transition:border-color .2s;min-height:42px}.ugs-cp-inline:focus{border-color:var(--ug-green);background:#fff}.ugs-post-img{position:relative}.ugs-img-save{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);color:#fff;border:none;padding:5px 10px;border-radius:14px;cursor:pointer;font-size:.78rem;opacity:0;transition:.2s}.ugs-post-img:hover .ugs-img-save{opacity:1}.ugs-cp-quick-btns{display:flex;gap:0;border-top:1px solid #f0f0f0;padding:4px 0}.ugs-cp-qbtn{flex:1;background:none;border:none;padding:8px;font-family:inherit;font-size:.82rem;cursor:pointer;color:#65676b;border-radius:8px;transition:.15s}.ugs-cp-qbtn:hover{background:#f0f2f5;color:var(--ug-green)}.ugs-status-bar{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--ug-border);overflow-x:auto;scrollbar-width:none}.ugs-status-item{flex:0 0 auto;text-align:center}.ugs-status-ring{width:50px;height:50px;border-radius:50%;border:2.5px solid var(--ug-green);overflow:hidden;cursor:pointer}.ugs-status-ring img{width:100%;height:100%;object-fit:cover}.ugs-status-name{font-size:.65rem;margin-top:4px;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme="dark"] .ugs-cp-inline{background:#3a3b3c;color:#e4e6eb;border-color:#555}[data-theme="dark"] .ugs-cp-inline:focus{background:#242526;border-color:var(--ug-green)}[data-theme="dark"] .ugs-cp-qbtn{color:#b0b3b8}[data-theme="dark"] .ugs-cp-qbtn:hover{background:#3a3b3c}.chat-app{display:flex;height:calc(100vh - 160px);min-height:500px;background:var(--cr);border:1px solid var(--bd);border-radius:var(--r-lg);overflow:hidden;margin:16px 0}.chat-sidebar{width:300px;min-width:260px;background:var(--wh);border-left:1px solid var(--bd);display:flex;flex-direction:column;flex-shrink:0}.cs-header{background:linear-gradient(135deg,var(--g2),var(--g3));padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--go2);flex-shrink:0}.cs-title{color:#fff;font-size:1rem;font-weight:600}.cs-social-btn{color:var(--go2);font-size:1.2rem;text-decoration:none}.cs-search{padding:10px 12px;background:var(--cr);flex-shrink:0}.cs-search-input{width:100%;padding:8px 14px;border-radius:20px;border:1px solid var(--bd);background:var(--wh);font-family:var(--f-ui);font-size:.85rem;outline:none;text-align:right}.cs-users{flex:1;overflow-y:auto}.cs-user-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--cr2);cursor:pointer;transition:background .15s;text-decoration:none;color:inherit}.cs-user-item:hover,.cs-user-item.active{background:rgba(42,122,74,.06)}.csu-avatar{width:44px;height:44px;border-radius:50%;background:var(--g2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;overflow:hidden;border:2px solid rgba(200,168,75,.3)}.csu-avatar img{width:100%;height:100%;object-fit:cover}.csu-info{flex:1;min-width:0}.csu-name{font-size:.9rem;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csu-last{font-size:.75rem;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.csu-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.csu-time{font-size:.65rem;color:var(--mu)}.csu-badge{min-width:18px;height:18px;background:var(--g3);color:#fff;border-radius:10px;font-size:.65rem;display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--cr);overflow:hidden}.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mu);text-align:center;padding:40px}.chat-welcome h2{font-family:var(--f-heading);font-size:1.3rem;color:var(--g2);margin-bottom:8px}.chat-welcome p{font-size:.88rem}.chat-header{background:linear-gradient(135deg,var(--g2),var(--g3));padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--go2);flex-shrink:0}.ch-left{display:flex;align-items:center;gap:10px}.ch-avatar{width:40px;height:40px;border-radius:50%;background:var(--go2);color:var(--g1);display:flex;align-items:center;justify-content:center;font-size:1rem;overflow:hidden;flex-shrink:0}.ch-avatar img{width:100%;height:100%;object-fit:cover}.ch-name{font-size:.95rem;color:#fff;font-weight:600}.ch-status{font-size:.72rem;color:#25d366}.ch-actions{display:flex;gap:6px}.ch-btn{background:rgba(255,255,255,.15);border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.ch-btn:hover{background:rgba(255,255,255,.25)}#chatBox{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;background-color:#e8ede8;background-image:radial-gradient(circle,rgba(42,122,74,.04) 1px,transparent 1px);background-size:20px 20px}#chatBox::-webkit-scrollbar{width:4px}#chatBox::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.msg-wrap{display:flex;flex-direction:column;max-width:70%;margin-bottom:2px}.msg-wrap.sent{align-self:flex-end;align-items:flex-end}.msg-wrap.recv{align-self:flex-start;align-items:flex-start}.bubble{padding:8px 12px 6px;border-radius:10px;word-break:break-word;line-height:1.7;font-size:.92rem;box-shadow:0 1px 2px rgba(0,0,0,.15);position:relative}.sent .bubble{background:#d9fdd3;color:#111;border-bottom-right-radius:3px}.recv .bubble{background:#fff;color:#111;border-bottom-left-radius:3px}.sent .bubble::after{content:'';position:absolute;bottom:0;right:-6px;border:6px solid transparent;border-bottom-color:#d9fdd3;border-right:none}.recv .bubble::after{content:'';position:absolute;bottom:0;left:-6px;border:6px solid transparent;border-bottom-color:#fff;border-left:none}.msg-img{max-width:220px;max-height:180px;border-radius:8px;display:block;cursor:pointer}.msg-meta{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--mu);margin-top:2px;padding:0 3px}.sent .msg-meta{justify-content:flex-end}.tick.read{color:#34b7f1}.msg-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s;margin-top:2px;padding:0 4px}.msg-wrap:hover .msg-actions{opacity:1}.msg-actions button{background:none;border:none;cursor:pointer;color:var(--mu);font-size:.82rem;padding:2px 4px;transition:color .2s}.msg-actions button:hover{color:var(--g2)}.date-label{text-align:center;margin:10px 0}.date-label span{background:rgba(0,0,0,.1);color:#555;font-size:.72rem;padding:3px 12px;border-radius:20px}.chat-footer{background:#f0f2f0;padding:10px 12px;display:flex;align-items:flex-end;gap:8px;border-top:1px solid var(--bd);flex-shrink:0}.cf-emoji-wrap{position:relative}.cf-emoji-btn,.cf-attach-label,.cf-send-btn,.cf-mic-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:.2s}.cf-emoji-btn{background:none;color:var(--mu)}.cf-emoji-btn:hover{background:var(--cr2)}.cf-attach-label{background:none;color:var(--mu)}.cf-send-btn{background:var(--g2);color:#fff;border:2px solid rgba(200,168,75,.4)}.cf-send-btn:hover{background:var(--g1)}.cf-mic-btn{background:var(--g2);color:#fff}.cf-input{flex:1;background:#fff;border:1px solid var(--bd);border-radius:22px;padding:9px 14px;font-family:var(--f-ui);font-size:.9rem;outline:none;text-align:right;resize:none;max-height:100px;overflow-y:auto;transition:border .2s;direction:rtl}.cf-input:focus{border-color:var(--g3)}.emoji-picker{display:none;position:absolute;bottom:48px;right:0;background:var(--wh);border:1px solid var(--go2);border-radius:var(--r-lg);padding:12px;width:260px;display:none;grid-template-columns:repeat(6,1fr);gap:8px;box-shadow:var(--sh-lg);z-index:200}.emoji-picker.open{display:grid}.emoji-picker span{cursor:pointer;font-size:1.4rem;text-align:center;transition:transform .1s}.emoji-picker span:hover{transform:scale(1.3)}.social-layout{display:grid;grid-template-columns:1fr 280px;gap:22px;padding:20px 0}.social-post-card{padding:18px 20px;margin-bottom:16px}.sp-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sp-avatar{width:42px;height:42px;border-radius:50%;background:var(--g2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;overflow:hidden;flex-shrink:0}.sp-avatar img{width:100%;height:100%;object-fit:cover}.sp-name{font-size:.92rem;font-weight:600;color:var(--tx)}.sp-time{font-size:.72rem;color:var(--mu)}.sp-content{font-size:.95rem;line-height:2;color:var(--tx);margin-bottom:10px}.sp-image{width:100%;max-height:300px;object-fit:cover;border-radius:var(--r-md);margin-bottom:10px}.sp-actions{display:flex;gap:14px;padding-top:10px;border-top:1px solid var(--cr2);flex-wrap:wrap}.sp-action-btn{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--mu);background:none;border:none;cursor:pointer;font-family:var(--f-ui);padding:4px 8px;border-radius:var(--r-md);transition:.2s}.sp-action-btn:hover{background:var(--cr);color:var(--g2)}.sp-action-btn.liked{color:var(--red)}.create-post-box{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:18px}.cpb-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cpb-input{flex:1;background:var(--cr);border:1px solid var(--bd);border-radius:22px;padding:10px 16px;font-family:var(--f-ui);font-size:.9rem;outline:none;text-align:right;cursor:pointer}.cpb-input:focus{border-color:var(--g3);background:var(--wh)}@media (max-width:768px){.chat-app{flex-direction:column;height:auto}.chat-sidebar{width:100%;min-width:auto;max-height:200px}.chat-sidebar.hidden{display:none}.chat-main{min-height:60vh}#chatBox{height:50vh}.msg-wrap{max-width:85%}.social-layout{grid-template-columns:1fr}}.ugs-app{min-height:100vh;min-height:100dvh}.ugs-chat-app{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 54px);height:calc(100dvh - 54px);overflow:hidden}.ugs-chat-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.ugs-messages{flex:1;min-height:0;overflow-y:auto}.ugs-chat-input-row{flex-shrink:0}.ugs-story-fullscreen{height:100vh;height:100dvh}.ugs-story-view{position:fixed;inset:0;z-index:200;background:#000}@media(max-width:768px){.ugs-body{padding:6px !important}.ugs-chat-app{grid-template-columns:1fr;height:calc(100vh - 54px);height:calc(100dvh - 54px);position:relative}.ugs-chat-sidebar{display:none !important;position:absolute;inset:0;z-index:10;background:#fff;flex-direction:column;width:100%}.ugs-chat-sidebar.active{display:flex !important}.ugs-chat-window{display:none !important;position:absolute;inset:0;z-index:10;background:#fff;flex-direction:column;width:100%}.ugs-chat-window.active{display:flex !important}.ugs-chat-input-row{position:relative;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:8px 10px;z-index:5}.ugs-emoji-picker,#emojiPicker{max-height:120px}.ugs-msg{max-width:88%}.ugs-feed-sidebar{display:none !important}.ugs-feed-wrap{grid-template-columns:1fr !important}.ugs-tabs{overflow-x:auto;flex-wrap:nowrap}}@supports (height:100dvh){.ugs-chat-app{height:calc(100dvh - 54px)}@media(max-width:768px){.ugs-chat-window.active{height:100%}}}[data-theme="dark"]{--ug-bg:#18191a;--ug-white:#242526;--ug-border:#3a3b3c;--ug-text:#e4e6eb;--ug-muted:#b0b3b8}[data-theme="dark"] body{background:#18191a;color:#e4e6eb}[data-theme="dark"] .card{background:#242526;border-color:#3a3b3c}[data-theme="dark"] .ugs-post-text,[data-theme="dark"] .ugs-post-name{color:#e4e6eb !important}[data-theme="dark"] .ugs-com-bubble{background:#3a3b3c;color:#e4e6eb}[data-theme="dark"] .ugs-chat-sidebar,[data-theme="dark"] .ugs-chat-window,[data-theme="dark"] .ugs-chat-sidebar-head,[data-theme="dark"] .ugs-chat-head,[data-theme="dark"] .ugs-chat-input-row{background:#242526 !important}[data-theme="dark"] .ugs-messages{background:#18191a}[data-theme="dark"] .ugs-msg-you .ugs-msg-text{background:#3a3b3c;color:#e4e6eb}[data-theme="dark"] .ugs-chat-input,[data-theme="dark"] .ugs-search-input,[data-theme="dark"] .ugs-cp-textarea,[data-theme="dark"] .ugs-input{background:#3a3b3c;color:#e4e6eb;border-color:#555}[data-theme="dark"] .ugs-convo-item:hover,[data-theme="dark"] .ugs-convo-item.active{background:#3a3b3c}[data-theme="dark"] .ugs-convo-name{color:#e4e6eb}[data-theme="dark"] .ugs-modal-box,[data-theme="dark"] .ugs-post-menu{background:#3a3b3c}[data-theme="dark"] .ugs-post-menu button,[data-theme="dark"] .ugs-post-menu a{color:#e4e6eb;border-color:#555}[data-theme="dark"] .ugs-topnav{background:#1a2035}[data-theme="dark"] .ugs-sidebar-card,[data-theme="dark"] .ugs-settings-card,[data-theme="dark"] .ugs-profile-info{background:#242526}[data-theme="dark"] .ugs-settings-head{background:#18191a}