@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--social-bg:#070b14;--social-surface:#0f172a;--social-surface-hover:#ffffff0a;--social-surface-active:#ffffff14;--social-border:#ffffff14;--social-border-glow:#10b98140;--social-text-primary:#f8fafc;--social-text-secondary:#94a3b8;--social-text-muted:#64748b;--social-accent:#10b981;--social-accent-hover:#059669;--social-accent-glow:#10b98159;--social-like-active:#f43f5e;--social-like-glow:#f43f5e4d;--social-gold:#eab308;--social-blue:#38bdf8;--social-radius-sm:8px;--social-radius-md:14px;--social-radius-lg:20px;--social-radius-full:9999px}.social-container{background-color:var(--social-bg);height:100vh;max-height:100vh;color:var(--social-text-primary);justify-content:center;font-family:inherit;display:flex;position:relative;overflow:hidden}.social-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#10b98112 0%,#0000 70%);width:500px;height:500px;position:fixed;top:-10%;left:20%}.social-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#38bdf80d 0%,#0000 70%);width:600px;height:600px;position:fixed;bottom:0;right:15%}.social-layout{z-index:1;grid-template-columns:265px 1fr 350px;width:100%;max-width:1320px;height:100vh;max-height:100vh;margin:0 auto;display:grid;position:relative;overflow:hidden}@media (max-width:1200px){.social-layout{grid-template-columns:240px 1fr 310px;max-width:1100px}}@media (max-width:1024px){.social-layout{grid-template-columns:88px 1fr}.social-sidebar-right{display:none!important}}@media (max-width:640px){.social-layout{grid-template-columns:1fr;height:100vh}.social-sidebar-left{display:none!important}}.social-sidebar-left{border-right:1px solid var(--social-border);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:space-between;height:100vh;max-height:100vh;padding:1.25rem .75rem;display:flex;overflow-y:auto}.social-sidebar-left::-webkit-scrollbar{display:none}.social-nav-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.social-nav-link{border-radius:var(--social-radius-full);color:var(--social-text-secondary);align-items:center;gap:1.1rem;padding:.75rem 1.1rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.social-nav-link:hover{background-color:var(--social-surface-hover);color:var(--social-text-primary);transform:translate(3px)}.social-nav-link.active{color:var(--social-text-primary);background:linear-gradient(90deg,#10b98126 0%,#0000 100%);font-weight:700}.social-nav-link.active .social-nav-icon{color:var(--social-accent);filter:drop-shadow(0 0 8px var(--social-accent-glow))}.social-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .2s;display:flex}.social-nav-link:hover .social-nav-icon{transform:scale(1.1)}.social-btn-post-primary{color:#fff;border-radius:var(--social-radius-full);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:1rem;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 18px #10b98159}.social-btn-post-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 24px #10b98180}.social-btn-post-primary:active{transform:translateY(0)}.social-user-pill{border-radius:var(--social-radius-full);background:var(--social-surface);border:1px solid var(--social-border);cursor:pointer;justify-content:space-between;align-items:center;margin-top:auto;padding:.6rem .8rem;transition:all .2s;display:flex}.social-user-pill:hover{background:var(--social-surface-active);border-color:#ffffff26}.social-user-pill-avatar{object-fit:cover;border:2px solid var(--social-accent);background:#1e293b;border-radius:50%;flex-shrink:0;width:42px;height:42px}.social-user-pill-info{text-align:left;flex-direction:column;margin:0 .6rem;display:flex;overflow:hidden}.social-user-pill-name{color:var(--social-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.social-user-pill-username{color:var(--social-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.social-feed-col{border-right:1px solid var(--social-border);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;height:100vh;max-height:100vh;display:flex;position:relative;overflow-y:auto}.social-feed-col::-webkit-scrollbar{width:6px}.social-feed-col::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.social-sticky-header{z-index:50;-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--social-border);background:#070b14e0;position:sticky;top:0}.social-header-title{letter-spacing:-.02em;color:var(--social-text-primary);justify-content:space-between;align-items:center;padding:.9rem 1.25rem .4rem;font-size:1.25rem;font-weight:800;display:flex}.social-tabs{width:100%;display:flex}.social-tab-btn{color:var(--social-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:1rem 0;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;position:relative}.social-tab-btn:hover{background-color:var(--social-surface-hover);color:var(--social-text-primary)}.social-tab-btn.active{color:var(--social-text-primary);font-weight:700}.social-tab-btn.active:after{content:"";border-radius:var(--social-radius-full);background:var(--social-accent);width:60px;height:4px;box-shadow:0 0 10px var(--social-accent-glow);position:absolute;bottom:0}.social-composer{border-bottom:1px solid var(--social-border);background:#0f172a66;gap:1rem;padding:1.2rem 1.25rem;transition:background .2s;display:flex}.social-composer-avatar{object-fit:cover;background:#1e293b;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:46px;height:46px}.social-composer-body{flex-direction:column;flex:1;display:flex}.social-composer-textarea{width:100%;color:var(--social-text-primary);resize:none;background:0 0;border:none;outline:none;min-height:65px;font-family:inherit;font-size:1.15rem;line-height:1.5}.social-composer-textarea::placeholder{color:var(--social-text-muted)}.social-composer-preview-container{border-radius:var(--social-radius-md);border:1px solid var(--social-border);background:0 0;justify-content:center;align-items:center;width:fit-content;max-width:100%;max-height:480px;margin:.8rem 0;display:inline-flex;position:relative;overflow:hidden}.social-composer-preview-img{object-fit:contain;border-radius:var(--social-radius-md);width:auto;max-width:100%;height:auto;max-height:480px;display:block}.social-composer-preview-video{object-fit:contain;border-radius:var(--social-radius-md);background:0 0;outline:none;width:auto;max-width:100%;height:auto;max-height:480px;display:block}.social-composer-preview-remove{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.social-composer-preview-remove:hover{background:#ef4444;transform:scale(1.1)}.social-composer-progress-wrap{background:#ffffff1a;border-radius:2px;width:100%;height:4px;margin:.5rem 0;overflow:hidden}.social-composer-progress-bar{background:linear-gradient(90deg,#10b981,#38bdf8);height:100%;transition:width .2s}.social-composer-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.4rem;padding-top:.8rem;display:flex}.social-composer-tools{align-items:center;gap:.4rem;display:flex}.social-tool-btn{width:38px;height:38px;color:var(--social-accent);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.social-tool-btn:hover{background:#10b9811f;transform:scale(1.08)}.social-composer-submit-btn{color:#fff;border-radius:var(--social-radius-full);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;align-items:center;gap:.4rem;padding:.6rem 1.4rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b9814d}.social-composer-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.social-composer-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.social-post-card{border-bottom:1px solid var(--social-border);cursor:pointer;background:0 0;gap:.9rem;padding:1.1rem 1.25rem;transition:background-color .15s;display:flex;position:relative}.social-post-card:hover{background-color:var(--social-surface-hover)}.social-post-avatar-link{flex-shrink:0;height:fit-content}.social-post-avatar{object-fit:cover;background:#1e293b;border:1.5px solid #ffffff1f;border-radius:50%;width:44px;height:44px;transition:transform .2s,border-color .2s}.social-post-avatar:hover{border-color:var(--social-accent);transform:scale(1.05)}.social-post-content-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.social-post-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.social-post-author-row{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.social-post-name{color:var(--social-text-primary);font-size:.98rem;font-weight:700;text-decoration:none}.social-post-name:hover{text-decoration:underline}.social-badge-verified{color:#38bdf8;align-items:center;display:inline-flex}.social-post-username{color:var(--social-text-muted);font-size:.88rem;text-decoration:none}.social-post-dot{color:var(--social-text-muted);font-size:.75rem}.social-post-time{color:var(--social-text-muted);font-size:.85rem}.social-post-menu-btn{width:32px;height:32px;color:var(--social-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.social-post-menu-btn:hover{color:var(--social-text-primary);background:#ffffff1a}.social-post-text{color:var(--social-text-primary);white-space:pre-wrap;word-break:break-word;margin-bottom:.75rem;font-size:.98rem;line-height:1.55}.social-hashtag{color:var(--social-accent);font-weight:600;text-decoration:none}.social-hashtag:hover{text-decoration:underline}.social-post-media{border-radius:var(--social-radius-md);border:1px solid var(--social-border);background:0 0;justify-content:center;align-items:center;width:fit-content;max-width:100%;max-height:540px;margin-bottom:.85rem;display:inline-flex;position:relative;overflow:hidden}.social-post-media img{object-fit:contain;border-radius:var(--social-radius-md);cursor:zoom-in;width:auto;max-width:100%;height:auto;max-height:540px;transition:transform .3s;display:block}.social-post-media img:hover{transform:scale(1.01)}.social-post-media video{object-fit:contain;border-radius:var(--social-radius-md);background:0 0;outline:none;width:auto;max-width:100%;height:auto;max-height:540px;display:block}.social-post-actions{justify-content:space-between;align-items:center;max-width:440px;padding-top:.25rem;display:flex}.social-action-btn{color:var(--social-text-muted);cursor:pointer;border-radius:var(--social-radius-full);background:0 0;border:none;align-items:center;gap:.45rem;padding:.4rem .6rem;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.social-action-btn.btn-comment:hover{color:var(--social-blue);background:#38bdf81f}.social-action-btn.btn-like:hover{color:var(--social-like-active);background:#f43f5e1f}.social-action-btn.btn-like.liked{color:var(--social-like-active)}.social-action-btn.btn-like.liked svg{fill:var(--social-like-active);filter:drop-shadow(0 0 6px var(--social-like-glow));animation:.35s cubic-bezier(.175,.885,.32,1.275) heartPop}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.45)}to{transform:scale(1)}}.social-action-btn.btn-share:hover{color:var(--social-accent);background:#10b9811f}.social-sidebar-right{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:1.2rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.social-sidebar-right::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}.social-search-box{background:var(--social-surface);border:1px solid var(--social-border);border-radius:var(--social-radius-full);align-items:center;gap:.75rem;padding:.65rem 1.1rem;transition:all .2s;display:flex}.social-search-box:focus-within{border-color:var(--social-accent);box-shadow:0 0 0 2px var(--social-accent-glow);background:#131c31}.social-search-input{color:var(--social-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.social-widget-card{background:var(--social-surface);border:1px solid var(--social-border);border-radius:var(--social-radius-lg);flex-direction:column;gap:.85rem;padding:1.1rem;display:flex}.social-widget-title{color:var(--social-text-primary);justify-content:space-between;align-items:center;margin:0;font-size:1.1rem;font-weight:800;display:flex}.social-suggested-user{justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.social-suggested-user-info{align-items:center;gap:.65rem;min-width:0;text-decoration:none;display:flex}.social-suggested-avatar{object-fit:cover;background:#1e293b;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:40px;height:40px}.social-suggested-names{flex-direction:column;display:flex;overflow:hidden}.social-suggested-name{color:var(--social-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.social-suggested-handle{color:var(--social-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.social-btn-follow{color:#0b0f19;border-radius:var(--social-radius-full);cursor:pointer;background:#fff;border:none;flex-shrink:0;padding:.45rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.social-btn-follow:hover{background:#e2e8f0;transform:scale(1.03)}.social-btn-follow.following{color:var(--social-text-primary);border:1px solid var(--social-border);background:0 0}.social-btn-follow.following:hover{color:#ef4444;background:#ef44441f;border-color:#ef444466}.social-trend-item{cursor:pointer;flex-direction:column;gap:.2rem;padding:.4rem 0;transition:opacity .2s;display:flex}.social-trend-item:hover{opacity:.85}.social-trend-category{color:var(--social-text-muted);font-size:.78rem}.social-trend-tag{color:var(--social-text-primary);font-size:.95rem;font-weight:700}.social-trend-posts{color:var(--social-text-muted);font-size:.78rem}.social-profile-header-wrap{border-bottom:1px solid var(--social-border);position:relative}.social-profile-cover{background:linear-gradient(135deg,#064e3b 0%,#0f172a 50%,#1e1b4b 100%);width:100%;height:200px;position:relative;overflow:hidden}.social-profile-cover img{object-fit:cover;width:100%;height:100%}.social-profile-details{padding:0 1.25rem 1.25rem;position:relative}.social-profile-avatar-row{justify-content:space-between;align-items:flex-end;margin-top:-65px;margin-bottom:1rem;display:flex}.social-profile-avatar-large{object-fit:cover;border:4px solid var(--social-bg);background:#1e293b;border-radius:50%;width:125px;height:125px;position:relative;box-shadow:0 10px 25px #00000080}.social-btn-edit-profile{color:var(--social-text-primary);border:1px solid var(--social-border);border-radius:var(--social-radius-full);cursor:pointer;background:0 0;padding:.55rem 1.3rem;font-size:.92rem;font-weight:700;transition:all .2s}.social-btn-edit-profile:hover{background:var(--social-surface-active);border-color:#ffffff40}.social-profile-name-title{color:var(--social-text-primary);align-items:center;gap:.4rem;margin:0;font-size:1.45rem;font-weight:800;display:flex}.social-profile-handle-title{color:var(--social-text-muted);margin:.15rem 0 .75rem;font-size:.95rem}.social-profile-bio{color:var(--social-text-primary);white-space:pre-wrap;margin-bottom:.9rem;font-size:.98rem;line-height:1.5}.social-profile-meta-row{color:var(--social-text-muted);flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:1rem;font-size:.88rem;display:flex}.social-profile-meta-item{align-items:center;gap:.35rem;display:flex}.social-profile-stats-row{align-items:center;gap:1.5rem;display:flex}.social-profile-stat-btn{color:var(--social-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.92rem;display:flex}.social-profile-stat-btn:hover{text-decoration:underline}.social-profile-stat-number{color:var(--social-text-primary);font-weight:800}.social-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#000000c7;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.social-modal-card{border:1px solid var(--social-border);border-radius:var(--social-radius-lg);background:#0f172a;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff14}.social-modal-header{border-bottom:1px solid var(--social-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.social-modal-title{color:var(--social-text-primary);margin:0;font-size:1.15rem;font-weight:700}.social-modal-close-btn{width:34px;height:34px;color:var(--social-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-modal-close-btn:hover{color:#fff;background:#ffffff1a}.social-modal-body{flex:1;padding:1.25rem;overflow-y:auto}.social-form-group{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.social-form-label{color:var(--social-text-secondary);font-size:.85rem;font-weight:600}.social-form-input,.social-form-textarea{border:1px solid var(--social-border);border-radius:var(--social-radius-md);width:100%;color:var(--social-text-primary);background:#080d1a;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.social-form-input:focus,.social-form-textarea:focus{border-color:var(--social-accent);box-shadow:0 0 0 2px var(--social-accent-glow)}.social-form-textarea{resize:vertical;min-height:90px}.social-mobile-top-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--social-border);z-index:45;background:#070b14e6;justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:none;position:sticky;top:0;left:0;right:0}.social-mobile-header-avatar img{object-fit:cover;border:1.5px solid var(--social-accent);border-radius:50%;width:34px;height:34px;display:block}.social-mobile-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.social-mobile-header-login-btn{color:#10b981;border-radius:var(--social-radius-full);cursor:pointer;background:#10b98126;border:1px solid #10b9814d;padding:.35rem .85rem;font-size:.82rem;font-weight:700}.social-mobile-header-brand{color:#f8fafc;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:flex}.social-mobile-header-search-btn{color:var(--social-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.social-mobile-header-search-btn:hover{color:#fff;background:#ffffff14}.social-mobile-fab{color:#fff;cursor:pointer;z-index:90;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:none;position:fixed;bottom:74px;right:18px;box-shadow:0 6px 24px #10b98173}.social-mobile-fab:hover{transform:scale(1.06);box-shadow:0 8px 30px #10b98199}.social-mobile-fab:active{transform:scale(.94)}.social-mobile-nav-bar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--social-border);z-index:80;background:#070b14f2;justify-content:space-around;align-items:center;height:62px;padding:0 .5rem;display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:640px){.social-mobile-top-header,.social-mobile-fab,.social-mobile-nav-bar{display:flex}.social-feed-col{padding-bottom:70px}}.social-mobile-tab{color:var(--social-text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;text-decoration:none;transition:all .2s;display:flex}.social-mobile-tab-icon{justify-content:center;align-items:center;height:26px;display:flex}.social-mobile-tab-label{letter-spacing:.01em;font-size:.68rem;font-weight:600}.social-mobile-tab.active{color:var(--social-accent)}.social-mobile-tab.active .social-mobile-tab-icon svg{filter:drop-shadow(0 0 6px var(--social-accent-glow))}.shimmer{background:linear-gradient(90deg,#ffffff08 0%,#ffffff17 50%,#ffffff08 100%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:44px;height:44px}.skeleton-line{background-color:#ffffff0d;border-radius:6px}.skeleton-card{pointer-events:none;opacity:.85}.toast-container{z-index:100000;pointer-events:none;flex-direction:column;gap:.6rem;width:calc(100% - 40px);max-width:380px;display:flex;position:fixed;top:20px;right:20px}@media (max-width:640px){.toast-container{width:auto;top:12px;left:12px;right:12px}}.toast-card{pointer-events:auto;-webkit-backdrop-filter:blur(20px);border:1px solid var(--social-border);background:#0f172af5;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0009,0 0 0 1px #ffffff0d}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon-wrap{flex-shrink:0;margin-top:1px}.toast-body{flex-direction:column;flex:1;gap:2px;display:flex}.toast-title{color:#f8fafc;font-size:.88rem;font-weight:700}.toast-message{color:#94a3b8;font-size:.82rem;line-height:1.35}.toast-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.85rem;transition:all .15s}.toast-close-btn:hover{color:#fff;background:#ffffff1a}.toast-progress{background:var(--social-accent);width:100%;height:2.5px;animation:linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:#10b981}.toast-error .toast-progress{background:#f43f5e}.toast-warning .toast-progress{background:#f59e0b}.toast-info .toast-progress{background:#38bdf8}@keyframes toastProgress{0%{width:100%}to{width:0%}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:1.25rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-modal-box{border:1px solid var(--social-border);text-align:center;background:#0f172a;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:1.6rem 1.4rem;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;box-shadow:0 24px 60px #000c}.confirm-modal-icon-wrap{margin-bottom:.85rem}.confirm-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.confirm-modal-icon.destructive{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40}.confirm-modal-icon.info{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.confirm-modal-title{color:#f8fafc;margin:0 0 .4rem;font-size:1.15rem;font-weight:800}.confirm-modal-message{color:#94a3b8;margin:0 0 1.4rem;font-size:.88rem;line-height:1.45}.confirm-modal-actions{gap:.75rem;width:100%;display:flex}.confirm-modal-btn{border-radius:var(--social-radius-full);cursor:pointer;border:none;flex:1;padding:.75rem 1rem;font-size:.92rem;font-weight:700;transition:all .2s}.confirm-modal-btn.cancel{color:#f8fafc;border:1px solid var(--social-border);background:#ffffff14}.confirm-modal-btn.cancel:hover{background:#ffffff24}.confirm-modal-btn.destructive{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);box-shadow:0 4px 14px #f43f5e59}.confirm-modal-btn.destructive:hover{filter:brightness(1.1);box-shadow:0 6px 20px #f43f5e80}.confirm-modal-btn.confirm{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.social-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.5rem;animation:.3s fadeIn;display:flex}.social-empty-icon{filter:drop-shadow(0 4px 12px #10b98133);margin-bottom:.8rem;font-size:3rem}.social-empty-title{color:#f8fafc;margin:0 0 .5rem;font-size:1.2rem;font-weight:800}.social-empty-desc{color:#94a3b8;max-width:420px;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.social-empty-cta{color:#fff;border-radius:var(--social-radius-full);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;padding:.75rem 1.6rem;font-size:.92rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #10b98159}.social-empty-cta:hover{transform:translateY(-2px);box-shadow:0 6px 22px #10b98180}.like-pop svg{animation:.45s cubic-bezier(.175,.885,.32,1.275) likePop}@keyframes likePop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.social-content-link{color:#38bdf8;font-weight:500;text-decoration:none;transition:all .15s}.social-content-link:hover{color:#7dd3fc;text-decoration:underline}.social-composer.dragging-over{box-shadow:0 0 0 2px #10b9814d;background:#10b9810f!important;border-color:#10b981!important}.char-count-indicator{align-items:center;display:flex}.social-composer-emoji-dropdown{border:1px solid var(--social-border);background:#0d1527;border-radius:14px;margin:.6rem 0;padding:.75rem;animation:.2s fadeIn;box-shadow:0 10px 30px #00000080}.social-emoji-pill{cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;padding:4px 8px;font-size:1.15rem;transition:transform .15s,background .15s}.social-emoji-pill:hover{background:#ffffff1f;transform:scale(1.25)}.social-filter-badge{color:#10b981;border-radius:var(--social-radius-full);background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:.4rem;padding:2px 8px;font-size:.8rem;display:inline-flex}.social-filter-clear-btn{color:#10b981;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;line-height:1}.social-search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 6px;transition:all .15s}.social-search-clear-btn:hover{color:#fff;background:#ffffff1a}.social-post-dropdown-menu{border:1px solid var(--social-border);z-index:30;background:#0f172a;border-radius:14px;min-width:190px;padding:.4rem;animation:.15s scaleUp;position:absolute;top:100%;right:0;box-shadow:0 12px 36px #0009}.social-dropdown-item{color:#f8fafc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.65rem;width:100%;padding:.65rem .85rem;font-size:.88rem;font-weight:500;transition:background .15s;display:flex}.social-dropdown-item:hover{background:#ffffff14}.social-dropdown-item.destructive{color:#f43f5e}.social-dropdown-item.destructive:hover{background:#f43f5e1f}.social-feed-sentinel{text-align:center;min-height:40px;padding:1.5rem 1rem}.social-loading-more{color:#10b981;justify-content:center;align-items:center;gap:.6rem;font-size:.88rem;font-weight:600;display:flex}.social-feed-end{color:#64748b;font-size:.82rem}.am-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.am-modal{border:1px solid var(--social-border);background:#0f172a;border-radius:24px;width:100%;max-width:420px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000d9}.am-close{color:var(--social-text-muted);cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.am-close:hover{color:#fff;background:#ffffff1a}.am-header{text-align:center;padding:28px 24px 16px;position:relative}.am-brand-badge{justify-content:center;margin-bottom:.8rem;display:flex}.am-title{color:#f8fafc;letter-spacing:-.01em;margin:0 0 6px;font-size:1.5rem;font-weight:800}.am-subtitle{color:#94a3b8;margin:0;font-size:.9rem;line-height:1.4}.am-body{padding:0 24px 28px}.am-error{color:#fca5a5;background:#f43f5e1f;border:1px solid #f43f5e4d;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:16px;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.am-group{margin-bottom:14px}.am-label{color:#cbd5e1;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.am-input-wrap{align-items:center;display:flex;position:relative}.am-input-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.am-input{border:1px solid var(--social-border);color:#fff;box-sizing:border-box;background:#080d1a;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:.95rem;transition:all .25s}.am-input:focus{background:#0c1424;border-color:#10b981;box-shadow:0 0 0 2px #10b98140}.am-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;width:100%;margin-top:8px;padding:13px;font-size:.98rem;font-weight:700;transition:all .25s;box-shadow:0 4px 16px #10b98159}.am-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #10b98180}.am-btn-submit:disabled{opacity:.6;cursor:not-allowed}.am-divider{text-align:center;color:#64748b;align-items:center;margin:18px 0;font-size:.82rem;display:flex}.am-divider:before,.am-divider:after{content:"";border-bottom:1px solid var(--social-border);flex:1}.am-divider span{padding:0 10px}.am-btn-google{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex}.am-btn-google:hover{background:#f1f5f9;transform:translateY(-1px)}.am-toggle{text-align:center;color:#94a3b8;margin-top:20px;font-size:.88rem}.am-toggle-btn{color:#10b981;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:.88rem;font-weight:700;transition:color .15s}.am-toggle-btn:hover{color:#34d399;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.social-guest-banner{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#08111ef5;border-top:1px solid #10b98159;padding:.9rem 1.5rem;animation:.4s fadeIn;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0009}.social-guest-banner-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.social-guest-banner-text{flex-direction:column;gap:.2rem;min-width:260px;display:flex}.social-guest-banner-title{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.social-guest-banner-desc{color:#94a3b8;font-size:.85rem}.social-guest-banner-actions{align-items:center;gap:.8rem;display:flex}.social-guest-btn-login{color:#f8fafc;border-radius:var(--social-radius-full);cursor:pointer;background:#ffffff14;border:1px solid #fff3;padding:.6rem 1.3rem;font-size:.88rem;font-weight:700;transition:all .2s}.social-guest-btn-login:hover{background:#ffffff29;border-color:#fff6}.social-guest-btn-register{color:#fff;border-radius:var(--social-radius-full);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;padding:.6rem 1.4rem;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #10b98159}.social-guest-btn-register:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98180}@media (max-width:640px){.social-guest-banner{padding:.8rem 1rem;bottom:62px}.social-guest-banner-content{text-align:center;flex-direction:column;align-items:stretch;gap:.75rem}.social-guest-banner-actions{justify-content:center}.social-guest-btn-login,.social-guest-btn-register{text-align:center;flex:1}}
:root{--bg-color:#070b14;--primary-color:#10b981;--primary-glow:#10b98166;--secondary-color:#3b82f6;--text-color:#fff;--text-muted:#94a3b8;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);height:100%;color:var(--text-color);font-family:var(--font-main);overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes amFadeIn{0%{opacity:0}to{opacity:1}}@keyframes amZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}