@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap);:root{--primary:#6c63ff;--primary-dark:#5549e8;--primary-light:#8b85ff;--primary-alpha:#6c63ff1f;--primary-glow:#6c63ff40;--pink:#ff4d8d;--green:#00d68f;--blue:#00b4d8;--yellow:#ffb830;--red:#ff4d4d;--purple:#8b5cf6;--bg-900:#07070d;--bg-800:#0d0d18;--bg-700:#111120;--bg-600:#161628;--bg-500:#1c1c30;--bg-400:#22223a;--bg-300:#2a2a44;--text-100:#fff;--text-200:#e8e8f5;--text-300:#b0b0cc;--text-400:#7070a0;--text-500:#45456a;--border-1:#ffffff0f;--border-2:#ffffff1a;--border-3:#ffffff29;--border-accent:#6c63ff59;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-xl:0 24px 80px #000000b3;--shadow-glow:0 0 32px #6c63ff4d;--shadow-pink:0 0 32px #ff4d8d33;--t-fast:120ms ease;--t-base:200ms ease;--t-slow:350ms ease;--t-spring:300ms cubic-bezier(0.34,1.56,0.64,1)}[data-theme=light]{--bg-900:#f0f0fa;--bg-800:#fff;--bg-700:#fff;--bg-600:#f8f8ff;--bg-500:#f0f0fc;--bg-400:#e8e8f8;--bg-300:#ddddf0;--text-100:#0a0a1a;--text-200:#1a1a30;--text-300:#404060;--text-400:#7070a0;--text-500:#a0a0c0;--border-1:#0000000f;--border-2:#0000001a;--border-3:#00000029}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;scroll-behavior:smooth}body{min-height:100%}#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07070d;background:var(--bg-900);color:#e8e8f5;color:var(--text-200);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow:auto}h1,h2,h3,h4,h5{font-family:Space Grotesk,sans-serif;letter-spacing:-.025em;line-height:1.2}button,input,select,textarea{font-family:Inter,sans-serif}input,select,textarea{background:#161628;background:var(--bg-600);border:1.5px solid #ffffff1a;border:1.5px solid var(--border-2);border-radius:14px;border-radius:var(--r-md);color:#e8e8f5;color:var(--text-200);font-size:.9rem;outline:none;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;transition:border-color var(--t-base),box-shadow var(--t-base),background var(--t-base);width:100%}input:focus,textarea:focus{background:#111120;background:var(--bg-700);border-color:#6c63ff;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1f;box-shadow:0 0 0 3px var(--primary-alpha)}input::placeholder,textarea::placeholder{color:#45456a;color:var(--text-500)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{-webkit-tap-highlight-color:transparent;border:none;cursor:pointer;outline:none}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff29;background:var(--border-3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#45456a;background:var(--text-500)}*{scrollbar-color:#ffffff29 #0000;scrollbar-color:var(--border-3) #0000;scrollbar-width:thin}.ai-messages,.conv-body,.explore-grid-container,.feed-main,.home-page,.messages-area,.settings-main{overscroll-behavior:contain;scroll-behavior:smooth}.main-layout{background:#07070d;background:var(--bg-900);display:flex;height:100vh;overflow:hidden}.side-nav{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0d0d18f2;border-top:1px solid #ffffff1a;border-top:1px solid var(--border-2);bottom:0;display:flex;height:62px;justify-content:space-around;left:0;padding:0 8px;position:fixed;right:0;z-index:100}.main-content{display:flex;flex:1 1;overflow:hidden;padding-bottom:62px}@media (min-width:768px){.side-nav{align-items:center;background:#0d0d18;background:var(--bg-800);border-right:1px solid #ffffff0f;border-right:1px solid var(--border-1);border-top:none;bottom:auto;flex-direction:column;gap:2px;height:100vh;justify-content:flex-start;left:auto;padding:12px 0;position:relative;right:auto;width:68px}.main-content{padding-bottom:0}}.nav-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:14px;border-radius:var(--r-md);color:#7070a0;color:var(--text-400);display:flex;flex-shrink:0;height:46px;justify-content:center;position:relative;transition:all .2s ease;transition:all var(--t-base);width:46px}.nav-btn:hover{background:#161628;background:var(--bg-600);color:#e8e8f5;color:var(--text-200)}.nav-btn.active{background:#6c63ff1f;background:var(--primary-alpha);color:#8b85ff;color:var(--primary-light)}.nav-btn.active:before{background:#6c63ff;background:var(--primary);border-radius:0 3px 3px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}@media (max-width:767px){.nav-btn.active:before{display:none}}.nav-ai{background:linear-gradient(135deg,#6c63ff1f,#ff4d8d1a)!important;background:linear-gradient(135deg,var(--primary-alpha),#ff4d8d1a)!important;color:#8b85ff!important;color:var(--primary-light)!important}.nav-ai:hover{background:linear-gradient(135deg,#6c63ff,#ff4d8d)!important;background:linear-gradient(135deg,var(--primary),var(--pink))!important;color:#fff!important}.nav-badge{align-items:center;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1) .3s;animation:badgePop .3s var(--t-spring);background:#ff4d4d;background:var(--red);border:2px solid #0d0d18;border:2px solid var(--bg-800);border-radius:9999px;border-radius:var(--r-full);color:#fff;display:flex;font-size:.58rem;font-weight:700;height:17px;justify-content:center;min-width:17px;padding:0 4px;position:absolute;right:4px;top:4px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.nav-logo{align-items:center;background:linear-gradient(135deg,#6c63ff,#ff4d8d);background:linear-gradient(135deg,var(--primary),var(--pink));border-radius:14px;border-radius:var(--r-md);box-shadow:0 0 32px #6c63ff4d;box-shadow:var(--shadow-glow);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--t-base),box-shadow var(--t-base);width:40px}.nav-logo:hover{transform:scale(1.08)}.nav-items{flex:1 1;gap:2px;width:100%}.nav-bottom,.nav-items{align-items:center;display:flex;flex-direction:column}.nav-bottom{gap:4px}@media (min-width:768px){.nav-btn[data-tooltip]:hover:after{animation:tooltipIn .15s ease;background:#1c1c30;background:var(--bg-500);border:1px solid #ffffff1a;border:1px solid var(--border-2);border-radius:10px;border-radius:var(--r-sm);box-shadow:0 8px 24px #00000080;box-shadow:var(--shadow-md);color:#e8e8f5;color:var(--text-200);content:attr(data-tooltip);font-size:.75rem;left:calc(100% + 12px);padding:6px 11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:200}@keyframes tooltipIn{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}}@media (max-width:767px){.nav-logo{display:none!important}.nav-bottom,.nav-items{display:contents}}.user-menu{animation:menuUp .2s cubic-bezier(.34,1.56,.64,1) .3s;animation:menuUp .2s var(--t-spring);background:#161628;background:var(--bg-600);border:1px solid #ffffff29;border:1px solid var(--border-3);border-radius:20px;border-radius:var(--r-lg);bottom:70px;box-shadow:0 24px 80px #000000b3;box-shadow:var(--shadow-xl);left:8px;min-width:220px;padding:8px;position:fixed;z-index:200}@keyframes menuUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (min-width:768px){.user-menu{bottom:10px;left:74px}}.user-menu-top{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-1);margin-bottom:4px;padding:8px 8px 12px}.user-menu-item,.user-menu-top{align-items:center;display:flex;gap:10px}.user-menu-item{background:none;border:none;border-radius:10px;border-radius:var(--r-sm);color:#b0b0cc;color:var(--text-300);cursor:pointer;font-size:.85rem;padding:9px 12px;text-align:left;transition:all .2s ease;transition:all var(--t-base);width:100%}.user-menu-item:hover{background:#1c1c30;background:var(--bg-500);color:#e8e8f5;color:var(--text-200)}.user-menu-item.danger:hover{background:#ff4d4d1a;color:#ff4d4d;color:var(--red)}.divider{background:#ffffff0f;background:var(--border-1);height:1px;margin:4px 0}.nav-avatar{border:2px solid #0000;border-radius:50%;cursor:pointer;height:34px;object-fit:cover;transition:border-color .2s ease,transform .2s ease;transition:border-color var(--t-base),transform var(--t-base);width:34px}.nav-avatar:hover{border-color:#6c63ff;border-color:var(--primary);transform:scale(1.05)}.nav-avatar-wrap{position:relative}.nav-status{bottom:0;position:absolute;right:0}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:14px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:7px;justify-content:center;letter-spacing:-.01em;min-height:42px;padding:10px 20px;transition:all .2s ease;transition:all var(--t-base);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6c63ff,#7b74ff);background:linear-gradient(135deg,var(--primary),#7b74ff);box-shadow:0 4px 16px #6c63ff59;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#5549e8,#6c63ff);background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 8px 24px #6c63ff73;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#1c1c30;background:var(--bg-500);border:1px solid #ffffff1a;border:1px solid var(--border-2);color:#e8e8f5;color:var(--text-200)}.btn-secondary:hover{background:#22223a;background:var(--bg-400);border-color:#6c63ff;border-color:var(--primary)}.btn-danger{background:#ff4d4d26;border:1px solid #ff4d4d33;color:#ff4d4d;color:var(--red)}.btn-danger:hover{background:#ff4d4d;background:var(--red);color:#fff}.btn-ghost{background:none;border:none;color:#b0b0cc;color:var(--text-300);padding:5px 8px}.btn-ghost:hover{color:#e8e8f5;color:var(--text-200)}.btn-sm{font-size:.8rem;min-height:34px;padding:6px 14px}.btn-round{border-radius:9999px;border-radius:var(--r-full)}.btn-icon{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--r-sm);color:#7070a0;color:var(--text-400);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s ease;transition:all var(--t-base);width:38px}.btn-icon:hover{background:#1c1c30;background:var(--bg-500);color:#e8e8f5;color:var(--text-200)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.w-full{width:100%}.avatar{border-radius:50%;display:block;flex-shrink:0;object-fit:cover}.card{background:#111120;background:var(--bg-700);border:1px solid #ffffff0f;border:1px solid var(--border-1);border-radius:20px;border-radius:var(--r-lg);padding:20px;transition:border-color .2s ease,transform .2s ease;transition:border-color var(--t-base),transform var(--t-base)}.card:hover{border-color:#ffffff1a;border-color:var(--border-2)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{color:#7070a0;color:var(--text-400);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-group textarea{min-height:80px;resize:vertical}.modal-overlay{align-items:center;animation:fadeIn .15s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-box{animation:modalIn .25s cubic-bezier(.34,1.56,.64,1) .3s;animation:modalIn .25s var(--t-spring);background:#111120;background:var(--bg-700);border:1px solid #ffffff29;border:1px solid var(--border-3);border-radius:28px;border-radius:var(--r-xl);box-shadow:0 24px 80px #000000b3;box-shadow:var(--shadow-xl);max-height:92vh;max-width:480px;overflow-y:auto;padding:28px;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:1.05rem;font-weight:700}@media(max-width:640px){.modal-box{animation:sheetUp .3s cubic-bezier(.34,1.56,.64,1) .3s;animation:sheetUp .3s var(--t-spring);border-radius:28px 28px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;bottom:0;left:0;margin:0;max-width:100%;position:fixed;right:0}.modal-overlay{align-items:flex-end;padding:0}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}}.empty-state{align-items:center;color:#45456a;color:var(--text-500);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.empty-state svg{opacity:.3}.empty-state h3{color:#7070a0;color:var(--text-400);font-size:1.05rem;font-weight:600}.empty-state p{font-size:.875rem;line-height:1.6;max-width:280px}.loader{animation:spin .7s linear infinite;border:2.5px solid #ffffff29;border-top-color:#6c63ff;border:2.5px solid var(--border-3);border-radius:50%;border-top-color:var(--primary);display:inline-block;flex-shrink:0;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin .8s linear infinite}.skeleton{animation:shimmer 1.6s infinite;background:linear-gradient(90deg,#1c1c30 25%,#22223a 50%,#1c1c30 75%);background:linear-gradient(90deg,var(--bg-500) 25%,var(--bg-400) 50%,var(--bg-500) 75%);background-size:200% 100%;border-radius:10px;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.status-dot{border:2px solid #0d0d18;border:2px solid var(--bg-800);border-radius:50%;height:10px;width:10px}.status-dot.online{background:#00d68f;background:var(--green);box-shadow:0 0 6px #00d68f;box-shadow:0 0 6px var(--green)}.status-dot.offline{background:#45456a;background:var(--text-500)}.toast-container{bottom:72px;display:flex;flex-direction:column;gap:8px;position:fixed;right:16px;z-index:9999}@media(min-width:768px){.toast-container{bottom:24px;right:24px}}.toast{align-items:center;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1) .3s;animation:toastIn .3s var(--t-spring);background:#161628;background:var(--bg-600);border:1px solid #ffffff29;border:1px solid var(--border-3);border-radius:14px;border-radius:var(--r-md);box-shadow:0 16px 48px #0009;box-shadow:var(--shadow-lg);color:#e8e8f5;color:var(--text-200);display:flex;font-size:.875rem;gap:10px;max-width:360px;min-width:240px;padding:12px 16px}@keyframes toastIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.toast.success{border-left:3px solid #00d68f;border-left:3px solid var(--green)}.toast.error{border-left:3px solid #ff4d4d;border-left:3px solid var(--red)}.toast.info{border-left:3px solid #00b4d8;border-left:3px solid var(--blue)}.toast.warning{border-left:3px solid #ffb830;border-left:3px solid var(--yellow)}.toast-close{background:none;border:none;color:#45456a;color:var(--text-500);cursor:pointer;display:flex;margin-left:auto}.scroll-fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.scroll-fade-in.visible{opacity:1;transform:none}.scroll-scale-in{opacity:0;transform:scale(.94);transition:opacity .4s ease,transform .4s ease}.scroll-scale-in.visible{opacity:1;transform:none}.main-content>*{animation:pageIn .2s ease}@keyframes glow{0%,to{box-shadow:0 0 32px #6c63ff4d;box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 48px #6c63ff80}}.text-muted{color:#7070a0;color:var(--text-400)}.text-primary{color:#8b85ff;color:var(--primary-light)}.text-green{color:#00d68f;color:var(--green)}.text-danger{color:#ff4d4d;color:var(--red)}.flex-center{align-items:center;display:flex;justify-content:center}.gap-8{gap:8px}.mt-8{margin-top:8px}.auth-page{background:var(--bg-900);display:flex;min-height:100vh;overflow-y:auto}.auth-left{display:none}.auth-right{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:24px 20px 48px}.auth-card{animation:authIn .4s var(--t-spring);background:var(--bg-700);border:1px solid var(--border-2);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:32px 28px;width:100%}@keyframes authIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.auth-card-header{margin-bottom:28px;position:relative;text-align:center}.auth-card-header h2{font-size:1.3rem;font-weight:800;margin-bottom:6px}.auth-card-header p{color:var(--text-400);font-size:.85rem;line-height:1.5}.auth-logo-sm{align-items:center;animation:logoPop .5s var(--t-spring);background:linear-gradient(135deg,var(--primary),var(--pink));border-radius:var(--r-lg);box-shadow:var(--shadow-glow);color:#fff;display:flex;font-size:1.4rem;height:56px;justify-content:center;margin:0 auto 18px;width:56px}@keyframes logoPop{0%{opacity:0;transform:rotate(-10deg) scale(.7)}to{opacity:1;transform:none}}.auth-brand{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:800;gap:10px;margin-bottom:32px}.auth-brand,.auth-logo{align-items:center;display:flex}.auth-logo{background:linear-gradient(135deg,var(--primary),var(--pink));border-radius:var(--r-md);color:#fff;font-size:1.1rem;height:42px;justify-content:center;width:42px}.auth-headline{font-size:2.4rem;font-weight:800;line-height:1.15;margin-bottom:16px}.auth-headline .grad{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-light),var(--pink));-webkit-background-clip:text;background-clip:text}.auth-desc{color:var(--text-400);font-size:.95rem;line-height:1.7;margin-bottom:32px}.auth-features{display:flex;flex-direction:column;gap:14px}.auth-feature{align-items:center;display:flex;gap:12px}.auth-feature-icon{align-items:center;border-radius:var(--r-sm);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.auth-feature span{color:var(--text-300);font-size:.875rem;font-weight:500}.country-selector{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-600);border:1.5px solid var(--border-2);border-radius:var(--r-md);cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all var(--t-base);-webkit-user-select:none;user-select:none}.country-selector:hover{border-color:var(--border-3)}.country-flag{font-size:1.4rem}.country-name{flex:1 1;font-size:.875rem;font-weight:500}.country-code{color:var(--text-400);font-size:.82rem}.country-dropdown{animation:fadeIn .15s ease;background:var(--bg-600);border:1px solid var(--border-3);border-radius:var(--r-md);box-shadow:var(--shadow-lg);left:0;max-height:230px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 5px);z-index:100}.country-option{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:var(--text-200);cursor:pointer;display:flex;font-size:.875rem;gap:10px;padding:11px 14px;text-align:left;transition:background var(--t-fast);width:100%}.country-option:hover{background:var(--bg-500)}.phone-input-row{align-items:center;background:var(--bg-600);border:1.5px solid var(--border-2);border-radius:var(--r-md);display:flex;overflow:hidden;transition:all var(--t-base)}.phone-input-row:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.phone-prefix{background:var(--bg-500);border-right:1px solid var(--border-2);color:var(--text-300);flex-shrink:0;font-size:.9rem;font-weight:700;padding:12px 13px;white-space:nowrap}.phone-input-row input{background:none;flex:1 1;font-size:1rem;letter-spacing:.04em;padding:12px 14px}.phone-input-row input,.phone-input-row input:focus{border:none;box-shadow:none}.otp-boxes{display:flex;gap:10px;justify-content:center;margin:22px 0}.otp-box{-webkit-tap-highlight-color:transparent;background:var(--bg-600);border:2px solid var(--border-2);border-radius:var(--r-md);box-shadow:none;color:var(--text-200);cursor:text;font-size:1.5rem;font-weight:800;height:58px;padding:0;text-align:center;transition:all var(--t-base);width:50px}.otp-box:focus{background:var(--bg-700);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);outline:none}.otp-box.filled{animation:boxPop .2s var(--t-spring);background:var(--primary-alpha);border-color:var(--primary);color:var(--primary-light)}@keyframes boxPop{0%{transform:scale(.85)}to{transform:scale(1)}}.dev-otp-banner{align-items:center;animation:slideDown .2s ease;background:#ffb83014;border:1px solid #ffb83033;border-radius:var(--r-md);color:var(--yellow);display:flex;font-size:.83rem;gap:10px;margin-bottom:12px;padding:10px 13px}.dev-otp-banner button{background:#ffb83026;border:none;border-radius:var(--r-sm);color:var(--yellow);cursor:pointer;font-size:.75rem;font-weight:600;margin-left:auto;padding:4px 12px;transition:all var(--t-base)}.dev-otp-banner button:hover{background:var(--yellow);color:#000}.otp-resend{margin-top:10px;text-align:center}.otp-resend p{color:var(--text-400);font-size:.82rem}.otp-resend-btn{align-items:center;background:none;border:none;color:var(--primary-light);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 0;transition:opacity var(--t-base)}.otp-resend-btn:hover{opacity:.8}.auth-back-btn{align-items:center;background:var(--bg-500);border:none;border-radius:var(--r-sm);color:var(--text-300);cursor:pointer;display:flex;left:0;padding:7px;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--t-base)}.auth-back-btn:hover{background:var(--bg-400);color:var(--text-200)}.profile-avatar-pick{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.profile-avatar-circle{align-items:center;background:linear-gradient(135deg,var(--primary),var(--pink));border-radius:50%;box-shadow:var(--shadow-glow);color:#fff;cursor:pointer;display:flex;font-size:1.9rem;font-weight:800;height:80px;justify-content:center;transition:transform var(--t-spring);width:80px}.profile-avatar-circle:hover{transform:scale(1.07)}.profile-avatar-pick p{color:var(--text-500);font-size:.75rem}.username-at{color:var(--text-400);font-size:.95rem;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.auth-submit{border-radius:var(--r-md);font-size:.95rem;font-weight:700;gap:9px;justify-content:center;letter-spacing:-.01em;min-height:48px;padding:13px;width:100%}.auth-divider,.auth-submit{align-items:center;display:flex}.auth-divider{color:var(--text-500);font-size:.78rem;gap:12px;margin:16px 0}.auth-divider:after,.auth-divider:before{background:var(--border-1);content:"";flex:1 1;height:1px}.auth-alt-link{color:var(--text-400);font-size:.82rem;text-align:center}.auth-alt-link a{color:var(--primary-light);font-weight:600}.auth-alt-link a:hover{text-decoration:underline}@media(min-width:768px){.auth-page{flex-direction:row;height:100vh;overflow:hidden}.auth-left{background:linear-gradient(135deg,#6c63ff0f,#ff4d8d0a);border-right:1px solid var(--border-1);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:48px 56px;position:relative}.auth-left-glow{border-radius:50%;pointer-events:none;position:absolute}.auth-left-glow.g1{background:radial-gradient(circle,#6c63ff2e,#0000 70%);height:400px;right:-120px;top:-120px;width:400px}.auth-left-glow.g2{background:radial-gradient(circle,#ff4d8d1f,#0000 70%);bottom:-80px;height:300px;left:-60px;width:300px}.auth-right{background:var(--bg-900);flex:none;min-height:auto;width:480px}.auth-card{background:#0000;border:none;border-radius:0;box-shadow:none;height:100%;max-width:100%;overflow-y:auto;padding:48px}.auth-headline{font-size:2.8rem}}@media(min-width:1024px){.auth-left{padding:56px 72px}.auth-right{width:520px}.auth-card{padding:56px 52px}}.search-overlay{align-items:flex-start;animation:fadeIn .15s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding-top:80px;position:fixed;z-index:2000}.search-modal{animation:slideUp .2s var(--t-spring);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:70vh;max-width:95vw;overflow:hidden;width:640px}.search-input-row{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:14px 18px}.search-input{background:none;color:var(--text-primary);flex:1 1;font-size:1rem;padding:0}.search-input,.search-input:focus{border:none;box-shadow:none}.search-esc-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:.72rem;padding:3px 8px}.search-tabs{border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}.search-tabs::-webkit-scrollbar{display:none}.search-tab{background:none;border:1px solid #0000;border-radius:var(--r-full);color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:5px 12px;transition:all var(--t-base);white-space:nowrap}.search-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.search-tab.active{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary-light)}.search-body{flex:1 1;overflow-y:auto;padding:8px}.search-section-title{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.07em;padding:8px 10px 4px;text-transform:uppercase}.search-result-item{align-items:center;border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;padding:10px;transition:background var(--t-base)}.search-result-item:hover{background:var(--bg-hover)}.search-result-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.trending-icon{background:var(--primary-alpha);color:var(--primary-light)}.search-result-name{font-size:.875rem;font-weight:500}.search-result-sub{color:var(--text-muted);font-size:.75rem;margin-top:1px}.search-result-content{color:var(--text-secondary);font-size:.78rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-comm-icon{background:var(--primary-alpha);border-radius:var(--r-md);color:var(--primary-light);flex-shrink:0;font-weight:700;height:40px;width:40px}.search-comm-icon,.search-hint{align-items:center;display:flex;font-size:.8rem;justify-content:center}.search-hint{color:var(--text-muted);gap:6px;padding:20px}.app-shell{background:var(--bg-900);position:relative}.app-shell,.app-sidebar{display:flex;height:100vh;overflow:hidden}.app-sidebar{background:var(--bg-800);border-right:1px solid var(--border-1);flex-direction:column;flex-shrink:0;transition:transform var(--t-slow);width:240px;z-index:200}@media(max-width:767px){.app-sidebar{bottom:0;box-shadow:var(--shadow-xl);left:0;position:fixed;top:0;transform:translateX(-100%)}.app-sidebar.open{transform:translateX(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:199}}@media(min-width:768px) and (max-width:1023px){.app-sidebar{width:68px}.sidebar-item-label,.sidebar-logo-text,.sidebar-profile-info{display:none!important}.sidebar-logo{justify-content:center;padding:16px 0}.sidebar-item,.sidebar-profile{justify-content:center;padding:12px 0}}@media(min-width:1024px){.sidebar-overlay{display:none}}.sidebar-logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:10px;padding:20px 18px 16px;transition:opacity var(--t-base)}.sidebar-logo:hover{opacity:.85}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary),var(--pink));border-radius:10px;box-shadow:0 0 20px #6c63ff4d;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.sidebar-logo-text{font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.sidebar-nav{flex:1 1;overflow-y:auto;padding:6px 10px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;margin-bottom:2px;overflow:hidden;padding:10px 12px;position:relative;text-align:left;transition:all var(--t-fast);width:100%}.sidebar-item:hover{background:var(--bg-600)}.sidebar-item:hover .sidebar-item-label{color:var(--text-200)}.sidebar-item.active{background:var(--primary-alpha)}.sidebar-item.active .sidebar-item-label{color:var(--primary-light);font-weight:600}.sidebar-item.active .sidebar-item-icon{color:var(--primary-light)}.sidebar-item.special{background:linear-gradient(135deg,#6c63ff1f,#ff4d8d14)}.sidebar-item.special:hover{background:linear-gradient(135deg,#6c63ff33,#ff4d8d1f)}.sidebar-item.special .sidebar-item-icon{color:var(--primary-light)}.sidebar-item-icon{align-items:center;color:var(--text-400);display:flex;flex-shrink:0;height:22px;justify-content:center;position:relative;transition:color var(--t-fast);width:22px}.sidebar-item-label{color:var(--text-300);flex:1 1;font-size:.875rem;font-weight:500;transition:color var(--t-fast)}.sidebar-active-bar{background:var(--primary);border-radius:0 3px 3px 0;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-badge{align-items:center;background:var(--red);border:2px solid var(--bg-800);border-radius:8px;color:#fff;display:flex;font-size:.58rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:-5px;top:-5px}.sidebar-bottom{flex-shrink:0;padding:8px 10px 16px}.sidebar-divider{background:var(--border-1);height:1px;margin:8px 0 6px}.sidebar-profile{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--r-md);cursor:pointer;display:flex;gap:10px;margin-top:4px;padding:10px 12px;transition:background var(--t-fast)}.sidebar-profile:hover{background:var(--bg-600)}.sidebar-avatar-wrap{flex-shrink:0;position:relative}.sidebar-avatar{border:2px solid var(--border-2);border-radius:50%;height:36px;object-fit:cover;transition:border-color var(--t-base);width:36px}.sidebar-profile:hover .sidebar-avatar{border-color:var(--primary)}.sidebar-status-dot{border:2px solid var(--bg-800);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.sidebar-status-dot.online{background:var(--green)}.sidebar-status-dot.offline{background:var(--text-500)}.sidebar-profile-info{flex:1 1;min-width:0}.sidebar-profile-name{font-size:.82rem;font-weight:700}.sidebar-profile-handle,.sidebar-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-handle{color:var(--text-500);font-size:.7rem}.user-popup{animation:popIn .2s var(--t-spring);background:var(--bg-600);border:1px solid var(--border-3);border-radius:var(--r-lg);bottom:70px;box-shadow:var(--shadow-xl);left:12px;padding:8px;position:absolute;right:12px;z-index:150}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.user-popup-header{align-items:center;display:flex;gap:10px;margin-bottom:4px;padding:8px}.user-status-badge{align-items:center;background:#00d68f1a;border-radius:var(--r-full);color:var(--green);display:flex;flex-shrink:0;font-size:.68rem;font-weight:600;gap:4px;margin-left:auto;padding:3px 8px}.user-popup-divider{background:var(--border-1);height:1px;margin:4px 0}.user-popup-item{align-items:center;background:none;border:none;border-radius:var(--r-sm);color:var(--text-300);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:9px 12px;text-align:left;transition:all var(--t-fast);width:100%}.user-popup-item:hover{background:var(--bg-500);color:var(--text-200)}.user-popup-item.danger:hover{background:#ff4d4d1a;color:var(--red)}.app-right{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.app-topbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d18e6;border-bottom:1px solid var(--border-1);display:flex;flex-shrink:0;gap:12px;height:58px;padding:0 16px 0 20px;z-index:50}.topbar-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:4px;padding:4px}.topbar-hamburger span{background:var(--text-300);border-radius:1px;display:block;height:2px;width:20px}@media(max-width:767px){.topbar-hamburger{display:flex}}.topbar-title{flex:1 1;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{gap:8px;margin-left:auto}.topbar-offline,.topbar-right{align-items:center;display:flex}.topbar-offline{background:#ff4d4d1a;border-radius:var(--r-full);color:var(--red);flex-shrink:0;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px}.topbar-btn{align-items:center;background:var(--bg-600);border:1px solid var(--border-1);border-radius:var(--r-md);color:var(--text-300);cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:7px 12px;transition:all var(--t-base);white-space:nowrap}.topbar-btn:hover{background:var(--bg-500);border-color:var(--border-2);color:var(--text-200)}.topbar-btn-label,.topbar-kbd{display:none}.topbar-kbd{background:var(--bg-500);border:1px solid var(--border-2);border-radius:4px;color:var(--text-500);font-size:.65rem;padding:1px 5px}@media(min-width:1024px){.topbar-btn-label,.topbar-kbd{display:block}}.topbar-icon-btn{padding:7px;position:relative}.topbar-badge{align-items:center;background:var(--red);border:2px solid var(--bg-800);border-radius:8px;color:#fff;display:flex;font-size:.58rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:-3px;top:-3px}.topbar-avatar-wrap{cursor:pointer;position:relative}.topbar-avatar{border:2px solid var(--border-2);border-radius:50%;height:34px;object-fit:cover;transition:border-color var(--t-base);width:34px}.topbar-avatar:hover{border-color:var(--primary)}.topbar-status{border:2px solid var(--bg-800);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.topbar-status.online{background:var(--green)}.topbar-status.offline{background:var(--text-500)}.notif-popup{animation:popDown .2s var(--t-spring);background:var(--bg-600);border:1px solid var(--border-3);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:340px;z-index:150}@keyframes popDown{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}.notif-popup-header{align-items:center;border-bottom:1px solid var(--border-1);display:flex;justify-content:space-between;padding:16px 18px}.notif-popup-header h3{font-size:.95rem;font-weight:700}.notif-count{background:var(--primary-alpha);border-radius:var(--r-full);color:var(--primary-light);font-size:.72rem;font-weight:700;padding:3px 9px}.notif-item{align-items:flex-start;border-bottom:1px solid var(--border-1);cursor:pointer;display:flex;gap:12px;padding:13px 18px;transition:background var(--t-fast)}.notif-item:hover{background:var(--bg-500)}.notif-icon{align-items:center;background:var(--primary-alpha);border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.notif-content{flex:1 1;min-width:0}.notif-title{font-size:.85rem;font-weight:600;margin-bottom:2px}.notif-body{color:var(--text-400);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-dot{background:var(--primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.app-content{display:flex;flex:1 1;overflow:hidden}.app-content>*{animation:pageIn .22s ease;flex:1 1;min-width:0}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.home-page{background:var(--bg-900);flex:1 1;overflow-y:auto;scroll-behavior:smooth}.home-scroll{margin:0 auto;max-width:1140px;padding:16px 16px 80px}.home-hero{align-items:center;animation:heroIn .5s var(--t-spring);background:linear-gradient(135deg,var(--bg-700),var(--bg-600));border:1px solid var(--border-2);border-radius:var(--r-xl);display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:22px 24px;position:relative}@keyframes heroIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.home-hero:before{background:radial-gradient(circle,#6c63ff2e,#0000 70%);border-radius:50%;content:"";height:240px;pointer-events:none;position:absolute;right:-80px;top:-80px;width:240px}.home-greeting{color:var(--text-400);font-size:.78rem;font-weight:500;margin-bottom:4px}.home-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-100),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:3px}.home-subtitle{color:var(--text-400);font-size:.82rem}.home-hero-avatar-wrap{flex-shrink:0;position:relative}.home-hero-avatar{border:3px solid var(--primary);border-radius:50%;box-shadow:0 0 20px var(--primary-glow);height:64px;transition:transform var(--t-base);width:64px}.home-hero-avatar:hover{transform:scale(1.06)}.home-hero-online-dot{animation:pulse 2s infinite;background:var(--green);border:2.5px solid var(--bg-700);border-radius:50%;bottom:2px;height:14px;position:absolute;right:2px;width:14px}.home-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.home-section-header h2{align-items:center;display:flex;font-size:.9rem;font-weight:700;gap:7px}.quick-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.quick-action-card{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-lg);cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all var(--t-base)}.quick-action-card:after{background:linear-gradient(135deg,var(--primary-alpha),#0000);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--t-base)}.quick-action-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-card:hover:after{opacity:1}.quick-action-card:active{transform:scale(.97)}.quick-action-icon{align-items:center;border-radius:var(--r-md);display:flex;flex-shrink:0;height:42px;justify-content:center;transition:transform var(--t-spring);width:42px}.quick-action-card:hover .quick-action-icon{transform:scale(1.1)}.quick-action-label{flex:1 1;font-size:.875rem;font-weight:600}.quick-action-arrow{color:var(--text-500);opacity:0;transition:opacity var(--t-base),transform var(--t-base)}.quick-action-card:hover .quick-action-arrow{opacity:1;transform:translateX(2px)}.home-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.home-stat-card{align-items:center;background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-lg);display:flex;gap:12px;padding:14px;transition:all var(--t-base)}.home-stat-card:hover{border-color:var(--border-2);transform:translateY(-1px)}.home-stat-icon{align-items:center;border-radius:var(--r-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.home-stat-value{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:800}.home-stat-label{color:var(--text-400);font-size:.7rem;margin-top:1px}.home-two-col{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr;margin-bottom:20px}.home-card{background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:16px}.contacts-list{display:flex;flex-direction:column;gap:2px}.contact-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--r-md);cursor:pointer;display:flex;gap:10px;padding:9px 8px;transition:background var(--t-fast)}.contact-item:hover{background:var(--bg-500)}.contact-item:active{background:var(--bg-400)}.contact-info{flex:1 1;min-width:0}.contact-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-badge{color:var(--green);display:block;font-size:.68rem;font-weight:600;margin-top:1px}.feed-highlights{display:flex;flex-direction:column}.feed-highlight-item{border-bottom:1px solid var(--border-1);border-radius:var(--r-sm);cursor:pointer;padding:10px 0;transition:all var(--t-fast)}.feed-highlight-item:last-child{border-bottom:none}.feed-highlight-item:hover{background:var(--bg-600);padding-left:8px}.feed-highlight-header{align-items:center;display:flex;gap:7px;margin-bottom:4px}.feed-highlight-author{flex:1 1;font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-highlight-time{color:var(--text-500);flex-shrink:0;font-size:.68rem}.feed-highlight-content{color:var(--text-300);font-size:.82rem;line-height:1.5}.feed-highlight-stats{color:var(--text-500);display:flex;font-size:.72rem;gap:12px;margin-top:5px}.security-badges{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.security-badges::-webkit-scrollbar{display:none}.security-badge{align-items:center;background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-full);color:var(--text-300);display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:7px;padding:7px 14px;white-space:nowrap}.features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:20px}.feature-card{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-lg);cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:16px;position:relative;transition:all var(--t-base)}.feature-card:after{background:linear-gradient(90deg,#0000,var(--primary-alpha));border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--t-base)}.feature-card:hover{border-color:var(--border-accent);transform:translateX(4px)}.feature-card:hover:after{opacity:1}.feature-card:active{transform:scale(.98)}.feature-card-icon{align-items:center;border-radius:var(--r-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.feature-card h4{font-size:.875rem;font-weight:700;margin-bottom:2px}.feature-card p{color:var(--text-300);font-size:.75rem;line-height:1.4}.feature-card-arrow{color:var(--text-500);flex-shrink:0;margin-left:auto;opacity:0;transition:opacity var(--t-base)}.feature-card:hover .feature-card-arrow{opacity:1}.ai-promo-banner{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#6c63ff24,#ff4d8d14);border:1px solid #6c63ff33;border-radius:var(--r-xl);cursor:pointer;display:flex;gap:16px;margin-bottom:8px;overflow:hidden;padding:20px;position:relative;transition:all var(--t-base)}.ai-promo-banner:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.ai-promo-glow{background:radial-gradient(circle,#6c63ff33,#0000 70%);border-radius:50%;height:160px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:160px}.ai-promo-left{flex:1 1;gap:14px}.ai-promo-icon,.ai-promo-left{align-items:center;display:flex}.ai-promo-icon{background:linear-gradient(135deg,var(--primary),var(--pink));border-radius:var(--r-lg);color:#fff;flex-shrink:0;height:50px;justify-content:center;width:50px}.ai-promo-left h3{font-size:.95rem;font-weight:700;margin-bottom:3px}.ai-promo-left p{color:var(--text-400);font-size:.78rem}.ai-promo-arrow{color:var(--text-400);flex-shrink:0}@media (min-width:540px){.home-scroll{padding:20px 20px 80px}.home-stats,.quick-actions-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.home-scroll{padding:24px 24px 40px}.home-two-col{grid-template-columns:1fr 1fr}.home-name{font-size:2.2rem}.home-hero-avatar{height:74px;width:74px}.security-badges{flex-wrap:wrap;overflow-x:visible}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}.home-scroll{padding:28px 32px 40px}.feature-card:hover{transform:translateY(-2px) translateX(0)}}.home-hero-bg{background:linear-gradient(135deg,#6c63ff14,#ff4d8d0a);border-radius:inherit;inset:0;position:absolute}.home-hero-orb1{background:radial-gradient(circle,#6c63ff33,#0000 70%);height:200px;right:-60px;top:-60px;width:200px}.home-hero-orb1,.home-hero-orb2{border-radius:50%;pointer-events:none;position:absolute}.home-hero-orb2{background:radial-gradient(circle,#ff4d8d1f,#0000 70%);bottom:-40px;height:160px;left:-40px;width:160px}.home-hero-content{flex:1 1;position:relative;z-index:1}.home-greeting-badge{align-items:center;background:#ffb8301a;border:1px solid #ffb83033;border-radius:var(--r-full);color:var(--accent-yellow);display:inline-flex;font-size:.78rem;font-weight:500;gap:7px;margin-bottom:10px;padding:5px 12px}.home-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.home-hero-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:12px}.home-hero-stats{align-items:center;background:#0003;border:1px solid var(--border-1);border-radius:var(--r-lg);display:flex;gap:14px;padding:10px 16px}.home-hero-stat{text-align:center}.home-hero-stat-val{display:block;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:800}.home-hero-stat-lbl{color:var(--text-500);display:block;font-size:.65rem;margin-top:1px}.home-hero-stat-divider{background:var(--border-2);height:28px;width:1px}.online-friends-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.online-friends-row::-webkit-scrollbar{display:none}.online-friend-card{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:var(--r-md);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;min-width:64px;padding:8px;transition:background var(--t-fast)}.online-friend-card:hover{background:var(--bg-600)}.online-friend-avatar-wrap{position:relative}.online-friend-avatar{border:2px solid var(--green);border-radius:50%;box-shadow:0 0 10px #00d68f4d;height:52px;object-fit:cover;width:52px}.online-friend-dot{background:var(--green);border:2px solid var(--bg-800);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.online-friend-name{color:var(--text-300);font-size:.72rem;font-weight:600;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-stats-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media(min-width:640px){.home-stats-row{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.home-hero{align-items:center;flex-direction:row;padding:28px 32px}}@media(max-width:767px){.home-hero{flex-direction:column;gap:16px}.home-hero-right{align-items:flex-start}.home-hero-stats{justify-content:space-around;width:100%}}.dm-chat{background:var(--bg-900);display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.connection-banner{background:linear-gradient(90deg,#ff4d4de6,#ff643ce6);color:#fff;font-size:.8rem;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;text-align:center}.call-banner,.connection-banner{align-items:center;animation:slideDown .2s ease;display:flex;flex-shrink:0}.call-banner{background:linear-gradient(90deg,#00d68f1f,#00b4d814);border-bottom:1px solid #00d68f33;justify-content:space-between;padding:10px 16px}.call-banner-left{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:10px}.call-banner-right{display:flex;gap:8px}.call-dot{flex-shrink:0;height:9px;width:9px}.call-dot.calling{animation:pulse 1s infinite;background:var(--yellow)}.call-dot.active{animation:pulse 2s infinite}.call-ctl{align-items:center;background:#ffffff14;border:none;border-radius:var(--r-full);color:var(--text-200);cursor:pointer;display:flex;font-size:.78rem;font-weight:500;gap:6px;padding:7px 12px;transition:all var(--t-base)}.call-ctl:hover{background:var(--primary-alpha);color:var(--primary-light)}.call-ctl.on{background:#6c63ff33;color:var(--primary-light)}.call-ctl.end{background:#ff4d4d26;color:var(--red)}.call-ctl.end:hover{background:var(--red);color:#fff}.pinned-bar{align-items:center;background:#ffb83012;border-bottom:1px solid #ffb83026;color:var(--text-300);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;gap:8px;padding:8px 16px;transition:background var(--t-base)}.pinned-bar:hover{background:#ffb8301f}.pinned-bar span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-bar button{align-items:center;background:none;color:var(--text-400);cursor:pointer;display:flex}.e2e-notice{background:var(--bg-800);color:var(--text-500);font-size:.68rem;gap:5px;justify-content:center;padding:5px}.e2e-notice,.search-bar{align-items:center;border-bottom:1px solid var(--border-1);display:flex;flex-shrink:0}.search-bar{animation:slideDown .15s ease;background:var(--bg-700);gap:8px;padding:9px 14px}.search-bar svg{color:var(--text-400);flex-shrink:0}.search-bar input{background:none;flex:1 1;font-size:.875rem;padding:0}.search-bar input,.search-bar input:focus{border:none;box-shadow:none}.chat-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-800);border-bottom:1px solid var(--border-1);flex-shrink:0;justify-content:space-between;padding:12px 16px}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:12px}.chat-header-right{align-items:center;display:flex;gap:4px}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;overscroll-behavior:contain;padding:16px;scroll-behavior:smooth}.messages-area::-webkit-scrollbar{width:3px}.messages-area::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.msg-row{animation:msgIn .2s ease;display:flex;gap:8px;max-width:100%;padding:2px 0;position:relative}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg-row.mine{flex-direction:row-reverse}.msg-row.theirs{flex-direction:row}.msg-avatar{align-self:flex-end;border-radius:50%;flex-shrink:0}.msg-wrap{display:flex;flex-direction:column;max-width:72%;position:relative}.msg-row.mine .msg-wrap{align-items:flex-end}.msg-row.theirs .msg-wrap{align-items:flex-start}.msg-sender-name{color:var(--primary-light);font-size:.68rem;font-weight:600;margin-bottom:3px;padding-left:2px}.reply-preview{align-items:stretch;background:#00000026;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-bottom:4px;max-width:260px;overflow:hidden;padding:6px 10px;transition:background var(--t-base)}.reply-preview:hover{background:#00000038}.reply-preview.me{background:#ffffff1a}.reply-bar{background:var(--primary-light);border-radius:2px;flex-shrink:0;width:3px}.reply-preview .reply-from{color:var(--primary-light);display:block;font-size:.68rem;font-weight:700}.reply-preview p{color:#ffffffa6;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-bubble{border-radius:18px;max-width:100%;padding:9px 13px;position:relative;transition:box-shadow var(--t-base);word-break:break-word}.msg-bubble:hover{box-shadow:var(--shadow-sm)}.bubble-me{background:linear-gradient(135deg,var(--primary),#7b74ff);border-bottom-right-radius:4px;box-shadow:0 2px 12px #6c63ff4d;color:#fff}.bubble-them{background:var(--bg-600);border:1px solid var(--border-2);border-bottom-left-radius:4px;color:var(--text-200)}.msg-bubble.deleted{opacity:.5}.msg-bubble.starred{border:1px solid #ffb83059}.msg-bubble.highlight{animation:highlightMsg 1.5s ease}@keyframes highlightMsg{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px var(--primary)}}.msg-text{font-size:.9rem;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.msg-caption{font-size:.78rem;margin:3px 0 0;opacity:.8}.deleted-text{font-size:.82rem;font-style:italic;opacity:.5}.edited-tag{font-size:.62rem;margin-left:5px;opacity:.45}.star-mark{font-size:.7rem;position:absolute;right:6px;top:4px}.lock-badge{align-items:center;bottom:4px;display:flex;opacity:.25;position:absolute;right:7px}.bubble-me .lock-badge{color:#ffffff80}.voice-bubble{gap:8px;min-width:180px;padding:4px 0}.voice-bubble,.voice-play{align-items:center;display:flex}.voice-play{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:34px;justify-content:center;transition:background var(--t-base);width:34px}.voice-play:hover{background:#ffffff59}.voice-wave{align-items:center;display:flex;flex:1 1;gap:2px;height:24px}.wave-bar{background:#ffffff80;border-radius:2px;flex-shrink:0;width:3px}.voice-dur{flex-shrink:0;font-size:.72rem;opacity:.75}.msg-image{border-radius:12px;cursor:pointer;display:block;max-height:320px;max-width:280px;object-fit:cover;transition:opacity var(--t-base),transform var(--t-base)}.msg-image:hover{opacity:.9;transform:scale(1.01)}.file-bubble{align-items:center;display:flex;gap:10px;min-width:190px;padding:4px 2px}.file-bubble>div{flex:1 1;min-width:0}.file-bubble>div p{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-bubble>div span{font-size:.7rem;opacity:.6}.file-bubble a{color:inherit;display:flex}.reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.react-pill{align-items:center;background:var(--bg-500);border:1px solid var(--border-2);border-radius:var(--r-full);cursor:pointer;display:inline-flex;font-size:.78rem;gap:3px;padding:2px 8px;transition:all var(--t-base)}.react-pill:hover{background:var(--primary-alpha);border-color:var(--primary)}.msg-meta{align-items:center;color:var(--text-500);display:flex;font-size:.64rem;gap:4px;margin-top:3px;padding:0 4px}.msg-meta.me{flex-direction:row-reverse}.hover-actions{background:var(--bg-600);border:1px solid var(--border-2);border-radius:var(--r-full);box-shadow:var(--shadow-md);display:none;gap:2px;padding:4px 8px;position:absolute;top:-30px;z-index:10}.hover-actions.left{left:0}.hover-actions.right{right:0}.msg-row:hover .hover-actions{display:flex}.hover-actions button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-400);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all var(--t-base);width:26px}.hover-actions button:hover{background:var(--bg-400);color:var(--primary-light)}.emoji-quick{animation:fadeIn .1s ease;background:var(--bg-600);border:1px solid var(--border-2);border-radius:var(--r-full);box-shadow:var(--shadow-md);display:flex;gap:2px;padding:5px 10px;position:absolute;top:-50px;z-index:11}.emoji-quick.left{left:0}.emoji-quick.right{right:0}.emoji-quick button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;padding:2px 4px;transition:transform var(--t-base)}.emoji-quick button:hover{background:var(--bg-500);transform:scale(1.25)}.ctx-menu{animation:fadeIn .1s ease;background:var(--bg-600);border:1px solid var(--border-3);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:175px;padding:5px;position:absolute;top:100%;z-index:50}.ctx-menu.left{left:0}.ctx-menu.right{right:0}.ctx-menu button{align-items:center;background:none;border:none;border-radius:var(--r-sm);color:var(--text-300);cursor:pointer;display:flex;font-size:.83rem;gap:9px;padding:9px 12px;text-align:left;transition:all var(--t-base);width:100%}.ctx-menu button:hover{background:var(--bg-500);color:var(--text-200)}.ctx-danger:hover{background:#ff4d4d1a!important;color:var(--red)!important}.ctx-sep{background:var(--border-1);height:1px;margin:4px 0}.edit-wrap{align-items:center;display:flex;gap:5px;min-width:190px}.edit-input{background:#ffffff1f;border:1px solid #fff3;border-radius:var(--r-sm);color:#fff;flex:1 1;font-size:.875rem;padding:5px 9px}.edit-input:focus{border-color:#fff6;outline:none}.edit-wrap button{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.typing-dots{align-items:center;display:inline-flex;gap:3px}.typing-dots span{animation:typingBlink 1.2s infinite;background:var(--text-400);border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBlink{0%,60%,to{opacity:.3}30%{opacity:1}}.typing-bubble{padding:10px 16px}.reply-banner{align-items:center;animation:slideUp .15s ease;background:var(--bg-700);border-top:1px solid var(--border-1);display:flex;flex-shrink:0;gap:8px;padding:9px 16px}.reply-banner-info{flex:1 1;min-width:0}.reply-banner-info span{color:var(--primary-light);display:block;font-size:.72rem;font-weight:600}.reply-banner-info p{color:var(--text-300);font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-bar{align-items:flex-end;background:var(--bg-800);border-top:1px solid var(--border-1);display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.input-btn{color:var(--text-400)!important;flex-shrink:0}.input-btn:hover{background:var(--bg-600)!important;color:var(--primary-light)!important}.input-wrap{background:var(--bg-600);border:1.5px solid var(--border-2);border-radius:22px;flex:1 1;overflow:hidden;transition:border-color var(--t-base),box-shadow var(--t-base)}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.chat-input{background:none;color:var(--text-200);display:block;font-size:.9rem;line-height:1.45;max-height:120px;overflow-y:auto;padding:11px 16px;resize:none;width:100%}.chat-input,.chat-input:focus{border:none;box-shadow:none}.chat-input::placeholder{color:var(--text-500)}.send-btn{align-items:center;background:var(--bg-500);border:none;border-radius:50%;color:var(--text-400);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all var(--t-base);width:42px}.send-btn.ready{background:linear-gradient(135deg,var(--primary),#7b74ff);box-shadow:0 4px 16px #6c63ff59;color:#fff}.send-btn.ready:hover{box-shadow:0 6px 20px #6c63ff73;transform:scale(1.08)}.send-btn.mic-btn:hover{background:#ff4d8d26;color:var(--pink)}.attach-grid{grid-gap:6px;animation:fadeIn .15s ease;background:var(--bg-600);border:1px solid var(--border-3);border-radius:var(--r-lg);bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);display:grid;gap:6px;grid-template-columns:repeat(4,1fr);left:0;padding:10px;position:absolute;width:260px;z-index:50}.attach-btn{align-items:center;background:none;border-radius:var(--r-md);color:var(--text-300);cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:5px;padding:10px 6px;transition:all var(--t-base)}.attach-btn:hover{background:var(--bg-500);color:var(--text-200)}.attach-emoji{font-size:1.4rem}.emoji-full-grid{grid-gap:2px;animation:fadeIn .15s ease;background:var(--bg-600);border:1px solid var(--border-3);border-radius:var(--r-lg);bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);display:grid;gap:2px;grid-template-columns:repeat(10,1fr);left:0;padding:10px;position:absolute;width:290px;z-index:50}.emoji-btn{align-items:center;background:none;border:none;border-radius:var(--r-xs);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:5px;transition:all var(--t-base)}.emoji-btn:hover{background:var(--bg-500);transform:scale(1.2)}.voice-rec-bar{animation:fadeIn .15s ease;background:var(--bg-800);border-top:1px solid var(--border-1);flex-shrink:0;gap:10px;padding:10px 14px}.rec-cancel,.voice-rec-bar{align-items:center;display:flex}.rec-cancel{background:#ff4d4d1a;border:none;border-radius:var(--r-full);color:var(--red);cursor:pointer;font-size:.82rem;font-weight:500;gap:5px;padding:7px 12px;transition:all var(--t-base)}.rec-cancel:hover{background:var(--red);color:#fff}.rec-indicator{align-items:center;display:flex;flex:1 1;gap:10px}.rec-dot{animation:pulse 1s infinite;background:var(--red);border-radius:50%;height:10px;width:10px}.rec-time{font-feature-settings:"tnum";font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700}.rec-send{align-items:center;background:linear-gradient(135deg,var(--primary),#7b74ff);border:none;border-radius:var(--r-full);color:#fff;cursor:pointer;display:flex;padding:9px 14px;transition:all var(--t-base)}.rec-send:hover{transform:scale(1.05)}.conversation-list{background:var(--bg-800);border-right:1px solid var(--border-1);display:flex;flex-direction:column;flex-shrink:0;height:100%;width:320px}.conv-list-header{align-items:center;display:flex;justify-content:space-between;padding:16px 16px 10px}.conv-list-header h2{font-size:1.1rem;font-weight:700}.conv-search{align-items:center;background:var(--bg-600);border:1px solid var(--border-1);border-radius:var(--r-full);display:flex;gap:9px;margin:0 12px 10px;padding:9px 13px;transition:border-color var(--t-base)}.conv-search:focus-within{border-color:var(--primary)}.conv-search svg{color:var(--text-400);flex-shrink:0}.conv-search input{background:none;flex:1 1;font-size:.85rem;padding:0}.conv-search input,.conv-search input:focus{border:none;box-shadow:none}.conv-body{flex:1 1;overflow-y:auto;padding:4px 6px}.conv-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;padding:11px 10px;position:relative;transition:background var(--t-fast)}.conv-item:hover{background:var(--bg-600)}.conv-item.active{background:var(--primary-alpha)}.conv-info{flex:1 1;min-width:0}.conv-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.conv-name{font-size:.875rem;font-weight:700}.conv-time{color:var(--text-500);flex-shrink:0;font-size:.68rem}.conv-preview{color:var(--text-400);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-unread{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.62rem;font-weight:700;height:20px;justify-content:center;width:20px}.overlay-close{inset:0;position:fixed;z-index:49}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:767px){.conversation-list{border-right:none;width:100%}.msg-wrap{max-width:86%}.attach-grid{grid-template-columns:repeat(4,1fr);width:230px}.emoji-full-grid{grid-template-columns:repeat(8,1fr);width:250px}}.communities-page{background:var(--bg-900);display:flex;flex:1 1;overflow:hidden}.comm-list-col{background:var(--bg-800);border-right:1px solid var(--border-1);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:240px}.comm-list-header{align-items:center;border-bottom:1px solid var(--border-1);display:flex;justify-content:space-between;padding:16px}.comm-list-header h2{font-size:1rem;font-weight:700}.comm-list-body{flex:1 1;overflow-y:auto;padding:6px}.comm-list-item{align-items:center;border-radius:var(--r-md);cursor:pointer;display:flex;gap:10px;padding:9px 8px;transition:background var(--t-fast)}.comm-list-item:hover{background:var(--bg-600)}.comm-list-item.active{background:var(--primary-alpha)}.comm-avatar{align-items:center;border-radius:var(--r-md);color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:800;height:40px;justify-content:center;overflow:hidden;width:40px}.comm-list-info{flex:1 1;min-width:0}.comm-list-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comm-list-members{color:var(--text-500);font-size:.7rem;margin-top:1px}.comm-channels-col{background:var(--bg-800);border-right:1px solid var(--border-1);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:200px}.comm-header-info{border-bottom:1px solid var(--border-1);padding:14px 14px 12px}.comm-header-info h3{font-size:.9rem;font-weight:700}.comm-header-info p{color:var(--text-500);font-size:.72rem;margin-top:2px}.comm-channels-list{flex:1 1;overflow-y:auto;padding:10px 8px}.comm-section-label{color:var(--text-500);font-size:.68rem;font-weight:700;letter-spacing:.07em;margin-bottom:4px;padding:4px 8px;text-transform:uppercase}.comm-channel-item{align-items:center;background:none;border:none;border-radius:var(--r-sm);color:var(--text-400);cursor:pointer;display:flex;font-size:.83rem;gap:8px;margin-bottom:1px;padding:7px 8px;text-align:left;transition:all var(--t-fast);width:100%}.comm-channel-item:hover{background:var(--bg-600);color:var(--text-200)}.comm-channel-item.active{background:var(--primary-alpha);color:var(--primary-light);font-weight:600}.comm-channels-footer{border-top:1px solid var(--border-1);padding:8px}.comm-chat-col{background:var(--bg-900);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.comm-chat-header{align-items:center;background:var(--bg-800);border-bottom:1px solid var(--border-1);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 18px}.comm-messages{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px}.comm-msg-row{display:flex;gap:10px}.comm-input-bar{align-items:center;background:var(--bg-800);border-top:1px solid var(--border-1);display:flex;flex-shrink:0;gap:8px;padding:10px 14px}@media(max-width:900px){.comm-channels-col{display:none}}@media(max-width:640px){.comm-list-col{width:100%}.comm-channels-col,.comm-chat-col{display:none}}.stories-bar{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;overflow-x:auto;padding:14px 20px;scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.story-add-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.story-add-avatar{flex-shrink:0;overflow:visible}.story-add-avatar,.story-add-avatar img{border-radius:50%;height:60px;width:60px}.story-add-avatar img{object-fit:cover}.story-add-plus{border:2px solid var(--bg-surface);height:22px;width:22px}.story-add-btn span{color:var(--text-secondary);font-size:.72rem;white-space:nowrap}.story-bubble-wrap{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;transition:transform var(--t-base)}.story-bubble-wrap:hover{transform:scale(1.05)}.story-bubble-ring{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;padding:3px;width:64px}.story-bubble-ring.unread{background:linear-gradient(135deg,#6c63ff,#ff4d8d,#ffb830)}.story-bubble-ring.seen{background:var(--border-strong)}.story-bubble-img{border:2px solid var(--bg-surface);border-radius:50%;height:56px;width:56px}.story-bubble-name{color:var(--text-secondary);font-size:.72rem;max-width:64px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-viewer-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.story-viewer{border-radius:20px;box-shadow:0 32px 80px #000c;height:680px;overflow:hidden;position:relative;width:380px}.story-progress-bars{left:12px;position:absolute;right:12px;top:12px}.story-progress-fill{transition:width .05s linear}.story-viewer-header{gap:10px;left:0;padding:0 12px;position:absolute;right:0;top:22px}.story-close-btn{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background var(--t-base);width:32px}.story-close-btn:hover{background:#fff3}.story-content-area{align-items:center;display:flex;height:100%;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%}.story-media{height:100%;object-fit:cover;width:100%}.story-text-overlay{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;inset:0;justify-content:center;line-height:1.4;padding:40px 24px;position:absolute;text-align:center;text-shadow:0 2px 8px #0000004d;word-break:break-word}.story-nav-left,.story-nav-right{bottom:0;cursor:pointer;position:absolute;top:0;width:40%;z-index:5}.story-nav-left{left:0}.story-nav-right{right:0}.story-side-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background var(--t-base);width:44px;z-index:10}.story-side-btn:hover{background:#ffffff40}.story-side-btn.left{left:-60px}.story-side-btn.right{right:-60px}.story-creator-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.story-creator{animation:slideUp .2s var(--t-spring);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:24px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:16px;padding:24px;width:400px}.story-creator-header{align-items:center;display:flex;justify-content:space-between}.story-creator-header h2{font-size:1.1rem;font-weight:700}.story-type-tabs{display:flex;gap:8px}.story-type-tab{align-items:center;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:6px;justify-content:center;padding:9px;transition:all var(--t-base)}.story-type-tab.active{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary-light)}.story-preview{align-items:center;border-radius:var(--r-lg);display:flex;height:220px;justify-content:center;overflow:hidden;position:relative;transition:background var(--t-base)}.story-text-input{background:none;border:none;box-shadow:none;color:#fff;font-size:1.3rem;font-weight:700;height:100%;padding:20px;resize:none;text-align:center;text-shadow:0 2px 8px #0003;width:90%}.story-text-input::placeholder{color:#fff6}.story-text-input:focus{border:none;box-shadow:none}.story-colors{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.story-color-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all var(--t-base);width:28px}.story-color-btn.active{border-color:#fff;transform:scale(1.2)}.story-color-btn:hover{transform:scale(1.15)}.story-fonts{display:flex;gap:8px;justify-content:center}.story-font-btn{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:6px 14px;transition:all var(--t-base)}.story-font-btn.active{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary-light)}.feed-layout,.feed-layout *,.post-card,.post-card *{box-sizing:border-box}.feed-layout{display:flex;flex:1 1 auto;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.feed-main{border-right:1px solid var(--border-1);flex:1 1 auto;max-width:100%;min-width:0;width:0}.feed-main,.feed-sidebar{background:var(--bg-900);overflow-x:hidden;overflow-y:auto}.feed-sidebar{flex-shrink:0;min-width:310px;padding:18px;width:310px}.post-card{animation:postIn .3s ease;background:var(--bg-900);border-bottom:1px solid var(--border-1);max-width:100%;min-width:0;overflow:hidden;padding:18px 20px;position:relative;transition:background var(--t-fast);width:100%}.post-card:hover{background:var(--bg-800)}@keyframes postIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.post-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px;min-width:0;width:100%}.post-avatar-button{background:#0000;border:0;border-radius:50%;cursor:pointer;display:block;flex:0 0 44px;height:44px;margin:0;max-height:44px;max-width:44px;min-height:44px;min-width:44px;overflow:hidden;padding:0;width:44px}.post-avatar{border-radius:50%!important;cursor:pointer;display:block!important;flex:0 0 44px;object-fit:cover!important;object-position:center;transition:transform var(--t-base)}.post-avatar,.post-card .avatar.post-avatar{height:44px!important;max-height:44px!important;max-width:44px!important;min-height:44px!important;min-width:44px!important;width:44px!important}.post-avatar:hover{transform:scale(1.05)}.post-author-info{flex:1 1 auto;min-width:0;overflow:hidden}.post-author-top{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.post-author-name{background:#0000;border:0;color:var(--text-200);cursor:pointer;font-size:.9rem;font-weight:700;padding:0}.post-author-name:hover{color:var(--primary-light)}.post-author-handle{color:var(--text-400);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-dot{font-size:.75rem}.post-dot,.post-time{color:var(--text-500)}.post-time{font-size:.76rem}.verified-badge{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.6rem;font-weight:700;height:16px;justify-content:center;min-width:16px;width:16px}.post-menu-wrapper{flex-shrink:0;margin-left:auto;position:relative}.post-more-button{align-items:center;background:#0000;border:0;border-radius:50%;color:var(--text-400);cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;width:34px}.post-more-button:hover{background:var(--primary-alpha);color:var(--primary-light)}.post-body{max-width:100%;min-width:0;overflow:hidden;width:100%}.post-content{color:var(--text-200);font-size:.95rem;line-height:1.65;margin:0 0 12px;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.post-media-grid{grid-gap:3px;background:var(--bg-700);border-radius:var(--r-lg);display:grid;gap:3px;margin-bottom:12px;overflow:hidden;width:100%}.post-media-grid,.post-media-grid>*{max-width:100%;min-width:0}.post-media-button{border:0;display:block;max-width:100%;overflow:hidden;padding:0;position:relative;width:100%}.post-media-button,.post-media-img{background:var(--bg-600);cursor:pointer;min-width:0}.post-media-img{display:block!important;height:100%!important;max-height:100%!important;max-width:100%!important;min-height:0;object-fit:cover;object-position:center;transition:opacity var(--t-base),transform var(--t-base);width:100%!important}.post-media-button:hover .post-media-img{opacity:.93;transform:scale(1.01)}.post-media-grid.grid-1{grid-template-columns:minmax(0,1fr)}.post-media-grid.grid-1 .post-media-button{height:380px}.post-media-grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media-grid.grid-2 .post-media-button{height:240px}.post-media-grid.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media-grid.grid-3 .post-media-button:first-child{grid-column:1/-1;height:280px}.post-media-grid.grid-3 .post-media-button:not(:first-child){height:180px}.post-media-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media-grid.grid-4 .post-media-button{height:190px}.post-card img{max-width:100%!important}.post-card .post-media-img{max-width:100%!important;width:100%!important}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.post-tag{color:var(--primary-light);cursor:pointer;font-size:.85rem;font-weight:500}.post-tag:hover{text-decoration:underline}.post-actions{border-top:1px solid var(--border-1);gap:2px;margin-top:4px;padding-top:10px}.post-action-btn,.post-actions{align-items:center;display:flex}.post-action-btn{background:#0000;border:0;border-radius:var(--r-full);color:var(--text-400);cursor:pointer;flex:1 1;font-size:.82rem;font-weight:500;gap:6px;justify-content:center;padding:7px 12px;transition:all var(--t-base)}.post-action-btn:hover{background:var(--primary-alpha);color:var(--primary-light)}.post-action-btn.liked{color:var(--pink)}.post-action-btn.liked:hover{background:#ff4d8d1a}.post-action-btn.reposted{color:var(--green)}.post-action-btn.bookmarked{color:var(--yellow)}.post-menu{animation:fadeIn .1s ease;background:var(--bg-600);border:1px solid var(--border-3);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:190px;padding:5px;position:absolute;right:0;top:38px;z-index:100}.post-menu button{align-items:center;background:#0000;border:0;border-radius:var(--r-sm);color:var(--text-300);cursor:pointer;display:flex;font-size:.83rem;gap:9px;padding:9px 12px;text-align:left;transition:background var(--t-fast);width:100%}.post-menu button:hover{background:var(--bg-500);color:var(--text-200)}.post-menu button.danger:hover{background:#ff4d4d1a;color:var(--red)}.create-post{background:var(--bg-800);border-bottom:1px solid var(--border-1);display:flex;gap:13px;min-width:0;padding:18px 20px;width:100%}.create-post-right{flex:1 1;min-width:0}.create-post-input{background:#0000;color:var(--text-200);display:block;font-size:1rem;line-height:1.55;max-width:100%;min-height:52px;padding:4px 0;resize:none;width:100%}.create-post-input,.create-post-input:focus{border:0;box-shadow:none;outline:none}.create-post-input::placeholder{color:var(--text-500);font-size:1rem}.create-post-actions{align-items:center;border-top:1px solid var(--border-1);display:flex;justify-content:space-between;margin-top:8px;padding-top:10px}.create-post-tools{display:flex;gap:4px}.create-post-right-actions{align-items:center;display:flex;gap:12px}.post-tool-btn{align-items:center;background:#0000;border:0;border-radius:50%;color:var(--primary-light);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:background var(--t-base);width:36px}.post-tool-btn:hover{background:var(--primary-alpha)}.post-emoji-grid{grid-gap:4px;background:var(--bg-600);border:1px solid var(--border-3);border-radius:var(--r-lg);bottom:38px;box-shadow:var(--shadow-lg);display:grid;gap:4px;grid-template-columns:repeat(6,1fr);left:0;padding:10px;position:absolute;z-index:50}.post-emoji-grid button{background:#0000;border:0;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px}.post-emoji-grid button:hover{background:var(--bg-500)}.char-counter{align-items:center;display:flex;gap:4px}.feed-tabs{background:var(--bg-800);border-bottom:1px solid var(--border-1);display:flex;width:100%}.feed-tab{align-items:center;background:#0000;border:0;border-bottom:2px solid #0000;color:var(--text-400);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:14px 12px;transition:all var(--t-base)}.feed-tab:hover{background:var(--bg-700);color:var(--text-200)}.feed-tab.active{border-bottom-color:var(--primary);color:var(--text-200)}.trending-item{align-items:center;border-bottom:1px solid var(--border-1);cursor:pointer;display:flex;justify-content:space-between;padding:11px 0;transition:padding var(--t-base)}.trending-item:hover{padding-left:4px}.trending-item:last-child{border-bottom:none}.trending-tag{font-size:.9rem;font-weight:700;transition:color var(--t-base)}.trending-item:hover .trending-tag{color:var(--primary-light)}.trending-count{color:var(--text-500);font-size:.72rem;margin-top:2px}.posts-list{display:flex;flex-direction:column;min-width:0;width:100%}@media (max-width:900px){.feed-sidebar{display:none}.feed-main{border-right:none;width:100%}}@media (max-width:640px){.post-card{padding:14px}.post-content{font-size:.9rem}.post-avatar,.post-avatar-button,.post-card .avatar.post-avatar{height:40px!important;max-height:40px!important;max-width:40px!important;min-height:40px!important;min-width:40px!important;width:40px!important}.post-avatar-button{flex-basis:40px}.post-media-grid.grid-1 .post-media-button{height:280px}.post-media-grid.grid-2 .post-media-button{height:170px}.post-media-grid.grid-3 .post-media-button:first-child{height:230px}.post-media-grid.grid-3 .post-media-button:not(:first-child),.post-media-grid.grid-4 .post-media-button{height:140px}.create-post{padding:14px}.feed-tab{font-size:.8rem;padding:12px 8px}.post-action-btn{padding:7px 6px}}.profile-page{background:var(--bg-900);flex:1 1;overflow-y:auto}.profile-scroll{margin:0 auto;max-width:760px;padding-bottom:60px}.profile-loading{align-items:center;display:flex;height:100%;justify-content:center}.profile-cover{background:linear-gradient(135deg,var(--primary-alpha),#ff4d8d14);background-position:50%;background-size:cover;height:200px;position:relative}.profile-cover-edit{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #fff3;border-radius:var(--r-full);bottom:12px;color:#fff;cursor:pointer;display:flex;font-size:.78rem;gap:6px;padding:7px 13px;position:absolute;right:16px;transition:all var(--t-base)}.profile-cover-edit:hover{background:#000000b3}.profile-header{padding:0 20px 16px}.profile-avatar-section{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:14px;margin-top:-52px}.profile-avatar-wrap{position:relative}.profile-avatar-img{border:4px solid var(--bg-900);border-radius:50%;box-shadow:var(--shadow-md);height:104px;object-fit:cover;width:104px}.profile-avatar-edit{align-items:center;background:var(--primary);border:2px solid var(--bg-900);border-radius:50%;bottom:4px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:4px;transition:transform var(--t-base);width:30px}.profile-avatar-edit:hover{transform:scale(1.1)}.profile-actions{display:flex;gap:8px;padding-bottom:4px}.profile-info h1{font-size:1.3rem;font-weight:800}.profile-username{color:var(--text-500);font-size:.875rem;margin-bottom:10px}.profile-bio{color:var(--text-300);font-size:.9rem;line-height:1.55;margin-bottom:12px}.profile-meta-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}.profile-meta-row a,.profile-meta-row span{align-items:center;color:var(--text-400);display:flex;font-size:.8rem;gap:5px}.profile-meta-row a{color:var(--primary-light);text-decoration:none}.profile-meta-row a:hover{text-decoration:underline}.profile-stats-row{display:flex;gap:20px}.profile-stat{color:var(--text-400);font-size:.85rem}.profile-stat strong{color:var(--text-200);font-weight:700}.profile-tabs{border-bottom:1px solid var(--border-1);display:flex;gap:4px;padding:0 20px}.profile-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-400);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:6px;padding:13px 14px;transition:all var(--t-base)}.profile-tab:hover{color:var(--text-200)}.profile-tab.active{border-bottom-color:var(--primary);color:var(--primary-light)}.profile-tab-content{padding:20px}.profile-posts-list{display:flex;flex-direction:column;gap:14px}.profile-post-card{background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-lg);cursor:pointer;padding:16px;transition:border-color var(--t-base)}.profile-post-card:hover{border-color:var(--border-2)}.profile-post-content{font-size:.9rem;line-height:1.6;margin-bottom:10px;white-space:pre-wrap}.profile-post-img{border-radius:var(--r-md);margin-bottom:10px;max-height:280px;object-fit:cover;width:100%}.profile-post-stats{color:var(--text-400);display:flex;font-size:.78rem;gap:16px}.profile-media-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.profile-media-item{aspect-ratio:1;border-radius:var(--r-sm);cursor:pointer;object-fit:cover;transition:opacity var(--t-base);width:100%}.profile-media-item:hover{opacity:.85}@media(max-width:640px){.profile-cover{height:140px}.profile-avatar-section{align-items:flex-start;flex-direction:column;gap:12px}.profile-avatar-img{height:84px;width:84px}.profile-tabs{overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}}.explore-page{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.explore-header{background:var(--bg-800);border-bottom:1px solid var(--border-1);flex-shrink:0;padding:20px 24px 14px}.explore-title{font-size:1.25rem;font-weight:800}.explore-search{align-items:center;background:var(--bg-600);border:1.5px solid var(--border-1);border-radius:var(--r-full);display:flex;gap:10px;margin-bottom:14px;padding:11px 15px;transition:border-color var(--t-base),box-shadow var(--t-base)}.explore-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.explore-search svg{color:var(--text-400);flex-shrink:0}.explore-search input{background:none;color:#fff;color:var(--text-100,#fff);flex:1 1;font-size:.9rem;padding:0}.explore-search input,.explore-search input:focus{border:none;box-shadow:none;outline:none}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.category-filter-btn{-webkit-tap-highlight-color:transparent;background:var(--bg-600);border:1px solid var(--border-1);border-radius:var(--r-full);color:var(--text-300);cursor:pointer;font-size:.8rem;font-weight:500;outline:none;padding:7px 16px;transition:all var(--t-base);white-space:nowrap}.category-filter-btn:hover{border-color:var(--primary);color:var(--primary-light)}.category-filter-btn.active{background:var(--primary-alpha);border-color:var(--border-accent);color:var(--primary-light)}.explore-grid-container{flex:1 1;overflow-y:auto;padding:20px 24px}.communities-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.community-card{background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-xl);overflow:hidden;transition:all var(--t-base)}.community-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.community-card-banner{height:82px;position:relative}.community-card-banner,.community-card-icon{align-items:center;display:flex;justify-content:center}.community-card-icon{background:#0000004d;border:2px solid #ffffff26;border-radius:var(--r-md);color:#fff;font-size:1.1rem;font-weight:800;height:58px;width:58px}.community-card-body{padding:16px}.community-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.community-card-header h3{font-size:.9rem;font-weight:700}.community-card-handle{color:var(--text-500);font-size:.75rem;margin-bottom:7px}.community-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:var(--text-300);display:-webkit-box;font-size:.8rem;line-height:1.5;margin-bottom:10px;overflow:hidden}.community-card-meta{display:flex;gap:12px;margin-bottom:12px}.community-card-meta span{align-items:center;color:var(--text-400);display:flex;font-size:.75rem;gap:4px}.community-card-actions{display:flex;gap:8px}@media (max-width:640px){.communities-grid{grid-template-columns:1fr}.explore-header{padding:14px 14px 10px}}.ai-page{background:#f5f5fb;background:var(--bg-900,#f5f5fb);color:#17172b;color:var(--text-100,#17172b);min-height:0;width:100%}.ai-page,.ai-sidebar{display:flex;height:100%;overflow:hidden}.ai-sidebar{background:#fff;background:var(--bg-800,#fff);border-right:1px solid #6c63ff1f;flex-direction:column;min-width:285px;width:285px}.ai-sidebar-header{align-items:center;border-bottom:1px solid #6c63ff1a;display:flex;height:70px;justify-content:space-between;min-height:70px;padding:0 18px}.ai-sidebar-header h2{color:#18182b;color:var(--text-100,#18182b);font-size:18px;font-weight:700;margin:0}.ai-sidebar-header .btn-primary{align-items:center;background:linear-gradient(135deg,#6c63ff,#8b5cf6);border:0;border-radius:12px;box-shadow:0 6px 18px #6c63ff40;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:.2s ease;width:38px}.ai-sidebar-header .btn-primary:hover{box-shadow:0 8px 22px #6c63ff59;transform:translateY(-1px)}.ai-sessions{display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto;padding:14px 12px}.ai-session-item{align-items:center;background:#0000;border-radius:10px;box-sizing:border-box;color:#55556d;color:var(--text-300,#55556d);cursor:pointer;display:flex;gap:10px;min-height:44px;padding:0 10px;transition:background .18s ease,color .18s ease;width:100%}.ai-session-item:hover{background:#6c63ff12;color:#6c63ff}.ai-session-item.active{background:linear-gradient(90deg,#6c63ff24,#6c63ff0f);color:#5d55e8;font-weight:600}.ai-session-title{flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-session-del{align-items:center;background:#0000;border:0;border-radius:7px;color:#99a;color:var(--text-500,#99a);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;opacity:0;transition:.15s ease;width:26px}.ai-session-item:hover .ai-session-del{opacity:1}.ai-session-del:hover{background:#ff4d8d1a;color:#ff4d8d}.ai-capabilities{border-top:1px solid #6c63ff14;flex:1 1;min-height:0;overflow-y:auto;padding:10px 12px 20px}.ai-cap-title{color:#99a;color:var(--text-500,#99a);font-size:11px;font-weight:700;letter-spacing:.08em;margin:6px 8px 12px;text-transform:uppercase}.ai-cap-item{align-items:center;border-radius:10px;display:flex;gap:11px;margin-bottom:4px;padding:10px 9px;transition:background .18s ease}.ai-cap-item:hover{background:#6c63ff0d}.ai-cap-icon{align-items:center;border-radius:9px;display:flex;height:34px;justify-content:center;min-width:34px;width:34px}.ai-cap-name{color:#292941;color:var(--text-200,#292941);font-size:12px;font-weight:600;margin:0 0 3px}.ai-cap-desc{color:#99a;color:var(--text-500,#99a);font-size:10.5px;line-height:1.4;margin:0}.ai-main{background:radial-gradient(circle at 50% 35%,#6c63ff12,#0000 35%),#f7f7fd;background:radial-gradient(circle at 50% 35%,#6c63ff12,#0000 35%),var(--bg-900,#f7f7fd);display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;min-width:0}.ai-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-bottom:1px solid #6c63ff1a;height:72px;justify-content:space-between;min-height:72px;padding:0 24px}.ai-header,.ai-header-icon{align-items:center;display:flex}.ai-header-icon{background:linear-gradient(135deg,#6c63ff,#8b5cf6);border-radius:12px;box-shadow:0 7px 20px #6c63ff40;color:#fff;height:42px;justify-content:center;width:42px}.ai-header h2{color:#18182b;color:var(--text-100,#18182b);font-size:18px;font-weight:700;line-height:1.2;margin:0}.ai-header-sub{color:#88889b;color:var(--text-500,#88889b);font-size:11px;margin:3px 0 0}.ai-header .btn-icon{align-items:center;background:#ffffffe6;border:1px solid #6c63ff1a;border-radius:10px;color:#55556d;color:var(--text-300,#55556d);cursor:pointer;display:flex;height:36px;justify-content:center;transition:.18s ease;width:36px}.ai-header .btn-icon:hover{background:#6c63ff0f;border-color:#6c63ff40;color:#6c63ff}.ai-messages{box-sizing:border-box;flex:1 1;min-height:0;overflow-y:auto;padding:32px clamp(20px,5vw,70px)}.ai-welcome{box-sizing:border-box;flex-direction:column;margin:0 auto;min-height:100%;padding:30px 20px;text-align:center;width:min(760px,100%)}.ai-welcome,.ai-welcome-icon{align-items:center;display:flex;justify-content:center}.ai-welcome-icon{background:linear-gradient(135deg,#6c63ff26,#8b5cf614);border-radius:24px;box-shadow:0 0 0 1px #6c63ff14,0 15px 45px #6c63ff21;color:#6c63ff;height:76px;margin-bottom:22px;width:76px}.ai-welcome h2{color:#17172b;color:var(--text-100,#17172b);font-size:clamp(24px,3vw,32px);font-weight:750;letter-spacing:-.03em;margin:0}.ai-welcome>p{color:#77778d;color:var(--text-400,#77778d);font-size:14px;line-height:1.7;margin:12px auto 20px;max-width:600px}.ai-demo-banner{align-items:center;background:#6c63ff0f;border:1px solid #6c63ff1f;border-radius:10px;color:#635be9;display:flex;font-size:11px;gap:8px;margin:4px auto 24px;max-width:100%;padding:9px 14px;width:-webkit-fit-content;width:fit-content}.ai-suggestions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px;width:100%}.ai-suggestion-btn{align-items:center;background:#ffffffb3;border:1px solid #6c63ff1a;border-radius:12px;color:#4d4d65;color:var(--text-300,#4d4d65);cursor:pointer;display:flex;font-size:12px;gap:10px;min-height:52px;padding:11px 14px;text-align:left;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.ai-suggestion-btn span{flex-shrink:0;font-size:16px}.ai-suggestion-btn:hover{background:#fff;border-color:#6c63ff40;box-shadow:0 8px 25px #6c63ff17;color:#5f57e8;transform:translateY(-2px)}.ai-msg-row{align-items:flex-end;display:flex;gap:10px;margin-bottom:18px}.ai-msg-row.user{justify-content:flex-end}.ai-msg-row.assistant{justify-content:flex-start}.ai-bot-avatar{align-items:center;background:linear-gradient(135deg,#6c63ff,#8b5cf6);border-radius:10px;color:#fff;display:flex;height:32px;justify-content:center;min-width:32px;width:32px}.ai-bubble{border-radius:16px;font-size:13px;line-height:1.65;max-width:min(720px,75%);padding:12px 14px;position:relative}.ai-bubble.user{background:linear-gradient(135deg,#6c63ff,#765eea);border-bottom-right-radius:5px;color:#fff}.ai-bubble.assistant{background:#fff;border:1px solid #6c63ff14;border-bottom-left-radius:5px;box-shadow:0 5px 20px #1e1e3c0a;color:#292941;color:var(--text-200,#292941)}.ai-bubble.error{background:#ff4d8d0f;border-color:#ff4d8d40}.ai-bubble-content{word-break:break-word}.ai-bubble-content strong{font-weight:700}.ai-bubble-content code{font-family:monospace}.ai-bubble-actions{display:flex;justify-content:flex-end;margin-top:5px}.ai-copy-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:#99a;color:var(--text-500,#99a);cursor:pointer;display:flex;height:25px;justify-content:center;opacity:0;transition:.15s ease;width:25px}.ai-bubble:hover .ai-copy-btn{opacity:1}.ai-copy-btn:hover{background:#6c63ff14;color:#6c63ff}.ai-typing-dot{animation:aiTyping 1.2s ease-in-out infinite;background:#8b82ef;border-radius:50%;height:6px;width:6px}.ai-typing-dot:nth-child(2){animation-delay:.15s}.ai-typing-dot:nth-child(3){animation-delay:.3s}@keyframes aiTyping{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.ai-input-area{margin:0 auto;padding:10px 0 18px;width:min(900px,calc(100% - 40px))}.ai-quick-actions{display:flex;gap:7px;margin-bottom:8px;overflow-x:auto}.ai-quick-btn{background:#fffc;border:1px solid #6c63ff1f;border-radius:999px;color:#77778d;color:var(--text-400,#77778d);cursor:pointer;flex-shrink:0;font-size:10px;padding:6px 11px;transition:.15s ease}.ai-quick-btn:hover{background:#6c63ff0f;border-color:#6c63ff40;color:#6c63ff}.ai-input-row{align-items:flex-end;background:#fff;border:1px solid #6c63ff26;border-radius:16px;box-shadow:0 8px 30px #28285012,0 0 0 3px #6c63ff05;display:flex;gap:10px;padding:9px 9px 9px 15px;transition:border-color .2s ease,box-shadow .2s ease}.ai-input-row:focus-within{border-color:#6c63ff59;box-shadow:0 8px 30px #28285014,0 0 0 3px #6c63ff12}.ai-input{background:#0000;border:0;color:#292941;color:var(--text-200,#292941);flex:1 1;font-family:inherit;font-size:13px;line-height:1.5;max-height:130px;min-height:36px;min-width:0;outline:none;padding:9px 0;resize:none}.ai-input::placeholder,.ai-send-btn{color:#aaaaba}.ai-send-btn{align-items:center;background:#f0f0f7;border:0;border-radius:11px;cursor:not-allowed;display:flex;height:40px;justify-content:center;min-width:40px;transition:.18s ease;width:40px}.ai-send-btn.ready{background:linear-gradient(135deg,#6c63ff,#8b5cf6);box-shadow:0 5px 15px #6c63ff40;color:#fff;cursor:pointer}.ai-send-btn.ready:hover{box-shadow:0 7px 20px #6c63ff59;transform:translateY(-1px)}.ai-input-hint{color:#aaaaba;font-size:9px;margin:7px 4px 0;text-align:center}.ai-messages::-webkit-scrollbar,.ai-quick-actions::-webkit-scrollbar,.ai-sidebar ::-webkit-scrollbar{height:5px;width:5px}.ai-messages::-webkit-scrollbar-thumb,.ai-quick-actions::-webkit-scrollbar-thumb,.ai-sidebar ::-webkit-scrollbar-thumb{background:#6c63ff2e;border-radius:10px}.ai-messages::-webkit-scrollbar-track,.ai-quick-actions::-webkit-scrollbar-track,.ai-sidebar ::-webkit-scrollbar-track{background:#0000}@media (max-width:900px){.ai-sidebar{min-width:235px;width:235px}.ai-suggestions{grid-template-columns:1fr}.ai-bubble{max-width:82%}}@media (max-width:700px){.ai-sidebar{display:none}.ai-header{padding:0 15px}.ai-messages{padding:20px 15px}.ai-input-area{width:calc(100% - 24px)}.ai-welcome{padding:20px 10px}.ai-welcome h2{font-size:24px}.ai-welcome>p{font-size:13px}.ai-suggestions{grid-template-columns:1fr}.ai-bubble{max-width:85%}}.dark .ai-page,[data-theme=dark] .ai-page{background:#11111b;color:#f4f4ff}.dark .ai-sidebar,[data-theme=dark] .ai-sidebar{background:#171722;border-color:#ffffff12}.dark .ai-header,[data-theme=dark] .ai-header{background:#171722d9;border-color:#ffffff12}.dark .ai-header h2,.dark .ai-sidebar-header h2,[data-theme=dark] .ai-header h2,[data-theme=dark] .ai-sidebar-header h2{color:#f5f5ff}.dark .ai-cap-name,[data-theme=dark] .ai-cap-name{color:#dddded}.dark .ai-bubble.assistant,.dark .ai-input-row,.dark .ai-suggestion-btn,[data-theme=dark] .ai-bubble.assistant,[data-theme=dark] .ai-input-row,[data-theme=dark] .ai-suggestion-btn{background:#1b1b29;border-color:#ffffff14}.dark .ai-suggestion-btn,[data-theme=dark] .ai-suggestion-btn{color:#c7c7d8}.dark .ai-input,[data-theme=dark] .ai-input{color:#eef}.dark .ai-quick-btn,[data-theme=dark] .ai-quick-btn{background:#1b1b29;color:#aaaabd}.dark .ai-bubble.assistant,[data-theme=dark] .ai-bubble.assistant{color:#dddded}.settings-page{display:flex;flex:1 1;overflow:hidden}.settings-sidebar{background:var(--bg-800);border-right:1px solid var(--border-1);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:280px}.settings-profile-preview{align-items:center;border-bottom:1px solid var(--border-1);cursor:pointer;display:flex;gap:12px;padding:18px 14px;transition:background var(--t-fast)}.settings-profile-preview:hover{background:var(--bg-700)}.settings-avatar-wrap{position:relative}.settings-avatar{border:2px solid var(--primary);border-radius:50%;height:50px;width:50px}.settings-online-dot{background:var(--green);border:2px solid var(--bg-800);border-radius:50%;bottom:1px;height:12px;position:absolute;right:1px;width:12px}.settings-nav{display:flex;flex:1 1;flex-direction:column;padding:8px}.settings-nav-item{align-items:center;background:none;border:none;border-radius:var(--r-md);color:var(--text-400);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:11px;padding:11px 12px;text-align:left;transition:all var(--t-fast)}.settings-nav-item:hover{background:var(--bg-600);color:var(--text-200)}.settings-nav-item.active{background:var(--primary-alpha);color:var(--primary-light);font-weight:600}.settings-main{background:var(--bg-900);flex:1 1;overflow-y:auto;padding:28px 32px}.settings-section h2{font-size:1.2rem;font-weight:800;margin-bottom:22px}.settings-card{background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-lg);margin-bottom:16px;padding:20px}.settings-card h3{color:var(--text-200);font-size:.9rem;font-weight:700;margin-bottom:16px;padding-bottom:12px}.settings-card h3,.settings-toggle-row{border-bottom:1px solid var(--border-1)}.settings-toggle-row{align-items:center;display:flex;justify-content:space-between;padding:11px 0}.settings-toggle-row:last-child{border-bottom:none}.settings-row-label{font-size:.875rem;font-weight:600}.settings-row-sub{color:var(--text-400);font-size:.75rem;margin-top:2px}.settings-select-row{align-items:center;border-bottom:1px solid var(--border-1);display:flex;gap:16px;justify-content:space-between;padding:11px 0}.settings-select-row:last-child{border-bottom:none}.settings-select-row select{flex-shrink:0;min-width:130px;width:auto}.settings-info-row{align-items:center;color:var(--text-300);display:flex;font-size:.875rem;gap:10px}.settings-info-row span{flex:1 1}.toggle-btn{-webkit-tap-highlight-color:transparent;background:var(--bg-400);border:none;border-radius:14px;cursor:pointer;flex-shrink:0;height:28px;outline:none;position:relative;transition:background .2s ease;width:50px}.toggle-btn.on{background:var(--primary)}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0006;height:22px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:22px}.toggle-btn.on .toggle-knob{transform:translateX(22px)}.theme-options{display:flex;gap:12px}.theme-option{align-items:center;background:var(--bg-800);border:2px solid var(--border-1);border-radius:var(--r-lg);color:var(--text-400);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.85rem;gap:8px;padding:18px;position:relative;transition:all var(--t-base)}.theme-option.active{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary-light)}.theme-check{color:var(--green);position:absolute;right:8px;top:8px}.wallpaper-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.wallpaper-option{align-items:center;border:2px solid var(--border-1);border-radius:var(--r-md);cursor:pointer;display:flex;height:68px;justify-content:center;transition:all var(--t-base)}.wallpaper-option.active,.wallpaper-option:hover{border-color:var(--primary)}.wallpaper-option:hover{transform:scale(1.03)}.font-size-options{display:flex;gap:10px}.font-size-btn{background:var(--bg-800);border:1.5px solid var(--border-1);border-radius:var(--r-md);color:var(--text-400);cursor:pointer;flex:1 1;padding:12px;transition:all var(--t-base)}.font-size-btn.active{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary-light)}.e2e-info-box{align-items:flex-start;background:#00d68f12;border:1px solid #00d68f2e;border-radius:var(--r-md);display:flex;gap:12px;margin-top:14px;padding:14px}.danger-zone h3{border-bottom-color:#ff4d4d26;color:var(--red)}.storage-bar-wrap{width:100%}.storage-bar{background:var(--bg-400);border-radius:3px;height:6px;overflow:hidden}.storage-used{background:linear-gradient(90deg,var(--primary),var(--pink));border-radius:3px;height:100%;transition:width .3s ease}@media (max-width:767px){.settings-page{flex-direction:column}.settings-sidebar{border-bottom:1px solid var(--border-1);border-right:none;height:auto;width:100%}.settings-main{padding:16px}.theme-options{flex-direction:column}}.groups-page{background:var(--bg-900);display:flex;flex:1 1;overflow:hidden}.groups-list-col{background:var(--bg-800);border-right:1px solid var(--border-1);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:280px}@media(max-width:640px){.groups-list-col{width:100%}.comm-chat-col{display:none}}.docs-page{background:var(--bg-900);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.docs-header{align-items:center;background:var(--bg-800);border-bottom:1px solid var(--border-1);display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 24px}.docs-header-left h1{align-items:center;display:flex;font-size:1.15rem;font-weight:800;gap:10px;margin-bottom:4px}.docs-stats{align-items:center;color:var(--text-400);display:flex;font-size:.78rem;gap:8px}.docs-stats-dot{background:var(--border-3);border-radius:50%;height:4px;width:4px}.docs-header-right{align-items:center;display:flex;gap:10px}.docs-search{align-items:center;background:var(--bg-600);border:1px solid var(--border-1);border-radius:var(--r-full);display:flex;gap:8px;padding:8px 13px;transition:border-color var(--t-base)}.docs-search:focus-within{border-color:var(--primary)}.docs-search svg{color:var(--text-400);flex-shrink:0}.docs-search input{background:none;font-size:.85rem;padding:0;width:180px}.docs-search input,.docs-search input:focus{border:none;box-shadow:none}.docs-tabs{background:var(--bg-800);border-bottom:1px solid var(--border-1);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:12px 24px;scrollbar-width:none}.docs-tabs::-webkit-scrollbar{display:none}.docs-tab{background:none;border:1px solid var(--border-1);border-radius:var(--r-full);color:var(--text-400);cursor:pointer;font-size:.8rem;font-weight:500;padding:7px 16px;transition:all var(--t-base);white-space:nowrap}.docs-tab:hover{border-color:var(--primary);color:var(--primary-light)}.docs-tab.active{background:var(--primary-alpha);border-color:var(--border-accent);color:var(--primary-light);font-weight:600}.docs-body{display:flex;flex:1 1;gap:0;overflow:hidden}.docs-main{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.docs-sidebar{background:var(--bg-800);border-left:1px solid var(--border-1);flex-shrink:0;overflow-y:auto;padding:16px;width:260px}@media(max-width:900px){.docs-sidebar{display:none}}.docs-dropzone{background:var(--bg-800);border:2px dashed var(--border-2);border-radius:var(--r-xl);cursor:pointer;flex-shrink:0;padding:32px;text-align:center;transition:all var(--t-base)}.docs-dropzone.active,.docs-dropzone:hover{background:var(--primary-alpha);border-color:var(--primary)}.docs-dropzone-icon{color:var(--text-400);display:flex;justify-content:center;margin:0 auto 12px;transition:color var(--t-base)}.docs-dropzone.active .docs-dropzone-icon,.docs-dropzone:hover .docs-dropzone-icon{color:var(--primary-light)}.docs-dropzone-title{font-size:.9rem;font-weight:600;margin-bottom:4px}.docs-dropzone-sub{color:var(--text-500);font-size:.78rem}.docs-uploads{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.docs-upload-item{background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-md);padding:12px}.docs-upload-info{align-items:center;display:flex;font-size:.82rem;gap:10px;margin-bottom:8px}.docs-upload-name{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-upload-pct{color:var(--primary-light);flex-shrink:0;font-weight:700}.docs-upload-bar{background:var(--bg-500);border-radius:2px;height:4px;overflow:hidden}.docs-upload-fill{background:linear-gradient(90deg,var(--primary),var(--pink));border-radius:2px;height:100%;transition:width .15s ease}.docs-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.doc-card{background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-lg);overflow:hidden;transition:all var(--t-base)}.doc-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.doc-card-thumb{align-items:center;background:var(--bg-600);cursor:pointer;display:flex;height:130px;justify-content:center;overflow:hidden;position:relative}.doc-thumb-img{height:100%;object-fit:cover;width:100%}.doc-thumb-icon{gap:4px}.doc-card-overlay,.doc-thumb-icon{align-items:center;display:flex;flex-direction:column}.doc-card-overlay{background:#0009;color:#fff;font-size:.8rem;font-weight:500;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--t-base)}.doc-card:hover .doc-card-overlay{opacity:1}.doc-card-info{padding:10px 12px}.doc-card-name{font-size:.82rem;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-card-meta{color:var(--text-500);font-size:.7rem}.doc-rename-wrap{align-items:center;display:flex;gap:4px}.doc-rename-input{background:var(--bg-500);border:1px solid var(--primary);border-radius:var(--r-sm);flex:1 1;font-size:.82rem;padding:4px 8px}.doc-rename-input:focus{box-shadow:none}.doc-card-actions{border-top:1px solid var(--border-1);display:flex;gap:2px;padding:6px 8px}.doc-action-btn{border-radius:var(--r-sm);color:var(--text-400);flex:1 1}.doc-action-btn:hover{background:var(--primary-alpha);color:var(--primary-light)}.doc-action-btn.danger:hover{background:#ff4d4d1a;color:var(--red)}.docs-storage-card,.docs-types-card{background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-lg);margin-bottom:12px;padding:16px}.docs-storage-card h3,.docs-types-card h3{align-items:center;display:flex;font-size:.875rem;font-weight:700;gap:7px;margin-bottom:14px}.storage-visual{display:flex;justify-content:center;margin-bottom:14px}.storage-circle{height:100px;position:relative;width:100px}.storage-svg{height:100%;width:100%}.storage-circle-text{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.storage-circle-text span{font-size:1.2rem;font-weight:800}.storage-circle-text small{color:var(--text-500);font-size:.65rem}.storage-details{display:flex;flex-direction:column;gap:8px}.storage-row{align-items:center;color:var(--text-300);display:flex;font-size:.8rem;gap:8px}.storage-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.storage-val{font-size:.78rem;font-weight:600;margin-left:auto}.docs-type-row{align-items:center;display:flex;font-size:.82rem;gap:10px;margin-bottom:12px}.docs-type-bar{background:var(--bg-400);border-radius:2px;height:4px;overflow:hidden}.docs-preview-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.docs-preview-modal{animation:modalIn .25s var(--t-spring);background:var(--bg-700);border:1px solid var(--border-3);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:92vh;max-width:860px;overflow:hidden;width:100%}.docs-preview-header{align-items:center;border-bottom:1px solid var(--border-1);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.docs-preview-name{flex:1 1;font-size:.9rem;font-weight:600;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-preview-body{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.docs-text-preview{background:var(--bg-800);border-radius:var(--r-md);max-height:60vh;overflow:auto;padding:16px;width:100%}.docs-text-preview pre{color:var(--text-200);font-size:.82rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}@media(max-width:640px){.docs-grid{grid-template-columns:repeat(2,1fr)}.docs-header{align-items:flex-start;flex-direction:column}.docs-header-right{width:100%}.docs-search{flex:1 1}}.media-page{background:var(--bg-900);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.media-header{background:var(--bg-800);border-bottom:1px solid var(--border-1);flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 24px}.media-header,.media-header h1{align-items:center;display:flex}.media-header h1{font-size:1.15rem;font-weight:800;gap:10px;margin-bottom:3px}.media-subtitle{color:var(--text-400);font-size:.78rem}.media-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.media-view-toggle{background:var(--bg-600);border:1px solid var(--border-1);border-radius:var(--r-md);display:flex;overflow:hidden}.media-view-toggle button{align-items:center;background:none;border:none;color:var(--text-400);cursor:pointer;display:flex;padding:7px 10px;transition:all var(--t-fast)}.media-view-toggle button.active{background:var(--primary-alpha);color:var(--primary-light)}.media-view-toggle button:hover:not(.active){background:var(--bg-500);color:var(--text-200)}.media-dropzone{align-items:center;background:var(--bg-800);border-bottom:1px solid var(--border-1);color:var(--text-400);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:10px;justify-content:center;padding:14px 24px;transition:all var(--t-base)}.media-dropzone.active,.media-dropzone:hover{background:var(--primary-alpha);border-bottom-color:var(--border-accent);color:var(--primary-light)}.media-dropzone-sub{color:var(--text-500);font-size:.75rem;margin-left:8px}.media-grid{grid-gap:4px;display:grid;flex:1 1;gap:4px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow-y:auto;padding:16px}.media-card{animation:fadeIn .3s ease;aspect-ratio:1;background:var(--bg-700);border-radius:var(--r-md);cursor:pointer;overflow:hidden;position:relative;transition:transform var(--t-base)}.media-card:hover{transform:scale(1.02);z-index:1}.media-thumb{display:block;height:100%;object-fit:cover;width:100%}.media-card-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;opacity:0;padding:8px;position:absolute;transition:opacity var(--t-base)}.media-card:hover .media-card-overlay{opacity:1}.media-card-actions-hover{display:flex;gap:6px}.media-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all var(--t-base);width:30px}.media-action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.media-action-btn.danger:hover{background:var(--red);border-color:var(--red)}.media-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px 16px}.media-list-item{align-items:center;background:var(--bg-700);border:1px solid var(--border-1);border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all var(--t-fast)}.media-list-item:hover{background:var(--bg-600);border-color:var(--border-2)}.media-list-thumb{border-radius:var(--r-sm);flex-shrink:0;height:48px;object-fit:cover;width:48px}.media-list-info{flex:1 1;min-width:0}.media-list-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-list-meta{color:var(--text-500);font-size:.72rem;margin-top:2px}.media-list-actions{display:flex;flex-shrink:0;gap:4px}.media-lightbox{animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;display:flex;flex-direction:column;inset:0;position:fixed;z-index:2000}.media-lightbox-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.media-lightbox-name{flex:1 1;font-size:.9rem;font-weight:600;margin-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-lb-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:var(--r-sm);color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all var(--t-fast);width:34px}.media-lb-btn:hover{background:#ffffff2e}.media-lb-btn.danger:hover{background:var(--red);border-color:var(--red)}.media-lightbox-body{flex:1 1;overflow:hidden;padding:20px;position:relative}.media-lightbox-body,.media-lightbox-img-wrap{align-items:center;display:flex;justify-content:center}.media-lightbox-img-wrap{max-height:100%;max-width:100%;overflow:auto}.media-lb-nav{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--t-base);width:44px;z-index:1}.media-lb-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.05)}.media-lb-nav.left{left:12px}.media-lb-nav.right{right:12px}.media-lightbox-footer{align-items:center;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}@media(max-width:640px){.media-grid{gap:2px;grid-template-columns:repeat(3,1fr);padding:8px}.media-header{align-items:flex-start;flex-direction:column}.media-header-right{width:100%}}@media(min-width:768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(min-width:1200px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.stories-page{background:var(--bg-900);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.stories-header{background:var(--bg-800);border-bottom:1px solid var(--border-1);flex-shrink:0;padding:22px 24px 16px}.stories-header h1{font-size:1.2rem;font-weight:800;margin-bottom:3px}.stories-subtitle{color:var(--text-400);font-size:.8rem}.stories-body{display:flex;flex:1 1;flex-direction:column;gap:28px;overflow-y:auto;padding:24px}.stories-section-title{color:var(--text-400);font-size:.82rem;font-weight:700;letter-spacing:.07em;margin-bottom:14px;text-transform:uppercase}.stories-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.stories-row::-webkit-scrollbar{display:none}.story-add-card{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:8px;width:110px}.story-add-avatar{position:relative}.story-avatar-img{border:3px solid var(--border-2);border-radius:50%;height:70px;object-fit:cover;width:70px}.story-add-plus{align-items:center;background:var(--primary);border:2px solid var(--bg-800);border-radius:50%;bottom:0;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:0;width:24px}.story-card{-webkit-tap-highlight-color:transparent;cursor:pointer;flex-shrink:0;position:relative;width:110px}.story-card-preview{align-items:center;border-radius:var(--r-lg);display:flex;height:160px;justify-content:center;overflow:hidden;position:relative;transition:transform var(--t-base);width:110px}.story-card:hover .story-card-preview{transform:scale(1.02)}.story-card-gradient{background:linear-gradient(180deg,#0000 40%,#000000b3);inset:0;position:absolute}.story-card-text{color:#fff;font-size:.75rem;font-weight:600;padding:8px;position:relative;text-align:center;word-break:break-word;z-index:1}.story-card-info{padding:6px 2px 0}.story-card-name{font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-card-time{align-items:center;color:var(--text-500);display:flex;font-size:.68rem;gap:3px;margin-top:2px}.story-ring{background:var(--bg-800);border:2.5px solid var(--primary);border-radius:50%;height:36px;left:8px;padding:2px;position:absolute;top:8px;width:36px;z-index:2}.story-ring.viewed{border-color:var(--text-500)}.story-ring-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.story-unread-dot{background:var(--primary);border:2px solid var(--bg-800);border-radius:50%;height:10px;position:absolute;right:6px;top:6px;width:10px}.story-delete-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.story-card:hover .story-delete-btn{display:flex}.story-viewer{background:#000;display:flex;flex-direction:column;inset:0;position:fixed;-webkit-user-select:none;user-select:none;z-index:2000}.story-progress-bars{display:flex;flex-shrink:0;gap:4px;padding:12px 16px 8px;z-index:10}.story-progress-track{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .1s linear}.story-viewer-header{align-items:center;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px 12px;z-index:10}.story-viewer-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.story-viewer-text{bottom:60px;color:#fff;font-size:1.2rem;font-weight:700;left:0;padding:16px 24px;position:absolute;right:0;text-align:center;text-shadow:0 2px 8px #00000080;word-break:break-word}.story-nav-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background var(--t-base);width:44px;z-index:10}.story-nav-btn:hover{background:#ffffff40}.story-nav-btn.left{left:12px}.story-nav-btn.right{right:12px}.story-create-modal{max-width:440px}.story-create-preview{border-radius:var(--r-lg);height:220px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.story-create-preview,.story-preview-text{align-items:center;display:flex;justify-content:center}.story-preview-text{color:#fff;font-size:1rem;font-weight:700;inset:0;padding:16px;position:absolute;text-align:center;text-shadow:0 2px 8px #0006;word-break:break-word}@media(max-width:640px){.stories-body{padding:16px}.story-card-preview{height:130px;width:90px}.story-add-card,.story-card{width:90px}.story-avatar-img{height:60px;width:60px}}.calls-page{background:var(--bg-900);flex:1 1}.calls-page,.calls-sidebar{display:flex;overflow:hidden}.calls-sidebar{background:var(--bg-800);border-right:1px solid var(--border-1);flex-direction:column;flex-shrink:0;width:300px}.calls-sidebar-header{border-bottom:1px solid var(--border-1);padding:18px 16px 12px}.calls-sidebar-header h2{font-size:1.1rem;font-weight:800}.calls-search{align-items:center;background:var(--bg-600);border:1px solid var(--border-1);border-radius:var(--r-full);display:flex;gap:9px;margin:10px 12px;padding:9px 13px;transition:border-color var(--t-base)}.calls-search:focus-within{border-color:var(--primary)}.calls-search svg{color:var(--text-400);flex-shrink:0}.calls-search input{background:none;flex:1 1;font-size:.85rem;padding:0}.calls-search input,.calls-search input:focus{border:none;box-shadow:none}.calls-tabs{display:flex;gap:8px;padding:0 12px 8px}.calls-tab{background:var(--primary-alpha);border:1px solid var(--border-accent);border-radius:var(--r-full);color:var(--primary-light);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px}.calls-list{flex:1 1;overflow-y:auto;padding:4px 8px}.calls-contact-item{align-items:center;border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;padding:10px 8px;transition:background var(--t-fast)}.calls-contact-item:hover{background:var(--bg-600)}.calls-contact-info{flex:1 1;min-width:0}.calls-contact-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calls-contact-sub{color:var(--text-500);font-size:.72rem;margin-top:2px}.calls-contact-actions{display:flex;flex-shrink:0;gap:6px}.calls-action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all var(--t-base);width:34px}.calls-action-btn.voice{background:#00d68f1f;color:var(--green)}.calls-action-btn.video{background:#6c63ff1f;color:var(--primary-light)}.calls-action-btn:hover{transform:scale(1.1)}.calls-action-btn.voice:hover{background:var(--green);color:#fff}.calls-action-btn.video:hover{background:var(--primary);color:#fff}.calls-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.calls-history{flex:1 1;overflow-y:auto;padding:16px}.calls-history-header{align-items:center;color:var(--text-400);display:flex;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.07em;margin-bottom:14px;text-transform:uppercase}.calls-history-item{align-items:center;border-bottom:1px solid var(--border-1);border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;padding:12px 10px;transition:background var(--t-fast)}.calls-history-item:hover{background:var(--bg-700)}.calls-history-info{flex:1 1;min-width:0}.calls-history-name{font-size:.875rem;font-weight:600}.calls-history-meta{color:var(--text-500);font-size:.72rem;margin-top:2px}.calls-history-actions{flex-shrink:0}.call-screen{align-items:center;background:#0a0a14;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.call-screen-bg{background:radial-gradient(ellipse at 50% 30%,#6c63ff33,#0000 70%);inset:0;pointer-events:none;position:absolute}.call-info{margin-bottom:40px;position:relative;text-align:center;z-index:1}.call-avatar-ring{margin:0 auto 20px;position:relative}.call-avatar,.call-avatar-ring{border-radius:50%;height:120px;width:120px}.call-avatar{border:3px solid var(--primary);object-fit:cover}.call-ring-anim{animation:callRing 1.5s ease-out infinite;border:2px solid #6c63ff66;border-radius:50%;inset:-8px;position:absolute}@keyframes callRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.call-name{font-size:1.6rem;font-weight:800;margin-bottom:8px}.call-status-text{align-items:center;display:flex;font-size:.95rem;gap:8px;justify-content:center}.call-dot{animation:pulse 1s infinite;background:var(--yellow);border-radius:50%;height:8px;width:8px}.call-dot.active{background:var(--green)}.call-video-wrap{inset:0;position:absolute;z-index:0}.call-remote-video{background:#000;height:100%;object-fit:cover;width:100%}.call-local-video{background:#111;border:2px solid #fff3;border-radius:var(--r-md);bottom:90px;height:80px;object-fit:cover;position:absolute;right:16px;width:120px}.call-remote-video{transition:opacity .3s ease}.call-camera-off-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff1a;border-radius:var(--r-full);bottom:100px;color:#fffc;font-size:.8rem;left:50%;padding:7px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:2}.call-controls{display:flex;gap:16px;justify-content:center;position:relative;z-index:2}.call-ctrl-btn{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:64px;padding:16px;transition:all var(--t-base)}.call-ctrl-btn span{font-size:.7rem;font-weight:500}.call-ctrl-btn:hover{background:#ffffff38;transform:scale(1.05)}.call-ctrl-btn.active{background:#ffffff40}.call-ctrl-btn.end{background:var(--red)}.call-ctrl-btn.end:hover{background:#c00}.incoming-call-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.incoming-call-card{animation:modalIn .25s var(--t-spring);background:var(--bg-700);border:1px solid var(--border-3);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:36px 32px;position:relative;width:320px}.incoming-call-pulse{animation:callRing 2s ease-out infinite;background:radial-gradient(circle,#6c63ff26,#0000 70%);border-radius:50%;inset:-20px;pointer-events:none;position:absolute;z-index:0}.incoming-call-card>:not(.incoming-call-pulse){position:relative;z-index:1}.incoming-accept-btn{align-items:center;background:var(--green);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:6px;padding:16px 24px;transition:all var(--t-base)}.incoming-accept-btn:hover{background:#00b377;transform:scale(1.05)}.incoming-reject-btn{align-items:center;background:var(--red);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:6px;padding:16px 24px;transition:all var(--t-base)}.incoming-reject-btn:hover{background:#c00;transform:scale(1.05)}@media(max-width:767px){.calls-sidebar{border-right:none;width:100%}.calls-main{display:none}.call-controls{gap:10px}.call-ctrl-btn{min-width:52px;padding:14px}}
/*# sourceMappingURL=main.bb0be9cf.css.map*/