:root{--primary-bg: #060816;--secondary-bg: #0b1020;--tertiary-bg: #0f1627;--card-bg: rgba(255, 255, 255, .03);--card-bg-hover: rgba(255, 255, 255, .05);--card-bg-active: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .05);--border-color-light: rgba(255, 255, 255, .03);--text-primary: #ffffff;--text-secondary: #b4bcc8;--text-muted: #8b93a7;--accent: #5b8cff;--accent-hover: #7a5cff;--accent-gradient: linear-gradient(135deg, #5b8cff, #7a5cff);--like-color: #ff4757;--success: #2ed573;--warning: #ffa502;--notification-red: #ff4757;--card-shadow: 0 8px 24px rgba(0, 0, 0, .12);--card-shadow-hover: 0 12px 32px rgba(0, 0, 0, .16);--danger: #ff4757;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;height:100dvh;background:var(--primary-bg);margin:0;padding:0;overflow:hidden;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.55;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;height:100%;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;touch-action:manipulation}:root{--app-viewport-height: 100dvh}html.chat-scroll-lock,body.chat-scroll-lock{width:100%;height:var(--app-viewport-height);max-height:var(--app-viewport-height);overflow:hidden!important;overscroll-behavior:none}*{scrollbar-width:thin;scrollbar-color:rgba(91,140,255,.3) transparent}:root.light-mode *{scrollbar-width:thin;scrollbar-color:rgba(91,140,255,.5) rgba(255,255,255,.3)}:root.light-mode{--primary-bg: #ffffff;--secondary-bg: #ffffff;--tertiary-bg: #ffffff;--card-bg: rgba(0, 0, 0, .03);--card-bg-hover: rgba(0, 0, 0, .05);--card-bg-active: rgba(0, 0, 0, .08);--border-color: rgba(0, 0, 0, .08);--border-color-light: rgba(0, 0, 0, .04);--text-primary: #2a2a2a;--text-secondary: #5a5a5a;--text-muted: #8a8a8a;--accent: #5b8cff;--accent-hover: #4a7ce0;--accent-gradient: linear-gradient(135deg, #5b8cff, #4a7ce0);--like-color: #ff4757;--success: #2ed573;--warning: #ffa502;--notification-red: #ff4757;--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .12);--danger: #ff4757}:root.light-mode .sidebar-left{background:#ffffff!important}:root.light-mode .app:before,:root.light-mode .app:after{background:var(--primary-bg)!important}:root.light-mode .post-card{background:#ffffff!important;border-color:#00000014!important;color:var(--text-primary)!important}:root.light-mode .post-card *{color:var(--text-primary)!important}:root.light-mode .post-card p,:root.light-mode .post-card div,:root.light-mode .post-card span{color:#2a2a2a!important}:root.light-mode .post-card:hover{background:#ffffff!important;box-shadow:0 4px 16px #5b8cff1f!important}:root.light-mode .sidebar-right{background:#ffffff!important}:root.light-mode .sidebar-right *{color:var(--text-primary)!important}:root.light-mode .nav-item{color:var(--text-primary)!important}:root.light-mode button,:root.light-mode .more-menu-item{color:var(--text-primary)!important}:root.light-mode .more-menu-dropdown{background:#ffffff!important;border-color:#0000001f!important;box-shadow:0 4px 16px #00000026!important}:root.light-mode .more-menu-item{color:#2a2a2a!important;border-bottom-color:#00000014!important}:root.light-mode .more-menu-item:hover{background:rgba(0,0,0,.06)!important}:root.light-mode .more-menu-item svg{stroke:#2a2a2a!important;color:#2a2a2a!important}:root.light-mode .more-menu-item span{color:#2a2a2a!important}:root.light-mode .more-menu-popup{background:#ffffff!important;border-color:#0000001f!important;box-shadow:0 4px 16px #00000026!important}:root.light-mode .more-menu-popup *{color:#2a2a2a!important}:root.light-mode .message.incoming .message-bubble{background:#ffffff!important;color:#2a2a2a!important;border-color:#0000001a!important}:root.light-mode .comment-item{background:#ffffff!important;border-color:#00000014!important}:root.light-mode .comment-item p,:root.light-mode .comment-item span,:root.light-mode .comment-item div{color:#2a2a2a!important}:root.light-mode .input-container,:root.light-mode input,:root.light-mode textarea{background:#ffffff!important;color:#2a2a2a!important;border-color:#0000001a!important}:root.light-mode input::placeholder,:root.light-mode textarea::placeholder{color:#2a2a2a80!important}.app{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background:var(--primary-bg);overflow:hidden;position:relative}.app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#060816 0%,#0b1020 50%,#0f1627 100%);pointer-events:none;z-index:0}.app:after{content:"";position:absolute;top:-50%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(91,140,255,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:90px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:0;position:relative;z-index:1;background:transparent}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:rgba(91,140,255,.2);border-radius:3px}.content::-webkit-scrollbar-thumb:hover{background:rgba(91,140,255,.4)}.content{scrollbar-width:thin;-ms-overflow-style:none}.profile-header{display:flex!important;align-items:center!important;gap:40px!important;padding:30px!important;background:linear-gradient(135deg,rgba(91,140,255,.08) 0%,transparent 100%)!important;border-bottom:1px solid var(--border-color)!important;width:100%!important;text-align:left!important}.profile-header-left{flex-shrink:0!important}.profile-avatar-large{width:140px!important;height:140px!important;border-radius:50%!important;background:var(--accent-gradient)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:70px!important;box-shadow:0 10px 30px #5b8cff40!important;padding:8px!important;flex-shrink:0!important;object-fit:cover!important}.profile-avatar-large img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}.profile-header-right{flex:1!important;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important;text-align:left!important}.profile-name-large{font-size:32px!important;font-weight:700!important;color:var(--text-primary)!important;margin:0 0 4px!important}.profile-username{font-size:13px!important;color:var(--text-secondary)!important;font-weight:500!important;margin:0 0 4px!important}.profile-stats-inline{display:flex!important;gap:30px!important;margin-top:4px!important;margin-bottom:8px!important}.stat-inline{display:flex!important;flex-direction:column!important;gap:4px!important}.stat-inline-value{font-weight:700!important;color:var(--accent)!important;font-size:18px!important;display:block!important;margin:0!important}.stat-inline-label{color:var(--text-secondary)!important;font-size:13px!important;margin:0!important;display:block!important}.profile-bio-large{font-size:14px!important;color:var(--text-muted)!important;margin:4px 0 0!important;line-height:1.5!important}.profile-actions-large{display:flex!important;gap:15px!important;flex-wrap:wrap!important;margin-top:12px!important;width:100%!important}.profile-btn-large{flex:1!important;min-width:140px!important;padding:12px 24px!important;border-radius:12px!important;border:none!important;font-weight:600!important;cursor:pointer!important;transition:var(--transition)!important;font-size:14px!important}.profile-btn-large.edit-btn{background:var(--accent-gradient)!important;color:#fff!important;box-shadow:0 8px 20px #5b8cff4d!important}.profile-btn-large.edit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 25px #5b8cff59!important}.profile-btn-large.share-btn{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.profile-btn-large.share-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(91,140,255,.05)!important}.profile-posts-section{padding:var(--spacing-2xl) var(--spacing-lg)!important;border-top:1px solid var(--border-color)!important}.posts-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:var(--spacing-2xl)!important;padding-bottom:var(--spacing-lg)!important;border-bottom:2px solid var(--border-color)!important}.posts-title{font-size:18px!important;font-weight:700!important;color:var(--text-primary)!important;text-transform:uppercase!important;letter-spacing:1px!important}.posts-count{font-size:16px!important;font-weight:700!important;color:var(--accent)!important}.posts-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:var(--spacing-lg)!important}.profile-settings-section{padding:var(--spacing-2xl) var(--spacing-lg)!important;border-top:1px solid var(--border-color)!important;margin-top:var(--spacing-2xl)!important}.settings-title{font-size:18px!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:var(--spacing-lg)!important;text-transform:uppercase!important;letter-spacing:1px!important}.settings-btn{padding:12px 16px!important;background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-secondary)!important;font-weight:500!important;cursor:pointer!important;transition:var(--transition)!important;text-align:left!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--spacing-md)!important;position:relative!important}.settings-btn:after{content:">"!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary)!important;margin-left:auto!important;transition:var(--transition)!important}.settings-btn:hover:after{color:var(--accent)!important;transform:translate(4px)!important}.settings-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(91,140,255,.05)!important}.settings-btn.logout-btn{background:rgba(255,71,87,.1)!important;border-color:#ff47574d!important;color:#ef4444!important;margin-top:var(--spacing-lg)!important}.settings-btn.logout-btn:hover{border-color:#ef4444!important;background:rgba(255,71,87,.2)!important}.settings-btn.logout-btn:hover:after{color:#ef4444!important}:root.light-mode .profile-avatar-large{border-color:#0000001a!important;box-shadow:0 8px 24px #5b8cff26!important}:root.light-mode .profile-header{background:linear-gradient(135deg,rgba(91,140,255,.04) 0%,transparent 100%)!important;border-bottom-color:#00000014!important}:root.light-mode .posts-header{border-bottom-color:#00000014!important}:root.light-mode .profile-posts-section,:root.light-mode .profile-settings-section{border-top-color:#00000014!important}@media (max-width: 768px){.profile-header{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:20px!important;padding:20px!important}.profile-header-left{display:flex!important;justify-content:center!important}.profile-avatar-large{width:120px!important;height:120px!important;font-size:60px!important}.profile-stats-inline{justify-content:center!important;gap:25px!important}.profile-header-right{width:100%!important;align-items:center!important}.profile-name-large{font-size:28px!important}.profile-actions-large{width:100%!important;justify-content:center!important}.profile-btn-large{min-width:140px!important;padding:10px 20px!important;font-size:13px!important}.posts-grid{grid-template-columns:1fr!important}}@media (min-width: 1200px){.app.home-page,.app.other-page,.app{display:grid;grid-template-columns:80px 1fr;grid-template-rows:1fr;gap:0;padding:0;height:100vh;height:100dvh;overflow:hidden}.sidebar-left{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;background:rgba(11,16,32,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:none;height:100vh;height:100dvh;overflow:visible!important;padding:0;box-sizing:border-box;z-index:100;width:80px;transition:width .3s cubic-bezier(.4,0,.2,1);scrollbar-width:none;-ms-overflow-style:none}.sidebar-left:hover{width:240px;overflow:visible!important}.sidebar-left::-webkit-scrollbar{display:none}.sidebar-left::-webkit-scrollbar-track{display:none}.sidebar-left::-webkit-scrollbar-thumb{display:none}.sidebar-left::-webkit-scrollbar-thumb:hover{display:none}.content{grid-column:2;grid-row:1;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;padding:0!important;margin:0!important;box-sizing:border-box;scroll-behavior:smooth;border-left:none;background:transparent}.app.home-page .content{padding-right:360px!important}.content::-webkit-scrollbar{display:none}.sidebar-right{display:none!important}.app.home-page .sidebar-right{display:flex!important;position:fixed;right:40px;top:var(--spacing-lg);bottom:var(--spacing-lg);width:320px;height:calc(100vh - var(--spacing-lg) * 2);max-height:calc(100vh - var(--spacing-lg) * 2);flex-direction:column;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);background:rgba(12,16,35,.62);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 40px #00000059,inset 0 1px #ffffff14;padding:var(--spacing-lg);box-sizing:border-box;gap:var(--spacing-md);overflow-y:auto;z-index:200}.sidebar-right::-webkit-scrollbar{width:6px}.sidebar-right::-webkit-scrollbar-track{background:transparent}.sidebar-right::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-right::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}}@media (max-width: 1199px){.sidebar-left,.sidebar-right{display:none!important}.bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;padding:var(--spacing-sm) 0!important;background:rgba(6,8,22,.95)!important;border-top:1px solid var(--border-color)!important;border-radius:0!important;z-index:100!important}.nav-logo,.nav-spacer,.nav-spacer-bottom,.nav-item-sumit,.nav-item-more,.bottom-nav .nav-item-notifications{display:none!important}.bottom-nav .nav-item{flex:1!important;padding:var(--spacing-md) 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;border:none!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:500!important;border-radius:0!important;margin:0!important}.bottom-nav .nav-item:hover{background:rgba(255,255,255,.05)!important}.bottom-nav .nav-item.active{color:var(--accent)!important}.bottom-nav .nav-item span{display:block!important}.bottom-nav .nav-icon{width:24px!important;height:24px!important}.nav-fab-container{position:fixed!important;bottom:40px!important;left:50%!important;transform:translate(-50%)!important;z-index:101!important;pointer-events:none!important}.nav-item-spacer{flex:1!important;visibility:hidden!important}@media (min-width: 1200px){.nav-fab-container,.nav-item-spacer{display:none!important}}.nav-fab{width:64px!important;height:64px!important;border-radius:50%!important;background:var(--accent)!important;border:4px solid white!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;pointer-events:all!important;box-shadow:0 4px 16px #5b8cff80!important;transition:transform .2s ease,box-shadow .2s ease!important;padding:0!important;margin:0!important}.nav-fab:hover{transform:scale(1.08)!important;box-shadow:0 6px 20px #5b8cff99!important}.nav-fab:active{transform:scale(.95)!important}.app{padding-top:0!important}.app.has-mobile-header{padding-top:56px!important}.content{padding-top:0!important}.app.chat-detail-page{padding-bottom:0!important;height:var(--app-viewport-height)!important;min-height:var(--app-viewport-height)!important;max-height:var(--app-viewport-height)!important;overflow:hidden!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;overscroll-behavior:none!important;touch-action:manipulation}.app.chat-detail-page .content{display:flex!important;flex-direction:column!important;height:var(--app-viewport-height)!important;max-height:var(--app-viewport-height)!important;min-height:0!important;overflow:hidden!important;padding-bottom:0!important;overscroll-behavior:none!important}.app.home-page,.app.chat-page,.app.profile-page{padding-bottom:80px!important}.mobile-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 var(--spacing-md)!important;background:rgba(6,8,22,.95)!important;border-bottom:1px solid var(--border-color)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:500!important;height:56px!important;width:100%!important}.mobile-header__btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:transparent!important;border:none!important;color:var(--text-primary)!important;cursor:pointer!important;padding:0!important;font-size:24px!important;transition:background .2s ease!important}.mobile-header__btn:hover{background:rgba(255,255,255,.1)!important;border-radius:var(--radius-md)!important}.mobile-header__btn svg{width:24px!important;height:24px!important}:root.light-mode .mobile-header{background:#ffffff!important;border-bottom-color:#00000014!important}:root.light-mode .mobile-header__btn{color:#2a2a2a!important}:root.light-mode .mobile-header__btn:hover{background:rgba(0,0,0,.05)!important}:root.light-mode .bottom-nav{background:#ffffff!important;border-top-color:#00000014!important}:root.light-mode .bottom-nav .nav-item{color:#8a8a8a!important}:root.light-mode .bottom-nav .nav-item.active{color:var(--accent)!important}:root.light-mode .nav-fab{background:var(--accent)!important;border:4px solid white!important;box-shadow:0 4px 16px #5b8cff66!important}:root.light-mode .nav-fab:hover{box-shadow:0 6px 20px #5b8cff80!important}:root.light-mode .mobile-top-header{background:#ffffff;border-bottom-color:#00000014}:root.light-mode .mobile-top-header__title{color:#2a2a2a}:root.light-mode .mobile-top-header__btn{color:#2a2a2a}:root.light-mode .mobile-top-header__btn:hover{background:rgba(0,0,0,.08)}}.sidebar-left,.sidebar-right{display:none}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-lg);background:rgba(6,8,22,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;height:56px}.top-nav__title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.nav-icons{display:flex;gap:var(--spacing-md);align-items:center}.icon-btn{background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:var(--transition)}.icon-btn:hover{color:var(--accent);background:var(--card-bg-hover);transform:translateY(-1px)}.notif-btn{position:relative}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--accent);border-radius:50%;border:2px solid var(--primary-bg);animation:pulse-dot 2s infinite;box-shadow:0 0 8px #5b8cff99}@keyframes pulse-dot{0%,to{box-shadow:0 0 8px #5b8cff99,inset 0 0 4px #5b8cff4d;transform:scale(1)}50%{box-shadow:0 0 12px #5b8cffcc,inset 0 0 6px #5b8cff80;transform:scale(1.15)}}.notification-badge{position:absolute;width:20px;height:20px;background:var(--notification-red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;top:-6px;right:-6px;box-shadow:0 2px 8px #ff47574d}.feed{padding:var(--spacing-lg) var(--spacing-md);width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg);box-sizing:border-box;background:transparent}.posts-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);max-width:600px;width:100%;margin:0 auto var(--spacing-lg);box-sizing:border-box;background:rgba(12,16,35,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.04);box-shadow:0 8px 30px #0000002e;transition:all .3s cubic-bezier(.4,0,.2,1)}.posts-header:hover{border-color:#ffffff14;background:rgba(15,22,39,.82);box-shadow:0 12px 40px #00000040,0 0 20px #5b8cff1a}.posts-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0}.filters-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.filters-btn:hover{background:rgba(255,255,255,.12);border-color:#ffffff26}.filters-btn.active{background:rgba(91,140,255,.16);border-color:#5b8cff73;color:var(--accent)}.empty-feed-message{padding:40px 20px;text-align:center;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg)}:root.light-mode .posts-header{background:#ffffff;border-color:#00000014}:root.light-mode .posts-header:hover{background:#ffffff;border-color:#0000001f;box-shadow:0 12px 40px #0000001f,0 0 20px #5b8cff14}:root.light-mode .posts-header h1{color:#2a2a2a}:root.light-mode .filters-btn{background:rgba(0,0,0,.05);border-color:#0000001a;color:#2a2a2a}:root.light-mode .filters-btn:hover{background:rgba(0,0,0,.08);border-color:#00000026}:root.light-mode .filters-btn.active{background:rgba(91,140,255,.12);border-color:#5b8cff59}.filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-modal{background:rgba(12,16,35,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.05)}.filter-modal-header h2{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.filter-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-close-btn:hover{background:rgba(255,255,255,.15)}.filter-content{padding:24px;flex:1}.filter-section{display:flex;flex-direction:column;gap:16px}.filter-section label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-controls{display:flex;gap:12px}.filter-select{flex:1;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-select:hover{background:rgba(255,255,255,.08);border-color:#ffffff26}.filter-select:focus{outline:none;background:rgba(255,255,255,.1);border-color:var(--accent);box-shadow:0 0 12px #5b8cff33}.filter-select option{background:#060816;color:#fff}.filter-help{color:var(--text-muted);font-size:13px;line-height:1.4;margin:0}.filter-actions{display:flex;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.05);justify-content:flex-end}.filter-btn-clear,.filter-btn-done{padding:12px 24px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-btn-clear{background:transparent;color:var(--accent);border:1px solid var(--accent)}.filter-btn-clear:hover{background:rgba(91,140,255,.1)}.filter-btn-done{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #5b8cff4d}.filter-btn-done:hover{box-shadow:0 6px 16px #5b8cff66;transform:translateY(-2px)}:root.light-mode .filter-modal{background:#ffffff;border-color:#0000001f}:root.light-mode .filter-modal-header{border-bottom-color:#00000014}:root.light-mode .filter-modal-header h2{color:#2a2a2a}:root.light-mode .filter-close-btn{background:rgba(0,0,0,.08);color:#2a2a2a}:root.light-mode .filter-close-btn:hover{background:rgba(0,0,0,.12)}:root.light-mode .filter-section label{color:#5a5a5a}:root.light-mode .filter-select{background:rgba(0,0,0,.05);border-color:#0000001a;color:#2a2a2a}:root.light-mode .filter-select:hover{background:rgba(0,0,0,.08);border-color:#00000026}:root.light-mode .filter-select:focus{background:rgba(0,0,0,.1);border-color:var(--accent);box-shadow:0 0 12px #5b8cff33}:root.light-mode .filter-select option{background:#f5f1e8;color:#2a2a2a}:root.light-mode .filter-help{color:#6a6a6a}:root.light-mode .filter-actions{border-top-color:#00000014}:root.light-mode .filter-btn-clear{color:var(--accent);border-color:var(--accent)}:root.light-mode .filter-btn-clear:hover{background:rgba(91,140,255,.1)}.search-page{width:100%;min-height:100%;background:transparent}.search-shell{width:100%;max-width:640px;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-2xl);box-sizing:border-box}.search-form{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input{flex:1;min-width:0;height:48px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--card-bg);color:var(--text-primary);padding:0 var(--spacing-lg);font-size:16px;outline:none;transition:var(--transition)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b8cff1f}.search-input::placeholder{color:var(--text-muted)}.search-submit{height:48px;padding:0 var(--spacing-xl);border:none;border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #5b8cff3d}.search-results{display:flex;flex-direction:column;gap:var(--spacing-sm)}.search-results-title{color:var(--text-secondary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:var(--spacing-sm) 0}.search-user-row{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition)}.search-user-row:hover{border-color:#5b8cff73;background:var(--card-bg-hover)}.search-user-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--accent-gradient);color:#fff;font-weight:700}.search-user-avatar img{width:100%;height:100%;object-fit:cover}.search-user-info{min-width:0;display:flex;flex-direction:column;gap:2px}.search-user-info strong,.search-user-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-user-info strong{color:var(--text-primary);font-size:15px}.search-user-info span{color:var(--text-secondary);font-size:13px}.search-state{padding:var(--spacing-xl);color:var(--text-secondary);text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg)}:root.light-mode .search-input,:root.light-mode .search-user-row,:root.light-mode .search-state{background:#ffffff;border-color:#00000014}@media (max-width: 520px){.search-form{gap:var(--spacing-sm)}.search-submit{padding:0 var(--spacing-md)}}.post-card{background:rgba(12,16,35,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.04);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #0000002e;margin-bottom:0}.post-card:hover{border-color:#ffffff14;background:rgba(15,22,39,.82);box-shadow:0 12px 40px #00000040,0 0 20px #5b8cff1a;transform:translateY(-4px)}.post-card:active{transform:scale(.98)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-lg)}.post-user{display:flex;gap:var(--spacing-md);flex:1;align-items:flex-start}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#06b6d4);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px var(--card-shadow);overflow:hidden;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:4px;min-width:0}.user-name{font-weight:600;font-size:16px;color:var(--text-primary);display:flex;align-items:center;gap:6px;line-height:1.2;word-break:break-word}.timestamp{font-size:13px;color:var(--text-muted);line-height:1.2}.post-menu{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);transition:color .2s;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.post-menu:hover{color:var(--text-primary);background:var(--card-bg-hover)}.connect-btn{background:transparent;border:1px solid rgba(91,140,255,.4);color:var(--accent-light);padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.connect-btn:hover{border-color:#5b8cffcc;background:rgba(91,140,255,.05)}.post-tag{display:inline-block;background:rgba(91,140,255,.15);color:var(--accent-light);padding:3px 10px;border-radius:16px;font-size:13px;font-weight:500;margin-bottom:var(--spacing-md)}.post-content{color:#d1d5db;font-size:16px;line-height:1.6;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-md);word-wrap:break-word;white-space:pre-wrap}.post-details{background:rgba(91,140,255,.05);border-left:3px solid var(--accent);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:15px;color:var(--text-secondary)}.post-actions{display:flex;justify-content:space-between;align-items:center;border-top:none;gap:12px;margin-top:var(--spacing-md);padding:0}.post-actions-left{display:flex;align-items:center;gap:12px}.action-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);font-size:14px;transition:all .2s ease;font-weight:500}.action-btn svg{width:18px;height:18px;display:block;color:inherit}.action-btn:hover{color:var(--text-primary);background:none;transform:none}.action-btn.liked{color:var(--like-color)}.action-btn.liked svg{animation:pop .4s cubic-bezier(.68,-.55,.265,1.55);fill:var(--like-color)}.save-action-btn{margin-left:auto}.action-btn.saved{color:var(--accent)}.action-btn.saved svg{animation:pop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(11,15,26,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:8px 0 16px;display:flex;justify-content:space-around;align-items:flex-end;z-index:20;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 12px var(--card-shadow)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition);position:relative}.nav-item.active{color:var(--accent)}.nav-item:hover{color:var(--accent-light);transform:translateY(-2px)}.nav-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%;display:block;color:inherit}@media (min-width: 1200px){.bottom-nav{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;z-index:auto!important;flex-direction:column!important;gap:var(--spacing-md)!important;padding:var(--spacing-xl) var(--spacing-md)!important;width:100%!important;height:auto!important;border-radius:0!important;box-shadow:none!important;display:flex!important}.nav-item{width:100%!important;justify-content:flex-start!important;flex-direction:row!important;padding:var(--spacing-md) var(--spacing-lg)!important;gap:var(--spacing-md)!important;border-radius:var(--radius-md)!important;background:var(--card-bg)!important;transition:var(--transition)!important}.nav-item:hover{background:rgba(91,140,255,.1)!important;transform:none!important}.nav-item.active{background:rgba(91,140,255,.15)!important;color:var(--accent)!important}.nav-icon{font-size:20px!important;width:20px!important;height:20px!important;flex-shrink:0!important}.nav-item span{font-size:14px!important;color:inherit!important;white-space:nowrap!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:flex-end;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--secondary-bg);width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-2xl);max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 -4px 20px var(--card-shadow)}@media (min-width: 1200px){.modal-content{width:500px;max-height:80vh;border-radius:var(--radius-lg);margin:auto}.modal-overlay{align-items:center;justify-content:center}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@media (max-width: 1199px){.modal-overlay{align-items:center;justify-content:center}.modal-content{width:90%;max-width:500px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.close-btn:hover{color:var(--text-primary);background:var(--card-bg-hover)}.form-group{margin-bottom:var(--spacing-lg)}.label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.textarea,.input{width:100%;background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-lg);font-family:inherit;font-size:15px;transition:var(--transition);resize:vertical}.textarea::placeholder,.input::placeholder{color:var(--text-muted)}.textarea:focus,.input:focus{outline:none;border-color:var(--accent);background:rgba(91,140,255,.03);box-shadow:0 0 12px #5b8cff33}.textarea{min-height:100px}.tag-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.tag-option{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;font-size:13px;transition:var(--transition);color:var(--text-secondary);font-weight:500}.tag-option:hover{border-color:var(--accent);color:var(--accent);background:rgba(91,140,255,.03)}.tag-option.selected{background:rgba(91,140,255,.15);border-color:var(--accent);color:var(--accent-light)}.post-btn{width:100%;background:var(--accent-gradient);border:none;color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);font-size:14px;margin-top:var(--spacing-md);box-shadow:0 4px 12px #5b8cff4d}.post-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #5b8cff66}.post-btn:active:not(:disabled){transform:scale(.98)}.post-btn:disabled{opacity:.5;cursor:not-allowed}.chat-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);gap:var(--spacing-md);flex-shrink:0}.chat-header-title{font-size:16px;font-weight:600;color:var(--text-primary)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.message{display:flex;gap:var(--spacing-md);align-items:flex-end;margin-bottom:var(--spacing-sm);animation:slideInMessage .3s ease}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.outgoing{flex-direction:row-reverse}.message-bubble{max-width:70%;padding:var(--spacing-lg);border-radius:var(--radius-lg);font-size:15px;line-height:1.5;word-wrap:break-word;word-break:break-word;animation:popIn .2s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.message.incoming .message-bubble{background:rgba(255,255,255,.06);color:var(--text-primary);border:1px solid var(--border-color)}.message.outgoing .message-bubble{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 12px #5b8cff4d}.message-time{font-size:12px;color:var(--text-muted);margin:0 var(--spacing-sm);white-space:nowrap}.chat-input-container{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color);flex-shrink:0;align-items:flex-end}.chat-input-wrapper{flex:1;display:flex;gap:var(--spacing-md);align-items:center;background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition)}.chat-input-wrapper:focus-within{border-color:var(--accent);background:rgba(91,140,255,.03);box-shadow:0 0 12px #5b8cff1a}.chat-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:15px;outline:none;font-family:inherit;resize:none;max-height:100px}.chat-input::placeholder{color:var(--text-muted)}.send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:var(--transition);flex-shrink:0;font-size:16px;box-shadow:0 2px 8px #5b8cff4d}.send-btn:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:0 4px 12px #5b8cff66}.send-btn:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--card-bg) 25%,var(--card-bg-hover) 50%,var(--card-bg) 75%);background-size:200% 100%;animation:loading 2s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-loading{background:var(--card-bg)!important;border-radius:16px!important;overflow:hidden!important;margin-bottom:16px!important}.skeleton-loading .post-header{padding:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.skeleton-loading .post-user{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important}.skeleton-loading .avatar{width:40px!important;height:40px!important;border-radius:50%!important;flex-shrink:0!important}.skeleton-loading .user-info{flex:1!important}.skeleton-loading .line{height:12px!important;border-radius:6px!important;margin-bottom:8px!important}.skeleton-loading .line.short{width:60%}.skeleton-loading .line.tiny{width:40%;height:10px!important}.skeleton-loading .line.full{width:100%}.skeleton-loading .line.long{width:85%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(91,140,255,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(91,140,255,.4)}.sathi-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--primary-bg)}.sathi-header{padding:var(--spacing-2xl);text-align:center;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(91,140,255,.1) 0%,transparent 100%)}.sathi-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.sathi-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.input-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.input-form input{flex:1;background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-lg);font-family:inherit;font-size:15px;transition:var(--transition)}.input-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px #5b8cff33}.input-form input::placeholder{color:var(--text-muted)}.input-form button{background:var(--accent-gradient);border:none;color:#fff;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);font-size:15px;box-shadow:0 4px 12px #5b8cff4d;white-space:nowrap}.input-form button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5b8cff66}.input-form button:active{transform:scale(.97)}.reminders-section{padding:var(--spacing-lg) var(--spacing-2xl);overflow-y:auto;flex:1}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.reminder-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:var(--transition)}.reminder-item:hover{border-color:#ffffff1a;background:var(--card-bg-hover)}.reminder-item button{background:none;border:none;color:var(--like-color);cursor:pointer;font-size:18px;transition:var(--transition);padding:4px}.reminder-item button:hover{transform:scale(1.2)}.profile-container{display:flex;flex-direction:column;width:100%;background:var(--primary-bg)}.profile-header{padding:var(--spacing-2xl);background:linear-gradient(135deg,rgba(91,140,255,.1) 0%,transparent 100%);border-bottom:1px solid var(--border-color);text-align:center}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto var(--spacing-lg);box-shadow:0 8px 24px #5b8cff4d;border:2px solid var(--border-color)}.profile-name{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.profile-info{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.profile-stat-value{font-size:18px;font-weight:700;color:var(--accent)}.profile-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase}.profile-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.profile-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);transition:var(--transition)}.profile-section:hover{border-color:#ffffff1a;background:var(--card-bg-hover)}.profile-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.profile-field{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.profile-field label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-field input,.profile-field select,.profile-field textarea{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-lg);font-family:inherit;font-size:14px;transition:var(--transition)}.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px #5b8cff33}.profile-buttons{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.profile-btn{flex:1;padding:var(--spacing-lg);border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:var(--transition);font-size:14px}.profile-btn.primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #5b8cff4d}.profile-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5b8cff66}.profile-btn.secondary{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary)}.profile-btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.profile-btn.danger{background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.3);color:var(--like-color)}.profile-btn.danger:hover{border-color:var(--like-color);background:rgba(255,71,87,.2)}.modal-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.list-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition)}.list-item:hover{border-color:#ffffff1a;background:var(--card-bg-hover)}.list-item-title{font-weight:600;color:var(--text-primary)}.list-item-subtitle{font-size:12px;color:var(--text-secondary);margin-top:4px}.list-item-actions{display:flex;gap:var(--spacing-md)}.list-btn{padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;transition:var(--transition)}.list-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(91,140,255,.05)}.list-btn.accept{border-color:var(--success);color:var(--success)}.list-btn.accept:hover{background:rgba(46,213,115,.1)}.list-btn.reject{border-color:var(--like-color);color:var(--like-color)}.list-btn.reject:hover{background:rgba(255,71,87,.1)}.page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:rgba(6,8,22,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:40}.page-header-title{font-size:20px;font-weight:700;color:var(--text-primary)}.page-header-actions{display:flex;gap:var(--spacing-md);align-items:center}.header-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition);font-size:18px;display:flex;align-items:center;justify-content:center}.header-btn:hover{color:var(--accent);background:var(--card-bg-hover)}.icon-btn{font-size:24px!important;width:44px!important;height:44px!important}.icon-btn svg{width:24px!important;height:24px!important}.nav-icon{width:24px!important;height:24px!important;font-size:24px!important}.nav-icon svg{width:24px!important;height:24px!important}.sidebar-right-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}@media (min-width: 1200px){.sidebar-left{width:80px!important;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-left:hover{width:240px!important}.bottom-nav.desktop-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);height:100vh;position:relative;overflow:visible}.bottom-nav.desktop-sidebar .nav-logo{flex-shrink:0;margin-bottom:var(--spacing-md)}.bottom-nav.desktop-sidebar .nav-item-spacer,.bottom-nav.desktop-sidebar .nav-fab-container{display:none!important}.bottom-nav.desktop-sidebar .nav-spacer{flex-shrink:0;display:none}.bottom-nav.desktop-sidebar .nav-item{flex-shrink:0}.bottom-nav.desktop-sidebar .nav-spacer-bottom{flex-grow:1;display:block}.nav-logo{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-md);background:var(--card-bg);margin-bottom:var(--spacing-lg);white-space:nowrap;width:100%;justify-content:flex-start}.nav-logo-icon{width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:contain}.nav-logo-text{color:var(--accent);font-weight:700;font-size:16px;display:none;opacity:0;transition:opacity .2s ease}.sidebar-left:hover .nav-logo-text{display:inline;opacity:1}.nav-spacer{height:var(--spacing-md)}.nav-spacer-bottom{display:none}.nav-item-sumit{color:var(--accent)!important;border-top:1px solid rgba(91,140,255,.1)!important;border-bottom:1px solid rgba(91,140,255,.1)!important;margin-top:var(--spacing-md)!important;position:relative!important;z-index:500!important;pointer-events:auto!important}.nav-item-sumit:hover{color:var(--accent)!important;background:rgba(91,140,255,.15)!important;transform:none!important}.nav-item-sumit svg{color:var(--accent)!important}.nav-item-sumit:hover svg{color:var(--accent)!important}.nav-item{display:flex!important;align-items:center!important;gap:var(--spacing-md)!important;padding:var(--spacing-md) var(--spacing-sm)!important;border-radius:var(--radius-md)!important;background:var(--card-bg)!important;border:none!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:100%!important;justify-content:flex-start!important;font-size:14px!important;font-weight:500!important;position:relative!important;white-space:nowrap!important;flex-shrink:0!important}.nav-item:hover{color:var(--accent)!important;background:rgba(91,140,255,.1)!important;transform:translate(4px)!important}.nav-item.active{color:var(--accent)!important;background:rgba(91,140,255,.15)!important}.nav-item span{display:none;opacity:0;transition:opacity .2s ease;font-size:13px}.sidebar-left:hover .nav-item span{display:inline;opacity:1}.nav-icon{width:24px!important;height:24px!important;font-size:24px!important;flex-shrink:0!important}.nav-icon svg{width:24px!important;height:24px!important}.nav-item-notifications{position:relative}.notif-dot{animation:pulse-dot 2s infinite}.nav-item-logout{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;color:#ff6b6b!important;border:none!important;padding:var(--spacing-md) var(--spacing-sm)!important;flex-shrink:0!important}.nav-item-logout:hover{color:#ff5252!important;background:rgba(255,107,107,.1)!important;transform:none!important}.nav-item-logout svg{color:#ff6b6b!important}.nav-item-logout:hover svg{color:#ff5252!important}.nav-item-more{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;color:var(--text-secondary)!important;border:none!important;padding:var(--spacing-md) var(--spacing-sm)!important;flex-shrink:0!important}.nav-item-more:hover{color:var(--text-primary)!important;background:var(--card-bg-hover)!important;transform:none!important}.nav-item-more svg{color:var(--text-secondary)!important}.nav-item-more:hover svg{color:var(--text-primary)!important}.more-menu-dropdown{position:absolute;bottom:100%;left:50%;background:rgba(6,8,22,.95)!important;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-sm);box-shadow:0 -8px 24px var(--card-shadow),0 0 20px #5b8cff4d;display:flex!important;flex-direction:column;animation:slideUp .2s ease-out forwards;z-index:2000!important;min-width:160px;width:max-content;visibility:visible!important;opacity:1!important;pointer-events:auto!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.more-menu-item{display:flex!important;align-items:center!important;gap:var(--spacing-md)!important;padding:var(--spacing-md) var(--spacing-sm)!important;border:none!important;background:transparent!important;color:var(--accent)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:100%!important;justify-content:flex-start!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.more-menu-item:last-child{border-bottom:none!important}.more-menu-item:hover{color:#5b8cff!important;background:rgba(91,140,255,.15)!important}.more-menu-item svg{width:20px!important;height:20px!important;flex-shrink:0!important;color:var(--accent)!important}.sidebar-left:hover .more-menu-item{padding-left:var(--spacing-md)!important}}.fullscreen-btn{transition:.2s ease;color:#fff;opacity:.9}.fullscreen-btn:hover{transform:scale(1.08);opacity:1}:root{--primary-bg: #f6f7ff;--secondary-bg: #eef3ff;--tertiary-bg: rgba(255, 255, 255, .34);--card-bg: rgba(255, 255, 255, .22);--card-bg-hover: rgba(255, 255, 255, .34);--card-bg-active: rgba(255, 255, 255, .48);--card-bg-alt: rgba(255, 255, 255, .2);--border-color: rgba(255, 255, 255, .42);--border-color-light: rgba(255, 255, 255, .28);--text-primary: #111633;--text-secondary: #65708c;--text-muted: #8992ac;--accent: #6d7cff;--accent-hover: #9c7cff;--accent-gradient: linear-gradient(135deg, #6d7cff 0%, #9c7cff 58%, #7dd3fc 100%);--success: #34d399;--danger: #fb7185;--like-color: #fb7185;--glass-bg: rgba(255, 255, 255, .18);--glass-border: 1px solid rgba(255, 255, 255, .34);--glass-shadow: 0 8px 32px rgba(58, 70, 132, .09);--glass-blur: blur(25px) saturate(1.35)}:root.light-mode{--primary-bg: #0b1020;--secondary-bg: #10172a;--tertiary-bg: rgba(255, 255, 255, .08);--card-bg: rgba(255, 255, 255, .08);--card-bg-hover: rgba(255, 255, 255, .12);--card-bg-active: rgba(255, 255, 255, .16);--card-bg-alt: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .14);--border-color-light: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #818898;--glass-bg: rgba(255, 255, 255, .08);--glass-border: 1px solid rgba(255, 255, 255, .15);--glass-shadow: 0 18px 50px rgba(0, 0, 0, .28)}body{background:radial-gradient(circle at 12% 10%,rgba(125,211,252,.28),transparent 32%),radial-gradient(circle at 86% 8%,rgba(156,124,255,.22),transparent 34%),linear-gradient(145deg,#f6f7ff 0%,#eef3ff 48%,#f9f7ff 100%)}:root.light-mode body{background:radial-gradient(circle at 12% 10%,rgba(109,124,255,.2),transparent 34%),radial-gradient(circle at 86% 12%,rgba(125,211,252,.12),transparent 36%),linear-gradient(145deg,#0b1020 0%,#10172a 52%,#171126 100%)}.app{background:transparent!important}.app:before{background:radial-gradient(circle at 20% 4%,rgba(125,211,252,.28),transparent 28%),radial-gradient(circle at 72% 0%,rgba(156,124,255,.22),transparent 30%),linear-gradient(145deg,#f6f7ff 0%,#eef3ff 50%,#f9f7ff 100%)!important}:root.light-mode .app:before{background:radial-gradient(circle at 18% 8%,rgba(109,124,255,.22),transparent 28%),radial-gradient(circle at 82% 6%,rgba(156,124,255,.18),transparent 28%),linear-gradient(145deg,#0b1020 0%,#111a30 56%,#161226 100%)!important}.app:after{background:radial-gradient(circle,rgba(109,124,255,.14),transparent 64%)!important}@media (min-width: 1200px){.app.home-page{grid-template-columns:280px minmax(0,1fr) 360px!important;gap:24px!important;padding:24px!important}.app.home-page .sidebar-left,.app.home-page .content,.app.home-page .sidebar-right{position:relative!important;z-index:1}.app.home-page .sidebar-left{grid-column:1!important;width:100%!important;height:calc(100dvh - 48px)!important;border:var(--glass-border)!important;border-radius:28px!important;background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;box-shadow:var(--glass-shadow)!important;overflow:hidden!important}.app.home-page .content{grid-column:2!important;height:calc(100dvh - 48px)!important;padding:0!important;overflow-y:auto!important;border-radius:28px}.app.home-page .sidebar-right{grid-column:3!important;display:flex!important;inset:auto!important;width:100%!important;height:calc(100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important;margin:0!important;padding:28px 22px!important;border:var(--glass-border)!important;border-radius:28px!important;background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;box-shadow:var(--glass-shadow)!important;overflow:hidden auto!important}.app.home-page .sidebar-right-title{font-size:24px;letter-spacing:-.02em;margin:0 0 24px}.bottom-nav.desktop-sidebar{height:100%!important;padding:24px 18px!important;gap:8px!important;background:transparent!important}.sidebar-left:hover{width:100%!important}.nav-logo{background:transparent!important;padding:8px 14px!important;margin-bottom:20px!important;gap:12px!important}.nav-logo-icon{width:34px!important;height:34px!important;border-radius:12px!important;box-shadow:0 10px 22px #6d7cff42}.nav-logo-text,.sidebar-left:hover .nav-logo-text,.sidebar-left:hover .nav-item span{display:inline!important;opacity:1!important}.bottom-nav.desktop-sidebar .nav-item,.nav-item{min-height:52px!important;border-radius:999px!important;padding:0 18px!important;gap:14px!important;background:transparent!important;color:var(--text-primary)!important;border:1px solid transparent!important;transform:translateZ(0);transition:transform .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease,border-color .28s ease!important}.bottom-nav.desktop-sidebar .nav-item:hover,.nav-item:hover{background:rgba(255,255,255,.24)!important;border-color:#ffffff5c!important;box-shadow:0 10px 28px #6d7cff1f!important;transform:translate(4px) scale(1.01)!important}.bottom-nav.desktop-sidebar .nav-item.active,.nav-item.active{color:#fff!important;background:var(--accent-gradient)!important;box-shadow:0 16px 34px #6d7cff47!important}}@media (min-width: 1200px){.app.home-page{--home-page-gap: 24px;--home-outer-gap: 24px;--home-rail-width: 96px;--home-rail-open-width: 260px;--home-chat-width: 352px;--home-radius: 24px;--home-glass-bg: rgba(255, 255, 255, .28);--home-glass-border: rgba(255, 255, 255, .48);--home-glass-shadow: 0 16px 48px rgba(86, 94, 145, .12), inset 0 1px 1px rgba(255, 255, 255, .68);--home-glass-blur: blur(24px) saturate(1.35)}.app.home-page .sidebar-left{top:var(--home-outer-gap)!important;left:var(--home-outer-gap)!important;bottom:var(--home-outer-gap)!important;width:var(--home-rail-width)!important;min-width:var(--home-rail-width)!important;border-radius:var(--home-radius)!important;border-color:var(--home-glass-border)!important;background:var(--home-glass-bg)!important;backdrop-filter:var(--home-glass-blur)!important;-webkit-backdrop-filter:var(--home-glass-blur)!important;box-shadow:var(--home-glass-shadow)!important}.app.home-page .sidebar-left:hover{width:var(--home-rail-open-width)!important}.bottom-nav.desktop-sidebar{padding:16px 12px!important;gap:8px!important}.bottom-nav.desktop-sidebar .nav-logo,.bottom-nav.desktop-sidebar .nav-item,.nav-profile-card{width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;margin-left:auto!important;margin-right:auto!important;border-radius:20px!important}.bottom-nav.desktop-sidebar .nav-logo{margin-bottom:24px!important}.bottom-nav.desktop-sidebar .nav-icon{width:24px!important;height:24px!important}.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-logo,.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-item,.app.home-page .sidebar-left:hover .nav-profile-card{width:100%!important;min-width:0!important;padding-left:20px!important;padding-right:20px!important}.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-logo,.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-item{gap:16px!important}.app.home-page .sidebar-left:hover .nav-profile-card{grid-template-columns:40px minmax(0,1fr) 16px!important;padding-left:12px!important;padding-right:12px!important}.bottom-nav.desktop-sidebar .nav-spacer-bottom{flex:1 1 24px!important;min-height:24px!important}.app.home-page .content{padding:var(--home-outer-gap) calc(var(--home-chat-width) + var(--home-outer-gap) + var(--home-page-gap)) 48px calc(var(--home-rail-width) + var(--home-outer-gap) + var(--home-page-gap))!important}.app.home-page .home-page{width:100%!important;max-width:960px!important}.posts-header,.post-card,.app.home-page .sidebar-right{border:1px solid var(--home-glass-border)!important;border-radius:var(--home-radius)!important;background:var(--home-glass-bg)!important;backdrop-filter:var(--home-glass-blur)!important;-webkit-backdrop-filter:var(--home-glass-blur)!important;box-shadow:var(--home-glass-shadow)!important}.posts-header{min-height:112px!important;padding:24px!important;margin:0 0 24px!important;display:flex!important;align-items:center!important}.posts-header h1{font-size:36px!important;line-height:1!important;letter-spacing:0!important}.posts-header p{margin-top:8px!important;font-size:15px!important;line-height:1.4!important}.filters-btn{height:48px!important;min-height:48px!important;padding:0 24px!important;border-radius:999px!important}.post-card{min-height:0!important;padding:24px!important;margin:0 0 24px!important}.post-header{align-items:center!important;gap:16px!important;margin-bottom:16px!important}.post-user{gap:16px!important;align-items:center!important}.avatar{width:48px!important;height:48px!important}.user-name{font-size:16px!important;line-height:1.25!important}.timestamp{margin-top:4px!important;font-size:13px!important;line-height:1.25!important}.post-tag{min-height:24px!important;padding:2px 12px!important;font-size:12px!important;line-height:1!important}.post-content{margin:16px 0!important;font-size:16px!important;line-height:1.5!important}.post-actions{min-height:40px!important;padding-top:0!important;border-top:none!important;align-items:center!important}.post-actions-left{gap:16px!important}.action-btn,.save-action-btn{min-width:40px!important;min-height:40px!important;padding:0 12px!important;gap:8px!important}.app.home-page .sidebar-right{top:94px!important;right:var(--home-outer-gap)!important;bottom:var(--home-outer-gap)!important;width:var(--home-chat-width)!important;padding:24px!important}.app.home-page .sidebar-right-title{margin:0 0 24px!important;font-size:24px!important;line-height:1.2!important}.app.home-page .sidebar-right .chat-page>div:first-child{background:transparent!important;border-right:0!important;overflow:visible!important}.app.home-page .sidebar-right .chat-page>div:first-child>div:last-child{display:flex!important;flex-direction:column!important;gap:16px!important;overflow:visible!important}.conversation-item{min-height:64px!important;margin:0!important;padding:8px 0!important;gap:16px!important;border:0!important;border-radius:16px!important;box-shadow:none!important}.conversation-item>div:first-child{width:40px!important;min-width:40px!important;font-size:28px!important;text-align:center!important}.conversation-item>div:nth-child(2){min-width:0!important}.conversation-item>div:nth-child(2)>div:first-child{font-size:14px!important;line-height:1.25!important;margin-bottom:4px!important}.conversation-item>div:nth-child(2)>div:last-child,.conversation-item>div:last-child{font-size:12px!important;line-height:1.25!important}.conversation-item>div:last-child{align-self:flex-start!important;padding-top:4px!important;min-width:64px!important}}.home-page{max-width:960px;margin:0 auto;padding:0 0 48px}.posts-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 20px!important;padding:28px 32px!important;border:var(--glass-border)!important;border-radius:28px!important;background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;box-shadow:var(--glass-shadow)!important}.posts-header h1{margin:0!important;color:var(--text-primary)!important;font-size:clamp(34px,5vw,46px)!important;line-height:1!important;letter-spacing:-.045em!important}.posts-header p{margin:12px 0 0;color:var(--text-secondary);font-size:16px;font-weight:500}.filters-btn,.filter-btn-done,.post-btn,.message-btn{min-height:48px!important;border-radius:999px!important;border:var(--glass-border)!important;background:rgba(255,255,255,.2)!important;color:var(--accent)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;box-shadow:0 10px 26px #6d7cff1f!important;transition:transform .26s ease,box-shadow .26s ease,background .26s ease!important}.filters-btn:hover,.filter-btn-done:hover,.post-btn:hover:not(:disabled),.message-btn:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 16px 36px #6d7cff33!important}.feed{padding:0!important;gap:18px!important}.post-card{position:relative;overflow:hidden;padding:28px!important;margin-bottom:18px!important;border:var(--glass-border)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(255,255,255,.14)),var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;box-shadow:var(--glass-shadow)!important;color:var(--text-primary)!important;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease!important}.post-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 12%,rgba(125,211,252,.18),transparent 32%);pointer-events:none}.post-card:hover{transform:translateY(-4px)!important;border-color:#ffffff8f!important;box-shadow:0 20px 52px #3a468429!important}.post-header,.post-actions{position:relative;z-index:1}.post-user{gap:14px!important}.avatar{width:56px!important;height:56px!important;background:var(--accent-gradient)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 12px 28px #6d7cff42!important;transition:transform .26s ease,box-shadow .26s ease!important}.avatar:after{content:"";position:absolute;right:2px;bottom:2px;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid rgba(255,255,255,.9)}.avatar:hover{transform:scale(1.03);box-shadow:0 16px 36px #6d7cff57!important}.user-name{font-size:17px!important;font-weight:750!important;color:var(--text-primary)!important}.timestamp{color:var(--text-secondary)!important;font-weight:500!important}.post-tag{display:inline-flex!important;align-items:center;min-height:28px;padding:4px 12px!important;border-radius:999px!important;background:rgba(109,124,255,.15)!important;color:var(--accent)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-weight:700!important}.post-content{position:relative;z-index:1;color:var(--text-primary)!important;font-size:17px!important;line-height:1.65!important;margin:22px 0!important}.post-actions{border-top:1px solid rgba(255,255,255,.24)!important;padding-top:16px!important}.action-btn,.menu-btn,.connect-btn,.save-action-btn{border-radius:999px!important;transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease!important}.action-btn:hover,.menu-btn:hover,.save-action-btn:hover{transform:translateY(-1px) scale(1.08)!important;background:rgba(109,124,255,.12)!important;color:var(--accent)!important;box-shadow:0 10px 24px #6d7cff29}.action-btn.liked,.save-action-btn.saved{color:var(--danger)!important}.connect-btn{border:var(--glass-border)!important;background:rgba(255,255,255,.2)!important;color:var(--text-primary)!important;box-shadow:0 10px 24px #6d7cff1a!important}.message-btn{color:#fff!important;background:var(--accent-gradient)!important}.modal-overlay,.filter-modal-overlay{background:rgba(28,35,70,.18)!important;backdrop-filter:blur(18px) saturate(1.2)!important;-webkit-backdrop-filter:blur(18px) saturate(1.2)!important}.modal-content,.filter-modal{border:var(--glass-border)!important;border-radius:28px!important;background:rgba(255,255,255,.26)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;box-shadow:0 26px 70px #28326438!important;animation:glassSheetIn .32s ease both}@keyframes glassSheetIn{0%{opacity:0;transform:translateY(14px) scale(.97);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.textarea,.input,.filter-select,input,textarea{border-radius:20px!important;border:var(--glass-border)!important;background:rgba(255,255,255,.28)!important;color:var(--text-primary)!important;box-shadow:inset 0 1px #ffffff47}.textarea:focus,.input:focus,.filter-select:focus,input:focus,textarea:focus{border-color:#6d7cff85!important;box-shadow:0 0 0 4px #6d7cff24!important}.conversation-item{margin:0 0 12px!important;padding:14px 12px!important;border:1px solid transparent!important;border-radius:22px!important;background:transparent!important;transition:transform .26s ease,background .26s ease,box-shadow .26s ease!important}.conversation-item:hover,.conversation-item.active{transform:translateY(-2px);background:rgba(255,255,255,.22)!important;border-color:#ffffff4d!important;box-shadow:0 12px 28px #6d7cff1f!important}.page-header{border:var(--glass-border)!important;border-radius:0 0 24px 24px;background:rgba(255,255,255,.26)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important}@media (max-width: 1199px){.content{padding-bottom:104px!important}.bottom-nav{left:16px!important;right:16px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;width:auto!important;height:74px!important;padding:8px 10px!important;border:var(--glass-border)!important;border-radius:999px!important;background:rgba(255,255,255,.24)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;box-shadow:0 18px 46px #3a468433!important}.bottom-nav .nav-item{width:52px!important;height:52px!important;border-radius:999px!important;padding:0!important;color:var(--text-secondary)!important}.bottom-nav .nav-item.active{background:rgba(109,124,255,.16)!important;color:var(--accent)!important;box-shadow:0 10px 24px #6d7cff29!important}.nav-fab{width:66px!important;height:66px!important;background:var(--accent-gradient)!important;box-shadow:0 18px 42px #6d7cff61!important}.home-page{padding:14px 14px 40px}.posts-header,.post-card{border-radius:24px!important;padding:22px!important}.posts-header h1{font-size:34px!important}.posts-header p{font-size:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.home-mobile-search{display:none}@media (min-width: 1200px){.app.home-page{display:grid!important;grid-template-columns:280px minmax(560px,1fr) 360px!important;grid-template-rows:1fr!important;gap:24px!important;padding:24px 28px!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}.app.home-page .sidebar-left{grid-column:1!important;grid-row:1!important;display:block!important;width:100%!important;min-width:0!important;height:calc(100dvh - 48px)!important;padding:0!important;overflow:hidden!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.48)!important;background:rgba(255,255,255,.28)!important;backdrop-filter:blur(26px) saturate(1.45)!important;-webkit-backdrop-filter:blur(26px) saturate(1.45)!important;box-shadow:0 18px 60px #565e911f,inset 0 1px 1px #ffffffb8!important}.app.home-page .content{grid-column:2!important;grid-row:1!important;width:100%!important;height:calc(100dvh - 48px)!important;padding:0!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:0!important;background:transparent!important}.app.home-page .sidebar-right{grid-column:3!important;grid-row:1!important;position:relative!important;inset:auto!important;display:flex!important;width:100%!important;height:calc(100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important;padding:30px 24px!important;margin:0!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.48)!important;background:rgba(255,255,255,.28)!important;backdrop-filter:blur(26px) saturate(1.45)!important;-webkit-backdrop-filter:blur(26px) saturate(1.45)!important;box-shadow:0 18px 60px #565e911f,inset 0 1px 1px #ffffffb8!important;overflow:hidden auto!important}.home-page{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}.bottom-nav.desktop-sidebar{display:flex!important;flex-direction:column!important;height:100%!important;padding:28px 20px!important;gap:8px!important;background:transparent!important}.bottom-nav.desktop-sidebar .nav-logo{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:8px 14px 22px!important;margin:0 0 8px!important;background:transparent!important}.bottom-nav.desktop-sidebar .nav-logo-icon{width:36px!important;height:36px!important;border-radius:12px!important;object-fit:contain!important}.bottom-nav.desktop-sidebar .nav-logo-text{display:inline!important;opacity:1!important;color:#6d7cff!important;font-size:18px!important;font-weight:800!important}.bottom-nav.desktop-sidebar .nav-item{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:56px!important;min-height:56px!important;padding:0 18px!important;gap:16px!important;border-radius:20px!important;border:1px solid transparent!important;background:transparent!important;color:#111633!important;box-shadow:none!important}.bottom-nav.desktop-sidebar .nav-item span{display:inline!important;opacity:1!important;color:inherit!important;font-size:15px!important;font-weight:600!important}.bottom-nav.desktop-sidebar .nav-icon{width:25px!important;height:25px!important;color:inherit!important;stroke-width:2.1!important}.bottom-nav.desktop-sidebar .nav-item:hover{transform:none!important;background:rgba(255,255,255,.36)!important;border-color:#ffffff70!important;box-shadow:inset 0 1px 1px #ffffffa3,0 10px 26px #6d7cff1a!important}.bottom-nav.desktop-sidebar .nav-item.active{color:#fff!important;background:linear-gradient(135deg,rgba(109,124,255,.76),rgba(156,124,255,.54))!important;border-color:#ffffff8f!important;box-shadow:inset 0 1px 1px #ffffffb3,0 16px 34px #6d7cff42!important}.nav-profile-card{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;min-height:70px;padding:12px;border:1px solid rgba(255,255,255,.42);border-radius:22px;background:rgba(255,255,255,.24);color:#111633;cursor:pointer;box-shadow:inset 0 1px 1px #ffffffa3,0 14px 30px #565e911a}.nav-profile-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#7dd3fc,#6d7cff 55%,#9c7cff);color:#fff;font-weight:800}.nav-profile-avatar img{width:100%;height:100%;object-fit:cover}.nav-profile-meta{min-width:0;text-align:left}.nav-profile-meta strong,.nav-profile-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-meta strong{color:#111633;font-size:14px;line-height:1.2}.nav-profile-meta small{color:#65708c;font-size:11px;margin-top:2px}.posts-header{min-height:140px!important;margin:0 0 24px!important;padding:32px 36px!important}.post-card{min-height:238px!important;padding:30px 32px!important;margin-bottom:18px!important}}@media (max-width: 1199px){.app.home-page{background:transparent!important}.app.home-page .content{height:100dvh!important;padding:26px 20px 116px!important;overflow-y:auto!important;background:transparent!important}.home-page{width:min(100%,720px)!important;margin:0 auto!important;padding:24px 22px 28px!important;border-radius:34px!important;border:1px solid rgba(255,255,255,.48)!important;background:rgba(255,255,255,.22)!important;backdrop-filter:blur(26px) saturate(1.4)!important;-webkit-backdrop-filter:blur(26px) saturate(1.4)!important;box-shadow:0 20px 70px #565e9129,inset 0 1px 1px #ffffffad!important}.home-mobile-search{display:grid!important;grid-template-columns:minmax(0,1fr) 64px;gap:14px;align-items:center;margin-bottom:40px}.home-mobile-search__bar,.home-mobile-search__bell{display:flex;align-items:center;border:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.28);color:#111633;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:inset 0 1px 1px #ffffffb3,0 12px 28px #565e911a}.home-mobile-search__bar{height:72px;justify-content:flex-start;gap:18px;padding:0 28px;border-radius:999px;font-size:20px;font-weight:600;color:#8d96b5}.home-mobile-search__bar svg{flex:0 0 auto;color:#111633}.home-mobile-search__bell{width:64px;height:64px;justify-content:center;border-radius:50%;position:relative}.home-mobile-search__bell:after{content:"";position:absolute;top:12px;right:13px;width:9px;height:9px;border-radius:50%;background:#9c7cff}.posts-header{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;gap:18px!important;min-height:0!important;padding:0!important;margin:0 0 24px!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.posts-header h1{font-size:48px!important;line-height:1!important;letter-spacing:0!important}.posts-header p{margin-top:12px!important;font-size:20px!important}.filters-btn{min-width:190px!important;height:72px!important;padding:0 28px!important;justify-content:center!important;font-size:20px!important;font-weight:800!important;color:#6d7cff!important}.post-card{min-height:0!important;padding:30px 28px!important;margin-bottom:20px!important;border-radius:28px!important}.post-header{align-items:flex-start!important}.post-content{font-size:22px!important;line-height:1.42!important;margin:26px 0 34px!important}.post-actions{border-top:none!important;padding-top:0!important}.action-btn,.save-action-btn{min-width:58px!important;min-height:58px!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.46)!important;background:rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 1px #ffffffa3,0 12px 24px #565e9114!important}.bottom-nav{left:42px!important;right:42px!important;bottom:max(18px,env(safe-area-inset-bottom))!important;height:86px!important;padding:10px 16px!important;border-radius:30px!important}.bottom-nav .nav-item{width:68px!important;height:66px!important;display:flex!important;flex-direction:column!important;gap:5px!important}.bottom-nav .nav-item span{display:inline!important;font-size:12px!important;font-weight:700!important}.nav-fab{width:76px!important;height:76px!important;border:6px solid rgba(255,255,255,.62)!important}}@media (max-width: 560px){.app.home-page .content{padding:14px 12px 104px!important}.home-page{padding:18px 14px 22px!important;border-radius:28px!important}.home-mobile-search{grid-template-columns:minmax(0,1fr) 56px;gap:10px;margin-bottom:28px}.home-mobile-search__bar{height:60px;padding:0 20px;font-size:16px}.home-mobile-search__bell{width:56px;height:56px}.posts-header h1{font-size:40px!important}.posts-header p{font-size:16px!important}.filters-btn{min-width:132px!important;height:56px!important;padding:0 16px!important;font-size:16px!important}.post-card{padding:24px 22px!important}.post-content{font-size:18px!important}.bottom-nav{left:18px!important;right:18px!important;height:76px!important}.bottom-nav .nav-item{width:54px!important;height:56px!important}.nav-fab{width:68px!important;height:68px!important}}@media (min-width: 1200px){.app.home-page{grid-template-columns:256px minmax(620px,1fr) 340px!important;gap:22px!important;padding:22px 26px!important}.app.home-page .sidebar-left,.app.home-page .content,.app.home-page .sidebar-right{height:calc(100dvh - 44px)!important}.app.home-page .sidebar-left,.app.home-page .sidebar-right{border-radius:26px!important}.bottom-nav.desktop-sidebar{padding:24px 16px 18px!important;gap:5px!important}.bottom-nav.desktop-sidebar .nav-logo{min-height:50px!important;padding:4px 12px 16px!important;margin-bottom:8px!important}.bottom-nav.desktop-sidebar .nav-logo-icon{width:32px!important;height:32px!important}.bottom-nav.desktop-sidebar .nav-logo-text{font-size:17px!important}.bottom-nav.desktop-sidebar .nav-spacer{display:none!important}.bottom-nav.desktop-sidebar .nav-item{height:46px!important;min-height:46px!important;padding:0 14px!important;gap:14px!important;border-radius:18px!important}.bottom-nav.desktop-sidebar .nav-item span{font-size:14px!important}.bottom-nav.desktop-sidebar .nav-icon{width:23px!important;height:23px!important}.bottom-nav.desktop-sidebar .nav-spacer-bottom{display:block!important;flex:1 1 auto!important;min-height:8px!important}.nav-profile-card{min-height:62px!important;padding:9px 10px!important;border-radius:20px!important;grid-template-columns:40px minmax(0,1fr) 14px!important}.nav-profile-avatar{width:40px!important;height:40px!important}.nav-profile-meta strong{font-size:13px!important}.nav-profile-meta small{font-size:10px!important}.posts-header{min-height:116px!important;padding:26px 30px!important;margin-bottom:18px!important;border-radius:26px!important}.posts-header h1{font-size:38px!important}.posts-header p{margin-top:8px!important;font-size:15px!important}.filters-btn{min-height:48px!important;height:48px!important;padding:0 22px!important;font-size:14px!important}.post-card{min-height:205px!important;padding:24px 28px!important;margin-bottom:16px!important;border-radius:26px!important}.avatar{width:50px!important;height:50px!important}.post-content{font-size:16px!important;line-height:1.55!important;margin:18px 0!important}.post-tag{min-height:25px!important;padding:3px 11px!important;font-size:12px!important}.action-btn,.save-action-btn{min-height:38px!important;min-width:38px!important}.app.home-page .sidebar-right{padding:26px 22px!important}.app.home-page .sidebar-right-title{font-size:24px!important;margin-bottom:26px!important}.conversation-item{min-height:64px!important;margin-bottom:14px!important}}@media (min-width: 1200px){.app.home-page{display:block!important;padding:0!important;height:100dvh!important;overflow:hidden!important}.app.home-page .sidebar-left{position:fixed!important;top:24px!important;left:24px!important;bottom:24px!important;z-index:500!important;width:80px!important;height:auto!important;min-width:80px!important;padding:0!important;overflow:visible!important;border-radius:24px!important;transition:width .26s ease,box-shadow .26s ease,background .26s ease!important}.app.home-page .sidebar-left:hover{width:280px!important;box-shadow:0 24px 72px #565e912e,inset 0 1px 1px #ffffffb8!important}.bottom-nav.desktop-sidebar{width:100%!important;height:100%!important;padding:18px 12px!important;gap:6px!important;overflow:hidden!important}.bottom-nav.desktop-sidebar .nav-logo{width:56px!important;height:56px!important;min-height:56px!important;padding:0!important;margin:0 auto 18px!important;justify-content:center!important;border-radius:18px!important;background:rgba(255,255,255,.28)!important}.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-logo{width:100%!important;padding:0 18px!important;justify-content:flex-start!important}.bottom-nav.desktop-sidebar .nav-logo-text,.bottom-nav.desktop-sidebar .nav-item span,.nav-profile-meta,.nav-profile-card>svg{display:none!important;opacity:0!important}.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-logo-text,.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-item span,.app.home-page .sidebar-left:hover .nav-profile-meta,.app.home-page .sidebar-left:hover .nav-profile-card>svg{display:block!important;opacity:1!important}.bottom-nav.desktop-sidebar .nav-item{width:56px!important;height:56px!important;min-height:56px!important;padding:0!important;justify-content:center!important;gap:0!important;border-radius:18px!important;margin:0 auto!important}.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-item{width:100%!important;padding:0 20px!important;justify-content:flex-start!important;gap:16px!important}.bottom-nav.desktop-sidebar .nav-spacer-bottom{flex:1 1 auto!important;min-height:16px!important}.nav-profile-card{width:56px!important;min-height:56px!important;height:56px!important;grid-template-columns:40px!important;justify-content:center!important;padding:8px!important;margin:10px auto 0!important;border-radius:18px!important}.app.home-page .sidebar-left:hover .nav-profile-card{width:100%!important;min-height:64px!important;height:64px!important;grid-template-columns:40px minmax(0,1fr) 14px!important;justify-content:stretch!important;padding:10px 12px!important}.more-menu-dropdown{left:76px!important;bottom:0!important;transform:none!important}.app.home-page .sidebar-left:hover .more-menu-dropdown{left:100%!important}.app.home-page .content{position:relative!important;z-index:1!important;width:100vw!important;height:100dvh!important;padding:24px 448px 48px 178px!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important}.app.home-page .home-page{width:min(100%,940px)!important;max-width:940px!important;margin:0!important;padding:0!important}.app.home-page .sidebar-right{position:fixed!important;top:90px!important;right:56px!important;bottom:36px!important;z-index:250!important;width:360px!important;height:auto!important;max-height:none!important;padding:28px 24px!important;overflow:hidden auto!important;border-radius:28px!important}}@media (min-width: 1200px){.app.home-page{--home-outer-gap: 24px;--home-page-gap: 24px;--home-rail-width: 96px;--home-rail-open-width: 260px;--home-feed-max: 960px;--home-chat-width: 352px;--home-radius: 24px;--home-glass-bg: rgba(255, 255, 255, .28);--home-glass-border: rgba(255, 255, 255, .48);--home-glass-shadow: 0 16px 48px rgba(86, 94, 145, .12), inset 0 1px 1px rgba(255, 255, 255, .68);--home-glass-blur: blur(24px) saturate(1.35)}.app.home-page .sidebar-left{top:var(--home-outer-gap)!important;left:var(--home-outer-gap)!important;bottom:var(--home-outer-gap)!important;width:var(--home-rail-width)!important;min-width:var(--home-rail-width)!important;border-radius:var(--home-radius)!important;border:1px solid var(--home-glass-border)!important;background:var(--home-glass-bg)!important;box-shadow:var(--home-glass-shadow)!important;backdrop-filter:var(--home-glass-blur)!important;-webkit-backdrop-filter:var(--home-glass-blur)!important}.app.home-page .sidebar-left:hover{width:var(--home-rail-open-width)!important}.bottom-nav.desktop-sidebar{padding:16px 12px!important;gap:8px!important}.bottom-nav.desktop-sidebar .nav-logo,.bottom-nav.desktop-sidebar .nav-item,.nav-profile-card{width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;border-radius:20px!important}.bottom-nav.desktop-sidebar .nav-logo{margin-bottom:24px!important}.bottom-nav.desktop-sidebar .nav-icon{width:24px!important;height:24px!important}.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-logo,.app.home-page .sidebar-left:hover .bottom-nav.desktop-sidebar .nav-item{width:100%!important;min-width:0!important;justify-content:flex-start!important;gap:16px!important;padding:0 20px!important}.app.home-page .sidebar-left:hover .nav-profile-card{width:100%!important;min-width:0!important;grid-template-columns:40px minmax(0,1fr) 16px!important;justify-content:stretch!important;gap:12px!important;padding:10px 12px!important}.app.home-page .content{width:100vw!important;height:100dvh!important;margin:0!important;padding:var(--home-outer-gap) calc(var(--home-chat-width) + var(--home-outer-gap) + var(--home-page-gap)) 48px calc(var(--home-rail-width) + var(--home-outer-gap) + var(--home-page-gap))!important;overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important}.app.home-page .home-page{width:100%!important;max-width:var(--home-feed-max)!important;margin:0!important;padding:0!important}.posts-header,.post-card,.app.home-page .sidebar-right{border:1px solid var(--home-glass-border)!important;border-radius:var(--home-radius)!important;background:var(--home-glass-bg)!important;box-shadow:var(--home-glass-shadow)!important;backdrop-filter:var(--home-glass-blur)!important;-webkit-backdrop-filter:var(--home-glass-blur)!important}.posts-header{min-height:112px!important;margin:0 0 24px!important;padding:24px!important;align-items:center!important}.posts-header h1{font-size:36px!important;line-height:1!important;letter-spacing:0!important}.posts-header p{margin-top:8px!important;font-size:15px!important;line-height:1.4!important}.filters-btn{height:48px!important;min-height:48px!important;padding:0 24px!important;border-radius:999px!important}.post-card{min-height:0!important;margin:0 0 24px!important;padding:24px!important}.post-header,.post-user{align-items:center!important;gap:16px!important}.post-header{margin-bottom:16px!important}.avatar{width:48px!important;height:48px!important}.timestamp{margin-top:4px!important;line-height:1.25!important}.post-tag{min-height:24px!important;padding:2px 12px!important;line-height:1!important}.post-content{margin:16px 0!important;line-height:1.5!important}.post-actions{min-height:40px!important;padding-top:0!important;border-top:0!important;align-items:center!important}.post-actions-left{gap:16px!important}.action-btn,.save-action-btn{min-width:40px!important;min-height:40px!important;padding:0 12px!important;gap:8px!important}.app.home-page .sidebar-right{top:94px!important;right:var(--home-outer-gap)!important;bottom:var(--home-outer-gap)!important;width:var(--home-chat-width)!important;height:auto!important;max-height:none!important;padding:24px!important;overflow:hidden auto!important}.app.home-page .sidebar-right-title{margin:0 0 24px!important;font-size:24px!important;line-height:1.2!important}.app.home-page .sidebar-right .chat-page>div:first-child>div:last-child{display:flex!important;flex-direction:column!important;gap:16px!important}.conversation-item{min-height:64px!important;margin:0!important;padding:8px 0!important;gap:16px!important;border:0!important;border-radius:16px!important;box-shadow:none!important}.conversation-item>div:first-child{width:40px!important;min-width:40px!important;text-align:center!important}.conversation-item>div:nth-child(2){min-width:0!important}.conversation-item>div:last-child{align-self:flex-start!important;min-width:64px!important;padding-top:4px!important;text-align:right!important}}@media (max-width: 1199px){.app.home-page{padding-top:0!important;padding-bottom:0!important;min-height:100dvh!important;overflow:hidden!important;background:radial-gradient(circle at 18% 0%,rgba(125,211,252,.32),transparent 34%),radial-gradient(circle at 82% 12%,rgba(156,124,255,.28),transparent 36%),linear-gradient(180deg,#f6f7ff 0%,#eef3ff 48%,#f9f7ff 100%)!important}.app.home-page .content{height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0 0 108px!important;overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important;overscroll-behavior-y:contain!important}.app.home-page .home-page{width:100%!important;max-width:none!important;margin:0!important;padding:18px 16px 24px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app.home-page .mobile-header{display:none!important}.app.home-page .home-mobile-search{margin-bottom:24px!important}.app.home-page .posts-header{margin-bottom:20px!important}.app.home-page .feed{padding-bottom:8px!important}}@media (max-width: 560px){.app.home-page .home-page{padding:14px 12px 20px!important}.app.home-page .content{padding-bottom:100px!important}}@media (max-width: 1199px){:root:not(.light-mode) .app.home-page{background:radial-gradient(circle at 18% 0%,rgba(109,124,255,.18),transparent 34%),radial-gradient(circle at 86% 10%,rgba(125,211,252,.12),transparent 34%),linear-gradient(180deg,#080d1b 0%,#0b1020 52%,#070b16 100%)!important}:root:not(.light-mode) .app.home-page .content{background:transparent!important}:root:not(.light-mode) .app.home-page .home-mobile-search__bar,:root:not(.light-mode) .app.home-page .home-mobile-search__bell,:root:not(.light-mode) .app.home-page .filters-btn{border-color:#ffffff24!important;background:rgba(255,255,255,.08)!important;color:#f8fafc!important;box-shadow:0 10px 26px #00000038,inset 0 1px 1px #ffffff1f!important}:root:not(.light-mode) .app.home-page .home-mobile-search__bar span,:root:not(.light-mode) .app.home-page .home-mobile-search__bar svg,:root:not(.light-mode) .app.home-page .filters-btn svg,:root:not(.light-mode) .app.home-page .filters-btn span{color:#f8fafc!important}:root:not(.light-mode) .app.home-page .posts-header h1{color:#fff!important}:root:not(.light-mode) .app.home-page .posts-header p{color:#e2e8f0b8!important}:root:not(.light-mode) .app.home-page .post-card{border-color:#ffffff1a!important;background:rgba(255,255,255,.92)!important;color:#111827!important;box-shadow:0 14px 34px #0000003d!important}:root:not(.light-mode) .app.home-page .post-card .user-name,:root:not(.light-mode) .app.home-page .post-card .post-content{color:#111827!important}:root:not(.light-mode) .app.home-page .post-card .timestamp{color:#374151!important}.app.home-page,.app.home-page .content,.app.home-page .home-page{border-radius:0!important}.app.home-page .content{padding-bottom:92px!important}.app.home-page .home-page{padding:12px 12px 18px!important}.app.home-page .home-mobile-search{grid-template-columns:minmax(0,1fr) 52px!important;gap:10px!important;margin-bottom:18px!important}.app.home-page .home-mobile-search__bar{height:54px!important;gap:12px!important;padding:0 18px!important;font-size:15px!important}.app.home-page .home-mobile-search__bell{width:52px!important;height:52px!important}.app.home-page .posts-header{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important}.app.home-page .posts-header h1{font-size:36px!important}.app.home-page .posts-header p{margin-top:8px!important;font-size:15px!important;line-height:1.35!important}.app.home-page .filters-btn{min-width:118px!important;height:50px!important;min-height:50px!important;padding:0 16px!important;gap:8px!important;font-size:15px!important}.app.home-page .post-card{min-height:0!important;margin-bottom:14px!important;padding:18px 16px!important;border-radius:22px!important}.app.home-page .post-header{margin-bottom:12px!important;gap:12px!important;align-items:flex-start!important}.app.home-page .post-user{gap:12px!important}.app.home-page .avatar{width:46px!important;height:46px!important}.app.home-page .user-name{font-size:16px!important;line-height:1.2!important}.app.home-page .timestamp{margin-top:3px!important;font-size:13px!important}.app.home-page .post-tag{min-height:24px!important;margin-bottom:12px!important;padding:3px 10px!important;font-size:12px!important}.app.home-page .post-content{margin:14px 0 16px!important;font-size:16px!important;line-height:1.45!important}.app.home-page .post-actions{min-height:36px!important;margin-top:0!important;gap:8px!important}.app.home-page .post-actions-left{gap:8px!important}.app.home-page .action-btn,.app.home-page .save-action-btn{min-width:36px!important;min-height:36px!important;padding:0 8px!important;gap:5px!important;border:0!important;background:transparent!important;box-shadow:none!important}.app.home-page .action-btn svg{width:20px!important;height:20px!important}}@media (max-width: 420px){.app.home-page .home-page{padding:10px 10px 16px!important}.app.home-page .post-card{padding:16px 14px!important}}@media (max-width: 1199px){.app.home-page:before,.app.home-page:after{display:none!important;content:none!important}.app.home-page,.app.home-page .content,.app.home-page .home-page,.app.home-page .feed{border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app.home-page .content{padding:0 0 88px!important}.app.home-page .home-page{padding:10px 8px 14px!important}.app.home-page .home-mobile-search,.app.home-page .posts-header{margin-bottom:14px!important}.app.home-page .post-card{margin-bottom:12px!important;padding:14px!important;border-radius:20px!important;box-shadow:0 8px 22px #0f172a1f!important}.app.home-page .post-header{margin-bottom:8px!important;gap:10px!important}.app.home-page .post-user{gap:10px!important}.app.home-page .avatar{width:42px!important;height:42px!important}.app.home-page .post-tag{margin-bottom:8px!important}.app.home-page .post-content{margin:10px 0 12px!important}.app.home-page .post-actions{min-height:32px!important}.app.home-page .action-btn,.app.home-page .save-action-btn{min-width:32px!important;min-height:32px!important;padding:0 6px!important}.app.home-page .bottom-nav{left:14px!important;right:14px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}}@media (max-width: 420px){.app.home-page .home-page{padding-left:6px!important;padding-right:6px!important}.app.home-page .post-card{padding:13px 12px!important}}@media (max-width: 1199px){.app.home-page .content{padding:0 0 86px!important}.app.home-page .home-page{padding:10px 0 12px!important}.app.home-page .home-mobile-search,.app.home-page .posts-header{padding-left:10px!important;padding-right:10px!important}.app.home-page .posts-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important;gap:10px!important}.app.home-page .posts-header h1{display:none!important}.app.home-page .posts-header p{margin:0!important;max-width:190px!important;color:#111827ad!important;font-size:14px!important;font-weight:700!important;line-height:1.25!important}:root:not(.light-mode) .app.home-page .posts-header p{color:#e2e8f0d1!important}.app.home-page .feed{width:100%!important;padding:0!important;margin:0!important}.app.home-page .feed>div{margin-left:0!important;margin-right:0!important;border-radius:0!important}.app.home-page .post-card{width:100%!important;margin:0 0 10px!important;padding:12px 12px 11px!important;border-radius:0!important;box-shadow:none!important}.app.home-page .post-header,.app.home-page .post-tag{margin-bottom:6px!important}.app.home-page .post-content{margin:8px 0 10px!important}}@media (max-width: 1199px){.app.home-page .home-page{padding-top:8px!important;padding-bottom:10px!important}.app.home-page .home-mobile-search,.app.home-page .posts-header{padding-left:6px!important;padding-right:6px!important}.app.home-page .posts-header{margin-bottom:8px!important}.app.home-page .post-card{margin-bottom:6px!important;padding:10px 10px 9px!important}.app.home-page .post-header{margin-bottom:4px!important;gap:8px!important}.app.home-page .post-user{gap:8px!important}.app.home-page .post-tag{margin-bottom:4px!important}.app.home-page .post-content{margin:6px 0 8px!important}.app.home-page .post-actions{min-height:30px!important}}@media (max-width: 420px){.app.home-page .post-card{padding-left:8px!important;padding-right:8px!important}}@media (max-width: 1199px){.app.home-page .home-page,.app.home-page .feed{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.app.home-page .feed>div,.app.home-page .post-card{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}}@media (max-width: 1199px){.app.home-page{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;left:0!important;right:0!important;box-sizing:border-box!important}.app.home-page .content{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.app.home-page .home-mobile-search,.app.home-page .posts-header,.app.home-page .feed,.app.home-page .feed>div,.app.home-page .post-card{box-sizing:border-box!important}.app.home-page .home-mobile-search,.app.home-page .posts-header{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.app.home-page .post-card{overflow:hidden!important}}@media (max-width: 1199px){body:has(.app.home-page),#root:has(.app.home-page),.app.home-page{margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.app.home-page .content,.app.home-page .home-page,.app.home-page .feed,.app.home-page .feed>div,.app.home-page .post-card{margin-left:0!important;margin-right:0!important;max-width:100%!important}}@media (max-width: 1199px){.app.home-page .feed>div{margin-bottom:1px!important}.app.home-page .post-card{margin-bottom:1px!important}}@media (max-width: 1199px){:root.light-mode .app.home-page{background:radial-gradient(circle at 18% 0%,rgba(125,211,252,.22),transparent 34%),radial-gradient(circle at 86% 10%,rgba(156,124,255,.18),transparent 34%),linear-gradient(180deg,#f6f7ff 0%,#eef3ff 48%,#f9f7ff 100%)!important}:root:not(.light-mode) .app.home-page{background:linear-gradient(180deg,#080d1b 0%,#0b1020 52%,#070b16 100%)!important}:root.light-mode .app.home-page .home-mobile-search__bar,:root.light-mode .app.home-page .home-mobile-search__bell,:root.light-mode .app.home-page .filters-btn{border-color:#6d7cff2e!important;background:rgba(255,255,255,.34)!important;color:#111827!important;box-shadow:inset 0 1px 1px #ffffffb8,0 10px 24px #565e911a!important}:root:not(.light-mode) .app.home-page .home-mobile-search__bar,:root:not(.light-mode) .app.home-page .home-mobile-search__bell,:root:not(.light-mode) .app.home-page .filters-btn{border-color:#ffffff24!important;background:rgba(255,255,255,.08)!important;color:#f8fafc!important;box-shadow:inset 0 1px 1px #ffffff1f,0 10px 24px #00000038!important}:root.light-mode .app.home-page .home-mobile-search__bar span,:root.light-mode .app.home-page .home-mobile-search__bar svg,:root.light-mode .app.home-page .home-mobile-search__bell svg,:root.light-mode .app.home-page .filters-btn,:root.light-mode .app.home-page .filters-btn svg,:root.light-mode .app.home-page .filters-btn span{color:#111827!important;stroke:currentColor!important}:root:not(.light-mode) .app.home-page .home-mobile-search__bar span,:root:not(.light-mode) .app.home-page .home-mobile-search__bar svg,:root:not(.light-mode) .app.home-page .home-mobile-search__bell svg,:root:not(.light-mode) .app.home-page .filters-btn,:root:not(.light-mode) .app.home-page .filters-btn svg,:root:not(.light-mode) .app.home-page .filters-btn span{color:#f8fafc!important;stroke:currentColor!important}:root.light-mode .app.home-page .posts-header p{color:#111827b3!important}:root:not(.light-mode) .app.home-page .posts-header p{color:#e2e8f0d6!important}:root.light-mode .app.home-page .post-card{background:#ffffff!important;color:#111827!important}:root:not(.light-mode) .app.home-page .post-card{background:rgba(255,255,255,.92)!important;color:#111827!important}.app.home-page .post-card .user-name,.app.home-page .post-card .timestamp,.app.home-page .post-card .post-content,.app.home-page .post-card .action-btn,.app.home-page .post-card .save-action-btn{color:#111827!important}.app.home-page .post-card .timestamp{color:#374151!important}.app.home-page .post-card .action-btn svg,.app.home-page .post-card .save-action-btn svg{color:inherit!important;stroke:currentColor!important;opacity:1!important}.app.home-page .post-card .action-btn.liked,.app.home-page .post-card .action-btn.liked svg{color:var(--like-color)!important;fill:var(--like-color)!important}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:12px;border-radius:12px;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:500;box-shadow:0 4px 16px #00000026;pointer-events:auto;cursor:pointer;animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);max-width:350px;min-width:280px}.toast-success{border-left:4px solid #00cc88}.toast-error{border-left:4px solid #ff4444}.toast-info{border-left:4px solid #4488ff}.toast-warning{border-left:4px solid #ffaa44}.toast-icon{flex-shrink:0;font-size:18px}.toast-message{flex:1;word-wrap:break-word;word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;font-size:16px;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.toast-close:hover{opacity:1}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@media (max-width: 600px){.toast-container{top:12px;right:12px;left:12px}.toast{max-width:100%;min-width:100%}}.message-page{display:flex;flex-direction:column;height:100%;max-height:100%;width:100%;background:var(--bg-primary);scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;min-height:0;overflow:hidden;overscroll-behavior:none}@media (max-width: 1023px){.message-page{height:100%;height:var(--app-viewport-height);max-height:100%;max-height:var(--app-viewport-height);display:flex;flex-direction:column;overflow:hidden;margin-bottom:0;position:relative}}.message-page::-webkit-scrollbar{width:6px}.message-page::-webkit-scrollbar-track{background:transparent}.message-page::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.message-page::-webkit-scrollbar-thumb:hover{background:var(--primary-hover, #3fb5ad)}.message-back-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;cursor:pointer;color:var(--text-primary);transition:all .2s ease;border:none;background:transparent;width:fit-content}.message-back-button:hover{color:var(--primary-color)}.message-back-button:hover svg{transform:translate(-2px)}.message-back-button svg{width:24px;height:24px;stroke-width:2;transition:all .2s ease}.messages-container{flex:1;overflow-x:hidden;padding:0;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,var(--bg-primary) 0%,rgba(76,205,196,.03) 100%);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);text-align:center}.messages-list{display:flex;flex-direction:column;flex:1;min-height:100%;gap:12px;padding:16px 16px 20px}.messages-list:before{content:"";margin-top:auto}@media (max-width: 1023px){.messages-list{padding-bottom:0}}.message{display:flex;flex-direction:column;margin-bottom:0;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-items:flex-end}.message.received{align-items:flex-start}.message-bubble{max-width:75%;padding:12px 16px;border-radius:20px;word-wrap:break-word;line-height:1.5;font-size:16px;font-weight:500;display:flex;flex-direction:column;gap:4px}.message-content{word-wrap:break-word;line-height:1.5}.message-time-inside{font-size:13px;opacity:.7;align-self:flex-end;margin-top:2px}.message.sent .message-bubble{background:linear-gradient(135deg,#5b8cff 0%,#4a7fd4 100%);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #5b8cff40}.message.sent .message-time-inside{color:#ffffffb3}.message.received .message-bubble{background:var(--card-bg);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-color);box-shadow:0 2px 8px #00000014}.message.received .message-time-inside{color:var(--text-secondary)}.message-input-form{display:flex;gap:10px;padding:10px 14px 12px;border-top:none;background:transparent;align-items:center;flex-shrink:0;box-shadow:none}@media (max-width: 1023px){.message-page>.page-header,.message-page>div:first-child{flex-shrink:0;margin-bottom:0!important;position:sticky!important;top:0;z-index:3}.message-input-form{flex-shrink:0;padding-bottom:max(10px,env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:3}.messages-container{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}.message-input{flex:1;height:48px;padding:12px 16px;border:1px solid rgba(91,140,255,.22);border-radius:24px;background:var(--primary-bg);color:var(--text-primary);font-size:16px;outline:none;transition:all .2s;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-user-select:text;user-select:text;-webkit-user-modify:read-write-plaintext-only;caret-color:var(--text-primary)}.message-input:focus{border-color:#5b8cff;box-shadow:0 0 0 3px #5b8cff1f}.message-input:empty:before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none}.send-button{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#5b8cff 0%,#4a7fd4 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;box-shadow:0 4px 12px #5b8cff4d}:root.light-mode .message-input{background:#ffffff;border-color:#dfe6f7;color:#2a2a2a}:root.light-mode .message-input-form{background:transparent;border-top:none}.send-button:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 16px #5b8cff66}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:20px;height:20px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.messages-container{scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent}.chat-page{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);min-height:0}.chat-page[style*=grid]{display:grid;grid-template-columns:320px 1fr;gap:0;height:100%;overflow:hidden}.chat-container{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:var(--primary-hover, #3fb5ad)}.chat-page.desktop-layout{display:grid;grid-template-columns:320px 1fr;gap:0;height:100%;max-height:100%;overflow:hidden;width:100%}.conversation-list-column{display:flex;flex-direction:column;border-right:1px solid var(--border-color);height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);flex-shrink:0}.conversation-list-column::-webkit-scrollbar{width:6px}.conversation-list-column::-webkit-scrollbar-track{background:transparent}.conversation-list-column::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.message-column{display:flex;flex-direction:column;height:100%;max-height:100%;background:var(--bg-primary);overflow-y:auto;overflow-x:hidden;flex:1;min-width:0}.message-column::-webkit-scrollbar{width:6px}.message-column::-webkit-scrollbar-track{background:transparent}.message-column::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.conversation-item{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.conversation-item:hover{background:rgba(76,205,196,.05)}.conversation-item.active{background:rgba(76,205,196,.15);border-left:3px solid var(--primary-color);padding-left:13px}.conversation-avatar{font-size:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{font-size:15px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:13px;color:var(--text-secondary);flex-shrink:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.error-state{padding:16px;margin:16px;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:8px;color:#ef4444;text-align:center}.error-state button{padding:8px 16px;background:var(--primary-color, #4ecdc4);color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;margin-top:12px;transition:all .2s}.error-state button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ccdc44d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;color:var(--text-secondary);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:16px;font-weight:500;margin-bottom:8px}.empty-state-hint{font-size:14px;color:var(--text-secondary)}@media (max-width: 1024px){.chat-page.desktop-layout{grid-template-columns:1fr}.conversation-list-column{display:none}.conversation-list-column.mobile-show{display:flex}}.sathi-page{display:flex;flex-direction:column;height:100%;background:var(--primary-bg)}.sathi-main-container{display:grid;grid-template-columns:1fr 320px;gap:20px;flex:1;overflow:hidden;padding:20px;max-width:1400px;margin:0 auto;width:100%}.sathi-chat-section{display:flex;flex-direction:column;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;border:1px solid var(--border-color)}.sathi-header-card{padding:24px;background:linear-gradient(135deg,#5b8cff 0%,#4a7fd4 100%);color:#fff;text-align:center}.sathi-header-title{font-size:24px;font-weight:700;margin-bottom:4px}.sathi-header-subtitle{font-size:14px;opacity:.9}.sathi-messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.sathi-messages-container::-webkit-scrollbar{width:6px}.sathi-messages-container::-webkit-scrollbar-track{background:transparent}.sathi-messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sathi-messages-container::-webkit-scrollbar-thumb:hover{background:#888}.sathi-message-wrapper{display:flex;align-items:flex-end;gap:10px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sathi-message-wrapper.sent{justify-content:flex-end}.sathi-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sathi-message-bubble{max-width:70%;padding:12px 16px;border-radius:16px;line-height:1.4;font-size:14px;word-wrap:break-word}.sathi-message-bubble.ai{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.sathi-message-bubble.user{background:var(--accent);color:#fff;border-radius:16px 0 16px 16px}.sathi-timestamp{font-size:12px;color:var(--text-secondary);padding:0 2px}.sathi-message-wrapper.sent .sathi-timestamp{text-align:right}.typing-indicator{display:flex;gap:4px;align-items:center;height:14px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.sathi-input-area{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--card-bg)}.sathi-input{flex:1;padding:12px 14px;border:1px solid var(--border-color);border-radius:24px;background:var(--secondary-bg);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:all .2s ease}.sathi-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b8cff1a}.sathi-input:disabled{opacity:.6;cursor:not-allowed}.sathi-send-btn{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sathi-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #5b8cff4d}.sathi-send-btn:disabled{opacity:.5;cursor:not-allowed}.sathi-reminders-section{display:flex;flex-direction:column;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);overflow:hidden}.sathi-reminders-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);gap:8px}.reminders-title{font-size:16px;font-weight:600;color:var(--text-primary)}.reminders-subtitle{font-size:12px;color:var(--text-secondary)}.add-reminder-btn{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-reminder-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #5b8cff4d}.reminders-filter-tabs{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);overflow-x:auto}.filter-tab{padding:6px 12px;border:none;border-radius:20px;background:var(--secondary-bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-tab:hover{background:var(--border-color)}.filter-tab.active{background:var(--accent);color:#fff}.reminder-form-card{padding:12px 16px;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.reminder-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:all .2s ease}.reminder-input:focus{border-color:var(--accent)}.reminder-form-actions{display:flex;gap:8px}.btn-primary,.btn-secondary{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 2px 8px #5b8cff33}.btn-secondary{background:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--secondary-bg)}.reminders-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px}.reminders-list::-webkit-scrollbar{width:4px}.reminders-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.reminder-card{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--secondary-bg);border-radius:10px;border-left:3px solid var(--accent);transition:all .2s ease;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.reminder-card:hover{background:var(--card-bg);box-shadow:0 2px 6px #0000001a}.reminder-card.completed{opacity:.6;border-left-color:#10b981}.reminder-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.reminder-emoji{font-size:16px;flex-shrink:0}.reminder-info{min-width:0;flex:1}.reminder-text{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminder-date{font-size:11px;color:var(--text-secondary);margin-top:2px}.reminder-card.completed .reminder-text{text-decoration:line-through;opacity:.7}.reminder-actions{display:flex;gap:6px;flex-shrink:0}.reminder-checkbox,.reminder-delete{width:26px;height:26px;border:none;background:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;color:var(--accent)}.reminder-checkbox:hover{background:var(--accent);color:#fff}.reminder-delete{color:#ef4444}.reminder-delete:hover{background:#ef4444;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}@media (max-width: 1199px){.sathi-main-container{grid-template-columns:1fr;gap:16px;padding:12px}.sathi-reminders-section{max-height:350px}.sathi-message-bubble{max-width:85%}}@media (max-width: 768px){.sathi-page{position:fixed;top:0;left:0;right:0;bottom:80px;z-index:100}.sathi-main-container{grid-template-columns:1fr;gap:0;padding:0;height:100%}.sathi-chat-section{border-radius:0;box-shadow:none;border:none}.sathi-reminders-section{display:none}.sathi-header-card{padding:16px}.sathi-header-title{font-size:20px}.sathi-input-area{padding:12px 14px}.sathi-input{font-size:16px}}.edit-profile-form{display:flex;flex-direction:column;gap:24px;padding:20px;margin-top:20px}.label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-input,.textarea{padding:12px 14px;font-size:15px;border:2px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:all .2s ease}.form-input:focus,.textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4ccdc41a}.textarea{resize:none;min-height:100px;font-size:14px;line-height:1.5}.save-btn{padding:14px 20px;font-size:15px;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary-color) 0%,#3ab7b5 100%);color:#fff;cursor:pointer;transition:all .3s ease;margin-top:16px;box-shadow:0 4px 15px #4ccdc44d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ccdc466}.save-btn:active{transform:translateY(0)}.profile-avatar{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px auto;transition:all .3s ease;cursor:pointer}.profile-avatar:hover{transform:scale(1.05)}.emoji-input-section{margin:20px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--primary-color);border-opacity:.2}.emoji-input-section input{width:100%;padding:12px;margin:8px 0;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:15px;transition:all .2s ease}.emoji-input-section input:focus{outline:none;border-color:var(--primary-color)}.emoji-done-btn{padding:8px 16px;margin-top:12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.emoji-done-btn:hover{opacity:.9;transform:translateY(-1px)}.emoji-tip{color:var(--text-secondary);font-size:12px;margin-top:8px;display:block}.profile-container{max-width:600px;margin:0 auto;padding:0}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:10}.top-nav__title{font-size:18px;font-weight:700;color:var(--text-primary);text-align:center;flex:1}.icon-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.icon-btn:hover{background:var(--bg-secondary)}.icon-btn:active{transform:scale(.95)}.profile-avatar-large{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;cursor:pointer}.profile-avatar-large:hover{transform:scale(1.05)}.profile-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.profile-header-left{margin-bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-header-right{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;margin:0 auto}.profile-name-large{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:8px;margin-top:20px;text-align:center;width:100%}.profile-username{font-size:13px;color:var(--text-secondary);margin-bottom:20px;text-align:center}.profile-stats-inline{display:flex;justify-content:center;align-items:center;gap:60px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);width:100%}.stat-inline{text-align:center;display:flex;flex-direction:column;align-items:center}.stat-inline-value{display:block;font-size:28px;font-weight:700;color:var(--primary-color);line-height:1}.stat-inline-label{font-size:13px;color:var(--text-secondary);margin-top:8px;text-transform:uppercase;letter-spacing:1px;font-weight:600;white-space:nowrap}.profile-bio-large{font-size:15px;color:var(--text-secondary);margin-top:24px;margin-bottom:24px;line-height:1.6;min-height:20px;text-align:center;width:100%}.profile-actions-large{display:flex;gap:12px;margin-top:24px;justify-content:center;width:100%;flex-wrap:wrap}.profile-btn-large{padding:12px 24px;border:2px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:var(--text-primary);flex:1;max-width:180px}.profile-btn-large.edit-btn{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,#3ab7b5 100%);color:#fff;box-shadow:0 4px 15px #4ccdc44d}.profile-btn-large.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ccdc466}.profile-btn-large.share-btn:hover{border-color:var(--primary-color);background:var(--bg-secondary);transform:translateY(-2px)}.profile-btn-large:active{transform:translateY(0)}.profile-settings-section{padding:24px 20px;margin-top:20px}.settings-title{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.settings-btn{padding:14px 16px;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;gap:12px}.settings-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translate(4px)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{animation:slideUp .3s ease-out}.form-group:nth-child(1){animation-delay:.05s}.form-group:nth-child(2){animation-delay:.1s}.form-group:nth-child(3){animation-delay:.15s}.form-group:nth-child(4){animation-delay:.2s}.save-btn{animation:slideUp .3s ease-out .25s both}@media (max-width: 600px){.edit-profile-form{padding:16px;gap:20px}.profile-header{padding:24px 16px}.profile-stats-inline{gap:24px}.top-nav{padding:10px 12px}.top-nav__title{font-size:16px}}.profile-view-container{width:100%!important;max-width:900px!important;margin:0 auto!important;padding:0 20px!important;background:transparent!important}.profile-view-container .profile-header{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:100%!important;padding:32px 20px 26px!important;margin:0 auto!important;text-align:center!important;border-bottom:none!important;background:transparent!important}.profile-view-container .profile-header-left{display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important}.profile-view-container .profile-avatar-large{width:132px!important;height:132px!important;padding:6px!important;margin:0!important;background:var(--accent-gradient)!important;border:1px solid rgba(91,140,255,.22)!important;box-shadow:0 14px 36px #5b8cff38!important}.profile-view-container .profile-header-right{width:min(100%,520px)!important;max-width:520px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;margin:0 auto!important;text-align:center!important}.profile-view-container .profile-name-large{width:100%!important;margin:4px 0 6px!important;font-size:clamp(28px,4vw,40px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:0!important;color:var(--text-primary)!important;text-align:center!important}.profile-view-container .profile-username{margin:0 0 18px!important;font-size:15px!important;line-height:1.4!important;font-weight:650!important;color:var(--text-secondary)!important;text-align:center!important}.profile-view-container .profile-stats-inline{width:min(100%,360px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;justify-content:center!important;gap:0!important;margin:0 auto 18px!important;padding:16px 0 0!important;border-top:1px solid var(--border-color)!important}.profile-view-container .stat-inline{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important}.profile-view-container .stat-inline-value{font-size:24px!important;line-height:1!important;font-weight:800!important;color:var(--accent)!important}.profile-view-container .stat-inline-label{margin:0!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:1.2px!important;text-transform:uppercase!important;color:var(--text-secondary)!important}.profile-view-container .profile-bio-large{width:min(100%,460px)!important;min-height:0!important;margin:0 auto 20px!important;font-size:15px!important;line-height:1.5!important;color:var(--text-muted)!important;text-align:center!important}.profile-view-container .profile-actions-large{width:min(100%,420px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 auto!important}.profile-view-container .profile-btn-large{width:100%!important;max-width:none!important;min-width:0!important;padding:12px 16px!important;border-radius:8px!important;font-size:14px!important;line-height:1.2!important;font-weight:750!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease!important}.profile-view-container .profile-posts-section{width:100%!important;margin:0 auto!important;padding:0 0 24px!important;border-top:none!important}.profile-empty-state{width:100%;padding:48px 16px;text-align:center;color:var(--text-muted);font-size:14px;font-weight:600}.profile-tabs{width:100%;display:flex;justify-content:center;align-items:stretch;border-top:1px solid var(--border-color);margin:0 0 28px}.profile-tab{position:relative;min-width:132px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:0;background:transparent;color:var(--text-muted);font-size:13px;font-weight:750;letter-spacing:0;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease}.profile-tab:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:currentColor;transform:scaleX(0);opacity:0;transition:transform .2s ease,opacity .2s ease}.profile-tab svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}.profile-tab:hover{color:var(--text-primary);background:rgba(91,140,255,.06)}.profile-tab:hover svg{transform:translateY(-1px)}.profile-tab.active{color:var(--accent)}.profile-tab.active:after{transform:scaleX(1);opacity:1}:root.light-mode .profile-tabs{border-top-color:#00000014}:root.light-mode .profile-tab:hover{background:rgba(91,140,255,.08)}@media (max-width: 600px){.profile-view-container{padding:0 14px!important}.profile-view-container .profile-header{padding:24px 8px 22px!important;gap:12px!important}.profile-view-container .profile-avatar-large{width:112px!important;height:112px!important}.profile-view-container .profile-name-large{font-size:30px!important}.profile-view-container .profile-stats-inline{width:100%!important;max-width:320px!important}.profile-view-container .profile-actions-large{width:100%!important;grid-template-columns:1fr 1fr!important}.profile-view-container .profile-btn-large{padding:11px 10px!important;font-size:13px!important}.profile-tabs{margin-bottom:20px}.profile-tab{flex:1;min-width:0;min-height:50px;padding:0 10px}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.auth-box{background:white;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:32px;margin:0 0 10px;color:#333}.auth-header p{font-size:14px;color:#666;margin:0}.error-banner{display:flex;align-items:center;gap:10px;background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.error-banner svg{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.input-wrapper{display:flex;align-items:center;gap:12px;border:2px solid #e0e0e0;border-radius:8px;padding:0 12px;transition:all .3s ease}.input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper svg{color:#667eea;flex-shrink:0}.input-wrapper input{flex:1;border:none;outline:none;padding:12px 0;font-size:14px;background:transparent}.input-wrapper input::placeholder{color:#999}.submit-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:#666}.auth-footer p{margin:0}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:none;padding:0;font-size:14px}.link-btn:hover{text-decoration:underline}@media (max-width: 480px){.auth-box{padding:30px 20px}.auth-header h1{font-size:28px}}