:root{--text:#334155;--text-h:#0d241a;--text-muted:#64748b;--bg:#edf2ef;--surface:#fff;--surface-subtle:#f4f7f5;--border:#e2ece7;--border-subtle:#e8f0ec;--primary:#047857;--primary-hover:#065f46;--accent-green:#10b981;--accent-pink:#f43f5e;--sidebar-bg:#071913;--sidebar-surface:#0c251d;--sidebar-border:#13382c;--sidebar-text:#e2ece7;--sidebar-muted:#6f9485;--sidebar-active:#113d2f;--community-card-bg:#092e24;--banner-mint:#cbf3dd;--photo-blue:#bfd8e6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--heading:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-family:var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark],:root:not([data-theme])[data-theme-prefers=dark]{--text:#e2e8f0;--text-h:#fff;--text-muted:#8e8e93;--bg:#000;--surface:#0a0a0a;--surface-subtle:#121212;--border:#222;--border-subtle:#181818;--primary:#fff;--primary-hover:#e5e5e5;--accent-green:#fff;--accent-pink:#f43f5e;--sidebar-bg:#000;--sidebar-surface:#0c0c0c;--sidebar-border:#222;--sidebar-text:#fff;--sidebar-muted:#888;--sidebar-active:#222;--community-card-bg:#0c0c0c;--banner-mint:#161616;--photo-blue:#1c2229}@media (prefers-color-scheme:dark){:root:not([data-theme]){--text:#e2e8f0;--text-h:#fff;--text-muted:#8e8e93;--bg:#000;--surface:#0a0a0a;--surface-subtle:#121212;--border:#222;--border-subtle:#181818;--primary:#fff;--primary-hover:#e5e5e5;--accent-green:#fff;--accent-pink:#f43f5e;--sidebar-bg:#000;--sidebar-surface:#0c0c0c;--sidebar-border:#222;--sidebar-text:#fff;--sidebar-muted:#888;--sidebar-active:#222;--community-card-bg:#0c0c0c;--banner-mint:#161616;--photo-blue:#1c2229}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100vh;color:var(--text);font-family:var(--sans);margin:0;padding:0;overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}*{box-sizing:border-box}.nesty-app{background:var(--bg);width:100%;min-height:100vh;color:var(--text);display:flex;position:relative;overflow-x:hidden}.nesty-sidebar-left{z-index:50;scrollbar-width:thin;scrollbar-color:#13382c transparent;background:#071913;border-right:1px solid #13382c;flex-direction:column;width:250px;min-width:250px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.nesty-sidebar-left::-webkit-scrollbar{width:5px}.nesty-sidebar-left::-webkit-scrollbar-thumb{background:#13382c;border-radius:4px}.brand-header{cursor:pointer;align-items:center;gap:12px;margin-bottom:22px;padding:0 4px;text-decoration:none;display:flex}.brand-logo-empty{background:#10b9811f;border:1.5px dashed #10b98173;border-radius:12px;flex-shrink:0;width:42px;height:42px}.brand-text-col{flex-direction:column;display:flex}.brand-title{color:#fff;letter-spacing:-.3px;font-size:19px;font-weight:700;line-height:1.2}.brand-subtitle{color:#6f9485;margin-top:2px;font-size:11.5px;font-weight:500}.sidebar-search-box{margin-bottom:22px;position:relative}.sidebar-search-input{color:#fff;background:#0c251d;border:1px solid #143e30;border-radius:10px;outline:none;width:100%;padding:9px 36px 9px 34px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.sidebar-search-input::placeholder{color:#6f9485}.sidebar-search-input:focus{border-color:#10b98180;box-shadow:0 0 0 2px #10b98126}.search-icon-left{color:#6f9485;pointer-events:none;align-items:center;font-size:13px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-shortcut-badge{color:#6f9485;font-size:10.5px;font-family:var(--mono);background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 5px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sidebar-search-results{z-index:100;background:#0b1f18;border:1px solid #13382c;border-radius:10px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0006}.search-result-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.search-result-row:hover{background:#ffffff14}.search-avatar-mini{color:#fff;background:#134e40;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.search-user-meta{flex-direction:column;display:flex}.search-user-name{color:#fff;font-size:13px;font-weight:600}.search-user-handle{color:#6f9485;font-size:11px}.sidebar-nav-group{flex-direction:column;gap:3px;margin-bottom:24px;display:flex}.nav-item-btn{color:#8ba79b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item-btn:hover{color:#fff;background:#ffffff0d}.nav-item-btn.active{color:#fff;background:#113d2f;font-weight:600}.nav-item-icon{width:20px;color:inherit;justify-content:center;align-items:center;display:inline-flex}.nav-unread-badge{color:#fff;background:#f43f5e;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.communities-section{flex-direction:column;gap:3px;margin-bottom:20px;display:flex}.sidebar-section-label{color:#5c7c6f;letter-spacing:.8px;text-transform:uppercase;padding:0 10px 8px;font-size:11px;font-weight:700}.comm-item-btn{color:#8ba79b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.comm-item-btn:hover{color:#fff;background:#ffffff0d}.comm-item-btn.active{color:#fff;background:#113d2f;font-weight:600}.comm-badge{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.comm-badge.general{background:#059669}.comm-badge.coding{background:#6366f1}.comm-badge.showcase{background:#0284c7}.comm-badge.opportunities{background:#d97706}.comm-badge.study{background:#e11d48}.comm-badge.custom{background:#10b981}.create-comm-btn{color:#6f9485;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;margin-top:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:color .15s;display:flex}.create-comm-btn:hover{color:#fff}.sidebar-footer-wrap{border-top:1px solid #13382c;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.dark-mode-toggle-row{color:#cbd5e1;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13.5px;display:flex}.dark-mode-label{align-items:center;gap:8px;display:flex}.theme-switch-btn{cursor:pointer;background:#133328;border:1px solid #1f4739;border-radius:9999px;width:44px;height:24px;padding:0;transition:background .2s,border-color .2s;position:relative}.theme-switch-btn.on{background:#10b981;border-color:#10b981}.theme-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:3px;box-shadow:0 1px 3px #0000004d}.theme-switch-btn.on .theme-switch-thumb{transform:translate(19px)}.sidebar-user-card{cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.sidebar-user-card:hover{background:#ffffff14}.sidebar-user-avatar{color:#fff;background:#134e40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.user-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-card-handle{color:#6f9485;font-size:11.5px}.user-card-settings{color:#6f9485;cursor:pointer;border-radius:6px;padding:4px;font-size:15px;transition:color .15s}.user-card-settings:hover{color:#fff}.nesty-center-feed{flex:1;min-width:0;max-width:700px;min-height:100vh;margin:0 auto;padding:22px 24px}.feed-top-bar{justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:8px;display:flex}.feed-top-left{align-items:center;gap:14px;display:flex}.feed-top-badge{color:#fff;background:#059669;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex}.feed-top-badge.profile-badge{background:#0284c7}.feed-top-badge.create-badge{background:#10b981}.feed-top-titles{flex-direction:column;display:flex}.feed-top-title{color:var(--text-h);font-size:20px;font-weight:700;line-height:1.2}.feed-top-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.feed-top-right{color:var(--text-muted);align-items:center;gap:14px;font-size:13.5px;display:flex}.members-pill{align-items:center;gap:6px;font-weight:500;display:flex}.top-action-icon-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s;display:flex}.top-action-icon-btn:hover{color:var(--text-h);background:#0000000d}.inline-creator-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:16px 18px;box-shadow:0 1px 3px #0000000a}.inline-creator-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.avatar-with-dot{color:#fff;background:#134e40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:visible}.avatar-with-dot img{object-fit:cover;border-radius:50%;width:100%;height:100%}.online-dot{border:2px solid var(--surface);z-index:2;background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.inline-input-pill{color:#1e293b;background:#f1f5f3;border:1px solid #e2ece7;border-radius:9999px;outline:none;flex:1;padding:12px 20px;font-family:inherit;font-size:14.5px;transition:border-color .2s,background .2s}:root[data-theme=dark] .inline-input-pill{color:#f1f5f9;background:#0e221b;border:1px solid #1c3830}.inline-input-pill:focus{border-color:#10b98166}.inline-creator-actions{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;padding-top:8px;display:flex}.inline-attach-tools{scrollbar-width:none;flex-wrap:nowrap;flex:auto;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.inline-attach-tools::-webkit-scrollbar{display:none}.tool-attach-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:3px 5px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.tool-attach-btn:hover{color:var(--text-h);background:var(--surface-subtle)}.post-pill-submit{color:#fff;cursor:pointer;white-space:nowrap;z-index:2;background:#047857;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 4px #04785733}.inline-creator-actions .post-pill-submit{gap:3px;height:25px;padding:3px 9px;font-size:11px}.post-pill-submit:hover:not(:disabled){background:#065f46;transform:translateY(-1px);box-shadow:0 2px 6px #0478574d}.post-pill-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.nesty-posts-feed{flex-direction:column;gap:18px;display:flex}.post-card-nesty{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000a}.post-card-nesty:hover{border-color:#10b98159;box-shadow:0 4px 6px -1px #00000012}.post-header-nesty{align-items:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.post-header-author-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.author-display-name{color:var(--text-h);cursor:pointer;font-size:14.5px;font-weight:700}.author-handle{color:var(--text-muted);cursor:pointer;font-size:13.5px}.post-date-ago{color:var(--text-muted);font-size:13px}.post-options-menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:18px;transition:background .15s}.post-options-menu-btn:hover{color:var(--text-h);background:#0000000d}.post-content-body{color:var(--text);word-break:break-word;margin-bottom:14px;font-size:15px;line-height:1.55}.post-media-container{cursor:pointer;background:#000;border-radius:12px;max-height:480px;margin-bottom:14px;position:relative;overflow:hidden}.post-media-container img,.post-media-container video{object-fit:cover;border-radius:12px;width:100%;max-height:480px;transition:transform .2s,filter .2s;display:block}.post-media-container:hover img,.post-media-container:hover video{filter:brightness(.97)}.post-media-fullscreen-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);z-index:10;opacity:.85;background:#000000a6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.post-media-fullscreen-btn:hover{opacity:1;background:#000000e6;transform:scale(1.1)}.post-media-audio-chip{-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:10;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;position:absolute;bottom:12px;right:12px}.post-media-audio-chip.muted{color:#f1f5f9;background:#0f172ad9}.post-media-audio-chip.unmuted{color:#fff;background:#10b981e6}.post-media-audio-chip:hover{transform:scale(1.05)}.mock-photo-placeholder{color:#334155;letter-spacing:.3px;background:#b8d5e5;border-radius:12px;justify-content:center;align-items:center;height:220px;font-size:15px;font-weight:600;display:flex}:root[data-theme=dark] .mock-photo-placeholder{color:#1e293b;background:#a8c5d6}.post-actions-bar{border-top:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:24px;padding-top:10px;font-size:13.5px;display:flex}.action-pill-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13.5px;transition:color .15s;display:flex}.action-pill-btn:hover{color:var(--text-h)}.action-pill-btn.liked{color:#ef4444;font-weight:600}.profile-card-nesty{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.profile-cover-mint{background:#cbf3dd 50%/cover;height:160px;position:relative}:root[data-theme=dark] .profile-cover-mint{background:#163b2f}.profile-avatar-big{color:#fff;border:4px solid var(--surface);background:#134e40;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:32px;font-weight:700;display:flex;position:absolute;bottom:-40px;left:24px;overflow:hidden}.profile-avatar-big img{object-fit:cover;width:100%;height:100%}.profile-details-section{padding:50px 24px 20px}.profile-edit-btn-wrap{z-index:5;justify-content:flex-end;margin-top:-38px;margin-bottom:12px;padding-left:96px;display:flex;position:relative}.edit-profile-pill-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-h);cursor:pointer;border-radius:9999px;padding:7px 20px;font-size:13.5px;font-weight:600;transition:all .15s}.edit-profile-pill-btn:hover{background:var(--surface-subtle);border-color:var(--text-muted)}.profile-user-name{color:var(--text-h);font-size:22px;font-weight:700}.profile-user-handle{color:var(--text-muted);margin-top:2px;font-size:14px}.profile-bio-text{color:var(--text);margin-top:10px;font-size:15px;line-height:1.45}.profile-location-text{color:var(--text-muted);align-items:center;gap:5px;margin-top:6px;font-size:13.5px;display:flex}.profile-stats-row{border-top:1px solid var(--border-subtle);align-items:center;gap:20px;margin-top:18px;padding-top:14px;display:flex}.stat-item{color:var(--text-muted);font-size:14px}.stat-item b{color:var(--text-h);margin-right:4px;font-weight:700}.dedicated-create-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a}.composer-top-row{gap:14px;margin-bottom:20px;display:flex}.composer-textarea{width:100%;min-height:180px;color:var(--text);resize:vertical;background:0 0;border:none;outline:none;font-family:inherit;font-size:16px;line-height:1.55}.composer-textarea::placeholder{color:var(--text-muted)}.composer-bottom-bar{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.attach-media-pill-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.attach-media-pill-btn:hover{background:var(--surface-subtle)}.publish-pill-btn{color:#fff;cursor:pointer;background:#047857;border:none;border-radius:9999px;align-items:center;gap:8px;padding:9px 24px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.publish-pill-btn:hover{background:#065f46}.publish-pill-btn:disabled{opacity:.6;cursor:not-allowed}.nesty-sidebar-right{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;gap:20px;width:330px;min-width:330px;height:100vh;padding:22px 20px 22px 0;display:flex;position:sticky;top:0;overflow-y:auto}.nesty-sidebar-right::-webkit-scrollbar{width:5px}.nesty-sidebar-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.nesty-community-widget{color:#fff;background:#092e24;border-radius:16px;padding:22px;box-shadow:0 1px 3px #0000000d}.community-widget-logo-empty{background:#10b98126;border:1.5px dashed #10b98173;border-radius:10px;width:36px;height:36px;margin-bottom:12px}.community-widget-title{color:#fff;font-size:19px;font-weight:700}.community-widget-desc{color:#a3c9b8;margin-top:6px;font-size:13px;line-height:1.45}.community-widget-members{color:#cbd5e1;align-items:center;gap:6px;margin-top:14px;font-size:13px;display:flex}.invite-friends-btn{color:#fff;cursor:pointer;background:#064e3b;border:1px solid #145946;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:10px;font-size:13.5px;font-weight:600;transition:background .15s;display:flex}.invite-friends-btn:hover{background:#085e47}.apk-download-widget{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:18px 16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000000a}.apk-download-widget:hover{box-shadow:0 8px 24px #00000014}:root[data-theme=dark] .apk-download-widget{background:#0d131f;border-color:#1e293b}.apk-widget-badge{color:#10b981;text-transform:uppercase;letter-spacing:.5px;background:#10b9811f;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.apk-widget-title{color:var(--text-h);margin:0 0 6px;font-size:15px;font-weight:700}.apk-widget-desc{color:var(--text-muted);margin:0 0 14px;font-size:12px;line-height:1.45}.apk-qr-container{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.apk-qr-frame{background:#fff;border:2px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000014}:root[data-theme=dark] .apk-qr-frame{border-color:#334155;box-shadow:0 8px 24px #00000059}.apk-qr-image{object-fit:contain;border-radius:6px;width:155px;height:155px;display:block}.apk-qr-label{color:var(--text-muted);align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.apk-qr-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot}@keyframes pulseDot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.apk-download-direct-btn{box-sizing:border-box;background:#10b981;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:9px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98140;color:#fff!important}.apk-download-direct-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.featured-widget{flex-direction:column;gap:10px;display:flex}.featured-heading{color:var(--text-h);padding:0 4px;font-size:14px;font-weight:700}.featured-channels-list{flex-direction:column;gap:8px;display:flex}.featured-channel-row{cursor:pointer;background:#fff;border:1px solid #e2ece7;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}:root[data-theme=dark] .featured-channel-row{background:#132520;border:1px solid #1c3830}.featured-channel-row:hover{border-color:#10b98166;box-shadow:0 2px 4px #0000000d}.featured-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.featured-icon-badge.purple{color:#7c3aed;background:#ede9fe}.featured-icon-badge.violet{color:#9333ea;background:#f3e8ff}.featured-icon-badge.orange{color:#ea580c;background:#ffedd5}.featured-channel-text{flex-direction:column;flex:1;min-width:0;display:flex}.featured-channel-title{color:var(--text-h);font-size:14px;font-weight:600}.featured-channel-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.featured-chevron{color:var(--text-muted);font-size:14px}.online-widget{background:#fff;border:1px solid #e2ece7;border-radius:16px;padding:16px}:root[data-theme=dark] .online-widget{background:#132520;border:1px solid #1c3830}.online-widget-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.online-widget-title{color:var(--text-h);font-size:14px;font-weight:700}.online-widget-seeall{color:#059669;cursor:pointer;font-size:12.5px;font-weight:600;text-decoration:none}.online-users-list{flex-direction:column;gap:12px;display:flex}.online-user-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:4px;transition:background .15s;display:flex}.online-user-item:hover{background:#00000008}:root[data-theme=dark] .online-user-item:hover{background:#ffffff08}.online-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex;position:relative;overflow:visible}.online-user-avatar img,.online-avatar-img{object-fit:cover!important;border-radius:50%!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:block!important}.online-avatar-initial{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:600;display:flex}.online-dot-badge{border:1.5px solid var(--surface,#1e293b);z-index:2;background:#10b981;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.online-user-dot{border:1.5px solid var(--surface);background:#10b981;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.online-user-info{flex-direction:column;min-width:0;display:flex}.online-user-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.online-user-status{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.comments-section-nesty{border-top:1px solid var(--border-subtle);flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;display:flex}.comment-row{gap:10px;font-size:13.5px;display:flex}.comment-avatar{color:#fff;background:#134e40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.comment-bubble{background:var(--surface-subtle);border-radius:12px;flex:1;padding:8px 12px}.comment-author-name{color:var(--text-h);margin-right:6px;font-weight:600}.comment-form-row{gap:10px;margin-top:6px;display:flex}.comment-input-pill{background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text);border-radius:9999px;outline:none;flex:1;padding:8px 16px;font-size:13.5px}.comment-submit-btn{color:#fff;cursor:pointer;background:#047857;border:none;border-radius:9999px;padding:6px 16px;font-size:13px;font-weight:600}.comment-reply-row{border-left:2px solid #6366f166;margin-left:28px;padding-left:8px}.comment-header-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.comment-reply-badge{color:#818cf8;background:#6366f126;border-radius:9999px;padding:1px 6px;font-size:11px;font-weight:600}.comment-text-content{word-break:break-word;font-size:13.5px;line-height:1.4;display:block}.comment-actions-bar{align-items:center;gap:12px;margin-top:6px;display:flex}.comment-action-like-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;font-size:12px;transition:all .15s;display:inline-flex}.comment-action-like-btn:hover,.comment-action-like-btn.liked{color:#f43f5e}.comment-likes-num{font-size:11px;font-weight:700}.comment-action-reply-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.comment-action-reply-btn:hover{color:#a5b4fc;background:#6366f126}.post-comment-replying-banner{color:#c7d2fe;background:#6366f11f;border-left:3px solid #6366f1;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:5px 12px;font-size:12px;display:flex}.post-comment-replying-cancel{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:13px}.post-comment-replying-cancel:hover{color:#ef4444}.dropdown-menu-nesty{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:12px;flex-direction:column;gap:2px;min-width:140px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #00000026}.dropdown-item-btn{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13.5px;transition:background .15s;display:flex}.dropdown-item-btn:hover{background:var(--surface-subtle);color:var(--text-h)}.dropdown-item-btn.danger{color:#ef4444}.dropdown-item-btn.danger:hover{background:#ef44441a}.notifications-backdrop-blur{z-index:1040;-webkit-backdrop-filter:blur(14px)brightness(.7);background:#000000a6;animation:.2s cubic-bezier(.16,1,.3,1) fadeInBlur;position:fixed;inset:0}@keyframes fadeInBlur{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(14px)}}.notifications-flyout{background:var(--surface);border:1px solid var(--border);z-index:1050;border-radius:16px;width:380px;max-width:90vw;position:fixed;top:70px;left:270px;overflow:hidden;box-shadow:0 20px 50px #00000073}.notif-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-list-container{max-height:380px;padding:6px;overflow-y:auto}.notif-row-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.notif-row-item:hover{background:var(--surface-subtle)}.notif-row-item.unread{background:#10b9811a}.notif-row-item.missed-call-row{background:#ef444414;border-left:3px solid #ef4444}.notif-row-item.missed-call-row:hover{background:#ef444424}.missed-badge-icon{border:1.5px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;bottom:-4px;right:-4px}.missed-badge-icon.audio{color:#fff;background:#ef4444}.missed-badge-icon.video{color:#fff;background:#8b5cf6}.missed-pill-tag{letter-spacing:.2px;border-radius:10px;align-items:center;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.missed-pill-tag.audio{color:#ef4444;background:#ef44442e}.missed-pill-tag.video{color:#a78bfa;background:#8b5cf62e}.notif-call-back-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:14px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.notif-call-back-btn.audio{color:#fff;background:#16a34a;box-shadow:0 2px 8px #16a34a4d}.notif-call-back-btn.audio:hover{background:#15803d;transform:translateY(-1px)}.notif-call-back-btn.video{color:#fff;background:#7c3aed;box-shadow:0 2px 8px #7c3aed4d}.notif-call-back-btn.video:hover{background:#6d28d9;transform:translateY(-1px)}.notif-row-item.live-row{background:#ef444414;border-left:3px solid #ef4444}.notif-row-item.live-row:hover{background:#ef444426}.live-badge-icon{border:1.5px solid var(--surface);color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;bottom:-4px;right:-4px}.live-pill-tag{letter-spacing:.3px;color:#ef4444;text-transform:uppercase;background:#ef444433;border-radius:10px;align-items:center;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.notif-watch-live-btn{cursor:pointer;white-space:nowrap;color:#fff;background:#ef4444;border:none;border-radius:14px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #ef444459}.notif-watch-live-btn:hover{background:#dc2626;transform:translateY(-1px)}.notif-row-item.comm-call-row{background:#10b98114;border-left:3px solid #10b981}.notif-row-item.comm-call-row:hover{background:#10b98126}.comm-call-badge-icon{border:1.5px solid var(--surface);color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;bottom:-4px;right:-4px}.comm-call-pill-tag{letter-spacing:.3px;color:#10b981;text-transform:uppercase;background:#10b98133;border-radius:10px;align-items:center;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.notif-join-comm-call-btn{cursor:pointer;white-space:nowrap;color:#fff;background:#10b981;border:none;border-radius:14px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #10b98159}.notif-join-comm-call-btn:hover{background:#059669;transform:translateY(-1px)}.modal-overlay-nesty{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;padding:24px;box-shadow:0 20px 40px #0000004d}.auth-page{background:var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:32px 28px;display:flex;box-shadow:0 4px 6px -1px #00000012}.auth-brand-logo-empty{background:#10b9811f;border:1.5px dashed #10b98180;border-radius:14px;width:46px;height:46px;margin:0 auto}.auth-title{color:var(--text-h);margin:0;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-muted);margin-top:-6px;margin-bottom:6px;font-size:13.5px}.auth-alert{text-align:left;box-sizing:border-box;border-radius:8px;width:100%;padding:10px 14px;font-size:13px;line-height:1.45}.auth-alert-error{color:#ef4444;background:#ef44441f;border:1px solid #ef444459}.auth-alert-success{color:#10b981;background:#10b98126;border:1px solid #10b98159}.auth-input{background:var(--surface-subtle);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-size:14.5px;transition:border-color .2s}.auth-input:focus{border-color:#047857}.password-input-wrapper{width:100%;position:relative}.password-input-wrapper .auth-input{padding-right:44px}.password-toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:16px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-submit-btn{color:#fff;cursor:pointer;background:#047857;border:none;border-radius:10px;width:100%;margin-top:4px;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.auth-submit-btn:hover{background:#065f46}.auth-toggle-row{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.auth-link-btn{color:#047857;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.auth-link-btn:hover{text-decoration:underline}.mobile-top-bar{background:var(--surface);border-bottom:1px solid var(--border);z-index:80;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.hamburger-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:20px;transition:background .15s;display:flex}.hamburger-btn:hover{background:var(--surface-subtle)}.mobile-bar-title{color:var(--text);cursor:pointer;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.mobile-bar-logo{object-fit:contain;border-radius:6px;width:26px;height:26px}.mobile-bar-actions{align-items:center;gap:8px;display:flex}.mobile-bar-icon-btn{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:5px 9px;font-size:15px;transition:all .15s;display:flex;position:relative}.mobile-bar-icon-btn:hover{background:var(--border)}.mobile-badge-count{color:#fff;background:#ef4444;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;top:-4px;right:-4px}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#000000b3;position:fixed;inset:0}.drawer-accordion-group{display:none}.drawer-menu-item-btn{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.drawer-menu-item-btn:hover,.drawer-menu-item-btn.expanded{background:var(--sidebar-surface);border-color:var(--sidebar-border)}:root[data-theme=dark] .drawer-menu-item-btn:hover,:root[data-theme=dark] .drawer-menu-item-btn.expanded{background:#141414!important;border-color:#262626!important}.drawer-menu-item-left{align-items:center;gap:10px;display:flex}.drawer-menu-icon{font-size:15px;line-height:1}.drawer-menu-title{color:var(--sidebar-text);font-weight:500}.drawer-menu-chevron{color:var(--sidebar-muted);font-size:14px;transition:transform .15s}.drawer-accordion-content{padding:4px 2px 10px;animation:.15s fadeIn}.mobile-drawer-extra-sections{display:none}.brand-logo-img{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:40px;height:40px;padding:2px;box-shadow:0 2px 8px #0003}.community-widget-logo-img{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:38px;height:38px;padding:2px;box-shadow:0 2px 6px #0003}.auth-brand-logo-img{object-fit:contain;background:#fff;border-radius:16px;width:80px;height:80px;margin:0 auto 16px;padding:6px;display:block;box-shadow:0 4px 14px #0000001f}:root[data-theme=dark]{--bg:#000!important;--surface:#0a0a0a!important;--surface-subtle:#121212!important;--border:#222!important;--border-subtle:#181818!important;--primary:#fff!important;--primary-hover:#e5e5e5!important;--accent-green:#fff!important;--sidebar-bg:#000!important;--sidebar-surface:#0a0a0a!important;--sidebar-border:#222!important;--sidebar-text:#fff!important;--sidebar-muted:#888!important;--sidebar-active:#222!important;--community-card-bg:#0c0c0c!important;--banner-mint:#161616!important;--photo-blue:#1c2229!important}:root[data-theme=dark] body,:root[data-theme=dark] .nesty-app,:root[data-theme=dark] .nesty-center-feed{color:#e2e8f0!important;background-color:#000!important}:root[data-theme=dark] .nesty-sidebar-left{background-color:#000!important;border-right-color:#222!important}:root[data-theme=dark] .nesty-sidebar-right{background-color:#000!important;border-left-color:#222!important}:root[data-theme=dark] .main-content-card,:root[data-theme=dark] .post-composer-box,:root[data-theme=dark] .post-card-container,:root[data-theme=dark] .profile-hero-card,:root[data-theme=dark] .create-post-card,:root[data-theme=dark] .community-widget-card,:root[data-theme=dark] .featured-channels-widget,:root[data-theme=dark] .online-users-widget,:root[data-theme=dark] .feed-top-bar,:root[data-theme=dark] .desktop-top-header,:root[data-theme=dark] .composer-card,:root[data-theme=dark] .post-card-clean,:root[data-theme=dark] .profile-card-nesty,:root[data-theme=dark] .featured-widget,:root[data-theme=dark] .online-widget,:root[data-theme=dark] .create-page-box,:root[data-theme=dark] .left-sidebar-current-user-card{color:#e2e8f0!important;box-shadow:none!important;background-color:#0a0a0a!important;border-color:#222!important}:root[data-theme=dark] .nav-item-btn.active,:root[data-theme=dark] .channel-item-btn.active,:root[data-theme=dark] .channel-nav-item.active{color:#fff!important;background-color:#222!important;border-left-color:#fff!important}:root[data-theme=dark] .channel-nav-badge{color:#fff!important;background-color:#1a1a1a!important;border-color:#333!important}:root[data-theme=dark] .post-pill-submit,:root[data-theme=dark] .publish-btn-clean,:root[data-theme=dark] .post-pill-submit:not(:disabled){color:#000!important;background-color:#fff!important;font-weight:700!important}:root[data-theme=dark] .invite-friends-btn{color:#fff!important;background-color:#181818!important;border:1px solid #333!important}:root[data-theme=dark] .online-dot-badge,:root[data-theme=dark] .online-user-dot{background-color:#38bdf8!important;box-shadow:0 0 6px #38bdf880!important}:root[data-theme=dark] .dark-mode-toggle-switch{background-color:#333!important}:root[data-theme=dark] .members-pill{color:#888!important;background-color:#141414!important;border-color:#262626!important}:root[data-theme=dark] .brand-logo-img,:root[data-theme=dark] .community-widget-logo-img,:root[data-theme=dark] .auth-brand-logo-img{background-color:#000!important;box-shadow:0 0 0 1px #222!important}:root[data-theme=dark] .mobile-top-bar{background:#000!important;border-bottom:1px solid #222!important}:root[data-theme=dark] .mobile-bar-icon-btn{color:#fff!important;background:#141414!important;border-color:#262626!important}:root[data-theme=dark] .sidebar-search-box{background:#121212!important;border-color:#222!important}:root[data-theme=dark] .sidebar-search-input{color:#fff!important}:root[data-theme=dark] .sidebar-search-input::placeholder{color:#777!important}:root[data-theme=dark] .sidebar-user-card,:root[data-theme=dark] .dark-mode-toggle-row{background:#101010!important;border:1px solid #222!important}:root[data-theme=dark] .nesty-community-widget{background:#0c0c0c!important;border:1px solid #222!important}:root[data-theme=dark] .comm-badge.general{color:#fff!important;background:#2a2a2a!important}:root[data-theme=dark] .comm-item-btn:hover,:root[data-theme=dark] .nav-item-btn:hover,:root[data-theme=dark] .featured-channel-row:hover,:root[data-theme=dark] .online-user-item:hover{background:#181818!important}:root[data-theme=dark] .mobile-comm-card{background:#0c0c0c!important;border-color:#222!important}:root[data-theme=dark] .mobile-online-list .online-user-item{background:#101010!important;border:1px solid #222!important}:root[data-theme=dark] .sidebar-footer-wrap{border-top-color:#222!important}:root[data-theme=dark] .sidebar-scroll-bar-ctrl{background:#0a0a0ad9!important;border-color:#2a2a2a!important}:root[data-theme=dark] .center-scroll-bar-ctrl{background:#0a0a0a!important;border-color:#222!important}.nesty-app{background:var(--bg);width:100%;height:100vh;color:var(--text);display:flex;position:relative;overflow:hidden}.nesty-sidebar-left{scroll-behavior:smooth;flex-direction:column;width:250px;min-width:250px;height:100vh;display:flex;position:relative;overflow:hidden auto}.nesty-center-feed{scroll-behavior:smooth;flex:1;height:100vh;position:relative;overflow:hidden auto}.nesty-sidebar-right{scroll-behavior:smooth;flex-direction:column;width:320px;min-width:320px;height:100vh;display:flex;position:relative;overflow:hidden auto}.nesty-sidebar-left::-webkit-scrollbar{width:6px}.nesty-center-feed::-webkit-scrollbar{width:6px}.nesty-sidebar-right::-webkit-scrollbar{width:6px}.nesty-sidebar-left::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.nesty-center-feed::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.nesty-sidebar-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}:root[data-theme=dark] .nesty-sidebar-left::-webkit-scrollbar-thumb{background:#2a2a2a}:root[data-theme=dark] .nesty-center-feed::-webkit-scrollbar-thumb{background:#2a2a2a}:root[data-theme=dark] .nesty-sidebar-right::-webkit-scrollbar-thumb{background:#2a2a2a}.sidebar-scroll-bar-ctrl{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);z-index:30;background:#00000073;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:12px auto 6px;padding:6px 12px;display:flex;position:sticky;bottom:8px}.scroll-ctrl-btn{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.scroll-ctrl-btn:hover{background:var(--primary);color:#fff}:root[data-theme=dark] .scroll-ctrl-btn:hover{color:#000;background:#fff}.center-scroll-bar-ctrl{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:24px;gap:8px;padding:6px 12px;display:flex;position:fixed;bottom:24px;right:340px;box-shadow:0 4px 14px #00000026}.profile-action-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.profile-chat-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#047857;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.profile-chat-btn:hover{background:#065f46;transform:translateY(-1px)}.profile-call-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.profile-call-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.profile-videocall-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aed;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.profile-videocall-btn:hover{background:#6d28d9;transform:translateY(-1px)}:root[data-theme=dark] .profile-chat-btn{color:#000!important;background:#fff!important}:root[data-theme=dark] .profile-call-btn{color:#fff!important;background:#2563eb!important}:root[data-theme=dark] .profile-videocall-btn{color:#fff!important;background:#7c3aed!important}.chat-drawer-overlay{background:var(--surface);border:1px solid var(--border);z-index:100;border-bottom:none;border-radius:16px 16px 0 0;flex-direction:column;width:380px;max-width:90vw;height:520px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpChat;display:flex;position:fixed;bottom:0;right:330px;overflow:hidden;box-shadow:0 -8px 24px #00000040}@keyframes slideUpChat{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-drawer-header{border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-partner-info{align-items:center;gap:10px;display:flex}.chat-partner-avatar{object-fit:cover;color:#fff;background:#047857;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.chat-partner-details{flex-direction:column;display:flex}.chat-partner-name{color:var(--text-h);font-size:14px;font-weight:600}.chat-partner-status{color:#10b981;font-size:11px}:root[data-theme=dark] .chat-partner-status{color:#38bdf8}.chat-header-actions{align-items:center;gap:8px;display:flex}.chat-header-icon-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:15px;transition:all .2s}.chat-header-icon-btn:hover{background:var(--border)}.chat-messages-container{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chat-msg-row{width:100%;display:flex}.chat-msg-row.outgoing{justify-content:flex-end}.chat-msg-row.incoming{justify-content:flex-start}.chat-msg-bubble{word-break:break-word;border-radius:16px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.45}.chat-msg-row.outgoing .chat-msg-bubble{color:#fff;background:#047857;border-bottom-right-radius:4px}:root[data-theme=dark] .chat-msg-row.outgoing .chat-msg-bubble{font-weight:500;color:#000!important;background:#fff!important}.chat-msg-row.incoming .chat-msg-bubble{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.chat-msg-time{opacity:.7;text-align:right;margin-top:4px;font-size:10px;display:block}.chat-drawer-footer{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.chat-drawer-footer-row{align-items:center;gap:8px;display:flex}.chat-attach-btn{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;transition:all .15s;display:inline-flex}.chat-attach-btn:hover{background:var(--surface-subtle);color:var(--text-h);border-color:var(--text-muted)}.chat-file-preview{background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.chat-file-preview-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.chat-file-preview-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:32px;height:32px}.chat-file-preview-icon{flex-shrink:0;font-size:20px}.chat-file-preview-meta{flex-direction:column;min-width:0;display:flex}.chat-file-preview-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.chat-file-preview-size{color:var(--text-muted);font-size:10.5px}.chat-file-preview-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:15px}.chat-file-preview-remove:hover{color:#ef4444}.chat-msg-media-img{object-fit:cover;cursor:pointer;border-radius:10px;max-width:100%;max-height:240px;margin-bottom:6px;display:block}.chat-msg-media-video{border-radius:10px;max-width:100%;max-height:240px;margin-bottom:6px;display:block}.chat-msg-media-audio{width:100%;max-width:250px;margin-bottom:6px;display:block}.chat-msg-doc-pill{color:inherit;background:#00000014;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;text-decoration:none;transition:background .2s;display:flex}.chat-msg-row.outgoing .chat-msg-doc-pill{background:#ffffff38}.chat-msg-doc-pill:hover{background:#00000024}.chat-msg-row.outgoing .chat-msg-doc-pill:hover{background:#ffffff52}.doc-info{flex-direction:column;flex:1;min-width:0;display:flex}.doc-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.doc-size{opacity:.8;font-size:10px}.doc-dl-icon{opacity:.8;font-size:14px}.chat-drawer-input{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-size:13.5px}.chat-drawer-send-btn{color:#fff;cursor:pointer;background:#047857;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}:root[data-theme=dark] .chat-drawer-send-btn{color:#000!important;background:#fff!important}.call-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99998;background:#000000e0;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.call-modal-card{text-align:center;color:#fff;background:#0f172a;border:1px solid #334155;border-radius:24px;flex-direction:column;align-items:center;width:440px;max-width:95vw;padding:32px 24px;display:flex;box-shadow:0 16px 48px #00000080}:root[data-theme=dark] .call-modal-card{background:#0a0a0a!important;border-color:#222!important}.call-avatar-wrapper{width:104px;height:104px;margin-bottom:20px;position:relative}.call-avatar-img{object-fit:cover;background:#334155;border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;font-size:38px;font-weight:700;display:flex}.call-pulse-ring{opacity:.8;border:2px solid #38bdf8;border-radius:50%;animation:1.8s ease-out infinite pulseCallRing;position:absolute;inset:-12px}@keyframes pulseCallRing{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.call-user-name{margin-bottom:4px;font-size:22px;font-weight:700}.call-user-handle{color:#94a3b8;margin-bottom:12px;font-size:14px}.call-status-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866;border-radius:20px;align-items:center;gap:6px;margin-bottom:24px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-flex}.call-status-badge.connected{color:#22c55e;background:#22c55e26;border-color:#22c55e66}:root[data-theme=dark] .call-status-badge.connected{color:#fff!important;background:#ffffff26!important;border-color:#fff6!important}.audio-waves-container{align-items:center;gap:4px;height:28px;margin-bottom:24px;display:flex}@keyframes wavePulse{0%{height:6px}to{height:28px}}.call-video-grid{background:#000;border:1px solid #334155;border-radius:16px;justify-content:center;align-items:center;width:100%;height:260px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.call-calling-preview-container{border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.call-calling-preview-video{object-fit:cover;filter:brightness(.92);border-radius:16px;width:100%;height:100%}.call-calling-preview-overlay{text-align:center;background:#0000006b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.call-calling-tag{color:#38bdf8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;border:1px solid #38bdf880;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.call-calling-sub{color:#cbd5e1;text-shadow:0 1px 4px #000c;font-size:12px}.call-video-pip{z-index:10;background:#0f172a;border:2px solid #38bdf8;border-radius:10px;width:96px;height:72px;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 4px 14px #0009}.call-actions-row{align-items:center;gap:16px;margin-top:10px;display:flex}.call-ctrl-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .2s;display:flex}.call-ctrl-btn:hover{background:#334155;transform:scale(1.08)}.call-ctrl-btn.active{color:#0f172a;background:#e2e8f0}.call-ctrl-btn.end-call{border:none;width:56px;height:56px;font-size:22px;color:#fff!important;background:#ef4444!important}.call-ctrl-btn.end-call:hover{background:#dc2626!important}.incoming-call-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:99999;background:#000000e0;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.incoming-call-card{text-align:center;color:#fff;background:#0f172a;border:1px solid #334155;border-radius:28px;flex-direction:column;align-items:center;width:380px;max-width:92vw;padding:32px 24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;box-shadow:0 20px 60px #000000a6}:root[data-theme=dark] .incoming-call-card{background:#000!important;border-color:#222!important}.incoming-call-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866;border-radius:20px;align-items:center;gap:6px;margin-bottom:28px;padding:5px 16px;font-size:13px;font-weight:600;display:inline-flex}.incoming-call-actions{justify-content:center;align-items:center;gap:36px;width:100%;display:flex}.incoming-action-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.incoming-action-label{color:#94a3b8;font-size:12px;font-weight:600}.incoming-action-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #00000059}.incoming-action-btn:hover{transform:scale(1.12)}.incoming-action-btn.decline{background:#dc2626}.incoming-action-btn.decline:hover{background:#b91c1c;box-shadow:0 0 24px #dc262699}.incoming-action-btn.accept{background:#16a34a;animation:1.6s ease-out infinite pulseAccept}.incoming-action-btn.accept:hover{background:#15803d;box-shadow:0 0 24px #16a34a99}@keyframes pulseAccept{0%{transform:scale(1);box-shadow:0 0 #16a34ab3}70%{transform:scale(1.04);box-shadow:0 0 0 16px #16a34a00}to{transform:scale(1);box-shadow:0 0 #16a34a00}}.call-video-element{object-fit:cover;border-radius:14px;width:100%;height:100%}.call-video-pip-element{object-fit:cover;border-radius:6px;width:100%;height:100%}.profile-cover-mint{position:relative}.edit-cover-floating-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;background:#000000a6;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;position:absolute;top:14px;right:14px}.edit-cover-floating-btn:hover{background:#000000d9;transform:translateY(-1px)}.avatar-edit-overlay-icon{background:var(--surface);color:var(--text);border:2px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:transform .15s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0000004d}.avatar-edit-overlay-icon:hover{transform:scale(1.1)}.profile-edit-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.profile-edit-banner-preview{border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:10px;justify-content:center;align-items:center;width:100%;height:90px;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.edit-cover-upload-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:16px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.edit-cover-upload-pill:hover{background:#000000e6}.profile-edit-avatar-preview{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:64px;height:64px;overflow:hidden}.edit-avatar-upload-btn{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-block}.edit-avatar-upload-btn:hover{background:var(--border)}.preset-chips-row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.preset-chip-btn{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;padding:3px 9px;font-size:11px;transition:all .15s}.preset-chip-btn:hover,.preset-chip-btn.selected{background:var(--primary);color:var(--bg);border-color:var(--primary);font-weight:600}:root[data-theme=dark] .edit-cover-upload-pill{background:#000000d9;border-color:#333}:root[data-theme=dark] .edit-avatar-upload-btn{background:#181818;border-color:#2a2a2a}:root[data-theme=dark] .preset-chip-btn{color:#ccc;background:#141414;border-color:#262626}:root[data-theme=dark] .preset-chip-btn.selected{color:#000;background:#fff;border-color:#fff}@media (width<=900px){.nesty-app{width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;display:block!important;position:relative!important;overflow-x:hidden!important}.mobile-top-bar{z-index:80!important;height:56px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.nesty-sidebar-left{z-index:95!important;width:310px!important;min-width:0!important;max-width:85vw!important;height:100vh!important;padding-top:16px!important;transition:transform .28s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow:hidden auto!important;transform:translate(-100%)!important;box-shadow:8px 0 24px #00000080!important}.nesty-sidebar-left.open-drawer{transform:translate(0)!important}.nesty-sidebar-right{display:none!important}.nesty-center-feed{box-sizing:border-box!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:64px 12px 24px!important;display:block!important;position:relative!important;overflow:hidden auto!important}.feed-top-bar,.feed-content-wrapper,.profile-card-nesty,.profile-hero-card,.create-page-box,.create-post-card,.post-card-clean,.post-card-container,.composer-card,.post-composer-box,.profile-posts-list,.profile-details-section,.profile-cover-mint{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.drawer-accordion-group{display:block!important}.mobile-comm-card{background:var(--surface-subtle)!important;border:1px solid var(--border)!important;border-radius:12px!important;margin-bottom:8px!important;padding:14px!important}.mobile-divider{background:var(--border);opacity:.6;height:1px;margin:12px 0}.online-drawer-accordion-content{box-sizing:border-box!important;width:100%!important;max-height:70vh!important;padding:6px 2px 12px!important;overflow:hidden auto!important}.mobile-online-list{box-sizing:border-box!important;flex-direction:column!important;gap:6px!important;width:100%!important;max-width:100%!important;display:flex!important}.mobile-online-list .online-user-item{box-sizing:border-box!important;background:var(--surface-subtle)!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;padding:8px 10px!important;display:flex!important;overflow:hidden!important}.mobile-online-list .online-user-avatar{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;display:flex!important;position:relative!important;overflow:visible!important}.mobile-online-list .online-user-avatar img,.mobile-online-list .online-avatar-img{object-fit:cover!important;border-radius:50%!important;flex-shrink:0!important;width:40px!important;min-width:40px!important;max-width:100%!important;height:40px!important;min-height:40px!important;display:block!important}.nesty-sidebar-left img:not(.brand-logo-img),.drawer-accordion-content img,.mobile-online-list img{max-width:100%!important}.notifications-backdrop-blur{z-index:1040!important}.notifications-flyout{border:1px solid var(--border)!important;z-index:1050!important;box-sizing:border-box!important;background:var(--surface)!important;border-radius:20px!important;flex-direction:column!important;width:auto!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:calc(100dvh - 80px)!important;display:flex!important;position:fixed!important;inset:60px 12px 20px!important;box-shadow:0 24px 60px #0009!important}.notif-list-container{flex:1!important;max-height:none!important;overflow-y:auto!important}.incoming-call-overlay{z-index:999999!important;background:#050811!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}.incoming-call-card{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;box-shadow:none!important;padding:calc(48px + env(safe-area-inset-top,0px)) 24px calc(48px + env(safe-area-inset-bottom,0px)) 24px!important;box-sizing:border-box!important;z-index:999999!important;background:radial-gradient(circle at 50% 20%,#1e293b 0%,#050811 100%)!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important}.incoming-call-card .call-avatar-wrapper{width:130px!important;height:130px!important;margin-top:24px!important;margin-bottom:24px!important}.incoming-call-card .call-avatar-img{width:130px!important;height:130px!important;font-size:52px!important}.incoming-call-card .call-user-name{color:#fff!important;margin-bottom:6px!important;font-size:28px!important;font-weight:700!important}.incoming-call-card .call-user-handle{color:#94a3b8!important;margin-bottom:16px!important;font-size:16px!important}.incoming-call-card .incoming-call-badge{border-radius:24px!important;padding:8px 20px!important;font-size:15px!important}.incoming-call-card .incoming-call-actions{justify-content:space-around!important;width:100%!important;max-width:340px!important;margin-bottom:24px!important;display:flex!important}.incoming-call-card .incoming-action-btn{width:76px!important;height:76px!important;font-size:32px!important}.call-overlay{z-index:999999!important;background:#050811!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}.call-modal-card{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;box-shadow:none!important;padding:calc(36px + env(safe-area-inset-top,0px)) 20px calc(36px + env(safe-area-inset-bottom,0px)) 20px!important;box-sizing:border-box!important;z-index:999999!important;background:radial-gradient(circle at 50% 20%,#1e293b 0%,#050811 100%)!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:space-between!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important}.call-modal-card.video-active{width:100vw!important;max-width:100vw!important;height:100dvh!important;padding:calc(20px + env(safe-area-inset-top,0px)) 12px calc(24px + env(safe-area-inset-bottom,0px)) 12px!important}.call-modal-card.video-active .call-video-grid{flex:1!important;height:auto!important;min-height:280px!important;max-height:none!important;margin-bottom:12px!important}.center-scroll-bar-ctrl{z-index:50!important;position:fixed!important;bottom:16px!important;right:16px!important}.chat-drawer-overlay{z-index:105!important;border-radius:20px 20px 0 0!important;width:100vw!important;max-width:100vw!important;height:75vh!important;bottom:0!important;left:0!important;right:0!important}}.call-modal-card.video-active{width:680px;max-width:96vw;padding:16px 16px 20px}.call-modal-card.video-active .call-video-grid{height:480px;max-height:65vh;margin-bottom:16px}.call-video-header-overlay{justify-content:space-between;align-items:center;width:100%;margin-bottom:14px;padding:0 4px;display:flex}.pip-flip-badge{color:#38bdf8;pointer-events:none;background:#000000b8;border:1px solid #38bdf866;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;top:5px;right:5px}.online-nesters-modal{flex-direction:column;width:520px;max-width:94vw;max-height:82vh;display:flex}.online-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.online-modal-list{flex-direction:column;gap:10px;max-height:60vh;padding-right:4px;display:flex;overflow-y:auto}.online-modal-user-card{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.online-modal-user-left{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.online-user-meta{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.online-modal-user-card .online-user-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.online-modal-user-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.online-action-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.online-action-btn:hover{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.pull-to-refresh-banner{pointer-events:none;box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.pull-to-refresh-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-h);border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #0000001f}:root[data-theme=dark] .pull-to-refresh-pill{background:#181818;border-color:#2a2a2a;box-shadow:0 4px 16px #0009}.pull-to-refresh-spinner{font-size:14px;transition:transform .2s;display:inline-block}.pull-to-refresh-spinner.spin{animation:.75s linear infinite pullSpin}@keyframes pullSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-item-btn.logout-nav-item{margin-top:4px;color:#ef4444!important}.nav-item-btn.logout-nav-item:hover{color:#ef4444!important;background:#ef444426!important}.community-group-header-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 4px 16px #0000000d}:root[data-theme=dark] .community-group-header-card{background:#14171f;border-color:#232936;box-shadow:0 4px 20px #0006}.group-header-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.group-header-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:flex}.group-header-badge.coding{background:linear-gradient(135deg,#10b981,#059669)}.group-header-badge.showcase{background:linear-gradient(135deg,#f59e0b,#d97706)}.group-header-badge.opportunities{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.group-header-badge.study{background:linear-gradient(135deg,#ec4899,#db2777)}.group-header-details{flex-direction:column;gap:2px;min-width:0;display:flex}.group-header-title-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.group-header-name{color:var(--text-h);margin:0;font-size:19px;font-weight:700}.group-online-chip{color:#10b981;background:#10b9811f;border-radius:12px;align-items:center;gap:6px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.group-online-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #10b981}.group-header-desc{color:var(--text-muted);margin:0;font-size:12.5px}.group-header-call-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.group-call-action-btn{cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #00000014}.group-call-action-btn.audio-call{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.group-call-action-btn.audio-call:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.group-call-action-btn.video-call{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.group-call-action-btn.video-call:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.group-call-icon{font-size:15px}@media (width<=640px){.community-group-header-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.group-header-call-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.group-call-action-btn{justify-content:center;padding:8px 10px;font-size:12.5px}}.profile-golive-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #ef444459}.profile-golive-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 18px #ef444480}.live-pulsing-badge{color:#fff;font-size:11px;animation:1.2s infinite liveBadgePulse;display:inline-block}@keyframes liveBadgePulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.reels-feed-container{flex-direction:column;align-items:center;width:100%;max-width:680px;margin:0 auto;padding-bottom:30px;display:flex}.reels-top-header{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:16px;justify-content:space-between;align-items:center;width:100%;max-width:440px;margin-bottom:12px;padding:12px 14px;display:flex}:root[data-theme=dark] .reels-top-header{background:#14171f;border-color:#232936}.reels-brand-pill{align-items:center;gap:8px;display:flex}.reels-brand-title{color:var(--text-h);font-size:16px;font-weight:800}.reels-hot-pill{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:6px;padding:2px 6px;font-size:9.5px;font-weight:800}.reels-top-actions{align-items:center;gap:8px;display:flex}.reels-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.reels-create-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.reels-mute-toggle-btn{border:1px solid var(--border);background:var(--card-bg,#ffffff0d);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.reels-stage-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.reel-card-main{background:#000;border:1px solid #ffffff1a;border-radius:22px;justify-content:center;align-items:center;width:100%;max-width:440px;height:640px;max-height:calc(100vh - 180px);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.reel-video-viewport{object-fit:cover;cursor:pointer;width:100%;height:100%}.reel-side-actions{z-index:10;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:80px;right:14px}.reel-side-avatar-wrap{cursor:pointer;margin-bottom:4px;position:relative}.reel-side-avatar-img,.reel-side-avatar-fallback{border:2px solid #fff;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 10px #0006}.reel-side-avatar-fallback{color:#fff;background:#3b82f6;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.reel-author-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.reel-side-btn{cursor:pointer;color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.reel-side-icon{filter:drop-shadow(0 2px 6px #0009);font-size:26px;transition:transform .15s}.reel-side-btn:hover .reel-side-icon{transform:scale(1.15)}.reel-side-count{text-shadow:0 1px 4px #000c;font-size:12px;font-weight:700}.reel-sound-disc{background:radial-gradient(circle,#2d3748 30%,#1a202c 70%,#000 100%);border:4px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;animation:4s linear infinite discSpin;display:flex;box-shadow:0 4px 12px #0009}.reel-sound-disc.paused{animation-play-state:paused}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel-bottom-info{z-index:5;color:#fff;background:linear-gradient(#0000 0%,#0006 30%,#000000d9 100%);flex-direction:column;gap:8px;padding:24px 16px 16px;display:flex;position:absolute;bottom:0;left:0;right:70px}.reel-author-handle-row{cursor:pointer;align-items:center;gap:6px;display:flex}.reel-author-handle{text-shadow:0 1px 4px #000c;font-size:15px;font-weight:800}.reel-verified-badge{color:#000;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:900;display:flex}.reel-counter-pill{background:#fff3;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px}.reel-caption-text{text-shadow:0 1px 3px #000c;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.reel-audio-pill{opacity:.9;text-shadow:0 1px 3px #000c;align-items:center;gap:6px;font-size:12px;display:inline-flex}.reel-nav-float-btn{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text-h);cursor:pointer;z-index:20;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex;position:absolute;box-shadow:0 6px 18px #00000040}.reel-nav-float-btn:hover{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent);transform:scale(1.1)}.reel-nav-float-btn.prev-btn{top:10px;right:-56px}.reel-nav-float-btn.next-btn{bottom:10px;right:-56px}@media (width<=600px){.reel-nav-float-btn.prev-btn{color:#fff;background:#0009;width:34px;height:34px;font-size:12px;top:10px;right:10px}.reel-nav-float-btn.next-btn{color:#fff;background:#0009;width:34px;height:34px;font-size:12px;bottom:10px;right:10px}.reel-card-main{border-radius:16px;height:calc(100vh - 120px);max-height:none}}.live-broadcast-overlay{z-index:999999;padding:env(safe-area-inset-top,16px) 16px env(safe-area-inset-bottom,16px) 16px;box-sizing:border-box;background:#090b10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.live-broadcast-container{background:#11141d;border:1px solid #232936;border-radius:20px;flex-direction:column;width:100%;max-width:1100px;height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000c}.live-top-bar{background:#181c28;border-bottom:1px solid #232936;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.live-top-left{align-items:center;gap:12px;display:flex}.live-pulsing-badge-large{color:#fff;letter-spacing:.5px;background:#ef4444;border-radius:8px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;animation:1.2s infinite liveBadgePulse;display:inline-flex}.live-title-wrap{flex-direction:column;display:flex}.live-studio-title{color:#fff;font-size:15px;font-weight:700}.live-studio-title-input{color:#fff;background:#0000004d;border:1px dashed #ffffff40;border-radius:8px;outline:none;max-width:320px;padding:3px 8px;font-size:14.5px;font-weight:700}.live-studio-title-input:focus{background:#00000080;border-style:solid;border-color:#3b82f6}.live-channel-badge{color:#94a3b8;font-size:11px}.live-top-right{align-items:center;gap:10px;display:flex}.live-viewers-pill,.live-duration-pill{color:#e2e8f0;background:#ffffff14;border-radius:14px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.live-end-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:7px 18px;font-size:13px;font-weight:700;transition:all .2s}.live-end-btn:hover{background:#dc2626;transform:translateY(-1px)}.live-main-stage{flex:1;min-height:0;display:flex;overflow:hidden}.live-video-box{background:#000;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.live-video-element{object-fit:contain;width:100%;height:100%}.live-video-off-backdrop{color:#64748b;background:#0b0f19;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:600;display:flex;position:absolute;inset:0}.live-floating-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0f172ad9;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:10px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.live-ctrl-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:20px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.live-ctrl-btn:hover{background:#ffffff38}.live-ctrl-btn.muted{background:#ef4444;border-color:#ef4444}.live-ctrl-btn.danger{color:#fca5a5;background:#ef444440;border-color:#ef444480}.live-ctrl-btn.danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.live-ctrl-btn.danger.live-ctrl-end-btn{box-shadow:0 2px 10px #ef444473;color:#fff!important;background:#ef4444!important;border-color:#dc2626!important;flex-shrink:0!important;font-weight:700!important}.live-ctrl-btn.danger.live-ctrl-end-btn:hover,.live-ctrl-btn.danger.live-ctrl-end-btn:active{transform:translateY(-1px);background:#dc2626!important}.live-ctrl-btn.danger.live-ctrl-leave-btn{color:#fca5a5!important;background:#ef444440!important;border-color:#ef444480!important;flex-shrink:0!important;font-weight:700!important}.live-ctrl-btn.danger.live-ctrl-leave-btn:hover{color:#fff!important;background:#dc2626!important}.live-chat-panel{background:#141724;border-left:1px solid #232936;flex-direction:column;flex-shrink:0;width:320px;display:flex}.live-chat-header{color:#e2e8f0;border-bottom:1px solid #232936;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13.5px;font-weight:700;display:flex}.live-chat-badge{color:#94a3b8;background:#ffffff14;border-radius:10px;padding:2px 6px;font-size:11px}.live-chat-messages-scroll{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.live-chat-bubble{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:10px;padding:8px 10px}.live-chat-user-line{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.live-chat-username{color:#38bdf8;font-size:12px;font-weight:700}.live-chat-timestamp{color:#64748b;font-size:10px}.live-chat-body{color:#f1f5f9;word-break:break-word;font-size:13px}.live-chat-composer{border-top:1px solid #232936;gap:8px;padding:10px 12px;display:flex}.live-chat-input{color:#fff;background:#0b0f19;border:1px solid #232936;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:13px}.live-chat-input:focus{border-color:#3b82f6}.live-chat-send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.live-video-element.fit-contain{object-fit:contain!important}.live-video-element.fit-cover{object-fit:cover!important}.live-ctrl-btn.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8}.live-end-btn-short{display:none}.live-end-btn-text{display:inline}.live-chat-toggle-btn{display:none}.live-top-bar,.live-floating-controls{transition:opacity .25s,transform .25s,max-height .25s}.live-broadcast-container.clean-view-mode .live-top-bar{opacity:0!important;pointer-events:none!important;border-bottom:none!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important;transform:translateY(-100%)!important}.live-broadcast-container.clean-view-mode .live-floating-controls{opacity:0!important;pointer-events:none!important;transform:translate(-50%,60px)!important}.live-broadcast-container.clean-view-mode .live-chat-panel{display:none!important}.live-broadcast-container.clean-view-mode .live-unmute-chip,.live-broadcast-container.clean-view-mode .live-particles-container,.live-broadcast-container.clean-view-mode .live-grace-period-banner{opacity:0!important;pointer-events:none!important}.live-broadcast-container.clean-view-mode .live-main-stage,.live-broadcast-container.clean-view-mode .live-video-grid{flex:100%!important;width:100%!important;height:100%!important}.live-broadcast-container.clean-view-mode .live-tile.host-tile{cursor:pointer;width:100%!important;height:100%!important}.live-broadcast-container.clean-view-mode .live-video-element{object-fit:cover!important;width:100%!important;height:100%!important}@media (width<=800px){.live-broadcast-overlay{width:100vw!important;height:100dvh!important;padding:0!important}.live-broadcast-container{border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important}.live-top-bar{padding:max(8px, env(safe-area-inset-top)) 10px 8px 10px!important;box-sizing:border-box!important;z-index:20!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important}.live-top-left{flex:auto!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important;overflow:hidden!important}.live-pulsing-badge-large{border-radius:6px!important;flex-shrink:0!important;padding:3px 6px!important;font-size:10.5px!important}.live-title-wrap{min-width:0!important;max-width:110px!important;overflow:hidden!important}.live-studio-title{text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12.5px!important;display:block!important;overflow:hidden!important}.live-studio-title-input{max-width:95px!important;padding:2px 6px!important;font-size:12px!important}.live-channel-badge{display:none!important}.live-top-right{flex-shrink:0!important;align-items:center!important;gap:4px!important;margin-left:auto!important;display:flex!important}.live-viewers-pill,.live-duration-pill{flex-shrink:0!important;gap:2px!important;padding:3px 6px!important;font-size:10px!important}.live-viewers-label,.live-replay-notice-pill,.live-reactions-total-pill,.live-orientation-btn{display:none!important}.live-end-btn{color:#fff!important;white-space:nowrap!important;z-index:10!important;background:#ef4444!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;min-width:48px!important;padding:5px 12px!important;font-size:11.5px!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 2px 8px #ef444466!important}.live-end-btn-text{display:none!important}.live-end-btn-short{display:inline!important}.live-leave-btn{white-space:nowrap!important;border-radius:8px!important;flex-shrink:0!important;padding:5px 10px!important;font-size:11.5px!important}.live-main-stage{flex-direction:column!important;height:calc(100% - 46px)!important;position:relative!important}.live-video-box{flex:auto!important;width:100%!important;height:100%!important;min-height:0!important}.live-floating-controls{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;z-index:25!important;border-radius:24px!important;gap:6px!important;max-width:calc(100% - 16px)!important;padding:6px 10px!important;bottom:12px!important;overflow-x:auto!important}.live-floating-controls::-webkit-scrollbar{display:none!important}.live-ctrl-btn{flex-shrink:0!important;gap:4px!important;padding:5px 9px!important;font-size:11px!important}.live-ctrl-btn .live-btn-text{font-size:10px!important}.live-ctrl-btn.danger.live-ctrl-end-btn{color:#fff!important;background:#ef4444!important;border-color:#dc2626!important;padding:5px 12px!important;font-weight:700!important;box-shadow:0 2px 10px #ef444480!important}.live-chat-panel{border-top:1px solid #232936!important;border-left:none!important;flex-shrink:0!important;width:100%!important;transition:all .25s!important}.live-chat-panel.open{height:220px!important;max-height:38vh!important}.live-chat-panel.collapsed{height:38px!important;min-height:38px!important;overflow:hidden!important}.live-chat-header{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;padding:7px 12px!important;font-size:12px!important}.live-chat-toggle-btn{color:#38bdf8;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff26;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block!important}.live-chat-messages-scroll{gap:5px!important;padding:6px 10px!important}.live-chat-bubble{padding:4px 8px!important}.live-chat-body{font-size:11.5px!important}.live-chat-composer{padding:6px 10px max(8px, env(safe-area-inset-bottom)) 10px!important;gap:6px!important}.live-chat-input{padding:5px 8px!important;font-size:11.5px!important}.live-chat-send-btn{padding:5px 10px!important;font-size:11.5px!important}}@media (width<=900px) and (orientation:landscape){.live-main-stage{flex-direction:row!important}.live-chat-panel.open{border-top:none!important;border-left:1px solid #232936!important;width:250px!important;height:100%!important;max-height:none!important}.live-chat-panel.collapsed{width:44px!important;height:100%!important}}.live-now-container{background:var(--card-bg,#161a23);border:1px solid var(--border-color,#232936);border-radius:16px;margin:0 0 16px;padding:12px 14px;box-shadow:0 4px 16px #00000040}.live-now-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.live-now-title-group{align-items:center;gap:8px;display:flex}.live-now-pulse-dot{background:#ef4444;border-radius:50%;width:9px;height:9px;animation:1.2s infinite liveBadgePulse;box-shadow:0 0 10px #ef4444}.live-now-title{letter-spacing:.8px;color:var(--text-muted,#94a3b8);text-transform:uppercase;font-size:11.5px;font-weight:800}.live-now-count-badge{color:#ef4444;background:#ef44442e;border:1px solid #ef444459;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.live-now-scroll{scrollbar-width:thin;align-items:center;gap:14px;padding:4px 2px 8px;display:flex;overflow-x:auto}.live-now-scroll::-webkit-scrollbar{height:4px}.live-now-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.live-now-card{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;min-width:72px;max-width:80px;padding:4px;transition:transform .18s;display:flex}.live-now-card:hover{transform:translateY(-2px)}.live-now-avatar-ring{background:linear-gradient(135deg,#ef4444,#f97316,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;padding:2.5px;display:flex;position:relative;box-shadow:0 0 12px #ef444473}.live-now-card.create-card .create-ring{box-shadow:none;background:#ffffff1f;border:1.5px dashed #ffffff4d}.live-now-create-icon{color:var(--primary,#3b82f6);font-size:24px;font-weight:700}.live-now-avatar-img,.live-now-avatar-fallback{object-fit:cover;color:#fff;background:#1e293b;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex}.live-now-live-badge{color:#fff;letter-spacing:.4px;background:#ef4444;border:1.5px solid #0f172a;border-radius:4px;padding:1px 5px;font-size:8.5px;font-weight:900;position:absolute;bottom:-4px}.live-now-info{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.live-now-host-name{color:var(--text-color,#f1f5f9);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.live-now-meta-sub{color:var(--text-muted,#94a3b8);font-size:9.5px}.live-now-viewers-pill{color:#ef4444;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.live-unfinished-replay-banner{background:linear-gradient(135deg,#ef44441f,#f9731614);border:1px solid #ef44444d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.unfinished-text strong{color:#f87171;font-size:12.5px;display:block}.unfinished-text span{color:var(--text-muted,#94a3b8);font-size:11px}.unfinished-actions{gap:8px;display:flex}.unfinished-actions .btn-review{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:5px 12px;font-size:11.5px;font-weight:700}.unfinished-actions .btn-discard{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;padding:5px 10px;font-size:11.5px}.live-pre-setup-view{box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:24px;display:flex;overflow-y:auto}.live-pre-header{margin-bottom:20px}.live-pre-badge{letter-spacing:.6px;color:#ef4444;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-block}.live-pre-header h2{color:#fff;margin:0;font-size:22px;font-weight:700}.live-pre-content-grid{flex:1;grid-template-columns:1fr 1fr;gap:24px;display:grid}.live-pre-video-box{background:#000;border:1px solid #232936;border-radius:16px;width:100%;height:100%;min-height:280px;position:relative;overflow:hidden}.live-pre-video-element{object-fit:cover;width:100%;height:100%}.live-pre-video-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;background:#000000a6;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:12px;left:12px}.live-pre-form-card{background:#181c28;border:1px solid #232936;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.live-setup-input{color:#fff;box-sizing:border-box;background:#0e121c;border:1px solid #283144;border-radius:10px;width:100%;padding:10px 14px;font-size:14px}.live-setup-input:focus{border-color:#ef4444;outline:none}.live-toggles-grid{background:#111520;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex}.live-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.live-toggle-row strong{color:#f1f5f9;font-size:12.5px;display:block}.live-toggle-row small{color:#94a3b8;font-size:11px}.live-toggle-row input[type=checkbox]{accent-color:#ef4444;width:18px;height:18px}.live-chat-settings-card{background:#111520;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.live-chat-settings-card h4{text-transform:uppercase;color:#94a3b8;margin:0 0 4px;font-size:12px;font-weight:700}.live-settings-row{color:#e2e8f0;justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.live-settings-row select{color:#fff;background:#181c28;border:1px solid #283144;border-radius:6px;padding:4px 8px;font-size:12px}.live-blocked-words-box label{color:#94a3b8;margin-bottom:6px;font-size:11.5px;display:block}.live-blocked-input-row{gap:6px;display:flex}.live-blocked-input-row input{color:#fff;background:#181c28;border:1px solid #283144;border-radius:6px;flex:1;padding:6px 10px;font-size:12px}.live-blocked-input-row button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:0 12px;font-size:11.5px;font-weight:700}.live-tags-wrap{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.live-blocked-tag{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.live-blocked-tag button{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;font-weight:700}.live-pre-actions{gap:12px;margin-top:auto;padding-top:12px;display:flex}.live-cancel-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex:1;padding:12px;font-weight:600}.live-go-active-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;flex:2;padding:12px;font-size:14px;font-weight:700;box-shadow:0 6px 20px #ef444473}.live-video-grid{box-sizing:border-box;background:#000;border-radius:12px;flex:1;gap:8px;height:100%;padding:8px;display:grid;position:relative;overflow:hidden}.live-video-grid.count-1{grid-template-rows:1fr;grid-template-columns:1fr}.live-video-grid.count-2{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.live-video-grid.count-3{grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr}.live-video-grid.count-3 .host-tile{grid-row:1/span 2}.live-video-grid.count-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.live-tile{background:#090c14;border:1px solid #1e2433;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.live-tile-meta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:10;background:#000000a6;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex;position:absolute;top:10px;left:10px}.live-tile-badge.host-badge{color:#fff;background:#ef4444;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800}.live-tile-badge.guest-badge{color:#fff;background:#10b981;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800}.live-unmute-chip{color:#38bdf8;cursor:pointer;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #38bdf866;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;position:absolute;top:14px;right:14px;box-shadow:0 4px 14px #0006}.live-unmute-chip:hover{color:#fff;background:#38bdf833;transform:scale(1.05)}.live-guest-avatar-backdrop{background:#111522;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.live-guest-avatar-backdrop img,.live-guest-fallback-avatar{object-fit:cover;color:#fff;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;font-weight:700;display:flex}.live-guest-audio-only-tag{color:#94a3b8;font-size:11px;font-weight:600}.live-guest-mod-menu{z-index:10;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.live-guest-mod-menu button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:6px;padding:4px 8px;font-size:11px}.live-particles-container{pointer-events:none;z-index:50;position:absolute;inset:0;overflow:hidden}@keyframes floatReactionUp{0%{opacity:1;transform:translate(0,0)scale(.7)}50%{opacity:.95;transform:translate(15px,-110px)scale(1.1)}to{opacity:0;transform:translate(-10px,-240px)scale(1.3)}}.live-reaction-particle{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;font-size:32px;animation:1.8s cubic-bezier(.2,.8,.4,1) forwards floatReactionUp;position:absolute}.live-reactions-tap-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#0f172abf;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 24px #00000080}.live-reaction-tap-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;padding:4px;font-size:22px;transition:transform .12s}.live-reaction-tap-btn:active{transform:scale(1.3)}.live-reactions-total-pill{color:#f87171;background:#ef444426;border:1px solid #ef444459;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:700;display:flex}.live-replay-notice-pill{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f659;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.live-grace-period-banner{color:#000;background:#f59e0b;justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.live-viewer-top-actions{align-items:center;gap:8px;display:flex}.live-report-btn{color:#f87171;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:5px 8px}.live-leave-btn{color:#ef4444;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700}.live-raise-hand-btn{color:#10b981;cursor:pointer;background:#10b98133;border:1px solid #10b98166;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:flex;box-shadow:0 4px 16px #0006}.live-raise-hand-btn.active{color:#fff;background:#10b981}.live-btn-badge{color:#fff;background:#ef4444;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:800}.live-chat-role-badge{border-radius:3px;margin-right:4px;padding:1px 4px;font-size:8.5px;font-weight:800}.live-chat-role-badge.host{color:#fff;background:#ef4444}.live-chat-role-badge.mod{color:#fff;background:#8b5cf6}.live-chat-role-badge.guest{color:#fff;background:#10b981}.live-chat-bubble{cursor:pointer}.live-chat-bubble:hover{background:#ffffff0a}.live-slow-mode-pill,.live-followers-only-pill{color:#cbd5e1;background:#ffffff1a;border-radius:999px;padding:2px 6px;font-size:10px}.live-chat-error-bar{color:#ef4444;text-align:center;background:#ef444426;border:1px solid #ef444459;padding:6px 12px;font-size:11.5px}.live-dialog-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.live-dialog-box{color:#fff;background:#181c28;border:1px solid #283144;border-radius:16px;width:100%;max-width:440px;padding:20px;box-shadow:0 16px 40px #000c}.live-dialog-box h3{margin:0 0 10px;font-size:17px}.live-dialog-actions{gap:10px;margin-top:16px;display:flex}.live-dialog-accept-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px;font-weight:700}.live-dialog-decline-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:10px 16px}.mod-menu-options{flex-direction:column;gap:6px;margin-top:12px;display:flex}.mod-btn{color:#fff;text-align:left;cursor:pointer;background:#0f131d;border:1px solid #283144;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.mod-btn.delete{color:#f87171}.mod-btn.timeout{color:#fbbf24}.mod-btn.kick{color:#ef4444;font-weight:700}.mod-btn.cancel{text-align:center;color:#94a3b8;background:0 0;border:none}.stage-queue-box{max-width:520px}.stage-queue-header{border-bottom:1px solid #283144;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.hand-queue-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.hand-queue-item{background:#0f131d;border:1px solid #283144;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.hand-user-info{align-items:center;gap:10px;display:flex}.hand-user-info img,.hand-user-info .avatar-placeholder{object-fit:cover;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.hand-actions{gap:6px;display:flex}.hand-actions .accept-audio-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700}.hand-actions .accept-video-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700}.hand-actions .decline-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:6px 8px}.live-replay-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999999;box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.live-replay-modal-container{color:#fff;background:#11141d;border:1px solid #232936;border-radius:20px;flex-direction:column;width:100%;max-width:840px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000e6}.live-replay-header{background:#181c28;border-bottom:1px solid #232936;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.live-replay-badge{color:#3b82f6;letter-spacing:.6px;font-size:11px;font-weight:800}.live-replay-header h2{margin:4px 0 0;font-size:18px;font-weight:700}.live-replay-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px}.live-replay-body{grid-template-columns:1.1fr 1fr;gap:20px;padding:20px;display:grid;overflow-y:auto}.live-replay-preview-card{flex-direction:column;gap:10px;display:flex}.live-replay-video-element{background:#000;border:1px solid #232936;border-radius:12px;width:100%;max-height:320px}.live-replay-loading-placeholder{color:#94a3b8;background:#000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:240px;display:flex}.live-replay-thumb-bar{justify-content:space-between;align-items:center;display:flex}.live-replay-thumb-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:6px 12px;font-size:12px}.live-replay-thumb-preview{align-items:center;gap:6px;display:flex}.live-replay-thumb-preview img{object-fit:cover;border:1px solid #3b82f6;border-radius:6px;width:36px;height:36px}.live-replay-thumb-preview span{color:#10b981;font-size:11px}.live-replay-form-section{flex-direction:column;gap:16px;display:flex}.live-replay-form-group label{color:#94a3b8;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.live-replay-textarea{color:#fff;box-sizing:border-box;background:#0e121c;border:1px solid #283144;border-radius:10px;width:100%;padding:10px 12px;font-size:13.5px}.live-replay-textarea:focus{border-color:#3b82f6;outline:none}.live-replay-type-selector{grid-template-columns:1fr 1fr;gap:10px;display:grid}.live-type-btn{color:#fff;cursor:pointer;text-align:left;background:#0e121c;border:1px solid #283144;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.live-type-btn.active{background:#ef444414;border-color:#ef4444}.live-type-btn .type-icon{font-size:22px}.live-type-btn .type-meta strong{font-size:12.5px;display:block}.live-type-btn .type-meta small{color:#94a3b8;font-size:10px}.live-replay-error{color:#ef4444;background:#ef444426;border:1px solid #ef444459;border-radius:8px;padding:8px 12px;font-size:12px}.live-replay-status{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f659;border-radius:8px;padding:8px 12px;font-size:12px}.live-replay-actions{gap:10px;margin-top:auto;display:flex}.live-replay-discard-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex:1;padding:12px;font-weight:600}.live-replay-publish-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;flex:2;padding:12px;font-size:14px;font-weight:700;box-shadow:0 4px 16px #ef444473}@media (width<=768px){.live-pre-content-grid,.live-replay-body{grid-template-columns:1fr}}.group-call-overlay{z-index:999999;padding:env(safe-area-inset-top,16px) 16px env(safe-area-inset-bottom,16px) 16px;box-sizing:border-box;background:#090b10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.group-call-container{background:#11141d;border:1px solid #232936;border-radius:20px;flex-direction:column;width:100%;max-width:960px;height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000d9}.group-call-header{background:#181c28;border-bottom:1px solid #232936;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.group-call-header-info{align-items:center;gap:12px;display:flex}.group-call-badge{font-size:24px}.group-call-title{color:#fff;margin:0;font-size:16px;font-weight:700}.group-call-meta{color:#94a3b8;font-size:12px}.group-call-leave-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:7px 18px;font-size:13px;font-weight:700;transition:all .2s}.group-call-leave-btn:hover{background:#dc2626;transform:translateY(-1px)}.group-call-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:center;gap:14px;padding:16px;display:grid;overflow-y:auto}.group-call-tile{aspect-ratio:16/9;background:#1a202c;border:1px solid #2d3748;border-radius:16px;justify-content:center;align-items:center;min-height:220px;transition:all .3s;display:flex;position:relative;overflow:hidden}.group-call-tile.sharing-screen{aspect-ratio:16/9;background:#000;border-color:#38bdf8;grid-column:1/-1;min-height:420px;max-height:70vh;box-shadow:0 0 24px #38bdf840}.group-call-video-feed{object-fit:cover;width:100%;height:100%}.group-call-video-feed.screen-share-video{background:#000;object-fit:contain!important}.screen-share-zoom-container{-webkit-user-select:none;user-select:none;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.screen-share-viewport{will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.screen-share-video-tag{pointer-events:none;background:#000;width:100%;max-width:100%;height:100%;max-height:100%}.screen-share-video-tag.fit-contain{object-fit:contain!important}.screen-share-video-tag.fit-fill{object-fit:cover!important}.screen-share-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0f172ae0;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.screen-share-toolbar.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.screen-share-toolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.screen-share-controls-left,.screen-share-controls-right{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.screen-share-zoom-badge{color:#38bdf8;text-align:center;background:#38bdf826;border-radius:6px;min-width:42px;padding:3px 8px;font-size:11px;font-weight:700}.screen-share-ctrl-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.screen-share-ctrl-btn:hover:not(:disabled){color:#0f172a;background:#38bdf8;border-color:#38bdf8}.screen-share-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.screen-share-ctrl-btn.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8}.screen-share-ctrl-btn.fullscreen-btn{color:#c7d2fe;background:#6366f140;border-color:#6366f1}.screen-share-ctrl-btn.fullscreen-btn:hover{color:#fff;background:#6366f1}.screen-share-ctrl-btn.close-fullscreen-btn{color:#fca5a5;background:#ef444440;border-color:#ef4444}.screen-share-ctrl-btn.close-fullscreen-btn:hover{color:#fff;background:#ef4444}.screen-share-drag-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#38bdf8;pointer-events:none;z-index:15;background:#000000bf;border:1px solid #38bdf84d;border-radius:9999px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.screen-share-theater-modal{z-index:999999;background:#000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.screen-share-theater-header{padding:12px 16px max(12px, env(safe-area-inset-top));z-index:30;pointer-events:auto;background:linear-gradient(#000000d9 0%,#0000 100%);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.screen-share-theater-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.screen-share-theater-close{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.screen-share-theater-close:hover{background:#ef4444;border-color:#ef4444}.screen-share-rotate-tip{color:#94a3b8;background:#ffffff14;border-radius:6px;padding:2px 8px;font-size:11px;display:none}.group-call-avatar-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.group-call-avatar-circle{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 16px #0006}.group-call-avatar-circle img{object-fit:cover;width:100%;height:100%}.speaking-wave-indicator{align-items:center;gap:4px;height:16px;display:flex}.wave-bar{background:#10b981;border-radius:2px;width:3px;animation:1s ease-in-out infinite speakingWave}.wave-bar.bar-1{height:8px;animation-delay:.1s}.wave-bar.bar-2{height:16px;animation-delay:.25s}.wave-bar.bar-3{height:10px;animation-delay:.4s}@keyframes speakingWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.group-call-tile-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:10px;justify-content:space-between;align-items:center;padding:4px 10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.group-participant-name{color:#fff;font-size:12px;font-weight:700}.group-tile-tag{color:#10b981;font-size:10px;font-weight:700}.group-call-dock{background:#181c28;border-top:1px solid #232936;justify-content:center;align-items:center;gap:12px;padding:14px 20px;display:flex}.group-dock-btn{color:#fff;cursor:pointer;background:#232936;border:1px solid #334155;border-radius:24px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.group-dock-btn:hover{background:#334155}.group-dock-btn.active,.group-dock-btn.end-call-btn{background:#ef4444;border-color:#ef4444}.group-dock-btn.end-call-btn:hover{background:#dc2626}@media (width<=600px){.group-call-overlay{width:100vw!important;height:100dvh!important;padding:0!important}.group-call-container{border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important}.group-call-header{padding:max(8px, env(safe-area-inset-top)) 12px 8px 12px!important}.group-call-title{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:160px!important;font-size:13.5px!important;overflow:hidden!important}.group-call-meta{font-size:10.5px!important}.group-call-leave-btn{border-radius:8px!important;padding:4px 10px!important;font-size:11.5px!important}.group-call-grid{grid-template-columns:1fr!important;gap:8px!important;padding:8px!important}.group-call-tile{border-radius:12px!important;min-height:160px!important}.group-call-tile.sharing-screen{aspect-ratio:auto!important;width:100%!important;min-height:220px!important;max-height:52vh!important}.group-call-dock{padding:8px 12px max(8px, env(safe-area-inset-bottom)) 12px!important;gap:8px!important}.group-dock-btn{padding:8px 12px!important;font-size:12px!important}.dock-btn-text{display:none!important}.screen-share-rotate-tip{display:inline-block!important}.screen-share-toolbar{padding:4px 8px!important;bottom:6px!important;left:6px!important;right:6px!important}.screen-share-ctrl-btn{padding:3px 6px!important;font-size:10.5px!important}}.home-algorithmic-header{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex;box-shadow:0 4px 16px #0000000a}:root[data-theme=dark] .home-algorithmic-header{background:#14171f;border-color:#232936;box-shadow:0 4px 20px #00000059}.home-algo-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.home-algo-tabs{background:var(--bg);border:1px solid var(--border);border-radius:24px;align-items:center;gap:6px;padding:4px;display:flex}:root[data-theme=dark] .home-algo-tabs{background:#0f1218;border-color:#262d3d}.home-algo-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.home-algo-tab-btn:hover{color:var(--text-h);background:#ffffff0f}.home-algo-tab-btn.active{background:var(--primary,#6366f1);color:#fff;box-shadow:0 2px 10px #6366f159}.home-algo-controls{align-items:center;gap:8px;display:flex}.home-algo-pill-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:16px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.home-algo-pill-btn:hover{border-color:var(--primary,#6366f1);color:var(--text-h)}.home-algo-pill-btn.active{border-color:var(--primary,#6366f1);color:var(--primary,#6366f1);background:#6366f126}.home-algo-meta-bar{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:8px;font-size:11.5px;display:flex}.home-algo-badge{color:#10b981;align-items:center;gap:6px;font-weight:600;display:inline-flex}.home-algo-badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.group-call-active-banner{background:#ef44441a;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:8px 14px;display:flex}.group-call-live-indicator{color:#ef4444;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.group-call-live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s infinite liveBadgePulse;box-shadow:0 0 8px #ef4444}.group-call-join-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:16px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s}.group-call-join-btn:hover{background:#dc2626;transform:translateY(-1px)}.music-picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.music-picker-modal{background:var(--surface,#1e293b);border:1px solid var(--border,#334155);border-radius:18px;flex-direction:column;width:100%;max-width:540px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.music-picker-header{border-bottom:1px solid var(--border,#334155);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.music-picker-header-title{align-items:center;gap:12px;display:flex}.music-picker-header-icon{font-size:24px}.music-picker-header-title h3{color:var(--text-h,#fff);margin:0;font-size:16px;font-weight:700}.music-picker-header-title p{color:var(--text-muted,#94a3b8);margin:2px 0 0;font-size:12px}.music-picker-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.music-picker-close-btn:hover{background:var(--bg-hover,#ffffff14);color:var(--text-h,#fff)}.music-picker-search-bar{border-bottom:1px solid var(--border,#334155);background:var(--bg,#0f172a);align-items:center;gap:10px;padding:12px 20px;display:flex}.music-search-field-wrap{flex:1;position:relative}.music-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.music-search-input{box-sizing:border-box;border:1px solid var(--border,#334155);background:var(--surface,#1e293b);width:100%;color:var(--text-h,#fff);border-radius:10px;outline:none;padding:9px 34px;font-size:13px;transition:border-color .2s}.music-search-input:focus{border-color:var(--primary,#6366f1)}.music-search-clear-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.music-remove-current-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.music-remove-current-btn:hover{background:#ef444433}.music-picker-body{flex:1;max-height:420px;padding:8px 12px;overflow-y:auto}.music-picker-state-wrap{text-align:center;color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 16px;display:flex}.music-picker-state-wrap h4{color:var(--text-h,#fff);margin:0}.music-picker-spinner{border:3px solid #6366f133;border-top-color:var(--primary,#6366f1);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.music-picker-retry-btn{background:var(--primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.music-tracks-scroll-list{flex-direction:column;gap:6px;display:flex}.music-track-card{background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;transition:all .2s;display:flex}.music-track-card:hover{background:var(--bg,#0f172a);border-color:var(--border,#334155)}.music-track-card.previewing{background:#6366f114;border-color:#6366f14d}.music-track-card.selected{border-color:var(--primary,#6366f1);background:#6366f10d}.music-track-cover{cursor:pointer;background:#000;border-radius:10px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.music-track-img{object-fit:cover;width:100%;height:100%}.music-track-fallback-cover{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.music-preview-overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;font-size:14px;transition:opacity .2s;display:flex;position:absolute;inset:0}.music-track-cover:hover .music-preview-overlay,.music-preview-overlay.active{opacity:1}.music-track-meta{flex:1;min-width:0}.music-track-name-row{align-items:center;gap:8px;display:flex}.music-track-name{color:var(--text-h,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.music-selected-badge{background:var(--primary,#6366f1);color:#fff;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.music-track-sub-row{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.music-track-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.music-previewing-tag{color:#818cf8;font-size:10.5px;font-weight:600;animation:1.5s infinite pulse}.music-use-sound-btn{border:1px solid var(--primary,#6366f1);background:var(--primary,#6366f1);color:#fff;cursor:pointer;white-space:nowrap;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.music-use-sound-btn:hover{background:#4f46e5;transform:translateY(-1px)}.music-use-sound-btn.chosen{background:#10b981;border-color:#10b981}.music-picker-footer{border-top:1px solid var(--border,#334155);color:var(--text-muted,#94a3b8);background:var(--bg,#0f172a);justify-content:space-between;align-items:center;padding:10px 20px;font-size:11.5px;display:flex}.music-footer-remove-link{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:11.5px;font-weight:600;text-decoration:underline}.music-picker-tabs{background:var(--bg,#0f172a);border-bottom:1px solid var(--border,#334155);display:flex}.music-picker-tab-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.music-picker-tab-btn:hover{color:var(--text-h,#fff);background:#ffffff08}.music-picker-tab-btn.active{color:var(--primary,#6366f1);border-bottom-color:var(--primary,#6366f1);background:#6366f10f}.music-genre-tags-row{border-bottom:1px solid var(--border,#334155);scrollbar-width:none;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.music-genre-tags-row::-webkit-scrollbar{display:none}.music-genre-tag-pill{background:var(--bg-hover,#ffffff0f);border:1px solid var(--border,#334155);color:var(--text-muted,#94a3b8);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.music-genre-tag-pill:hover{color:var(--text-h,#fff);border-color:var(--primary,#6366f1)}.music-genre-tag-pill.active{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:#fff}.music-track-license-badge{color:#34d399;background:#10b9811f;border:1px solid #10b98140;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-top:4px;padding:2px 6px;font-size:10px;display:inline-flex}.music-device-tab-body{padding:20px}.music-device-dropzone{border:2px dashed var(--border,#334155);text-align:center;cursor:pointer;background:#0f172a99;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;transition:all .2s;display:flex}.music-device-dropzone:hover{border-color:var(--primary,#6366f1);background:#6366f10a}.music-device-upload-icon{font-size:36px}.music-device-dropzone h4{color:var(--text-h,#fff);margin:0;font-size:15px}.music-device-dropzone p{color:var(--text-muted,#94a3b8);margin:0;font-size:12px}.music-device-pick-btn{background:var(--primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:8px 18px;font-size:13px;font-weight:600}.music-device-selected-card{background:var(--bg,#0f172a);border:1px solid var(--border,#334155);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.music-device-file-header{align-items:center;gap:12px;display:flex}.music-device-file-icon{font-size:24px}.music-device-file-meta{flex-direction:column;flex:1;display:flex}.music-device-filename{color:var(--text-h,#fff);word-break:break-all;font-size:14px;font-weight:600}.music-device-filesize{color:var(--text-muted,#94a3b8);font-size:12px}.music-device-change-btn{background:var(--bg-hover,#ffffff14);border:1px solid var(--border,#334155);color:var(--text-h,#fff);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px}.music-device-fields{flex-direction:column;gap:10px;display:flex}.music-device-label{color:var(--text-muted,#94a3b8);margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.music-device-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:8px 12px;font-size:12px}.composer-selected-music-badge{background:#6366f114;border:1px solid #6366f140;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;display:flex}.composer-music-disc{justify-content:center;align-items:center;font-size:18px;display:flex}.composer-music-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.composer-music-title{color:var(--text-h,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.composer-music-artist{color:var(--text-muted,#94a3b8);font-size:11.5px}.composer-music-change-btn{border:1px solid var(--border,#334155);color:var(--text-h,#fff);cursor:pointer;background:#ffffff14;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:600}.composer-music-change-btn:hover{background:#ffffff26}.composer-music-remove-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.composer-music-remove-btn:hover{color:#ef4444;background:#ef444426}.reel-composer-audio-box{background:var(--bg,#0f172a);border:1px solid var(--border,#334155);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.sound-toggle-row{justify-content:space-between;align-items:center;display:flex}.sound-toggle-label{flex-direction:column;gap:2px;display:flex}.sound-toggle-title{color:var(--text-h,#fff);font-size:12.5px;font-weight:700}.sound-toggle-sub{color:var(--text-muted,#94a3b8);font-size:11px}.switch-toggle-btn{cursor:pointer;background:#475569;border:none;border-radius:12px;width:44px;height:24px;transition:background .25s;position:relative}.switch-toggle-btn.active{background:var(--primary,#6366f1)}.switch-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:2px;left:2px}.switch-toggle-btn.active .switch-toggle-knob{transform:translate(20px)}.volume-slider-group{border-top:1px solid #ffffff0d;flex-direction:column;gap:8px;padding-top:6px;display:flex}.volume-slider-row{align-items:center;gap:10px;display:flex}.volume-slider-name{color:var(--text-h,#fff);flex-shrink:0;width:110px;font-size:11.5px;font-weight:600}.volume-slider-input{accent-color:var(--primary,#6366f1);cursor:pointer;flex:1}.volume-slider-val{color:var(--text-muted,#94a3b8);text-align:right;font-variant-numeric:tabular-nums;width:38px;font-size:11px}.post-soundtrack-pill{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f14d;border-radius:14px;align-items:center;gap:6px;max-width:100%;margin-top:8px;margin-bottom:4px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.post-soundtrack-note{flex-shrink:0;font-size:13px}.post-soundtrack-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.global-feed-sound-btn{background:var(--surface,#1e293b);border:1px solid var(--border,#334155);color:var(--text-h,#fff);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.global-feed-sound-btn:hover{background:var(--bg-hover,#ffffff14);border-color:var(--primary,#6366f1)}.global-feed-sound-btn.unmuted{border-color:var(--primary,#6366f1);color:#818cf8;background:#6366f126}.reels-dedicated-page{z-index:1000;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.reels-page-header{z-index:60;pointer-events:auto;background:linear-gradient(#000000d9 0%,#0000 100%);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.reels-header-back-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.reels-header-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.reels-header-title-badge{color:#fff;letter-spacing:-.02em;text-shadow:0 1px 3px #000c;align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.reels-header-right-actions{align-items:center;gap:10px;display:flex}.reels-header-refresh-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.reels-header-refresh-btn:hover:not(:disabled){background:#ffffff47;transform:translateY(-1px)}.reels-header-refresh-btn:disabled{opacity:.6;cursor:default}.reels-spin-anim{animation:.75s linear infinite reelsSpin}@keyframes reelsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reels-pull-indicator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:70;pointer-events:none;background:#0f172ae6;border:1px solid #ffffff40;border-radius:24px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .2s,top .1s ease-out;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.reels-header-sound-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.reels-header-sound-btn:hover{background:#ffffff47}.reels-header-create-btn{background:var(--primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 10px #6366f166}.reels-header-create-btn:hover{background:#4f46e5;transform:translateY(-1px)}.reels-snap-viewport{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;width:100%;height:100vh;overflow-y:scroll}.reels-snap-viewport::-webkit-scrollbar{width:0;height:0;display:none}.reel-fullscreen-slide{scroll-snap-align:start;scroll-snap-stop:always;background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.reel-media-wrapper{cursor:pointer;background:#000;justify-content:center;align-items:center;width:100%;max-width:480px;height:100%;display:flex;position:relative}.reel-fullscreen-video{object-fit:cover;width:100%;height:100%}.reel-play-pause-pulse{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:32px;animation:.4s ease-out pulseScale;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseScale{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:.9;transform:translate(-50%,-50%)scale(1)}}.reel-tap-unmute-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:30;background:#000000a6;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;animation:.3s fadeIn;position:absolute;top:76px;left:50%;transform:translate(-50%)}.reel-vertical-actions{z-index:50;pointer-events:auto;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:84px;right:16px}.reel-avatar-bubble{cursor:pointer;border:2px solid #fff;border-radius:50%;width:46px;height:46px;margin-bottom:4px;position:relative;overflow:visible}.reel-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.reel-avatar-fallback{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:800;display:flex}.reel-avatar-add-icon{color:#fff;background:#ef4444;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.reel-action-btn{color:#fff;cursor:pointer;text-shadow:0 1px 4px #000000d9;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px;transition:transform .15s;display:flex}.reel-action-btn:hover{transform:scale(1.12)}.reel-action-btn.liked .reel-action-icon{transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transform:scale(1.2)}.reel-action-icon{justify-content:center;align-items:center;font-size:26px;display:flex}.reel-action-label{color:#fff;font-size:11.5px;font-weight:700}.reel-vinyl-disc{background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-top:4px;animation:4s linear infinite rotateVinyl;display:flex}.reel-vinyl-disc.paused{animation-play-state:paused}.reel-vinyl-note{color:#a5b4fc;font-size:16px}@keyframes rotateVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel-bottom-overlay{z-index:30;text-shadow:0 1px 3px #000000d9;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:24px;left:16px;right:80px}.reel-author-line{cursor:pointer;pointer-events:auto;align-items:center;gap:6px;width:fit-content;display:inline-flex}.reel-author-handle{color:#fff;font-size:14.5px;font-weight:700}.reel-verified-tick{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:900;display:inline-flex}.reel-counter-badge{color:#ffffffb3;background:#0006;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.reel-caption-paragraph{color:#fffffff2;word-break:break-word;pointer-events:auto;scrollbar-width:none;max-height:72px;margin:0;font-size:13.5px;line-height:1.35;overflow-y:auto}.reel-soundtrack-marquee-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:auto;background:#0000008c;border:1px solid #fff3;border-radius:14px;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.reel-soundtrack-note{color:#818cf8;font-size:13px}.reel-soundtrack-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reels-empty-view,.reels-skeleton-feed{text-align:center;height:100vh;color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.reels-empty-view h2,.reels-empty-view h3{color:var(--text-h,#fff);margin:0}.reels-empty-view p{max-width:360px;margin:0;line-height:1.4}.reels-action-prime-btn{background:var(--primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:20px;margin-top:8px;padding:10px 22px;font-size:14px;font-weight:700}.reels-skeleton-spinner{border:3px solid #6366f133;border-top-color:var(--primary,#6366f1);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.reel-create-page{background:var(--bg,#0b0f19);min-height:100vh;color:var(--text,#e2e8f0);flex-direction:column;display:flex}.reel-create-header{border-bottom:1px solid var(--border,#1e293b);background:var(--surface,#111827);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.reel-create-title{color:var(--text-h,#fff);margin:0;font-size:17px;font-weight:700}.reel-create-cancel-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.reel-create-cancel-btn:hover{color:#ef4444;background:#ef44441a}.reel-create-header-spacer{width:60px}.reel-create-stepper{background:var(--surface,#111827);border-bottom:1px solid var(--border,#1e293b);justify-content:center;align-items:center;gap:16px;padding:16px 20px;display:flex;overflow-x:auto}.reel-stepper-step{cursor:pointer;opacity:.5;align-items:center;gap:8px;transition:all .2s;display:flex}.reel-stepper-step.active{opacity:1}.reel-stepper-step.completed{opacity:.85}.reel-stepper-dot{background:var(--border,#334155);width:26px;height:26px;color:var(--text-muted,#94a3b8);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex}.reel-stepper-step.active .reel-stepper-dot{background:var(--primary,#6366f1);color:#fff;box-shadow:0 0 10px #6366f180}.reel-stepper-step.completed .reel-stepper-dot{color:#fff;background:#10b981}.reel-stepper-label{color:var(--text-h,#fff);font-size:12.5px;font-weight:600}.reel-create-content-container{flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex}.reel-step-box{flex-direction:column;gap:16px;width:100%;max-width:580px;display:flex}.reel-upload-dropzone{border:2px dashed var(--border,#334155);background:var(--surface,#111827);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;transition:all .2s;display:flex}.reel-upload-dropzone:hover{border-color:var(--primary,#6366f1);background:#6366f10a}.reel-upload-icon-circle{margin-bottom:12px;font-size:42px}.reel-upload-dropzone h3{color:var(--text-h,#fff);margin:0 0 4px;font-size:18px}.reel-upload-dropzone p{color:var(--text-muted,#94a3b8);margin:0 0 18px;font-size:13px}.reel-prime-btn{background:var(--primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.reel-prime-btn:hover{background:#4f46e5}.reel-ghost-btn{border:1px solid var(--border,#334155);color:var(--text-h,#fff);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s}.reel-ghost-btn:hover{background:#ffffff1f}.reel-preview-stage{border:1px solid var(--border,#334155);background:#000;border-radius:14px;justify-content:center;align-items:center;max-height:480px;display:flex;overflow:hidden}.reel-preview-video{object-fit:contain;width:100%;max-height:480px}.reel-preview-details-bar{background:var(--surface,#111827);border:1px solid var(--border,#334155);color:var(--text-muted,#94a3b8);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.reel-nav-buttons-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.reel-sound-stage{background:var(--surface,#111827);border:1px solid var(--border,#334155);border-radius:14px;grid-template-columns:200px 1fr;gap:16px;padding:16px;display:grid}@media (width<=640px){.reel-sound-stage{grid-template-columns:1fr}}.reel-sound-mini-preview{background:#000;border-radius:10px;justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.reel-sound-mini-video{object-fit:cover;cursor:pointer;width:100%;height:100%}.reel-sound-audition-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;white-space:nowrap;background:#000000bf;border:1px solid #ffffff4d;border-radius:16px;padding:5px 12px;font-size:11.5px;font-weight:700;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.reel-sound-controls-card{flex-direction:column;gap:14px;display:flex}.reel-section-label{color:var(--text-h,#fff);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.reel-add-music-cta-btn{border:1px dashed var(--primary,#6366f1);color:#a5b4fc;cursor:pointer;background:#6366f114;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.reel-add-music-cta-btn:hover{background:#6366f129}.reel-start-sec-group{flex-direction:column;gap:4px;display:flex}.slider-header-row{justify-content:space-between;align-items:center;display:flex}.slider-hint{color:var(--text-muted,#94a3b8);font-size:10.5px}.reel-caption-card{background:var(--surface,#111827);border:1px solid var(--border,#334155);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.reel-caption-textarea{background:var(--bg,#0b0f19);border:1px solid var(--border,#334155);width:100%;color:var(--text-h,#fff);resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14px}.reel-caption-textarea:focus{border-color:var(--primary,#6366f1)}.reel-caption-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.reel-hashtag-suggestions{flex-wrap:wrap;gap:6px;display:flex}.reel-hashtag-pill{color:#a5b4fc;cursor:pointer;background:#6366f11a;border:1px solid #6366f140;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.reel-hashtag-pill:hover{background:#6366f138}.reel-char-counter{color:var(--text-muted,#94a3b8);font-size:11px}.reel-share-summary-card{background:var(--surface,#111827);border:1px solid var(--border,#334155);border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex}.reel-share-summary-card h3{color:var(--text-h,#fff);margin:0;font-size:18px}.reel-share-summary-card p{color:var(--text-muted,#94a3b8);margin:0;font-size:13px}.reel-summary-preview-row{background:var(--bg,#0b0f19);border:1px solid var(--border,#1e293b);border-radius:12px;gap:16px;padding:12px;display:flex}.reel-summary-thumb{object-fit:cover;background:#000;border-radius:8px;width:80px;height:110px}.reel-summary-info{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.reel-summary-caption{color:var(--text-h,#fff);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.reel-summary-audio-pill{color:#a5b4fc;background:#6366f11a;border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:12px;display:inline-flex}.reel-upload-progress-wrap{background:#6366f114;border:1px solid #6366f140;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.reel-progress-label-row{color:var(--text-h,#fff);justify-content:space-between;font-size:12.5px;font-weight:700;display:flex}.reel-progress-track{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.reel-progress-fill{background:linear-gradient(90deg,#6366f1,#10b981);border-radius:4px;height:100%;transition:width .2s}.reel-create-error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:10px 14px;font-size:13px}.reel-share-action-buttons{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.reel-share-now-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;flex:1;padding:12px 20px;font-size:14.5px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #6366f166}.reel-share-now-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.reel-share-now-btn:disabled{opacity:.6;cursor:not-allowed}.chat-reply-preview-bar{border-left:3px solid var(--primary,#6366f1);background:#6366f11f;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;margin-bottom:2px;padding:6px 14px;display:flex}.chat-reply-preview-info{flex-direction:column;gap:1px;min-width:0;display:flex}.chat-reply-preview-user{color:var(--primary,#818cf8);font-size:11px;font-weight:700}.chat-reply-preview-text{color:var(--text-muted,#94a3b8);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:12px;overflow:hidden}.chat-reply-preview-cancel{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.chat-reply-preview-cancel:hover{color:#ef4444}.chat-msg-quote-bubble{border-left:3px solid var(--primary,#6366f1);cursor:pointer;background:#00000038;border-radius:6px;margin-bottom:6px;padding:6px 10px;transition:background .15s}.chat-msg-quote-bubble:hover{background:#6366f12e}.chat-msg-quote-sender{color:#a5b4fc;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.chat-msg-quote-snippet{color:#fffc;white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin:0;font-size:12px;overflow:hidden}.chat-msg-quote-unavailable{color:var(--text-muted,#94a3b8);font-style:italic}.chat-msg-reply-action-btn{opacity:.65;color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-self:center;margin:0 4px;padding:2px 7px;font-size:11px;transition:all .2s}.chat-msg-row:hover .chat-msg-reply-action-btn,.chat-msg-reply-action-btn:focus,.chat-msg-reply-action-btn:active{opacity:1}.chat-msg-reply-action-btn:hover{background:var(--primary,#6366f1);color:#fff;border-color:var(--primary,#6366f1);transform:scale(1.08)}.chat-msg-row.highlighted-quote .chat-msg-bubble{animation:2s quoteHighlight}@keyframes quoteHighlight{0%{box-shadow:0 0 #6366f1b3}30%{box-shadow:0 0 0 6px #6366f1b3}to{box-shadow:0 0 #6366f100}}.group-header-badges-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.group-members-chip{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.comm-role-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;gap:4px;padding:2.5px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.comm-role-pill.admin{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59}.comm-role-pill.co-admin{color:#818cf8;background:#6366f126;border:1px solid #6366f159}.comm-role-pill.member{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.comm-role-pill.pending{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.comm-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.comm-action-btn.join-btn{color:#fff;background:#047857;box-shadow:0 2px 8px #0478574d}.comm-action-btn.join-btn:hover{background:#065f46;transform:translateY(-1px)}.comm-action-btn.pending-btn{color:#eab308;cursor:default;background:#eab30826;border:1px solid #eab30859}.comm-action-btn.manage-btn{color:#818cf8;background:#6366f126;border:1px solid #6366f159}.comm-action-btn.manage-btn:hover{background:#6366f140;transform:translateY(-1px)}.comm-action-btn.leave-btn{color:var(--text-muted,#94a3b8);background:#ffffff0f;border:1px solid #ffffff1f}.comm-action-btn.leave-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef444459}.community-join-prompt-card{background:var(--surface,#1e293b);border:1px solid var(--border,#334155);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #00000014}.join-prompt-left{flex:auto;align-items:center;gap:16px;min-width:0;display:flex}.join-prompt-icon{background:#10b9811f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.join-prompt-content h4{color:var(--text-h,#fff);margin:0 0 4px;font-size:16px;font-weight:700}.join-prompt-content p{color:var(--text-muted,#94a3b8);margin:0;font-size:13.5px;line-height:1.45}.join-comm-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#047857;border:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #04785759}.join-comm-action-btn:hover:not(:disabled){background:#065f46;transform:translateY(-1px)}.join-comm-action-btn.pending{color:#eab308;box-shadow:none;cursor:default;background:#eab30826;border:1px solid #eab30859}.manage-comm-modal{flex-direction:column;width:95%;max-width:620px;max-height:88vh;padding:24px;display:flex;overflow:hidden}.manage-comm-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.manage-comm-header h3{color:var(--text-h,#fff);margin:0 0 4px;font-size:20px}.manage-comm-sub{color:var(--text-muted,#94a3b8);margin:0;font-size:13px}.manage-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.manage-close-btn:hover{color:var(--text-h,#fff);background:#ffffff26}.manage-setting-card{border:1px solid var(--border,#334155);background:#ffffff0a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.manage-setting-info{flex-direction:column;flex:240px;gap:2px;display:flex}.manage-setting-info strong{color:var(--text-h,#fff);font-size:13.5px}.manage-setting-info span{color:var(--text-muted,#94a3b8);font-size:12px}.manage-toggle-label{color:var(--text-h,#fff);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.manage-toggle-label input[type=checkbox]{cursor:pointer;accent-color:#10b981;width:18px;height:18px}.manage-comm-tabs{border-bottom:1px solid var(--border,#334155);margin-bottom:14px;display:flex}.manage-tab-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.manage-tab-btn.active{color:#10b981;border-bottom-color:#10b981}.manage-pending-badge{color:#fff;background:#ef4444;border-radius:9999px;padding:1px 7px;font-size:11px;font-weight:700}.manage-comm-body{max-height:400px;padding-right:4px;overflow-y:auto}.manage-members-list{flex-direction:column;gap:10px;display:flex}.manage-member-row{border:1px solid var(--border,#334155);background:#ffffff08;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.manage-member-row:hover{background:#ffffff0f}.manage-member-user{cursor:pointer;flex:200px;align-items:center;gap:12px;min-width:0;display:flex}.manage-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.manage-avatar-placeholder{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.manage-member-names{flex-direction:column;min-width:0;display:flex}.manage-name{color:var(--text-h,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.manage-you-tag{color:#10b981;font-size:12px}.manage-username{color:var(--text-muted,#94a3b8);font-size:12px}.manage-member-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.manage-role-tag{text-transform:uppercase;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700}.manage-role-tag.admin{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59}.manage-role-tag.co_admin{color:#818cf8;background:#6366f126;border:1px solid #6366f159}.manage-role-tag.member{color:var(--text-muted,#94a3b8);background:#ffffff14}.role-toggle-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.role-toggle-btn.promote{color:#a5b4fc;background:#6366f126;border-color:#6366f159}.role-toggle-btn.promote:hover{color:#fff;background:#6366f1}.role-toggle-btn.demote{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.role-toggle-btn.demote:hover{color:#fff;background:#ef4444}.admit-btn{color:#fff;cursor:pointer;background:#047857;border:none;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .15s}.admit-btn:hover{background:#065f46}.decline-btn{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.decline-btn:hover{color:#fff;background:#ef4444}.manage-empty-state{text-align:center;color:var(--text-muted,#94a3b8);padding:40px 20px}.manage-empty-state span{margin-bottom:8px;font-size:32px;display:block}.reels-comments-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1050;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.reels-comments-sheet{z-index:1051;background:#0f172a;border:1px solid #ffffff1f;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-width:480px;height:60vh;max-height:560px;animation:.25s ease-out slideUpComments;display:flex;overflow:hidden;box-shadow:0 -8px 32px #000000b3}@keyframes slideUpComments{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.reels-comments-dock-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px 8px;display:flex}.reels-comments-dock-title{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.reels-comments-dock-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .15s;display:flex}.reels-comments-dock-close:hover{background:#ffffff40}.reels-comments-dock-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex;overflow-y:auto}.reels-comment-row{align-items:flex-start;gap:10px;display:flex}.reels-comment-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.reels-comment-body{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex:1;padding:8px 12px}.reels-comment-user{color:#e2e8f0;margin-bottom:2px;font-size:12.5px;font-weight:700;display:block}.reels-comment-text{color:#f8fafc;word-break:break-word;margin:0;font-size:13px;line-height:1.35}.reels-comment-time{color:#94a3b8;font-size:10.5px}.reels-comment-reply-row{border-left:2px solid #6366f159;margin-left:24px;padding-left:8px}.reels-comment-header-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.reels-comment-reply-badge{color:#818cf8;background:#6366f126;border-radius:9999px;padding:1px 6px;font-size:10.5px;font-weight:600}.reels-comment-actions-row{align-items:center;gap:12px;margin-top:6px;display:flex}.reels-comment-like-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;font-size:12px;transition:all .15s;display:inline-flex}.reels-comment-like-btn:hover{color:#f43f5e;background:#ffffff14}.reels-comment-like-btn.liked{color:#f43f5e}.reels-comment-heart{font-size:12px}.reels-comment-likes-count{font-size:11px;font-weight:700}.reels-comment-reply-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.reels-comment-reply-btn:hover{color:#a5b4fc;background:#6366f126}.reels-replying-banner{color:#c7d2fe;background:#6366f126;border-left:3px solid #6366f1;justify-content:space-between;align-items:center;padding:6px 14px;font-size:12px;display:flex}.reels-replying-text strong{color:#fff}.reels-replying-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px}.reels-replying-cancel:hover{color:#f43f5e}.reels-comments-dock-input-bar{padding:10px 14px max(12px, env(safe-area-inset-bottom)) 14px;background:#0a0f1d;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:8px;display:flex}.reels-comments-dock-input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;outline:none;flex:1;padding:9px 14px;font-size:13.5px}.reels-comments-dock-input:focus{background:#ffffff1f;border-color:#6366f1}.reels-comments-dock-submit{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:20px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .15s}.reels-comments-dock-submit:disabled{opacity:.5;cursor:not-allowed}.reels-share-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.reels-share-modal-sheet{background:#0f172a;border:1px solid #ffffff1f;border-bottom:none;border-top-left-radius:22px;border-top-right-radius:22px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;animation:.25s ease-out slideUpShare;display:flex;overflow:hidden;box-shadow:0 -8px 32px #000000b3}@keyframes slideUpShare{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reels-share-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px 10px;display:flex}.reels-share-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.reels-share-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background .15s;display:flex}.reels-share-close-btn:hover{background:#ffffff38}.reels-share-tabs{border-bottom:1px solid #ffffff14;gap:12px;padding:0 16px;display:flex}.reels-share-tab-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:13.5px;font-weight:600;transition:all .15s}.reels-share-tab-btn.active{color:#fff;border-bottom-color:#6366f1}.reels-share-search-box{padding:12px 16px 6px}.reels-share-search-input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:8px 12px;font-size:13px}.reels-share-users-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;max-height:280px;padding:8px 16px 16px;display:flex;overflow-y:auto}.reels-share-user-row{background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .15s;display:flex}.reels-share-user-row:hover{background:#ffffff14}.reels-share-user-info{align-items:center;gap:10px;display:flex}.reels-share-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.reels-share-user-avatar img{object-fit:cover;width:100%;height:100%}.reels-share-user-name{color:#fff;font-size:13px;font-weight:700;display:block}.reels-share-user-handle{color:#94a3b8;font-size:11.5px;display:block}.reels-share-send-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.reels-share-send-btn.sent{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.reels-share-platforms-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 18px 30px;display:grid}.reels-share-platform-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;transition:transform .15s,color .15s;display:flex}.reels-share-platform-btn:hover{color:#fff;transform:translateY(-2px)}.reels-share-platform-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;transition:transform .15s;display:flex;box-shadow:0 4px 14px #00000059}.reels-share-platform-btn:hover .reels-share-platform-icon{transform:scale(1.08)}.live-toast-banner{z-index:1250;-webkit-backdrop-filter:blur(14px);box-sizing:border-box;cursor:pointer;background:#1a0c10f5;border:1px solid #ef444473;border-radius:9999px;justify-content:space-between;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:8px 16px 8px 14px;transition:transform .2s,box-shadow .2s;animation:.25s cubic-bezier(.16,1,.3,1) liveToastSlideDown;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #0000008c,0 0 18px #ef444433}.live-toast-banner:hover{transform:translate(-50%,-2px);box-shadow:0 12px 36px #0009,0 0 24px #ef44444d}@keyframes liveToastSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.live-toast-avatar{color:#f3f4f6;background:#374151;border:2px solid #ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;position:relative}.live-toast-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.live-toast-pulse{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite commCallDotPulse;position:absolute;top:-2px;right:-2px;box-shadow:0 0 6px #ef4444}.live-toast-info{flex-direction:column;gap:2px;min-width:0;display:flex}.live-toast-title{color:#f9fafb;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.live-badge-mini{color:#fff;letter-spacing:.5px;background:#ef4444;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.live-toast-desc{color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:11px;overflow:hidden}.live-toast-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.live-toast-action-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #ef444466}.live-toast-action-btn:hover{background:#dc2626;transform:scale(1.04)}.live-toast-close-btn{color:#9ca3af;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:all .15s;display:flex}.live-toast-close-btn:hover{color:#fff;background:#fff3}.community-call-banner-top{z-index:1200;-webkit-backdrop-filter:blur(14px);box-sizing:border-box;background:#0c251df5;border:1px solid #10b98173;border-radius:9999px;justify-content:space-between;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:8px 16px 8px 18px;animation:.25s cubic-bezier(.16,1,.3,1) commCallSlideDown,1.2s ease-in-out infinite alternate commCallFlashPulse;display:flex;position:fixed;top:68px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #00000080}@keyframes commCallFlashPulse{0%{border-color:#10b98173;box-shadow:0 0 14px #10b9814d,0 10px 32px #00000080}to{border-color:#34d399f2;box-shadow:0 0 28px #10b981cc,0 10px 32px #0009}}@keyframes commCallSlideDown{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.comm-call-banner-content{align-items:center;gap:10px;display:flex}.comm-call-pulse{font-size:13px;animation:1.2s ease-in-out infinite commCallDotPulse}@keyframes commCallDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.comm-call-banner-text{flex-direction:column;display:flex}.comm-call-channel-tag{color:#10b981;font-size:13px;font-weight:700}.comm-call-sub-text{color:#e2ece7;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:11.5px;overflow:hidden}.comm-call-banner-btns{flex-shrink:0;align-items:center;gap:8px;display:flex}.comm-call-join-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#047857;border:none;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .15s,transform .1s;box-shadow:0 2px 6px #0478574d}.comm-call-join-btn:hover{background:#065f46;transform:translateY(-1px)}.comm-call-dismiss-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 6px;font-size:15px;transition:color .15s}.comm-call-dismiss-btn:hover{color:#fff}.comm-invited-badge{color:#10b981;background:#10b98126;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600}.account-blocked-screen{z-index:99999;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.account-blocked-card{text-align:center;color:#f3f4f6;background:#111827;border:1px solid #dc2626;border-radius:16px;width:100%;max-width:500px;padding:32px 28px;box-shadow:0 20px 40px #0009,0 0 20px #dc262633}.account-blocked-card .blocked-icon{margin-bottom:16px;font-size:56px}.account-blocked-card h2{color:#ef4444;margin-bottom:12px;font-size:22px;font-weight:700}.account-blocked-card .blocked-message{color:#cbd5e1;margin-bottom:18px;font-size:15px;line-height:1.5}.account-blocked-card .blocked-reason-box{color:#e5e7eb;text-align:left;background:#1f2937;border-left:4px solid #ef4444;border-radius:6px;margin-bottom:24px;padding:12px 14px;font-size:14px}.admin-access-denied-container{justify-content:center;align-items:center;min-height:60vh;padding:24px;display:flex}.admin-access-denied-card{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);text-align:center;border-radius:16px;width:100%;max-width:460px;padding:36px 28px}.admin-access-denied-card .denied-icon{margin-bottom:16px;font-size:48px;display:block}.admin-access-denied-card h2{color:var(--text-primary,#f8fafc);margin-bottom:8px;font-size:20px;font-weight:700}.admin-access-denied-card p{color:var(--text-muted,#94a3b8);margin-bottom:20px;font-size:14px}.admin-container{max-width:1200px;color:var(--text-primary,#f8fafc);margin:0 auto;padding:24px 20px 60px}.admin-top-bar{border-bottom:1px solid var(--border-color,#334155);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-brand-group{align-items:center;gap:12px;display:flex}.admin-badge-role{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.admin-title{margin:0;font-size:22px;font-weight:800}.admin-exit-btn{border:1px solid var(--border-color,#334155);color:var(--text-primary,#f8fafc);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s}.admin-exit-btn:hover{background:var(--bg-hover,#334155);border-color:#64748b}.admin-feedback-toast{border-radius:8px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:600;animation:.2s ease-in-out fadeIn}.admin-feedback-toast.success{color:#10b981;background:#10b98126;border:1px solid #10b98166}.admin-feedback-toast.error{color:#ef4444;background:#ef444426;border:1px solid #ef444466}.admin-nav-tabs{border-bottom:1px solid var(--border-color,#334155);gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-tab-btn{color:var(--text-muted,#94a3b8);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.admin-tab-btn:hover{color:var(--text-primary,#f8fafc)}.admin-tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.admin-stat-card{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;flex-direction:column;padding:18px 16px;display:flex}.admin-stat-card.danger{border-color:#ef444466}.admin-stat-card .stat-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.admin-stat-card .stat-value{color:var(--text-primary,#f8fafc);margin-bottom:4px;font-size:28px;font-weight:800}.admin-stat-card .stat-value.accent{color:#3b82f6}.admin-stat-card .stat-value.green{color:#10b981}.admin-stat-card .stat-value.red{color:#ef4444}.admin-stat-card .stat-sub{color:var(--text-muted,#94a3b8);font-size:11.5px}.admin-chart-card{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;margin-bottom:28px;padding:24px}.admin-chart-card h3{margin:0 0 4px;font-size:16px;font-weight:700}.admin-chart-card .chart-subtitle{color:var(--text-muted,#94a3b8);margin:0 0 16px;font-size:13px}.svg-chart-container{width:100%;max-width:800px;margin:0 auto}.admin-trend-svg{width:100%;height:auto;overflow:visible}.chart-legend{justify-content:center;gap:24px;margin-top:14px;font-size:13px;font-weight:600;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.signups{background:#3b82f6}.legend-dot.posts{background:#10b981}.admin-controls-bar{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.admin-search-input{background:var(--bg-surface,#0f172a);border:1px solid var(--border-color,#334155);min-width:220px;color:var(--text-primary,#f8fafc);border-radius:6px;flex:1;padding:8px 12px;font-size:13.5px}.filter-group{color:var(--text-muted,#94a3b8);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.filter-group select{background:var(--bg-surface,#0f172a);border:1px solid var(--border-color,#334155);color:var(--text-primary,#f8fafc);border-radius:6px;padding:7px 10px;font-size:13px}.btn-refresh{border:1px solid var(--border-color,#334155);color:var(--text-primary,#f8fafc);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:7px 12px;font-size:13px}.btn-refresh:hover{background:var(--bg-hover,#334155)}.admin-reports-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.report-card{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;flex-direction:column;gap:10px;padding:18px 16px;display:flex}.report-card.status-open{border-left:4px solid #ef4444}.report-card.status-resolved{border-left:4px solid #10b981}.report-card.status-dismissed{border-left:4px solid #64748b}.report-card-header{justify-content:space-between;align-items:center;display:flex}.target-badge{color:#60a5fa;background:#3b82f626;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.status-pill{letter-spacing:.5px;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.status-pill.open{color:#ef4444;background:#ef444433}.status-pill.resolved{color:#10b981;background:#10b98133}.status-pill.dismissed{color:#94a3b8;background:#64748b33}.report-reason-row{font-size:13.5px}.reason-tag{color:#f87171;background:#ef44441a;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}.report-content-preview-box{background:var(--bg-surface,#0f172a);border:1px solid var(--border-color,#334155);border-radius:8px;padding:12px;font-size:13px}.preview-header{color:var(--text-muted,#94a3b8);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.preview-body{color:var(--text-primary,#f8fafc);white-space:pre-wrap;word-break:break-word;margin:0 0 6px}.report-meta-footer{color:var(--text-muted,#94a3b8);border-top:1px solid var(--border-color,#334155);justify-content:space-between;margin-top:auto;padding-top:8px;font-size:11.5px;display:flex}.report-resolution-info{color:#34d399;background:#10b9811a;border-radius:6px;padding:6px 10px;font-size:12px}.report-action-buttons{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.btn-action{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s}.btn-action.dismiss{color:#cbd5e1;background:#334155}.btn-action.dismiss:hover{background:#475569}.btn-action.hide{color:#fff;background:#ca8a04}.btn-action.hide:hover{background:#a16207}.btn-action.suspend{color:#fff;background:#ea580c}.btn-action.suspend:hover{background:#c2410c}.btn-action.ban{color:#fff;background:#dc2626}.btn-action.ban:hover{background:#b91c1c}.admin-table-wrapper{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;overflow:hidden}.admin-responsive-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.admin-responsive-table th{background:var(--bg-surface,#0f172a);color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color,#334155);padding:12px 16px;font-size:11.5px;font-weight:700}.admin-responsive-table td{border-bottom:1px solid var(--border-color,#334155);color:var(--text-primary,#f8fafc);padding:12px 16px}.user-cell{align-items:center;gap:10px;display:flex}.user-avatar-mini{color:#fff;background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.user-avatar-mini img{object-fit:cover;width:100%;height:100%}.user-realname{color:var(--text-muted,#94a3b8);font-size:11.5px}.role-badge{text-transform:capitalize;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.role-badge.user{color:#cbd5e1;background:#334155}.role-badge.moderator{color:#34d399;background:#10b98133}.role-badge.admin{color:#60a5fa;background:#3b82f633}.role-badge.super_admin{color:#c084fc;background:#a855f733}.status-badge{text-transform:capitalize;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.status-badge.active{color:#10b981;background:#10b98126}.status-badge.suspended{color:#f97316;background:#f9731626}.status-badge.banned{color:#ef4444;background:#ef444426}.sub-badge-date{opacity:.85;font-size:9.5px;font-weight:500}.actions-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn-table-action{color:#f8fafc;cursor:pointer;background:#334155;border:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s}.btn-table-action:hover{background:#475569}.btn-table-action.suspend{color:#fff;background:#ea580c}.btn-table-action.ban{color:#fff;background:#dc2626}.btn-table-action.restore{color:#fff;background:#10b981}.btn-table-action.role{color:#fff;background:#8b5cf6}.admin-pagination{color:var(--text-muted,#94a3b8);justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:13.5px;font-weight:600;display:flex}.admin-pagination button{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);color:var(--text-primary,#f8fafc);cursor:pointer;border-radius:6px;padding:6px 14px}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-modal-backdrop,.report-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-card,.report-modal-content{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#334155);width:100%;max-width:500px;color:var(--text-primary,#f8fafc);border-radius:16px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 40px #00000080}.admin-modal-header,.report-modal-header{border-bottom:1px solid var(--border-color,#334155);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.admin-modal-header h3,.report-modal-header h3{margin:0;font-size:17px;font-weight:700}.report-modal-title-group{align-items:center;gap:8px;display:flex}.report-icon{font-size:20px}.modal-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.modal-close-btn:hover{color:var(--text-primary,#f8fafc)}.admin-input,.admin-select,.admin-textarea,.report-textarea{background:var(--bg-surface,#0f172a);border:1px solid var(--border-color,#334155);width:100%;color:var(--text-primary,#f8fafc);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-size:13.5px}.form-group-label{color:var(--text-muted,#94a3b8);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.admin-modal-actions,.report-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-secondary{color:#f8fafc;cursor:pointer;background:#334155;border:none;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 16px;font-size:13.5px;font-weight:600}.warning-callout{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px}.confirm-desc{color:var(--text-muted,#94a3b8);margin-bottom:16px;font-size:14px;line-height:1.5}.report-reasons-list{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.report-reason-item{background:var(--bg-surface,#0f172a);border:1px solid var(--border-color,#334155);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.report-reason-item:hover{background:var(--bg-hover,#1e293b);border-color:#64748b}.report-reason-item.selected{background:#ef444414;border-color:#ef4444}.reason-text-group{flex-direction:column;gap:2px;display:flex}.reason-label{color:var(--text-primary,#f8fafc);font-size:13.5px;font-weight:600}.reason-desc{color:var(--text-muted,#94a3b8);font-size:11.5px}.char-count{text-align:right;color:var(--text-muted,#94a3b8);margin-top:4px;font-size:11px;display:block}.report-target-preview{background:var(--bg-surface,#0f172a);border:1px solid var(--border-color,#334155);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px}.report-target-preview .preview-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.report-target-preview .preview-text{color:var(--text-primary,#f8fafc);margin:0;font-style:italic}.comment-report-flag-btn{cursor:pointer;opacity:.4;background:0 0;border:none;align-self:center;padding:2px 4px;font-size:13px;transition:opacity .15s,transform .1s}.comment-report-flag-btn:hover{opacity:1;transform:scale(1.15)}.profile-report-btn{border:1px solid var(--border-color,#334155);color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.profile-report-btn:hover{color:#ef4444;border-color:#ef4444}@media (width<=768px){.admin-top-bar{flex-direction:column;align-items:flex-start;gap:12px}.admin-exit-btn{align-self:flex-start}.admin-controls-bar{flex-direction:column;align-items:stretch}.btn-refresh{text-align:center;margin-left:0}.admin-responsive-table thead{display:none}.admin-responsive-table,.admin-responsive-table tbody,.admin-responsive-table tr,.admin-responsive-table td{box-sizing:border-box;width:100%;display:block}.admin-responsive-table tr{border:1px solid var(--border-color,#334155);background:var(--bg-card,#1e293b);border-radius:10px;margin-bottom:14px;padding:12px}.admin-responsive-table td{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.admin-responsive-table td:last-child{border-bottom:none}.admin-responsive-table td:before{content:attr(data-label);color:var(--text-muted,#94a3b8);text-transform:uppercase;margin-right:12px;font-size:12px;font-weight:700}.admin-responsive-table td.actions-cell{justify-content:flex-end;gap:8px;padding-top:12px}.media-takeover-overlay{z-index:99999;-webkit-backdrop-filter:blur(18px);background:#000000f5;flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) takeoverFadeIn;display:flex;position:fixed;inset:0}@keyframes takeoverFadeIn{0%{opacity:0}to{opacity:1}}.media-takeover-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;height:100%;margin:0 auto;display:flex}.media-takeover-topbar{z-index:20;background:linear-gradient(#000000b3 0%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.media-takeover-back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.media-takeover-back-btn:hover{background:#ffffff3d;transform:translate(-2px)}.media-takeover-author{cursor:pointer;border-radius:9999px;align-items:center;gap:10px;padding:4px 12px;transition:background .15s;display:flex}.media-takeover-author:hover{background:#ffffff14}.media-takeover-avatar{object-fit:cover;border:1.5px solid #ffffff4d;border-radius:50%;width:38px;height:38px}.media-takeover-avatar.fallback{color:#f8fafc;background:#334155;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.media-takeover-author-info{flex-direction:column;display:flex}.media-takeover-name{color:#fff;font-size:14px;font-weight:700}.media-takeover-handle{color:#94a3b8;font-size:12px}.media-takeover-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .18s;display:flex}.media-takeover-close-btn:hover{background:#ffffff3d;transform:rotate(90deg)}.media-takeover-viewport{flex:1;justify-content:center;align-items:center;min-height:0;padding:10px 20px;display:flex;position:relative;overflow:hidden}.media-takeover-video{object-fit:contain;border-radius:12px;outline:none;max-width:100%;max-height:calc(100vh - 180px)}.media-takeover-image{object-fit:contain;border-radius:12px;max-width:100%;max-height:calc(100vh - 180px)}.takeover-chip{bottom:24px;right:32px}.media-takeover-bottombar{z-index:20;background:linear-gradient(#0000 0%,#000000d9 100%);flex-direction:column;gap:12px;padding:16px 24px 24px;display:flex}.media-takeover-caption{color:#f1f5f9;max-height:80px;margin:0;font-size:14px;line-height:1.5;overflow-y:auto}.media-takeover-actions{align-items:center;gap:16px;display:flex}.live-orientation-btn,.group-orientation-btn{color:#38bdf8;cursor:pointer;white-space:nowrap;background:#38bdf826;border:1px solid #38bdf859;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.live-orientation-btn:hover,.group-orientation-btn:hover{background:#38bdf847;border-color:#38bdf8;transform:translateY(-1px)}.group-call-header-actions{align-items:center;gap:8px;display:flex}@media (width<=900px){.live-broadcast-container.mode-landscape .live-main-stage{flex-direction:row!important}.live-broadcast-container.mode-landscape .live-video-box{flex:65%!important}.live-broadcast-container.mode-landscape .live-chat-panel{border-top:none!important;border-left:1px solid #232936!important;width:35%!important;height:100%!important;max-height:100%!important}.live-broadcast-container.mode-landscape .live-tile video{object-fit:contain!important}.group-call-container.mode-landscape .group-call-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.group-call-container.mode-landscape .group-call-tile{aspect-ratio:16/9!important;min-height:180px!important}}.mobile-present-backdrop{z-index:1050!important}.mobile-present-dialog{color:#fff;background:#181c28;border:1px solid #2e384d;border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:460px;padding:22px;display:flex;box-shadow:0 20px 50px #000000d9}.mobile-present-desc{color:#94a3b8;margin:0;font-size:13px}.mobile-present-options{flex-direction:column;gap:10px;display:flex}.mobile-present-btn{color:#fff;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #2e384d;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.mobile-present-btn:hover{background:#38bdf81f;border-color:#38bdf8}.mobile-present-btn.primary{background:#38bdf826;border-color:#38bdf866}.mobile-present-btn.primary:hover{background:#38bdf840;border-color:#38bdf8}.present-opt-icon{flex-shrink:0;font-size:26px}.present-opt-info{flex-direction:column;gap:3px;display:flex}.present-opt-info strong{color:#f8fafc;font-size:14px}.present-opt-info small{color:#94a3b8;font-size:12px}.live-title-display-row{align-items:center;gap:8px;display:inline-flex}.live-studio-title.editable{cursor:pointer;border-radius:6px;padding:2px 6px;transition:all .2s}.live-studio-title.editable:hover{color:#38bdf8;background:#ffffff1a}.live-title-edit-icon-btn{cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:3px 6px;font-size:12px;line-height:1;transition:all .2s}.live-title-edit-icon-btn:hover{background:#38bdf840;border-color:#38bdf8;transform:scale(1.05)}.live-title-edit-form{align-items:center;gap:6px;display:flex}.live-title-inline-input{color:#fff;background:#0f172a;border:1px solid #38bdf8;border-radius:6px;outline:none;width:220px;max-width:50vw;padding:4px 10px;font-size:14px;font-weight:600}.live-title-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700}.live-title-save-btn:hover{background:#059669}.live-title-cancel-btn{color:#94a3b8;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;padding:4px 8px;font-size:12px}.live-title-cancel-btn:hover{color:#fff;background:#fff3}.live-settings-card-section{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.live-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.live-title-setting-row{gap:8px;display:flex}.live-setting-input{color:#fff;background:#0d121f;border:1px solid #283144;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13.5px}.live-setting-input:focus{border-color:#38bdf8}.live-setting-save-btn{color:#0f172a;cursor:pointer;white-space:nowrap;background:#38bdf8;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.live-setting-save-btn:hover{background:#0ea5e9}}