.qs-spinner-loader{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--secondary-color);z-index:9999}.qs-animated-logo{width:120px;height:auto;will-change:transform}.qs-animated-path{fill:none;stroke:#8a2be2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;filter:drop-shadow(0 0 2px rgba(138,43,226,.5));will-change:stroke-dasharray,stroke-dashoffset;animation:none}.qs-animated-logo.qs-ready .qs-animated-path{animation:qs-dash 3s ease-in-out infinite,qs-spin 3s linear infinite}.qs-animated-logo.qs-ready .qs-animated-path:nth-child(1){animation-delay:0s}.qs-animated-logo.qs-ready .qs-animated-path:nth-child(2){animation-delay:.15s}.qs-animated-logo.qs-ready .qs-animated-path:nth-child(3){animation-delay:.3s}@keyframes qs-dash{0%{stroke-dasharray:0 1000;stroke-dashoffset:0}50%{stroke-dasharray:1000 0;stroke-dashoffset:-500}to{stroke-dasharray:0 1000;stroke-dashoffset:-1000}}@keyframes qs-spin{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}.qs-animated-path.qs-primary{stroke:#4285f4;filter:drop-shadow(0 0 5px rgba(66,133,244,.5))}.qs-animated-path.qs-success{stroke:#34a853;filter:drop-shadow(0 0 5px rgba(52,168,83,.5))}.qs-animated-path.qs-warning{stroke:#fbbc04;filter:drop-shadow(0 0 5px rgba(251,188,4,.5))}.qs-animated-path.qs-danger{stroke:#ea4335;filter:drop-shadow(0 0 5px rgba(234,67,53,.5))}.qs-animated-logo.qs-small{width:60px}.qs-animated-logo.qs-medium{width:120px}.qs-animated-logo.qs-large{width:200px}.qs-animated-logo.qs-ready .qs-animated-path.qs-fast{animation:qs-dash 1.5s ease-in-out infinite,qs-spin 1.5s linear infinite}.qs-animated-logo.qs-ready .qs-animated-path.qs-slow{animation:qs-dash 4s ease-in-out infinite,qs-spin 4s linear infinite}.qs-spinner-loader:hover .qs-animated-path{animation-play-state:paused}.qs-animated-logo.qs-ready .qs-animated-path.qs-once{animation:qs-dash 2.5s ease-in-out forwards,qs-spin 2.5s linear forwards}.user-image-div{position:relative}.pr.rotate{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 15px);right:0;background-color:var(--third-color);border:1px solid var(--input-border-color);border-radius:12px;min-width:280px;box-shadow:0 8px 24px #0000001f;z-index:1000;animation:dropdownFadeIn .2s ease-out;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:5px;padding:16px;background-color:var(--input-header-color)}.dropdown-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--input-border-color)}.dropdown-user-info{flex:1;overflow:hidden}.dropdown-user-info h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-info p{margin:4px 0 0;font-size:.8rem;color:var(--secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background-color:var(--input-border-color);margin:0}.dropdown-menu{list-style:none;margin:0;padding:8px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-color)}.dropdown-item:hover{background-color:var(--input-header-color);color:var(--primary-color)}.dropdown-item svg{flex-shrink:0;transition:transform .2s ease}.dropdown-item:hover svg{transform:translate(2px)}.dropdown-item span{font-size:.9rem;font-weight:500}.dropdown-item.logout{color:var(--danger-color)}.dropdown-item.logout:hover{background-color:var(--input-header-color);color:var(--danger-color)}.skeleton-card{width:100%;min-height:400px;background-color:var(--third-color);border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden;border:1px solid var(--input-border-color)}.skeleton-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--input-header-color),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skeleton-content{padding:16px}.skeleton-header{display:flex;align-items:center;margin-bottom:12px}.skeleton-avatar{width:40px;height:40px;background-color:var(--input-header-color);border-radius:50%;margin-right:12px;flex-shrink:0}.skeleton-header-text{flex:1}.skeleton-name{width:120px;height:14px;background-color:var(--input-header-color);border-radius:4px;margin-bottom:6px}.skeleton-username{width:80px;height:10px;background-color:var(--input-header-color);border-radius:4px}.skeleton-text-line{height:12px;background-color:var(--input-header-color);border-radius:4px;margin-bottom:8px}.skeleton-text-line-1{width:90%}.skeleton-text-line-2{width:70%;margin-bottom:16px}.skeleton-image{width:100%;height:250px;background-color:var(--input-header-color);border-radius:8px;margin-bottom:16px}.skeleton-actions{display:flex;gap:20px}.skeleton-action{width:60px;height:12px;background-color:var(--input-header-color);border-radius:4px}@font-face{font-family:PurpleMagicDEMO-SVG;src:url(/assets/Purple%20Magic%20DEMO-BcxpzTZg.ttf) format("opentype");font-weight:400;font-style:normal}:root{--primary-light-color:#8A2BE2;--secondary-light-color:#EFEFEF;--third-light-color:#ffffff;--text-light-color:#0b0b0b;--secondary-text-light-color:#717171;--input-border-light-color:#d1d5db;--danger-color:#dc3545;--input-header-light-color:#f9fafb;--read-light-notification-bg: #f5f5f5;--active-conversation-light-bg: #e0e0e0;--primary-dark-color:#8A2BE2;--secondary-dark-color:#090909;--third-dark-color:#1d1d1d;--text-dark-color:#FFFFFF;--secondary-text-dark-color:#c6c6c6;--input-border-dark-color:#373737;--input-header-dark-color:#292929;--read-dark-notification-bg:#151515;--active-conversation-dark-bg: #252525;--primary-color: var(--primary-light-color);--secondary-color: var(--secondary-light-color);--third-color: var(--third-light-color);--text-color: var(--text-light-color);--secondary-text-color: var(--secondary-text-light-color);--input-border-color:var(--input-border-light-color);--input-header-color:var(--input-header-light-color);--read-notification-bg:var(--read-light-notification-bg);--active-conversation-bg: var(--active-conversation-light-bg);--height-header-desktop:80px;--width-header-desktop:100%;--height-sidebar-desktop:100%;--width-mainsidebar-desktop:15%;--width-settingssidebar-desktop:23.5%;--height-settingssidebar-desktop:480px;--width-maincontent: calc(100% - var(--width-mainsidebar-desktop) - 30px );--max-width-maincontent:2650px;--margin-left-maincontent:calc( var(--width-mainsidebar-desktop) + 105px);--font-primary: "Inter", sans-serif;--font-logo: "PurpleMagicDEMO-SVG" ;--border-radius-primary:10px;--border-radius-secondary:30px;--border-shadow-primary:0px 1px 2px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .24);--border-shadow-secondary: 2px 2px 20px 0 rgba(0, 0, 0, .25)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--primary-color: var(--primary-dark-color);--secondary-color: var(--secondary-dark-color);--third-color: var(--third-dark-color);--text-color: var(--text-dark-color);--secondary-text-color: var(--secondary-text-dark-color);--input-border-color:var(--input-border-dark-color);--input-header-color:var(--input-header-dark-color);--read-notification-bg:var(--read-dark-notification-bg);--active-conversation-bg: var(--active-conversation-dark-bg)}}[data-theme=dark]{--primary-color: var(--primary-dark-color);--secondary-color: var(--secondary-dark-color);--third-color: var(--third-dark-color);--text-color: var(--text-dark-color);--secondary-text-color: var(--secondary-text-dark-color);--input-border-color:var(--input-border-dark-color);--input-header-color:var(--input-header-dark-color);--read-notification-bg:var(--read-dark-notification-bg);--active-conversation-bg: var(--active-conversation-dark-bg)}[data-theme=light]{--primary-color: var(--primary-light-color);--secondary-color: var(--secondary-light-color);--third-color: var(--third-light-color);--text-color: var(--text-light-color);--secondary-text-color: var(--secondary-text-light-color);--input-border-color:var(--input-border-light-color);--input-header-color:var(--input-header-light-color);--read-notification-bg:var(--read-light-notification-bg);--active-conversation-bg: var(--active-conversation-light-bg)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary);outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{scroll-behavior:smooth}body{background-color:var(--secondary-color);color:var(--text-color);width:100%;height:100vh;overscroll-behavior:none;transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100%}li{list-style:none}a{color:unset;text-decoration:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--secondary-color) inset!important;box-shadow:0 0 0 1000px var(--secondary-color) inset!important;-webkit-text-fill-color:var(--text-color)!important}textarea{resize:none}.margin-container{width:calc(var(--width-mainsidebar-desktop) - 40px);color:transparent;margin-left:100px}.notification-toast{background:var(--third-color);padding:16px;border-radius:var(--border-radius-primary);box-shadow:var(--border-shadow-secondary);display:flex;align-items:center;gap:14px;min-width:340px;max-width:420px;cursor:pointer;transition:all .3s ease;border:1px solid var(--input-border-color);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8a2be226;border-color:var(--primary-color)}.notification-toast-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--primary-color);box-shadow:0 2px 8px #8a2be233;transition:transform .2s ease}.notification-toast:hover .notification-toast-avatar{transform:scale(1.05)}.notification-toast-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-toast-username{font-weight:600;font-size:15px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.notification-toast-message{font-size:13px;color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.notification-toast-close{background:none;border:none;font-size:28px;color:var(--secondary-text-color);cursor:pointer;padding:4px 6px;line-height:1;flex-shrink:0;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center}.notification-toast-close:hover{color:var(--text-color);background:var(--secondary-color);transform:rotate(90deg)}.notification-toast-close:active{transform:rotate(90deg) scale(.9)}.notification-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color);border-radius:var(--border-radius-primary) 0 0 var(--border-radius-primary)}@keyframes pulse{0%,to{box-shadow:0 0 #8a2be266}50%{box-shadow:0 0 0 8px #8a2be200}}.notification-toast-avatar{animation:pulse 2s ease-in-out 1}@media (max-width: 768px){.notification-toast{min-width:300px;max-width:calc(100vw - 32px);padding:14px;gap:12px}.notification-toast-avatar{width:44px;height:44px}.notification-toast-username{font-size:14px}.notification-toast-message{font-size:12px}}.notification-toast *{transition:all .2s ease}.notification-toast:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.notification-toast-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:6px}.home-page-main-layout{display:flex;min-height:100vh;padding-top:var(--height-header-desktop);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.home-page-content-wrapper{display:flex;width:100%;max-width:100%;margin:0 auto;gap:24px;padding:0 20px 0 0;box-sizing:border-box;overflow-x:hidden;justify-content:center}.home-page-main-feed{flex:1;min-width:0;max-width:900px;overflow:hidden;box-sizing:border-box}.home-page-right-sidebar{width:340px;min-width:340px;max-width:340px;flex-shrink:0;position:sticky;top:calc(var(--height-header-desktop) + 40px);height:fit-content;max-height:calc(100vh - var(--height-header-desktop) - 40px);display:flex;flex-direction:column;gap:20px;box-sizing:border-box;align-self:flex-start;margin-top:30px}.home-page-heading{width:100%;padding:25px;max-width:2210px;background:transparent;border:none;border-radius:var(--border-radius-primary);box-sizing:border-box}.home-page-heading h1{font-size:32px;font-weight:700;color:var(--text-color);margin:0}.home-page-feed{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.home-page-suggestions-section{margin-bottom:40px;padding:0;max-width:100%;overflow:hidden}.home-page-suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.home-page-section-title{font-size:20px;font-weight:600;color:var(--text-color)}.home-page-slider-controls{display:flex;gap:8px}.home-page-slider-btn{background:var(--third-color);border:1px solid var(--input-border-color);color:var(--text-color);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:36px;height:36px}.home-page-slider-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.home-page-suggestions-slider{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--input-border-color) transparent;max-width:100%}.home-page-suggestions-slider::-webkit-scrollbar{height:6px}.home-page-suggestions-slider::-webkit-scrollbar-track{background:transparent}.home-page-suggestions-slider::-webkit-scrollbar-thumb{background:var(--input-border-color);border-radius:3px}.home-page-suggestions-slider::-webkit-scrollbar-thumb:hover{background:var(--secondary-text-color)}.home-page-suggestion-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px;width:220px;min-height:240px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:all .2s ease;flex-shrink:0;box-sizing:border-box}.home-page-suggestion-card:hover{box-shadow:var(--border-shadow-primary);transform:translateY(-2px)}.home-page-suggestion-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:4px;flex-shrink:0}.home-page-suggestion-name{font-size:15px;font-weight:600;color:var(--text-color);line-height:1.2;min-height:18px}.home-page-suggestion-username{font-size:13px;color:var(--secondary-text-color);min-height:16px}.home-page-suggestion-country{font-size:12px;color:var(--secondary-text-color);margin-top:4px;min-height:16px}.home-page-suggestion-followers{font-size:12px;color:var(--secondary-text-color);margin-bottom:8px;min-height:16px}.home-page-follow-btn{background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-primary);padding:8px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;position:relative;margin-top:auto}.home-page-follow-btn:hover{background:#7a1fd2;transform:scale(1.02)}.home-page-follow-btn:active{transform:scale(.98)}.home-page-follow-btn.nfollow{background:var(--secondary-color);color:var(--text-primary-color);border:1px solid var(--input-border-color)}.home-page-follow-btn.nfollow:hover{background:#dc35451a;color:var(--danger-color);border-color:var(--danger-color)}.home-page-follow-btn.requested{background:#fff3cd;color:#856404;border:1px solid #ffc107}.home-page-follow-btn.requested:hover{background:#ffebee;color:var(--danger-color);border-color:var(--danger-color)}.home-page-sidebar-widget{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.home-page-widget-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--input-border-color);flex-shrink:0}.home-page-widget-header svg{color:var(--primary-color)}.home-page-widget-header h3{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.home-page-follow-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;padding-right:8px;max-height:calc(100vh - var(--height-header-desktop) - 200px)}.home-page-follow-list::-webkit-scrollbar{width:6px}.home-page-follow-list::-webkit-scrollbar-track{background:transparent}.home-page-follow-list::-webkit-scrollbar-thumb{background:var(--input-border-color);border-radius:3px}.home-page-follow-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-text-color)}.home-page-follow-item{display:flex;align-items:flex-start;gap:12px;flex-shrink:0}.home-page-follow-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.home-page-follow-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.home-page-follow-name{font-size:14px;font-weight:600;color:var(--text-color);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page-follow-username{font-size:12px;color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page-follow-bio{font-size:12px;color:var(--secondary-text-color);margin-top:4px}.home-page-follow-btn-small{background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-primary);padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0;height:fit-content}.home-page-follow-btn-small:hover{background:#7a1fd2}.home-page-follow-btn-small.nfollow{background:var(--secondary-color);color:var(--text-primary-color);border:1px solid var(--input-border-color)}.home-page-follow-btn-small.nfollow:hover{background:#dc35451a;color:var(--danger-color);border-color:var(--danger-color)}.home-page-follow-btn-small.requested{background:#fff3cd;color:#856404;border:1px solid #ffc107}.home-page-follow-btn-small.requested:hover{background:#ffebee;color:var(--danger-color);border-color:var(--danger-color)}.home-page-tabs{display:flex;gap:8px;margin-top:16px}.home-page-tab{background:transparent;border:1px solid var(--input-border-color);color:var(--text-color);padding:8px 20px;border-radius:var(--border-radius-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.home-page-tab:hover{background:var(--secondary-color)}.home-page-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.home-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{width:50px;height:50px;border:4px solid var(--input-border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:30px;height:30px;border:3px solid var(--input-border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.home-page-loading p{color:var(--secondary-text-color);font-size:14px;font-weight:500}.home-page-suggestions-loading,.home-page-sidebar-loading{display:flex;justify-content:center;align-items:center;padding:2rem}.home-page-no-suggestions,.home-page-no-suggestions-sidebar{padding:2rem;text-align:center;color:var(--secondary-text-color)}.home-page-error{background:var(--third-color);border:1px solid var(--danger-color);border-radius:var(--border-radius-primary);padding:20px;text-align:center;margin-bottom:20px}.home-page-error p{color:var(--danger-color);margin-bottom:12px;font-size:15px}.home-page-error button{background:var(--danger-color);color:#fff;border:none;padding:8px 24px;border-radius:var(--border-radius-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.home-page-error button:hover{background:#c82333}.home-page-empty{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:60px 20px;text-align:center}.home-page-empty p{color:var(--secondary-text-color);font-size:16px}.home-page-load-more{text-align:center;padding:20px}.home-page-load-more button{background:var(--primary-color);color:#fff;border:none;padding:12px 32px;border-radius:var(--border-radius-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.home-page-load-more button:hover{background:#7a1fd2}@media (min-width: 2500px){.home-page-content-wrapper{max-width:2000px}.home-page-main-feed{max-width:1100px}}@media (min-width: 1600px) and (max-width: 2499px){.home-page-main-feed{max-width:950px}}@media (min-width: 1400px) and (max-width: 1599px){.home-page-main-feed{max-width:750px}}@media (min-width: 1200px) and (max-width: 1399px){.home-page-main-feed{max-width:650px}}@media (min-width: 1025px) and (max-width: 1199px){.home-page-main-feed{max-width:550px}.home-page-right-sidebar{width:300px;min-width:300px;max-width:300px}.home-page-content-wrapper{gap:20px}}@media (max-width: 1200px){.home-page-right-sidebar{width:300px;min-width:300px;max-width:300px}.home-page-content-wrapper{gap:20px}}@media (max-width: 1024px){.home-page-right-sidebar{display:none}.home-page-main-feed{max-width:100%}}@media (max-width: 768px){.home-page-content-wrapper{padding:0;gap:0}.home-page-main-feed{padding-top:0}.home-page-heading{padding:30px 15px;border-radius:0;border:none;margin-top:0}.home-page-heading h1{font-size:28px}.home-page-feed{gap:0;margin-bottom:32px}.home-page-suggestions-section{padding:20px 12px;margin-bottom:32px}.home-page-section-title{font-size:20px}.home-page-suggestion-card{width:200px;padding:16px}.home-page-suggestion-avatar{width:56px;height:56px}.home-page-suggestion-name{font-size:15px}.home-page-suggestion-username{font-size:14px}.home-page-slider-controls{display:none}.home-page-load-more,.home-page-loading{margin-bottom:80px}}@media (max-width: 480px){.home-page-heading h1{font-size:26px}.home-page-suggestion-card{width:180px;padding:12px}.home-page-section-title{font-size:18px}}.search-history-dropdown{position:absolute;top:calc(100% + 5px);left:0;width:100%;background-color:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);box-shadow:0 4px 8px #0000001a;z-index:1002}.search-history-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--input-border-color)}.search-history-header h4{margin:0;font-size:14px;font-weight:600}.clear-all-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:500}.search-history-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.search-history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .2s ease;color:var(--text-color)}.search-history-item:hover{background-color:var(--secondary-color)}.delete-history-item-btn{background:none;border:none;color:var(--secondary-text-color);cursor:pointer}header{background-color:var(--third-color);width:var(--width-header-desktop);max-width:2500px;height:var(--height-header-desktop);padding:7px 30px;position:fixed;display:flex;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;z-index:1002;left:50%;transform:translate(-50%);border-bottom:.8px solid var(--input-border-color)}header h1{font-family:var(--font-logo);color:var(--primary-color);letter-spacing:2px;font-size:3.5rem;padding-top:25px;padding-left:0;margin:0 10px;padding-bottom:10px}header .inputContainer{position:relative;width:63%;max-width:800px;height:70%;margin-left:60px}header .inputContainer .i{position:absolute;top:50%;right:15px;transform:translateY(-50%);color:var(--secondary-text-color);pointer-events:none}header .i2{display:none}header .input-header{background-color:var(--input-header-color);border:none;border-radius:var(--border-radius-primary);width:100%;height:100%;padding:0 10px;font-size:.9rem;border:var(--input-border-color) 1px solid;color:var(--text-color);transition:all .2s ease-in-out}header .input-header:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.modal-content-number-body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.modal-content-number-body p{color:var(--secondary-text-color);text-align:center}header nav{display:flex;align-items:center;gap:30px;margin-right:20px}header .user-image-div{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;cursor:pointer;transition:background-color .2s ease}header .user-image-div:hover{background-color:#0000000d}header .nav-child{color:#656565;position:relative;cursor:pointer;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}header .nav-child-list{display:none}header .b{display:none}header .nav-child:before{content:"";display:block;position:absolute;bottom:2px;left:50%;transform:translate(-50%) scaleX(0);width:70%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:2px}header .nav-child:hover:before{transform:translate(-50%) scaleX(1)}header .nav-child:hover{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.08);transform:translateY(-2px)}header nav .nav-child.settings-active{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.15)}header .nav-child:active{transform:translateY(0)}header .user-image-div .img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--input-border-color);transition:all .25s ease}header .user-image-div:hover .img{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}header .user-image-div .pr{color:#656565;transition:transform .3s ease}header .user-image-div:hover .pr{transform:rotate(180deg);color:var(--primary-color)}header .nav-child svg{transition:all .2s ease}header .nav-child:hover{box-shadow:0 2px 8px #00000014}header .nav-child:active:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(var(--primary-color-rgb),.2);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:ripple .6s ease-out}@keyframes ripple{to{transform:translate(-50%,-50%) scale(2);opacity:0}}footer{max-width:1900px;margin-top:30px;margin-left:auto;margin-right:auto;padding:20px 30px 60px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;color:var(--secondary-text-color);font-family:var(--font-primary)}footer ul{display:flex;gap:35px}.main-sidebar{background-color:var(--third-color);width:var(--width-mainsidebar-desktop);min-width:230px;max-width:300px;height:var(--height-sidebar-desktop);max-height:950px;position:fixed;top:70px;left:0;display:flex;align-content:center;flex-direction:column;z-index:1001}.messages-sidebar{min-width:100px;max-width:100px}.main-sidebar .sidebar-nav ul{display:flex;flex-direction:column;gap:0px;width:100%;margin-top:0}.main-sidebar .sidebar-nav ul li{transition:all .3s ease-in-out;margin-right:7px;margin-bottom:4px;padding-block:5px;position:relative}.main-sidebar .sidebar-nav ul li:before{content:"";position:absolute;left:0;top:32%;width:5px;height:0px;padding-block:5px;border-radius:10px;transition:all .5s ease;background-color:transparent}.main-sidebar .sidebar-nav ul li:hover:before,.main-sidebar .sidebar-nav ul li.active:before{background-color:var(--primary-light-color);height:10px}.main-sidebar .sidebar-nav ul li:hover,.main-sidebar .sidebar-nav ul li.active{background-color:#f6f6f6;transition:all .3s ease-in-out;border-radius:5px}.main-sidebar .sidebar-icon{color:#818181;transition:all .3s ease}.main-sidebar .sidebar-nav ul li:hover .sidebar-icon,.main-sidebar .sidebar-nav ul li.active .sidebar-icon{color:var(--primary-light-color);transform:scale(1.1)}.main-sidebar .sidebar-nav ul a{font-size:1.1rem;display:flex;gap:20px;padding-left:20px;align-items:center}.messages-sidebar .sidebar-nav ul a{display:flex;justify-content:center;padding-left:0}.main-sidebar .sidebar-nav ul img{border-radius:50%}.main-sidebar .profile-li{background-color:#fafafa;background-color:#f6f6f6;border-radius:var(--border-radius-primary);display:flex;align-items:center;padding:10px 20px;gap:0px;margin:20px 10px}.messages-sidebar .profile-li{background-color:transparent}.main-sidebar .profile-li span{font-size:.7rem;color:#a6a6a6;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-sidebar .profile-li div{display:flex;flex-direction:column;margin-left:10px;text-align:start;min-width:0;flex:1;overflow:hidden}.main-sidebar .sidebar-nav .profile-li a{font-size:1.1rem;font-weight:600;width:100%;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-sidebar a{text-decoration:none;color:var(--text-light-color);font-family:var(--font-primary);font-size:1.2rem;font-weight:500;padding:10px;display:flex;align-items:center;gap:10px}.main-sidebar .sidebar-footer p{color:var(--text-light-color);font-family:var(--font-primary);position:absolute;bottom:2%;padding-left:20px;font-size:.8rem}.main-sidebar .postMenu{position:absolute;top:338px;background-color:var(--input-header-color);margin-right:15px;max-width:95%;border-radius:var(--border-radius-primary)}.main-sidebar .postMenu a{background-color:var(--input-header-color);border-radius:var(--border-radius-primary);transition:all .4s ease}.main-sidebar .postMenu a:hover{background-color:#ebebeb!important}.icon-sidebar{background-color:var(--third-light-color);border-radius:var(--border-radius-secondary);box-shadow:var(--border-shadow-primary);width:5%;min-width:50px;max-width:70px;height:var(--height-sidebar-desktop);display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0;position:fixed;top:calc(25px + var(--height-header-desktop));margin-right:auto}.icon-sidebar-nav{margin-top:0}.icon-sidebar-nav ul{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%;margin-top:20px}.icon-sidebar-nav ul li{display:flex;justify-content:center}.settings-sidebar{background-color:var(--third-light-color);border-radius:var(--border-radius-primary);box-shadow:var(--border-shadow-primary);width:var(--width-settingssidebar-desktop);max-width:350px;height:var(--height-settingssidebar-desktop);font-family:var(--font-primary);position:absolute;top:calc(25px + var(--height-header-desktop));right:1.7%;display:flex;flex-direction:column;padding-top:50px}.settings-sidebar li{display:flex;align-items:center;padding:11px 20px;font-size:1.2rem;color:var(--text-light-color);font-weight:500;transition:all .3s ease-in-out}.settings-sidebar li a{display:flex;align-items:center;gap:10px;font-size:1.2rem}.settings-sidebar h1{display:flex;justify-self:center;font-size:1.7rem;color:var(--text-light-color);padding-bottom:20px;font-weight:500}.auth-container{width:100%;max-width:1700px;height:97dvh;display:flex;justify-self:center;padding:0 7%;justify-content:space-between;align-items:center}.auth-section{width:500px;display:flex;flex-direction:column;animation:left-to-right 1s ease}.auth-section h1{font-size:10rem;color:var(--primary-light-color);font-family:var(--font-logo)}.auth-section h3{font-size:1.9rem;font-weight:500;margin-bottom:10px;color:var(--text-color)}.auth-box{width:370px;max-width:500px;background-color:#fff;padding:20px 30px;display:flex;flex-direction:column;border-radius:var(--border-radius-primary);box-shadow:var(--border-shadow-secondary);justify-content:space-around;gap:10px;animation:right-to-left 1s ease}.auth-box h1{align-self:center;padding-top:10px}.ouath-button{background-color:var(--third-light-color);border:lightgray 1px solid;display:flex;align-items:center;justify-content:center;margin:20px 0 10px}.ouath-button span{font-size:1.2rem}.main-button{width:100%;background-color:var(--primary-light-color);border:none;color:#fff;font-size:1.2rem}.main-button:disabled{opacity:.7;cursor:not-allowed}.secondary-button{width:100%;background-color:var(--third-light-color);color:var(--primary-light-color);border:var(--primary-light-color) 1px solid;font-size:1.2rem}.ouath-button,.main-button,.secondary-button{font-family:var(--font-primary);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:var(--border-radius-secondary);padding:10px 20px}.auth-box>div{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:10px;margin-bottom:10px}.auth-box>div>span{font-size:.6rem}.modal-container{min-width:100%;height:100%;background-color:#80808075;position:fixed}.modal-card{width:550px;height:450px;background-color:var(--third-color);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--border-radius-primary);padding:10px 40px;box-shadow:var(--border-shadow-secondary)}.modal-card div{width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}.nasted-modal .reset-password{display:flex;flex-direction:column;gap:19px;margin-top:15px}.nasted-modal .otp{margin-top:0;display:flex;flex-direction:column;gap:25px}.modal-card p{text-align:center}.modal-card .main-button,.modal-card .ouath-button,.modal-card input{width:70%}.modal-card h1{font-size:2rem;text-align:center;font-family:var(--font-primary);margin-top:5px}.modal-card input{border:none;border-radius:var(--border-radius-secondary);padding:15px 20px;font-size:1rem;background-color:var(--secondary-color);color:var(--text-color)}.modal-card .ouath-button{margin:0}.modal-card .right-reserved{color:var(--secondary-text-light-color);text-align:center;font-size:.8rem}.modal-card .forgot-password{font-size:1.1rem}.modal-card input[type=file]{width:100%;opacity:0}.modal-card .image-placeholder{width:200px;height:200px;background-color:var(--secondary-light-color);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--text-light-color);font-size:1.2rem;cursor:pointer;border:1px dashed var(--primary-light-color)}.modal-card .date-div{width:100%;display:flex;flex-direction:row;gap:10px;margin-top:30px}.modal-card .date-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--secondary-color);width:32%;height:90px;padding:10px;font-size:1.2rem;text-align:center;border:none;border-radius:var(--border-radius-primary);color:var(--text-color)}.modal-card .date-select option{color:#4f4f4f;background-color:var(--secondary-light-color)}.small-h1{display:none}.modal-card .close-icon{position:absolute;top:10px;right:10px;cursor:pointer;color:var(--text-light-color);font-size:1.5rem}.nasted-modal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.password-input-container{position:relative;width:100%}.password-input-container input{padding-right:50px}.password-icon{position:absolute;right:20%;bottom:30%;font-size:1.3rem;color:#696969}.modal-container{overflow-y:scroll;overscroll-behavior:contain}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--third-color);border-top:1px solid var(--input-border-color);z-index:1003;justify-content:space-around;align-items:center}.bottom-nav a{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;transition:all .2s ease;position:relative}.bottom-nav a:hover{background:var(--hover-color, rgba(0, 0, 0, .05))}.bottom-nav .bottom-nav-icon{color:var(--text-color);transition:color .2s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;transition:all .3s ease;overscroll-behavior:contain}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--third-color);border-radius:16px;padding:2rem;max-width:500px;max-height:500px;overflow-y:auto;transform:scale(.9);transition:transform .3s ease;box-shadow:0 20px 60px #0000004d;border:.5px solid white;overscroll-behavior:contain;touch-action:manipulation;width:90%}.modal-overlay.active .modal{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-color)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#333}.modal-section{margin-bottom:2rem}.section-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:1rem}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;margin-bottom:1rem}.color-circle{width:60px;height:60px;outline:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.color-circle:hover{transform:scale(1.1)}.color-circle.selected{transform:scale(1.05)}.color-circle.selected:after{content:"✓";color:#fff;font-weight:700;font-size:1.2rem;text-shadow:0 0 4px rgba(0,0,0,.5)}.upload-section{border:2px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center;background:var(--input-header-color);transition:all .2s;cursor:pointer}.upload-section:hover{border-color:var(--primary-color);background:#f5f3ff}.upload-icon{font-size:3rem;margin-bottom:1rem;color:#9ca3af}.upload-text{color:#6b7280;font-size:1rem;margin-bottom:.5rem}.upload-subtext{color:#9ca3af;font-size:.9rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.preview-image{width:100%;height:100%;max-height:200px;object-fit:contain}.terms{color:var(--primary-color);cursor:pointer}.video-preview-container{position:relative}.remove-video-btn{position:absolute;top:10px;right:10px;padding:4px;width:30px;height:30px;border-radius:50%;font-size:1.2rem;background:var(--danger-color);border:none;color:#fff}.video-preview::-webkit-media-controls-fullscreen-button{display:none}.video-preview::-moz-media-controls-fullscreen-button{display:none}.video-preview::-webkit-media-controls-volume-slider{display:none}.video-preview::-webkit-media-controls-overflow-button{display:none}.video-preview::-webkit-media-controls-timeline{display:none!important}.video-preview::-moz-media-controls-seek-bar{display:none!important}.preview-video::-webkit-media-controls-current-time-display,.preview-video::-webkit-media-controls-time-remaining-display{display:none!important}.preview-video::-moz-media-controls-current-time-display,.preview-video::-moz-media-controls-duration-display{display:none!important}.preview-video::-webkit-media-controls-panel{transform:scale(1.5);transform-origin:center bottom}.clickable-image{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clickable-image:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--primary-color)}.image-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem}.lightbox-close-btn{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .2s ease}.lightbox-close-btn:hover{background:#000000b3}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.lightbox-nav-btn:hover{background:#000000b3}.lightbox-prev-btn{left:1rem}.lightbox-next-btn{right:1rem}.lightbox-image-container{position:relative;min-width:300px;max-width:800px;max-height:100%;display:flex;align-items:center;justify-content:center}.lightbox-main-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040}.lightbox-image-info{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:1rem;border-radius:0 0 .5rem .5rem}.lightbox-info-content{display:flex;align-items:center;justify-content:space-between}.lightbox-image-name{font-weight:500;margin-bottom:.25rem;word-break:break-all}.lightbox-image-details{font-size:.875rem;color:#d1d5db}.lightbox-remove-btn{margin-left:1rem;padding:.25rem .75rem;background-color:#ef4444;color:#fff;border:none;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.lightbox-remove-btn:hover{background-color:#dc2626}.lightbox-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.content-section{background:var(--third-color);border-radius:12px;padding:34px;margin-bottom:15px;width:100%;max-width:calc(var(--max-width-maincontent) - 100px)}.section-title{font-size:20px;font-weight:600;color:var(--text-color);margin-bottom:16px}.selected-images-title{font-size:20px;font-weight:600;color:var(--text-color)}.section-input{width:100%;height:100px;padding:12px;border:1.5px solid var(--input-border-color);border-radius:8px;background-color:var(--input-header-color);color:var(--text-color);font-size:16px}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,32%));gap:16px;justify-content:flex-start}.modal-section .required-message{color:var(--secondary-text-color);font-size:.9rem;margin-top:1rem}.images-preview-container .images-grid{display:flex;justify-content:flex-start}.images-preview-container{width:100%;padding:10px}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,clamp(300px,32%,400px)));gap:5px;max-height:300px;overflow-y:auto;flex-wrap:wrap}.images-grid::-webkit-scrollbar{display:none}.image-preview-wrapper{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #333;transition:all .2s ease;width:49%}.preview-image-thumb{width:100%;height:100%;object-fit:cover;width:200px;max-width:100%}.remove-image-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#f44;color:#fff;border:none;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.remove-image-btn:hover{background:#f66;transform:scale(1.1)}.upload-section.dragging{border-color:#4caf50;background-color:#4caf501a;transform:scale(1.02)}.upload-section{transition:all .3s ease}.clear-all-btn{color:#f87171;font-size:.875rem;background:none;border:none;cursor:pointer;transition:color .2s ease;font-size:15px}.clear-all-btn:hover{color:#fca5a5}.post-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:12px;padding:20px;margin-top:16px;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0000000d}.post-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db;transform:translateY(-1px)}.post-header{display:flex;align-items:center;margin-bottom:15px;position:relative}.post-avatar{width:44px;height:44px;margin-right:12px;flex-shrink:0}.post-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.post-user-info{flex-grow:1}.username{font-weight:600;color:var(--text-color);margin:0 0 2px;font-size:15px}.post-time{color:var(--secondary-text-color);font-size:14px}.post-menu{position:relative;margin-left:auto}.menu-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.menu-toggle:hover{background:var(--third-color);color:#374151}.menu-toggle:hover svg{fill:var(--text-color)!important}.dots{font-size:16px;font-weight:700;transform:rotate(90deg)}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:20;min-width:160px;padding:4px 0;animation:menuSlideDown .15s ease-out}.menu-item{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--secondary-text-color);font-size:14px;font-weight:500;transition:background .2s ease}.menu-item.delete{color:#dc2626}.menu-icon{font-size:14px;width:16px;display:flex;justify-content:center;color:var(--secondary-text-color)}.post-content{color:var(--text-color);line-height:1.6;margin-bottom:16px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-image{margin:15px 0;border-radius:8px;overflow:hidden}.post-image img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.post-actions{display:flex;gap:4px;padding-top:12px;border-top:1px solid var(--third-color)}.action-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#7c8493;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;font-size:14px;font-weight:500;flex:1;justify-content:center;min-width:0}.action-btn:hover{color:var(--text-color)}.action-btn:hover,.action-btn:active{background-color:#f2edf3}.action-btn:active{transform:scale(.98)}.action-btn.liked,.action-btn.liked:hover{color:var(--primary-color)}.action-icon{font-size:16px;line-height:1}.action-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:5000}.delete-modal.open{display:flex}.delete-modal-content{background-color:var(--third-color);border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;margin:1rem;overflow:hidden}.delete-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--input-border-color)}.delete-modal-title-section{display:flex;align-items:center;gap:.75rem}.delete-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-color)}.delete-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s ease}.delete-modal-close:hover{color:#d1d5db}.delete-modal-body{padding:1.5rem}.delete-modal-message{color:var(--text-color);margin-bottom:1.5rem}.delete-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.delete-modal-btn{padding:.75rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.delete-modal-btn.cancel{background-color:#4b5563;color:#fff}.delete-modal-btn.cancel:hover{background-color:#6b7280}.delete-modal-btn.delete{background-color:#dc2626;color:#fff}.delete-modal-btn.delete:hover{background-color:#b91c1c}.delete-modal-btn svg{width:1rem;height:1rem}.display-modal{padding-bottom:1rem;scroll-behavior:smooth;overscroll-behavior:contain;overscroll-behavior-y:contain;touch-action:manipulation}.avatar{background-color:var(--third-color);border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.avatar img{width:35px;height:35px;object-fit:cover;border-radius:50%}.comment-avatar{width:35px;height:35px;margin-top:5px}.modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.display-modal-user{display:flex;align-items:center;gap:12px}.display-modal-user-name{font-weight:500;font-size:1rem}.display-modal-user-time{color:#a0a0a0;font-size:14px;margin-top:2px}.display-modal-post-content{padding-bottom:16px}.display-modal-post-content p{font-size:1.1rem;line-height:1.5;margin:0;word-wrap:break-word}.post-images-container{position:relative;width:100%;margin-bottom:20px}.image-slider{position:relative;width:100%;height:300px;overflow:hidden;border-radius:8px}.post-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;font-size:24px;font-weight:700;padding:0;cursor:pointer;border-radius:50%;z-index:10;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slider-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.slider-btn:active{transform:translateY(-50%) scale(.95)}.slider-btn:focus{outline:2px solid #8b5cf6;outline-offset:2px}.prev-btn{left:10px}.next-btn{right:10px}.image-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;padding:8px 12px;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.indicator{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#ffffff4d;cursor:pointer;transition:all .2s ease}.indicator:hover{background:#fff9;transform:scale(1.2)}.indicator:focus{outline:1px solid #8b5cf6;outline-offset:2px}.indicator.active{background:#fff;border-color:#fff;transform:scale(1.2)}.comment-title{padding:20px 0 15px;border-bottom:1px solid #404040}.comment-title h3{margin:0;font-size:1.2rem;font-weight:600}.comments-section{flex:1;overflow-y:auto;padding:16px 0 0;max-height:400px;scroll-behavior:smooth;position:relative;overscroll-behavior:contain;overscroll-behavior-y:contain;display:flex;flex-direction:column}.comments-section::-webkit-scrollbar{width:6px}.comments-section::-webkit-scrollbar-track{background:transparent}.comments-section::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.comments-section::-webkit-scrollbar-thumb:hover{background:#0000004d}.comment-loading-trigger{width:100%;min-height:40px;display:flex;justify-content:center;align-items:center;padding:10px 0;position:relative;margin-top:auto}.comment-loading-trigger svg{width:24px;height:24px;animation:spinnerRotate 1s linear infinite;transform-origin:center}.no-comments-message{width:100%;padding-block:50px;padding-inline:20px;text-align:center}.no-comments-message p{font-size:1.2rem;color:var(--secondary-text-color)}@media (max-width: 768px){.comments-section{max-height:300px}.comment{gap:10px}.comment-loading-trigger{min-height:35px;padding:8px 0}}@media (max-width: 480px){.comments-section{max-height:250px}}.comment{display:flex;gap:12px;margin-bottom:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.comment-user{font-weight:500;font-size:14px;color:var(--text-color)}.comment-time{color:#a0a0a0;font-size:12px}.comment-delete{margin-left:auto;background:none;border:none;color:var(--danger-color);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease,opacity .2s ease;opacity:.6;flex-shrink:0;min-width:fit-content}.comment-delete:hover,.comment:hover .comment-options{opacity:1}.comment-text{color:var(--text-color);font-size:1rem;line-height:1.4;margin-bottom:8px;word-wrap:break-word}.comment-actions{display:flex;align-items:center;gap:16px}.comment-like{background:none;border:none;color:#a0a0a0;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.comment-like:hover{background:#ffffff1a;color:var(--text-color)}.comment-like.liked{color:var(--primary-color)}.comment-reply{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.comment-reply:hover{background:#ffffff1a;color:var(--text-color)}.show-replies-btn{background:none;border:none;color:var(--primary-color);font-size:13px;font-weight:500;cursor:pointer;padding:6px 0;margin-top:8px;margin-left:20px;transition:opacity .2s ease}.show-replies-btn:hover{opacity:.8;text-decoration:underline}.reply-input-section{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 0;margin-left:20px}.reply-input{flex:1;background:var(--secondary-color);border:1px solid var(--input-border-color);color:var(--text-color);padding:8px 12px;border-radius:16px;font-size:13px;outline:none;transition:border-color .2s ease}.reply-input:focus{border-color:var(--primary-color)}.reply-input::placeholder{color:var(--text-color);opacity:.5}.reply-submit-btn,.reply-cancel-btn{background:none;border:none;cursor:pointer;color:var(--primary-color);padding:6px;transition:opacity .2s ease}.reply-submit-btn:hover:not(:disabled){opacity:.8}.reply-submit-btn:disabled{opacity:.4;cursor:not-allowed}.reply-cancel-btn{color:#a0a0a0;font-size:12px;padding:4px 8px}.reply-cancel-btn:hover{color:var(--text-color)}.replies-section{margin-top:16px;margin-left:20px;border-left:2px solid var(--input-border-color);padding-left:12px;display:flex;flex-direction:column;gap:16px}.reply{display:flex;gap:8px}.reply-avatar{width:28px;height:28px}.reply-content{flex:1}.reply-content .comment-text{font-size:.95rem;margin-bottom:6px}.no-comments{text-align:center;padding:40px 0;color:#a0a0a0}.display-modal-user-avatar{width:35px}.comment-input-section{display:flex;align-items:center;gap:12px;padding-top:16px;margin-bottom:10px}.comment-input-wrapper{flex:1;display:flex;align-items:center;background-color:var(--secondary-color);border-radius:20px;padding:5px 10px;min-height:44px;transition:all .2s ease;min-width:0}.comment-input{flex:1;background:none;border:none;color:#fff;outline:none;font-size:1rem;resize:none;max-height:120px;min-width:0}.comment-input::placeholder{color:#a0a0a0}.send-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;margin-left:8px;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){background:#8b5cf61a;transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-btn:focus{outline:2px solid #8b5cf6;outline-offset:2px}.modal-display-header{border-bottom:1.5px solid var(--input-border-color);padding-bottom:16px}.comment-input-section.loading .send-btn{animation:pulse 1.5s infinite}.display-modal-video-preview::-webkit-media-controls-timeline{background-color:gray;height:1px;padding:1px}.display-modal-video-preview::-webkit-media-controls-play-button,.display-modal-video-preview::-webkit-media-controls-mute-button,.display-modal-video-preview::-webkit-media-controls-volume-slider,.display-modal-video-preview::-webkit-media-controls-current-time-display,.display-modal-video-preview::-webkit-media-controls-time-remaining-display,.display-modal-video-preview::-webkit-media-controls-fullscreen-button{display:none!important}.display-modal-video-preview::-webkit-media-controls-panel{background:transparent!important}.custom-video-container{position:relative;width:100%;max-height:400px;min-height:300px;border-radius:8px;overflow:hidden;background:#000;margin:16px 0}.custom-video{width:100%;height:100%;object-fit:cover;display:block;position:absolute}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer}.play-button-center{background:#0009;border:none;border-radius:50%;color:#fff;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-button-center:hover{background:#000c;transform:scale(1.1)}.video-controls{position:absolute;bottom:0;left:0;right:0;background:transparent;padding:20px 16px 16px;opacity:0;transition:opacity .3s ease}.custom-video-container:hover .video-controls{opacity:1}.video-controls-content{display:flex;align-items:center;justify-content:space-between}.video-time{color:#fff;font-size:14px;font-weight:500}.mute-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mute-button:hover{background:#fff3;color:#8b5cf6}.video-container{display:none}.social-actions{display:flex;gap:25px;align-items:center;padding:0;position:relative}.social-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#7c8493;font-size:12px;font-weight:500;justify-content:flex-start}.social-btn.save-btn{position:absolute;top:0;right:5px}.comment-loading-trigger{width:24px;max-height:30px;display:flex;justify-self:center;animation:spinnerRotate 1s linear infinite;transform-origin:center;position:absolute;border-radius:50%}.comment-loading-icon{width:24px;height:24px}.like-btn.liked{color:var(--primary-color);animation:likeAnimation .6s ease-out}@keyframes likeAnimation{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1.1) rotate(-5deg)}45%{transform:scale(1.15) rotate(5deg)}60%{transform:scale(1.05)}to{transform:scale(1)}}.social-count{font-weight:600;font-size:14px;margin-top:1px}.follower-item{display:flex;align-items:center}.follow-section::-webkit-scrollbar{display:none}.follower-item .post-user-info .username{font-size:16px;letter-spacing:1px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.image-slider{height:250px}.slider-btn{font-size:20px;width:35px;height:35px}.prev-btn{left:8px}.next-btn{right:8px}.indicator{width:8px;height:8px}.image-indicators{bottom:10px;gap:6px;padding:6px 10px}.comments-section{max-height:300px}.comment{gap:10px}}@media (max-width: 480px){.slider-btn{font-size:18px;width:30px;height:30px}.display-modal-post-content p{font-size:1rem}}@media (prefers-reduced-motion: reduce){.comment,.slider-btn,.indicator,.send-btn{animation:none;transition:none}}.modal:focus{outline:none}@media (prefers-contrast: high){.slider-btn{background:#000;border:2px solid white}.indicator{border-width:3px}}@keyframes left-to-right{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes right-to-left{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media screen and (min-width: 2500px){.main-sidebar{position:fixed;left:calc((100vw - 2500px)/2)}}@media screen and (min-width: 2000px){.content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,24%))}}@media screen and (max-width: 1200px){.auth-section{width:300px}header .inputContainer{display:none}header .i2{display:block}header nav{gap:30px}.content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,48%))}}@media screen and (max-width: 1000px){header .s,header .i2,header .lm,header .m{display:none}header .b{display:block;transform:scale(1.2)}header .img{transform:scale(1.3)}header .pr{display:none}header nav{gap:50px}header .postMenu{display:none}header .user-image-div-profile-page{display:none}header .nav-child-list{display:block}.bottom-nav{display:flex;border-top:.8px solid var(--input-border-color)}.postMenu-small{position:absolute;top:-80px;background-color:var(--input-header-color);padding:10px 15px;border-radius:var(--border-radius-primary)}.postMenu-small li{padding:5px;display:flex;align-self:center;gap:10px;margin-block:2px}.main-sidebar{display:none}footer{padding-bottom:100px}}@media screen and (max-width: 900px){.auth-container{flex-direction:column;align-items:center;justify-content:center;gap:20px}.auth-section{width:100%;max-width:470px;align-items:center;text-align:center;animation:fade-in 1s ease}.auth-section h1{font-size:5rem}.auth-section h3{display:none}.auth-section p{font-size:.9rem}.auth-box{animation:fade-in 1s ease}footer{flex-direction:column;width:100%;gap:20px;text-align:center}footer ul{min-width:50%;max-width:100%;justify-content:space-between}}@media screen and (max-width: 700px){.content-grid{grid-template-columns:repeat(auto-fit,minmax(250px,100%))}.post-content{display:-webkit-box;white-space:wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis}}@media screen and (max-width: 600px){.modal-container{background-color:#4f4f4f9a}.modal-card{width:90%}header{padding:20px}header nav{gap:40px}header h1{font-size:3rem}header .b{transform:scale(1.1)}header .img{transform:scale(1.2)}}@media screen and (max-width: 500px){.auth-container{transform:scale(.8);min-width:400px;position:relative;z-index:0}.modal-container{z-index:10}.auth-section p{font-size:.9rem}.modal-card{width:97%;padding:5px 20px}.modal-card input,.modal-card .ouath-button{width:85%}.modal-card .ouath-button span{font-size:1.1rem}.modal-card .main-button,.modal-card .ouath-button{font-size:1rem}.modal-card input{font-size:.9rem}.modal-card p{font-size:.9rem;text-align:center}.modal-card .right-reserved{font-size:.7rem}.modal-card .date-select{font-size:1rem}.password-icon{right:12%;bottom:28%}}@media screen and (max-width: 400px){.small-h1{display:block}.large-h1{display:none}}[data-theme=dark] header .input-header::placeholder{color:#c3c3c3}[data-theme=dark] header .nav-child{color:#b1b1b1}[data-theme=dark] header .nav-child:hover{color:var(--primary-color)}[data-theme=dark] .main-sidebar .sidebar-nav ul li:hover,[data-theme=dark] .main-sidebar .sidebar-nav ul li.active{background-color:var(--secondary-color)}[data-theme=dark] .main-sidebar .sidebar-nav ul a{color:var(--secondary-text-color)}[data-theme=dark] .main-sidebar .profile-li{background-color:var(--input-header-dark-color)}[data-theme=dark] .messages-sidebar .profile-li{background-color:transparent}[data-theme=dark] .main-sidebar .profile-li span{color:#fff}[data-theme=dark] .main-sidebar .sidebar-icon{color:#d0d0d0}[data-theme=dark] .main-sidebar .postMenu a:hover{background-color:var(--input-border-color)!important}[data-theme=dark] .auth-box{background:#27272ae6;border:1px solid rgba(82,82,91,.5)}[data-theme=dark] .ouath-button{background:#27272a;color:#e4e4e7;border:1px solid rgba(63,63,70,.8)}[data-theme=dark] .auth-container .secondary-button{background:#27272a}[data-theme=dark] .modal-card .close-icon{color:#fff}[data-theme=dark] .modal-card .right-reserved{color:gray}[data-theme=dark] .auth-container hr{background-color:#444;border:none;border-top:1px solid #444}[data-theme=dark] .auth-section p{color:#71717a}[data-theme=dark] .auth-box>div>span{color:#71717a}[data-theme=dark] .already-have-account{color:var(--secondary-text-color)}[data-theme=dark] .modal-card input::placeholder{color:#969696}[data-theme=dark] .modal-card input{border:1px solid var(--input-border-color)}[data-theme=dark] .upload-section:hover{background-color:var(--third-color)}[data-theme=dark] .modal-card .date-select,[data-theme=dark] .modal-card .image-placeholder{background-color:var(--input-header-color)}[data-theme=dark] .close-btn:hover{background-color:#444;color:#fff}[data-theme=dark] .delete-modal-message{color:#d1d5db}@media screen and (max-width: 350px){.social-actions{gap:15px}.social-btn svg{transform:scale(.85)}.social-btn{padding:6px}.social-count,.social-btn span{font-size:11px}}.clickable{cursor:pointer}.explore-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px;transition:all .2s ease;box-sizing:border-box;max-width:100%;overflow:hidden}.explore-card:hover{box-shadow:var(--border-shadow-primary)}.explore-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.explore-card-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.explore-card-user-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.explore-card-username{font-size:15px;font-weight:600;color:var(--text-color);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.explore-card-handle{font-size:13px;color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-card-time{font-size:13px;color:var(--secondary-text-color);margin-right:8px;flex-shrink:0}.explore-card-follow-btn{margin-left:auto;margin-right:8px;padding:6px 12px;font-size:.875rem;font-weight:600;border:none;background:transparent;color:var(--primary-color);cursor:pointer;transition:all .2s ease;border-radius:var(--border-radius-primary)}.explore-card-follow-btn:hover{background-color:#8a2be21a}.explore-card-follow-btn.nfollow{background-color:var(--secondary-color);color:var(--text-primary-color);border:1px solid var(--input-border-color)}.explore-card-follow-btn.nfollow:hover{background-color:#dc35451a;color:var(--danger-color);border-color:var(--danger-color)}.explore-card-follow-btn.requested{color:var(--primary-color)}.explore-card-follow-btn.requested:hover{background-color:#8a2be21a}.explore-card-menu{background:transparent;border:none;color:var(--secondary-text-color);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.explore-card-menu:hover{background:var(--secondary-color);color:var(--text-color)}.explore-card-menu-dropdown{position:absolute;top:100%;right:0;background-color:var(--third-color);border:1px solid var(--input-border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;width:150px;overflow:hidden}.explore-card-menu-dropdown ul{list-style:none;margin:0;padding:5px 0}.explore-card-menu-dropdown li{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-color)}.explore-card-menu-dropdown li:hover{background-color:var(--secondary-color)}.explore-card-menu-dropdown li svg{color:var(--secondary-text-color);width:20px;height:20px}.explore-card-menu-dropdown li.report-item{color:var(--danger-color)}.explore-card-menu-dropdown li.report-item svg{color:var(--danger-color)}.explore-card-menu-dropdown li.report-item:hover{background-color:#dc35451a}.explore-card-content{margin-bottom:16px}.explore-card-text{font-size:15px;line-height:1.6;color:var(--text-color);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:0}.explore-card-media{margin-bottom:16px;border-radius:var(--border-radius-primary);overflow:hidden;position:relative;max-width:100%;max-height:600px;display:flex;justify-content:center;align-items:center;background-color:#000}.explore-card-media img{width:100%;height:auto;display:block;object-fit:cover;max-width:100%}.explore-card-media video{width:100%;height:auto;display:block;max-width:100%}.explore-card-video{cursor:pointer;position:relative}.explore-card-video-mute-btn{position:absolute;bottom:10px;right:10px;background-color:#00000080;border:none;border-radius:50%;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;z-index:2}.explore-card-video-mute-btn:hover{background-color:#000000b3}.like-heart-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:like-heart-beat 1s ease-out forwards;pointer-events:none;z-index:1}@media (max-width: 768px){.explore-card{padding:16px;border-radius:0;border-left:none;border-right:none}.explore-card-header{padding-block:8px}.explore-card-avatar{width:40px;height:40px}.explore-card-username{font-size:15px}.explore-card-handle{font-size:14px}.explore-card-text{font-size:15px}}@media (max-width: 480px){.explore-card{padding:12px}.explore-card-header{padding-block:10px}.explore-card-avatar{width:36px;height:36px}.explore-card-username{font-size:14px}.explore-card-handle{font-size:13px}.explore-card-text{font-size:14px}.explore-card-follow-btn{display:none}}.main-layout{margin:0 20px 0 0;padding-top:var(--height-header-desktop);display:flex;flex-direction:row;justify-self:center;justify-content:center;width:var(--width-maincontent);max-width:var(--max-width-maincontent)}.main-content{padding-right:0;padding-bottom:0;padding-top:15px;width:100%}.profile-header{border-radius:12px;padding:0;margin-bottom:15px;overflow:hidden;position:relative}.profile-banner{height:180px;background:linear-gradient(135deg,#8b5cf6,#a855f7);position:relative;object-position:center top}.profile-info{padding:20px 32px 40px;position:relative;background-color:var(--third-color);border-radius:var(--border-radius-primary)}.profile-avatar-large{width:110px;height:110px;border-radius:50%;background:var(--third-color);border:4px solid var(--secondary-color);position:absolute;top:-55px;left:32px;box-shadow:0 6px 20px #00000014}.profile-details{margin-left:130px;padding-top:15px;padding-right:20px}.profile-name{font-size:28px;font-weight:700;color:var(--text-color);margin-bottom:6px;line-height:1.1}.profile-handle{font-size:16px;color:#8b5cf6;margin-bottom:8px;font-weight:500}.profile-date{font-size:14px;color:var(--secondary-text-color);margin-top:0;margin-bottom:10px;font-weight:400}.profile-location{font-size:14px;color:var(--secondary-text-color);display:flex;align-items:center;gap:8px;margin-bottom:20px;font-weight:400}.profile-bio{font-size:16px;color:var(--text-color);margin-bottom:22px;padding-right:20px;line-height:1.5;font-weight:400;white-space:pre-wrap;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.profile-stats{display:flex;gap:32px;margin-bottom:18px}.stat{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease,color .2s ease}.stat:hover{transform:translateY(-2px)}.stat:hover .stat-number{color:#8b5cf6}.stat-number{font-size:22px;font-weight:700;color:var(--text-color);transition:color .2s ease}.stat-label{font-size:16px;color:var(--secondary-text-color)}.profile-actions{display:flex;gap:10px;margin-top:16px;align-items:flex-start;padding-top:0}.options-container{position:relative;margin-left:8px;background-color:var(--secondary-color);border-radius:8px}.options-button{background-color:var(--secondary-color)}.options-dropdown{position:absolute;top:0;left:100%;margin-left:8px;background:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:160px;padding:4px;display:flex;flex-direction:column;gap:2px}.options-dropdown .dropdown-item{width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;cursor:pointer;color:var(--text-color);font-size:14px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.options-dropdown .dropdown-item:hover{background-color:var(--third-color)}.options-dropdown .dropdown-item.danger{color:var(--danger-color)}.options-dropdown .dropdown-item.danger:hover{background-color:#dc35451a;color:var(--danger-color)}.btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid;transition:all .2s}.btn-primary{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.btn-primary:hover{background:#7c3aed}.btn-secondary{background:var(--secondary-color);color:var(--text-color);border-color:#d1d5db}.btn-secondary:hover{background:#f9fafb}.private-profile-container{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;padding:40px 20px;background-color:var(--third-color);border-radius:var(--border-radius-primary);margin-top:15px;margin-bottom:15px}.private-profile-container h3{font-size:1.3rem;margin-top:10px}.private-profile-container p{color:var(--secondary-text-color);text-align:center}.delete-pic{height:40px;width:140px;font-size:.9rem;position:absolute;top:50px;right:11%;color:var(--danger-color);border-color:var(--danger-color);transition:all .3s ease}.delete-pic2{width:88px;height:44px;border-radius:var(--border-radius-primary);font-size:.9rem;padding:0;display:none;justify-self:flex-end;background-color:var(--danger-color)}.delete-pic:hover{background-color:var(--danger-color);color:var(--third-light-color);cursor:pointer}.edit-cover{padding:8px 16px;position:absolute;top:20px;right:20px;background-color:#ffffffe6;font-size:14px;font-weight:500;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a}.edit-cover:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.edit-cover p{display:flex;align-items:center;gap:6px;font-weight:700;margin:0;color:#374151}.edit-icon-container{position:absolute;bottom:2px;right:2px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;padding:4px;box-shadow:0 2px 8px #8b5cf666;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--third-color);z-index:10;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.edit-icon-container:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:scale(1.1);box-shadow:0 4px 12px #8b5cf699}.edit-icon-container:active{transform:scale(1.05)}.profile-avatar-large .edit-icon{width:14px;height:14px;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1}.edit-icon-container:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);opacity:0;z-index:-1;transition:opacity .3s ease}.edit-icon-container:hover:before{opacity:.3;animation:pulse 2s infinite}.edit-input-container{background-color:var(--third-color);margin-top:15px;border-radius:var(--border-radius-primary);width:100%;display:flex;padding-left:30px;padding-bottom:40px;padding-top:30px;flex-wrap:wrap}.input-container-child{display:flex;flex-direction:column;width:50%}.input-container-child input,.input-container-child textarea,.input-container-child select{padding:12px 15px;margin-bottom:10px;margin-top:5px;font-size:1rem;border:1.5px solid var(--input-border-color);border-radius:10px;background-color:var(--secondary-color);color:var(--text-color)}.css-t3ipsp-control,.css-13cymwt-control{padding:5px 7.5px}.input-container-child input,.input-container-child textarea,.input-container-child select,.bio-number,.save-edit-container,.css-b62m3t-container,.edit-profile-error{width:calc(80% - 13px)}.css-1jqq78o-placeholder{margin-left:5px!important}.edit-profile-error{margin-bottom:35px;color:var(--danger-color);min-height:1.2em;display:block;font-size:.9rem}.edit-profile-success{margin-bottom:35px;color:#28a745;min-height:1.2em;display:block;font-size:.9rem}.edit-profile-message{margin-bottom:35px;min-height:1.2em;display:block;font-size:.9rem}.error-input{border:2px var(--danger-color) solid!important;outline:none;box-shadow:0 0 0 3px #dc35451a;border-radius:10px}.error-input:hover{border:2px #b02a37 solid!important;outline:none;box-shadow:0 0 0 3px #b02a371a;border-radius:10px}.success-input{border:2px #28a745 solid!important;outline:none;box-shadow:0 0 0 3px #28a7451a;border-radius:10px}#react-select-3-input{color:#fff!important;box-shadow:none!important}.success-input:hover{border:2px #1e7e34 solid!important;outline:none;box-shadow:0 0 0 3px #1e7e341a;border-radius:10px}.input-container-child input,.input-container-child textarea,.input-container-child select{background:#fcfcfc}.bio-number{display:flex;justify-content:flex-end;color:var(--secondary-text-color)}.input-container-child textarea{margin-bottom:10px}#react-select-2-input,.css-b62m3t-container{border-color:transparent;box-shadow:none;background:#fcfcfc}.error-input:focus{border:2px #b02a37 solid!important;outline:none;box-shadow:0 0 0 3px #b02a371a!important;border-radius:10px}.input-container-child input:focus,.input-container-child textarea:focus,.css-t3ipsp-control:focus-within{transition:all .2s ease;border:2px var(--primary-light-color) solid;outline:none;box-shadow:0 0 0 3px #8b5cf61a;border-radius:10px}.css-t3ipsp-control,.css-1p3m7a8-multiValue{background-color:#fcfcfc!important}.css-9jq23d{color:var(--text-color)!important}.css-b62m3t-container{margin-top:5px;margin-bottom:5px}.css-t3ipsp-control:hover{border:2px var(--primary-light-color) solid!important;outline:none;box-shadow:0 0 0 3px #8b5cf61a!important;background-color:#fcfcfc!important}.react-select-container{z-index:9999!important;margin-bottom:30px;margin-top:5px;background-color:var(--secondary-color)}#react-select-2-input{color:var(--text-color)!important}.css-13cymwt-control{border:1.5px var(--input-border-color) solid!important;border-radius:10px!important;background-color:#fcfcfc!important}.css-1nmdiq5-menu{z-index:9999999!important;position:absolute;top:100%;left:0;width:calc(80% - 13px);background-color:var(--secondary-color)!important}.edit-input-container #bio{height:180px;font-size:1.1rem}.edit-input-container label{font-size:1.1rem;font-weight:500}.edit-input-container label span{font-weight:500;color:var(--secondary-text-color);font-size:.9rem}.save-edit{width:88px;height:44px;border-radius:var(--border-radius-primary);font-size:.9rem;padding:0;display:flex;justify-self:flex-end}:root:has(.success-input):has(.error-input) .css-t3ipsp-control{border:none}.content-section .empty-section{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.content-section .empty-section h3{font-size:1.3rem}.content-section .empty-section h5{color:var(--secondary-text-color);text-align:center}.content-profile-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.content-section .empty-section button{background-color:var(--primary-color);color:#fff;border:none;padding:10px;border-radius:var(--border-radius-primary);margin-top:10px}.sort-options-profile-container{min-width:200px;max-width:1000px}.sort-options-profile{display:flex;justify-content:space-around;gap:50px;font-size:1.1rem;color:var(--secondary-text-color);margin-bottom:30px;width:100%}.sort-options-profile li{list-style:none;transition:all .2s ease;position:relative}.sort-options-profile li:hover,.sort-options-profile .active{cursor:pointer;font-size:1.2rem;color:var(--text-color)}.sort-options-profile li:before,.sort-options-profile .active:before{content:" ";background-color:#8b5cf6;font-weight:700;width:0;height:5px;position:absolute;border-radius:var(--border-radius-primary);bottom:-5px}.sort-options-profile li:hover:before,.sort-options-profile .active:before{width:100%;transition:width .3s ease-in-out}.tab-profile-buttons{display:flex;gap:4px;margin-bottom:32px;background-color:var(--secondary-color);border-radius:8px;padding:4px;width:200px}.posts-container{margin:0;padding:0}.btn-requested{background-color:#e0f2fe;color:#0284c7;border:1px solid #0284c7;font-weight:500;transition:all .2s ease}.btn-requested:hover{background-color:#fee2e2;color:#dc2626;border-color:#dc2626}.btn-requested:active{transform:scale(.98)}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}to{transform:scale(1.2);opacity:0}}@media screen and (max-width: 3250px){.main-layout{width:100%}}@media (min-width: 2200px) and (max-width: 2580px){.margin-container{width:11.5%}}@media screen and (max-width: 2000px){.margin-container{margin-left:0;width:var(--margin-left-maincontent);min-width:255px}}@media screen and (min-width: 1750px){.input-container-child input,.input-container-child textarea,.input-container-child select,.bio-number,.save-edit-container,.css-b62m3t-container,.edit-profile-error{width:70%}.input-container-child{width:40%}.edit-input-container{display:flex;justify-content:space-evenly}}@media screen and (min-width: 2500px){.main-content,.content-section{width:calc(100% - 70px)}.delete-pic{right:350px}}@media screen and (max-width: 1200px){.sort-options-profile{gap:30px}}@media screen and (max-width: 1000px){.main-content,.content-section{max-width:98%;margin-left:auto;margin-right:auto}.content-section-profile{margin-bottom:75px}.margin-container{display:none}.main-layout{margin-left:auto}.edit-input-container{flex-direction:column;margin-bottom:60px}.input-container-child{width:90%;margin-left:100px}.delete-pic{right:10%;width:120px;height:35px;font-size:.8rem}.profile-stats{gap:30px}.stat-number{font-size:24px}}@media screen and (max-width: 800px){.section-profile-title{width:50%}.tab-profile-buttons{order:1}.sort-options-profile-container{order:2}}@media screen and (max-width: 768px){.post-card{padding:16px;margin-bottom:12px;border-radius:8px}.post-header{margin-bottom:12px}.post-avatar,.avatar-placeholder{width:40px;height:40px}.avatar-placeholder,.username{font-size:14px}.post-time{font-size:13px}.post-content{font-size:14px;margin-bottom:12px}.action-btn{padding:6px 8px;font-size:13px}.action-icon{font-size:14px}.action-text{font-size:13px}.lightbox-nav-btn,.lightbox-close-btn{width:2.5rem;height:2.5rem;font-size:1.2rem}.lightbox-nav-btn{font-size:1.5rem}.lightbox-image-info{padding:.75rem}.lightbox-remove-btn{margin-left:0;align-self:flex-end}.input-container-child{margin-left:70px}}@media screen and (max-width: 600px){.profile-info{padding-top:20px}.profile-bio{font-size:14px;padding-right:0}.profile-details{margin-left:10px;padding-top:60px;padding-right:0}.profile-name{font-size:28px;margin-left:5px}.profile-handle{font-size:16px}.profile-stats{gap:25px;padding:12px 0;margin-bottom:15px}.stat-number{font-size:24px}.stat-label{font-size:14px}.stat-label{font-size:13px}.profile-bio{font-size:15px;padding-right:0;margin-bottom:40px}.input-container-child{width:95%;margin-left:0}.input-container-child input,.input-container-child textarea,.input-container-child select,.css-b62m3t-container,.bio-number{width:calc(100% - 20px)}.delete-pic{display:none}.save-edit{transform:scale(.8)}.delete-pic2{display:flex;transform:scale(.8)}.save-edit-container{display:flex;justify-content:flex-end;gap:20px;width:calc(100% - 20px)}.section-profile-title{font-size:1.3rem}.empty-profile-section{display:"flex";justify-self:center}.tab-profile-buttons{width:140px}.tab-profile-buttons button{font-size:.7rem;padding:10px}.edit-input-container label{margin-left:5px}}@media (max-width: 480px){.post-card{padding:12px}.action-btn{gap:4px;padding:6px}.action-text{font-size:12px}.menu-dropdown{right:-8px;min-width:140px}.menu-item{padding:10px 12px;font-size:13px}.sort-options-profile{gap:60px}}@media screen and (max-width: 400px){.main-layout{margin-right:0;min-width:400px}}@media (prefers-color-scheme: dark){.delete-pic{background-color:#b02a37;color:#fff}.btn-secondary:hover{background-color:var(--third-color)}.post-card{background-color:var(--secondary-color)}.action-btn:hover{background:var(--third-color);color:var(--text-color)}.action-btn:active{transform:scale(.98);background:var(--third-color)}.input-container-child input,.input-container-child textarea,.input-container-child select,#react-select-2-input,.css-t3ipsp-control,.css-1p3m7a8-multiValue,.css-13cymwt-control{background-color:var(--secondary-color)!important}.css-b62m3t-container{background-color:transparent}.css-t3ipsp-control:hover{background-color:var(--secondary-color)!important}}.saved-header{width:100%;padding:25px;max-width:2210px;display:flex;align-items:center;justify-content:space-between}.saved-header h1{width:20px}.saved-content{background-color:var(--third-color);border-radius:var(--border-radius-primary);min-height:300px;display:flex;flex-direction:column;justify-content:center;padding-top:15px;padding-bottom:30px}.saved-content p{margin-top:15px;margin-bottom:5px;font-size:22px;font-weight:600}@media screen and (max-width: 1000px){.saved-header h1{font-size:28px}.saved-content{min-height:550px}}.followers-header{width:100%;padding:25px;max-width:2210px;display:flex;align-items:center;justify-content:space-between}.followers-header .followers-input-div{width:250px;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-secondary);background-color:var(--input-header-color);border:var(--input-border-color) 1px solid;display:flex;align-items:center}.followers-header .followers-input-div input{width:100%;border:none;outline:none;background-color:transparent;color:var(--text-primary-color);font-size:16px;margin-left:10px}.followers-header .followers-search-icon{color:var(--text-secondary-color)}.follower-list.content-section{background-color:var(--third-color);border-radius:var(--border-radius-primary);min-height:300px;display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;padding-top:15px;padding-bottom:30px;gap:10px;position:relative}.follower-list .no-followers-text{text-align:center;color:var(--text-secondary-color);font-size:24px}.follower-list .empty-follower-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.follower-list .loading-spinner-initial{position:absolute;top:50%;left:50%;animation:spinnerRotateAbsolute 1s linear infinite}.comment-loading-trigger{width:100%;min-height:72px;display:flex;align-items:center;justify-content:center;padding:20px 0}.comment-loading-trigger .loading-spinner{animation:spinnerRotate 1s linear infinite;transform-origin:center}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerRotateAbsolute{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.follower-list .suggested-users-header{margin-top:40px;margin-bottom:20px;position:relative;width:fit-content;font-weight:600;color:var(--text-primary-color)}.follower-list .suggested-users-header:after{content:"";position:absolute;top:120%;left:0;width:100%;height:5px;border-radius:4px;background:linear-gradient(to right,#8a2be2,#4169e1)}.follower-list .suggested-users-section{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px;margin-bottom:0;min-height:150px;align-items:center;width:100%}.follower-list .suggested-users-section p{color:var(--text-secondary-color);font-size:30px;text-align:center;width:100%}@media screen and (max-width: 550px){.followers-header{flex-direction:column;align-items:flex-start;gap:25px;padding:30px 15px}.followers-header .followers-input-div{width:100%}}@media screen and (max-width: 600px){.follower-list .empty-follower-section{width:100%}}.follower-card{width:12%;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;margin-top:16px;border:var(--input-border-color) 1px solid;background:var(--third-color);box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.follower-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.follower-card img{width:100%;height:150px;object-fit:cover}.follower-content{display:flex;flex-direction:column;flex:1}.follower-card .follower-info{padding:12px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.02))}.follower-card .follower-info h3{font-size:16px;font-weight:600;color:var(--text-primary-color);margin:0}.follower-card .follower-info p{color:var(--text-secondary-color);min-width:20px;min-height:1.2em;display:block;font-size:13px;margin:0;opacity:.8}.follower-actions{display:flex;flex-direction:column;gap:8px}.follower-button{padding:8px;border:none;border-radius:8px;margin:0 12px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.follower-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.follower-button:hover:before{width:300px;height:300px}.follower-button:hover{transform:scale(1.02)}.follower-button:active{transform:scale(.98)}.follower-actions .follower-button:first-child{margin-top:0}.follower-actions .follower-button:last-child{margin-bottom:12px}.btn-secondary.follower-button{border:1px solid var(--input-border-color)}.suggestions-section-profile-modal{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.suggestions-title-profile-modal{font-size:20px;font-weight:600;margin-bottom:40px;color:var(--text-secondary);position:relative;display:inline-block}.suggestions-title-profile-modal:after{content:"";position:absolute;top:120%;left:0;width:100%;height:5px;border-radius:4px;background:linear-gradient(to right,#8a2be2,#4169e1)}@media (max-width: 2600px){.follower-list{display:flex;flex-wrap:wrap;gap:5px}.follower-card{width:14%}}@media (max-width: 2000px){.follower-card{width:16.2%}}@media (max-width: 1700px){.follower-card{width:19.4%}}@media (max-width: 1175px){.follower-card{width:32%}}@media (max-width: 768px){.follower-card{width:49%}}@media (max-width: 600px){.follower-card{width:100%;max-width:100%;flex-direction:row;align-items:center;min-height:104px;max-height:100px}.follower-card img{width:80px;height:80px;min-width:80px;border-radius:50%;margin:12px}.follower-content{flex-direction:row;align-items:center;justify-content:space-between;flex:1;padding:12px 12px 12px 0;gap:12px}.follower-list{padding-inline:10px}.follower-card .follower-info{padding:0;flex:1;background:none;min-width:0}.follower-card .follower-info h3,.follower-card .follower-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-actions{flex-direction:column;gap:8px;flex-shrink:0}.follower-button{margin:0;padding:8px 16px;white-space:nowrap;min-width:100px}.follower-actions .follower-button:last-child{margin-bottom:0}}@media (prefers-color-scheme: dark){.follower-card{background-color:var(--secondary-color);box-shadow:0 2px 8px #0000004d}.follower-card:hover{box-shadow:0 8px 16px #0006}}[data-theme=dark] .follower-card{background-color:var(--secondary-color);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .follower-card:hover{box-shadow:0 8px 16px #0006}.notifications-header{width:100%;padding:25px;max-width:2210px;display:flex;align-items:center;justify-content:space-between}.notifications-header p{font-size:15px;font-weight:500;color:var(--primary-color);cursor:pointer;transition:all .2s ease;margin:0;-webkit-user-select:none;user-select:none}.notifications-header p:hover{color:var(--primary-color-dark);text-decoration:underline}.notifications-list{background-color:var(--third-color);border-radius:var(--border-radius-primary);min-height:300px;display:flex;flex-direction:column;padding-top:30px;padding-bottom:30px;gap:10px}.no-notifications-text{font-size:25px}.empty-notification-container{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}.comment-loading-trigger{width:100%;display:flex;align-items:center;justify-content:center;padding:20px 0}.follow-requests-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;margin-bottom:20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #667eea33}.follow-requests-banner:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.follow-requests-content{display:flex;align-items:center;gap:15px;color:#fff}.follow-requests-content svg{flex-shrink:0}.follow-requests-text h3{margin:0;font-size:18px;font-weight:600;color:#fff}.follow-requests-text p{margin:4px 0 0;font-size:14px;color:#ffffffe6}.follow-requests-arrow{font-size:28px;color:#fff;font-weight:300}@media (max-width: 768px){.follow-requests-banner{padding:16px}.follow-requests-text h3{font-size:16px}.follow-requests-text p{font-size:13px}}@media (max-width: 600px){.notifications-header h1{font-size:26px}.notifications-header h1 span{display:none}}.notification-card{display:flex;align-items:center;gap:14px;padding:18px;background-color:var(--read-notification-bg);border-radius:var(--border-radius-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;position:relative;min-height:80px}.notification-card:hover{background-color:var(--secondary-color)}.notification-card.unread{background-color:var(--secondary-color);border-left:3px solid var(--primary-color)}.notification-icon{font-size:28px;flex-shrink:0;order:1}.notification-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;order:2}.notification-content{flex:1;min-width:0;order:3}.notification-message{font-size:16px;color:var(--text-primary-color);margin:0 0 6px;line-height:1.5}.notification-sender{font-weight:600;color:var(--text-primary-color)}.notification-time{font-size:14px;color:var(--text-secondary-color);opacity:.8}.notification-preview{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;order:4}.preview-image,.preview-video{width:100%;height:100%;object-fit:cover}.notification-delete{background-color:transparent;border:none;color:var(--text-secondary-color);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;order:5;flex-shrink:0}.notification-card:hover .notification-delete{opacity:1}.notification-delete:hover{background-color:var(--border-color);color:var(--text-primary-color)}.unread-indicator{position:absolute;top:50%;left:8px;transform:translateY(-50%);width:8px;height:8px;background-color:var(--primary-color);border-radius:50%}.notification-avatar-container{position:relative;display:flex;align-items:center;gap:15px}.follow-requests-modal{overflow:hidden;height:500px}.follow-requests-modal .modal-header{border-bottom:none}.follow-requests-modal .modal-section{max-height:400px;overflow-y:scroll;padding-right:10px;padding-bottom:10px;display:block}.loading-container{display:flex;justify-content:center;align-items:center;height:100px}.empty-requests-container{text-align:center;padding:40px 20px;color:#666}.empty-requests-title{font-size:16px;margin-bottom:8px}.empty-requests-subtitle{font-size:14px;color:#999}.follow-requests-modal .follower-item{margin-bottom:15px;transition:opacity .2s ease}.follow-requests-modal .follower-item.processing{opacity:.5;pointer-events:none}.request-actions{display:flex;gap:8px}.request-btn{padding:8px 16px;font-size:14px}.loading-more-container{text-align:center;padding:20px}@media (max-width: 768px){.request-btn{padding:6px 12px;font-size:13px}}@media (max-width: 600px){.notifications-list{padding-inline:15px}.notification-card{padding:12px;gap:10px;width:100%}.notification-avatar-container{position:relative;margin-left:5px}.notification-avatar{width:60px;height:60px}.notification-icon{font-size:20px;position:absolute;bottom:0;right:0;transform:translateY(50%)}.notification-message{font-size:14px}.notification-time{font-size:12px}.notification-preview{width:40px;height:40px}.unread-indicator{left:6px}}.settings-container{width:100%;padding:0;margin-top:20px}.settings-header{padding:20px 40px 40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.settings-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.settings-header h1{font-size:36px;font-weight:700;margin:0}.settings-header p{font-size:16px;opacity:.9;margin:0;max-width:600px}.settings-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:0 10px 10px;margin-bottom:20px}.settings-item{display:flex;align-items:center;gap:16px;padding:24px;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);cursor:pointer;transition:all .2s ease}.settings-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #8a2be226;transform:translateY(-2px)}.settings-item.danger{border-color:#dc354533}.settings-item.danger:hover{border-color:var(--danger-color);box-shadow:0 4px 12px #dc354526}.settings-item.danger .settings-item-icon,.settings-item.danger h3{color:var(--danger-color)}.settings-item-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--secondary-color);border-radius:var(--border-radius-primary);color:var(--primary-color);transition:all .2s ease}.settings-item:hover .settings-item-icon{background:var(--primary-color);color:#fff}.settings-item.danger:hover .settings-item-icon{background:var(--danger-color);color:#fff}.settings-item-content{flex:1}.settings-item-content h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--text-color)}.settings-item-content p{font-size:13px;color:var(--secondary-text-color);margin:0}.settings-item-arrow{flex-shrink:0;color:var(--secondary-text-color);transition:all .2s ease}.settings-item:hover .settings-item-arrow{color:var(--primary-color);transform:translate(4px)}.settings-item.danger:hover .settings-item-arrow{color:var(--danger-color)}.settings-item.mobile-only{display:none}@media screen and (min-width: 2500px){.settings-header,.privacy-container,.settings-list,.block-list-container,.cp-container,.language-container,.theme-container,.dashboard-container,.rp-container{width:calc(100% - 70px)!important}.privacy-container{padding-inline:0!important}}@media (max-width: 1200px){.settings-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 1000px){.settings-header,.privacy-container,.block-list-container,.cp-container,.language-container,.theme-container{margin-right:1%!important;margin-left:1%!important;width:98%!important}.main-settings-layout{padding-top:0!important}.settings-container{margin-bottom:100px}.settings-item.mobile-only{display:flex}}@media (max-width: 768px){.settings-header{padding:40px 20px 30px;margin-bottom:20px;width:96%;margin-inline:2%}.settings-list{grid-template-columns:1fr;padding-bottom:10px;padding-inline:1%;gap:15px}.settings-item{padding:18px;gap:12px}.settings-item-icon{width:42px;height:42px}.settings-item-icon svg{width:20px;height:20px}.settings-item-content h3{font-size:15px}.settings-item-content p{font-size:12px}.settings-item.mobile-only{display:flex}}@media (max-width: 480px){.settings-header{padding:30px 15px 25px;margin-bottom:20px}.settings-list{padding-bottom:10px;padding-inline:1%}.settings-item{padding:16px}.settings-item-icon{width:38px;height:38px}.settings-item.mobile-only{display:flex}}.cp-container{width:100%;padding-bottom:10px;margin-top:20px}.cp-info-banner{padding:20px 40px 40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.cp-info-banner svg{margin-bottom:0}.cp-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.cp-info-banner h1{font-size:36px;font-weight:700;margin:0}.cp-info-banner p{font-size:16px;opacity:.9;margin:0;max-width:600px}.cp-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;padding:0;transition:opacity .2s ease;opacity:.8}.cp-back-btn:hover{opacity:1}.cp-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px 30px;box-shadow:var(--border-shadow-primary);width:100%;margin-top:20px;margin-bottom:20px}.cp-card .input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.cp-card .input-group label{font-size:16px;font-weight:600;color:var(--text-color)}.cp-card .input-wrapper{position:relative;display:flex;align-items:center}.cp-card .input-icon{position:absolute;left:14px;color:var(--secondary-text-color);display:flex;align-items:center;pointer-events:none}.cp-card .input-wrapper input{width:100%;padding:14px 45px;background-color:var(--secondary-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);color:var(--text-color);font-size:15px;transition:all .2s ease}.cp-card .input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a2be21a;outline:none}.cp-card .input-wrapper input::placeholder{color:var(--secondary-text-color);opacity:.7}.cp-card .input-wrapper input.input-error{border-color:var(--danger-color)}.cp-card .input-wrapper input.input-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc26261a}.cp-card .input-wrapper input.input-success{border-color:#10b981}.cp-card .input-wrapper input.input-success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.cp-card .eye-toggle{position:absolute;right:14px;background:transparent;border:none;color:var(--secondary-text-color);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .2s;opacity:1}.cp-card .eye-toggle:hover{color:var(--text-color);opacity:1}.cp-card .input-helper{font-size:13px;color:var(--secondary-text-color);margin:6px 0 0}.cp-card .error-message{font-size:13px;color:var(--danger-color);margin:6px 0 0}.cp-card .success-message{font-size:13px;color:#10b981;margin:6px 0 0;font-weight:500}.cp-card .general-error-message{padding:12px 16px;background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--border-radius-primary);color:var(--danger-color);font-size:14px;margin-bottom:20px}.cp-card .divider{height:1px;background-color:var(--input-border-color);margin:0 0 30px;opacity:.5}.cp-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px}.cp-actions .btn-save{padding:12px 24px;background:var(--primary-color);border:none;color:#fff;font-weight:600;font-size:15px;cursor:pointer;border-radius:var(--border-radius-primary);display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #8a2be240}.cp-actions .btn-save:hover{filter:brightness(1.1);transform:translateY(-1px)}.cp-actions .btn-save:active{transform:translateY(0)}.cp-actions .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.cp-actions .btn-save:disabled:hover{filter:none;transform:none}@media (max-width: 1000px){.cp-info-banner{margin-block:15px;width:100%}.cp-card{padding:20px;width:100%}.cp-back-btn{display:none}}@media (max-width: 768px){.cp-info-banner{padding:40px 20px 30px;margin-bottom:20px;width:100%}.cp-card{padding:30px 20px 20px;width:100%}.cp-card .input-group{gap:15px;margin-bottom:50px}.cp-card .divider{display:none}.cp-actions{flex-direction:column-reverse}.cp-actions .btn-save{width:100%;justify-content:center}}.privacy-container{width:100%;padding-bottom:10px;margin-top:20px}.privacy-info-banner{padding:20px 40px 40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.privacy-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.privacy-info-banner h1{font-size:36px;font-weight:700;margin:0}.privacy-info-banner p{font-size:16px;opacity:.9;margin:0;max-width:600px}.privacy-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;padding:0;transition:opacity .2s ease;opacity:.8}.privacy-back-btn:hover{opacity:1}.privacy-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:32px;box-shadow:var(--border-shadow-primary);width:100%;margin-top:20px;margin-bottom:40px}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--secondary-color);border:1px solid var(--input-border-color);transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color);border-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(20px);background-color:#fff}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.select-control{width:100%;padding:10px 15px;background-color:var(--secondary-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);color:var(--text-color);font-size:15px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%238A8A8A" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s}@media (max-width: 1000px){.privacy-back-btn{display:none}}@media (max-width: 768px){.privacy-card{padding:20px}.privacy-info-banner{padding:40px 20px 30px;margin-bottom:20px}.setting-item{flex-direction:column;align-items:flex-start;gap:15px}.setting-details{margin-right:0}}.blocklist-container{width:100%;padding-bottom:10px;margin-top:20px}.blocklist-info-banner{padding:20px 40px 40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.blocklist-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.blocklist-info-banner h1{font-size:36px;font-weight:700;margin:0}.blocklist-info-banner p{font-size:16px;opacity:.9;margin:0;max-width:600px}.blocklist-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;padding:0;transition:opacity .2s ease;opacity:.8}.blocklist-back-btn:hover{opacity:1}.blocklist-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:32px;box-shadow:var(--border-shadow-primary);width:100%;margin-top:20px;margin-bottom:20px}.blocklist-description{font-size:14px;color:var(--secondary-text-color);margin-bottom:24px;line-height:1.6}.blocked-users-list{display:flex;flex-direction:column;gap:12px}.blocked-user-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:var(--border-radius-primary);transition:all .2s ease}.blocked-user-item:hover{border-color:var(--secondary-text-color)}.blocked-user-info{display:flex;align-items:center;gap:12px;flex:1}.blocked-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--input-border-color)}.blocked-user-details{display:flex;flex-direction:column;gap:4px}.blocked-user-username{font-size:15px;font-weight:600;color:var(--text-color);text-decoration:none;transition:color .2s ease}.blocked-user-username:hover{color:var(--primary-color)}.blocked-user-name{font-size:14px;color:var(--secondary-text-color)}.unblock-btn{padding:8px 20px;font-size:14px;font-weight:600;white-space:nowrap}.empty-blocklist{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-blocklist-icon{width:80px;height:80px;margin-bottom:16px;opacity:.5}.empty-blocklist h3{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 8px}.empty-blocklist p{font-size:14px;color:var(--secondary-text-color);margin:0;max-width:400px;line-height:1.5}.blocklist-spinner{display:flex;justify-content:center;align-items:center;padding:60px 20px}@media (max-width: 1000px){.blocklist-info-banner{margin-block:15px;width:100%}.blocklist-card{padding:20px;width:100%}}@media (max-width: 768px){.blocklist-back-btn{display:none}.blocklist-info-banner{padding:40px 20px 30px;margin-bottom:20px;width:100%}.blocklist-info-banner h1{font-size:28px}.blocklist-card{padding:20px;width:100%}.empty-blocklist{padding:30px 20px}.empty-blocklist-icon{width:70px;height:70px}}.language-container{width:100%;padding-bottom:10px;margin-top:20px}.language-info-banner{padding:20px 40px 40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.language-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.language-info-banner h1{font-size:36px;font-weight:700;margin:0}.language-info-banner p{font-size:16px;opacity:.9;margin:0;max-width:600px}.language-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;padding:0;transition:opacity .2s ease;opacity:.8}.language-back-btn:hover{opacity:1}.language-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:32px;box-shadow:var(--border-shadow-primary);width:100%;margin-top:20px;margin-bottom:40px}.divider{height:1px;background-color:var(--input-border-color);margin:30px 0;opacity:.5}.setting-group{margin-bottom:30px}.setting-header{display:flex;align-items:center;gap:12px;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid var(--input-border-color)}.setting-header h2{font-size:20px;font-weight:700;color:var(--text-color);margin:0}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin-bottom:15px}.setting-details{flex-grow:1;margin-right:30px}.setting-details h3{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 4px}.setting-details p{font-size:14px;color:var(--secondary-text-color);margin:0}.select-wrapper{position:relative;min-width:150px;z-index:10}.select-control{width:100%;padding:10px 15px;background-color:var(--secondary-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);color:var(--text-color);font-size:15px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%238A8A8A" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s}.select-control:focus{border-color:var(--primary-color);outline:none}@media (max-width: 768px){.language-info-banner{padding:40px 20px 30px}.language-card{padding:20px}.setting-item{flex-direction:column;align-items:flex-start;gap:15px}.setting-details{margin-right:0}.language-back-btn{display:none}}.theme-container{width:100%;padding-bottom:10px;margin-top:20px}.theme-info-banner{padding:20px 40px 40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.theme-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.theme-info-banner h1{font-size:36px;font-weight:700;margin:0}.theme-info-banner p{font-size:16px;opacity:.9;margin:0;max-width:600px}.theme-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;padding:0;transition:opacity .2s ease;opacity:.8}.theme-back-btn:hover{opacity:1}.theme-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:32px;box-shadow:var(--border-shadow-primary);width:100%;margin-top:20px;margin-bottom:20px}.theme-card .divider{height:1px;background-color:var(--input-border-color);margin:25px 0;opacity:.5}.theme-card .setting-group{margin-bottom:0}.theme-card .setting-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:0;border-bottom:none}.theme-card .setting-header h2{font-size:18px;font-weight:700;color:var(--text-color);margin:0}.theme-card .color-swatch-list{display:flex;gap:15px;margin-top:12px}.theme-card .color-swatch-item{width:40px;height:40px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px var(--input-border-color);transition:all .2s ease;display:flex;justify-content:center;align-items:center}.theme-card .color-swatch-item:hover{transform:scale(1.08)}.theme-card .selected-swatch{box-shadow:0 0 0 4px var(--third-color),0 0 0 6px var(--primary-color);transform:scale(1.08)}.theme-card .theme-options-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:12px;max-width:1000px}.theme-card .theme-option-item{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:2px solid var(--input-border-color);border-radius:var(--border-radius-primary);cursor:pointer;transition:all .2s ease;position:relative;background:var(--secondary-color)}.theme-card .theme-radio-input{position:absolute;opacity:0;width:0;height:0}.theme-card .theme-option-item:hover{border-color:var(--secondary-text-color)}.theme-card .selected-theme{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a2be233}.theme-card .theme-details{display:flex;flex-direction:column;gap:8px;width:100%}.theme-card .theme-icon-label{display:flex;align-items:center;gap:10px;color:var(--primary-color);margin-bottom:4px}.theme-card .theme-details h3{font-size:16px;font-weight:600;color:var(--text-color);margin:0}.theme-card .theme-details p{font-size:14px;color:var(--secondary-text-color);margin:0}@media (max-width: 1000px){.theme-info-banner{margin-block:15px;width:100%}.theme-card{padding:20px;width:100%}}@media (max-width: 768px){.theme-back-btn{display:none}.theme-info-banner{padding:40px 20px 30px;margin-bottom:20px;width:100%}.theme-card{padding:20px;width:100%}.theme-card .theme-options-list{grid-template-columns:1fr}}.dashboard-container{width:100%;padding-bottom:10px;margin-top:20px}.dashboard-info-banner{padding:20px 40px 40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.dashboard-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dashboard-info-banner h1{font-size:36px;font-weight:700;margin:0}.dashboard-info-banner p{font-size:16px;opacity:.9;margin:0;max-width:600px}.dashboard-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;padding:0;transition:opacity .2s ease;opacity:.8}.dashboard-back-btn:hover{opacity:1}.dashboard-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:32px;box-shadow:var(--border-shadow-primary);width:100%;margin-bottom:20px}.dashboard-card .setting-header{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:0;border-bottom:none}.dashboard-card .setting-header h2{font-size:18px;font-weight:700;color:var(--text-color);margin:0;display:flex;align-items:center}.dashboard-card .setting-description{font-size:14px;color:var(--secondary-text-color);margin:0}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;margin-bottom:20px}.dashboard-stat-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--border-shadow-primary);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;will-change:transform}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.stat-icon{width:56px;height:56px;border-radius:12px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:14px;color:var(--secondary-text-color);margin:0;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:var(--text-color);margin:0}.stat-change{font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.chart-container{display:flex;flex-direction:column;gap:12px;background-color:var(--secondary-color);border-radius:20px}.chart-wrapper{display:flex;gap:12px;align-items:stretch}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;min-width:50px}.y-axis-label{font-size:12px;color:var(--secondary-text-color);font-weight:500;text-align:right;line-height:1}.chart-content{flex:1;background:var(--secondary-color);border-radius:var(--border-radius-primary);padding:10px;display:flex;flex-direction:column;overflow:visible}.engagement-chart{width:100%;height:240px;display:block}.chart-point{transition:r .2s ease}.chart-point:hover{r:1.5}.chart-labels{display:flex;justify-content:space-between;padding:0 60px 0 12px;font-size:12px;color:var(--secondary-text-color);font-weight:500}.chart-x-labels{display:grid;grid-template-columns:repeat(30,1fr);gap:0;margin-top:6px;padding:0;font-size:12px;color:var(--secondary-text-color);font-weight:500;text-align:center}.chart-stats{display:flex;justify-content:space-around;padding:16px;background:var(--secondary-color);border-radius:var(--border-radius-primary);gap:16px;margin-top:8px}.chart-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.chart-stat-label{font-size:12px;color:var(--secondary-text-color);font-weight:500}.chart-stat-value{font-size:20px;font-weight:700;color:var(--text-color)}.dashboard-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}.top-items-list{display:flex;flex-direction:column;gap:12px}.top-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--secondary-color);border-radius:var(--border-radius-primary);border:1px solid var(--input-border-color);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;will-change:transform}.top-item:hover{transform:translate(6px);box-shadow:0 3px 12px #0000001a}.item-rank{width:36px;height:36px;border-radius:8px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.item-details{flex:1;display:flex;flex-direction:column;gap:8px}.item-title{font-size:15px;font-weight:600;color:var(--text-color);margin:0;line-height:1.4}.item-stats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--secondary-text-color)}.item-stats span{display:flex;align-items:center;gap:4px}.chart-container,.chart-wrapper,.chart-content{width:100%;position:relative}.chart-content>div{width:100%!important;height:100%!important}.chart-content canvas{display:block;width:100%!important;height:100%!important}.dashboard-container *{transition:all .3s ease}.chart-content,.chart-content canvas{transition:none!important}@media (max-width: 1000px){.dashboard-info-banner{margin-block:15px;width:100%}.dashboard-card{padding:20px;width:100%}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-back-btn{display:none}.dashboard-info-banner{padding:40px 20px 30px;margin-bottom:20px;width:98%;margin-left:auto;margin-right:auto}.dashboard-card{padding:20px;width:98%;margin-left:auto;margin-right:auto}.dashboard-stats-grid{grid-template-columns:1fr;width:98%;margin-left:auto;margin-right:auto}.dashboard-stat-card{padding:20px}.dashboard-content-grid{grid-template-columns:1fr;gap:8px;width:98%;margin-left:auto;margin-right:auto}.engagement-chart{height:150px}.chart-labels{padding:0 12px}.chart-stats{flex-wrap:wrap;gap:12px}.chart-stat-item{flex:1;min-width:80px}}.rp-container{width:100%;padding-bottom:10px;margin-top:20px}.rp-info-banner{padding:20px 40px 40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.rp-info-banner svg{margin-bottom:0}.rp-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.rp-info-banner h1{font-size:36px;font-weight:700;margin:0}.rp-info-banner p{font-size:16px;opacity:.9;margin:0;max-width:600px}.rp-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:8px;padding:0;transition:opacity .2s ease;opacity:.8}.rp-back-btn:hover{opacity:1}.rp-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px 30px;box-shadow:var(--border-shadow-primary);width:100%;margin-top:20px;margin-bottom:20px}.rp-card .input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.rp-card .input-group label{font-size:16px;font-weight:600;color:var(--text-color)}.rp-card .input-wrapper{position:relative;display:flex;align-items:center}.rp-card .input-icon{position:absolute;left:14px;color:var(--secondary-text-color);display:flex;align-items:center;pointer-events:none;z-index:1}.rp-card .textarea-wrapper{position:relative}.rp-card .textarea-wrapper .input-icon{top:14px}.rp-card .input-wrapper input{width:100%;padding:14px 45px;background-color:var(--secondary-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);color:var(--text-color);font-size:15px;transition:all .2s ease}.rp-card .input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a2be21a;outline:none}.rp-card .input-wrapper input::placeholder{color:var(--secondary-text-color);opacity:.7}.rp-card .select-wrapper{position:relative;display:flex;align-items:center}.rp-card .select-wrapper select{width:100%;padding:14px 40px 14px 45px;background-color:var(--secondary-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);color:var(--text-color);font-size:15px;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.rp-card .select-wrapper select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a2be21a;outline:none}.rp-card .textarea-wrapper textarea{width:100%;padding:14px 45px;background-color:var(--secondary-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);color:var(--text-color);font-size:15px;transition:all .2s ease;font-family:inherit;resize:vertical;min-height:120px}.rp-card .textarea-wrapper textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a2be21a;outline:none}.rp-card .textarea-wrapper textarea::placeholder{color:var(--secondary-text-color);opacity:.7}.rp-card .input-wrapper input.input-error,.rp-card .select-wrapper select.input-error,.rp-card .textarea-wrapper textarea.input-error{border-color:var(--danger-color)}.rp-card .input-wrapper input.input-error:focus,.rp-card .select-wrapper select.input-error:focus,.rp-card .textarea-wrapper textarea.input-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc26261a}.rp-card .input-helper{font-size:13px;color:var(--secondary-text-color);margin:6px 0 0}.rp-card .error-message{font-size:13px;color:var(--danger-color);margin:6px 0 0}.rp-card .success-banner{padding:12px 16px;background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-primary);color:#10b981;font-size:14px;margin-bottom:20px;font-weight:500}.rp-card .general-error-message{padding:12px 16px;background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--border-radius-primary);color:var(--danger-color);font-size:14px;margin-bottom:20px}.rp-card .divider{height:1px;background-color:var(--input-border-color);margin:0 0 30px;opacity:.5}.rp-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px}.rp-actions .btn-submit{padding:12px 24px;background:var(--primary-color);border:none;color:#fff;font-weight:600;font-size:15px;cursor:pointer;border-radius:var(--border-radius-primary);display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #8a2be240}.rp-actions .btn-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.rp-actions .btn-submit:active{transform:translateY(0)}.rp-actions .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.rp-actions .btn-submit:disabled:hover{filter:none;transform:none}@media (max-width: 1000px){.rp-info-banner{margin-block:15px;width:100%}.rp-card{padding:20px;width:100%}.rp-back-btn{display:none}}@media (max-width: 768px){.rp-info-banner{padding:40px 20px 30px;margin-bottom:20px;width:100%}.rp-card{padding:30px 20px 20px;width:100%}.rp-card .input-group{gap:15px;margin-bottom:50px}.rp-card .divider{display:none}.rp-actions{flex-direction:column-reverse}.rp-actions .btn-submit{width:100%;justify-content:center}}:root{--grid-gap: 8px}.explore-page-heading{width:100%;padding:25px;max-width:2210px;display:flex;align-items:center;justify-content:space-between}.explore-page-heading h1{font-size:32px;font-weight:700;color:var(--text-color);margin:0}.explore-input-div{width:250px;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-secondary);background-color:var(--input-header-color);border:var(--input-border-color) 1px solid;display:none;align-items:center}.explore-input-div input{width:100%;border:none;outline:none;background-color:transparent;color:var(--text-primary-color);font-size:16px;margin-left:10px}.explore-search-icon{color:var(--text-secondary-color)}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--grid-gap);grid-auto-rows:250px;padding:0 20px;margin-bottom:48px}.grid-item{position:relative;overflow:hidden;cursor:pointer;border-radius:8px;background-color:var(--background-secondary)}.grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.grid-item:hover img{transform:scale(1.05)}.video-indicator{position:absolute;top:10px;right:10px;color:#fff;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.grid-item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:8px}.grid-item:hover .grid-item-overlay{opacity:1}.overlay-stats{display:flex;gap:20px;color:#fff;font-weight:600;font-size:16px}.overlay-stats span{display:flex;align-items:center;gap:6px;color:#fff}.overlay-stats span:first-child svg{color:var(--primary-color)}.grid-item-video{grid-column:span 2;grid-row:span 1}.explore-loading{width:100%;display:flex;align-items:center;justify-content:center;padding:8px 0;margin:8px 0 32px;min-height:24px}.loading-spinner{color:var(--primary-color);animation:spin 1s linear infinite}.observer-target{height:20px;width:100%;display:block;margin-bottom:16px}.explore-end-message,.explore-empty{text-align:center;padding:40px;color:var(--secondary-text-color)}.explore-error{text-align:center;padding:40px;color:var(--danger-color)}.explore-error button{margin-top:15px;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.explore-error button:hover{opacity:.9}.explore-shared-post-feed{padding-block:40px}.explore-shared-post-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-height:none;padding-bottom:48px}@media (max-width: 768px){.explore-page-heading h1{font-size:28px}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px}}@media (max-width: 1000px){.explore-input-div{display:flex}.explore-grid{margin-bottom:96px}.explore-loading{margin-bottom:64px}.observer-target{margin-bottom:80px}.explore-shared-post-wrapper{padding-bottom:96px}}@media (max-width: 576px){.explore-page-heading h1{font-size:26px}.explore-page-heading{padding:30px 15px;flex-direction:column;align-items:flex-start;gap:20px}.explore-input-div{width:100%}.explore-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:120px;gap:4px;padding:0 10px;margin-bottom:100px}.grid-item-video{grid-column:span 1;grid-row:span 1}.video-indicator{top:6px;right:6px}.explore-loading{width:100%;padding:12px 0 24px;display:flex;align-items:center;justify-content:center;margin-bottom:64px}.observer-target{margin-bottom:80px}}.theme-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;transition:all .3s ease}.theme-modal-container.active{opacity:1;visibility:visible}.theme-modal-container .modal{background:var(--third-color);border-radius:16px;padding:2rem;width:90%;max-width:500px;max-height:500px;overflow-y:auto;transform:scale(.9);transition:transform .3s ease;box-shadow:0 20px 60px #0000004d;border:.5px solid white}.theme-modal-container.active .modal{transform:scale(1)}.theme-modal-container .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--input-border-color);padding-bottom:1rem}.theme-modal-container .modal-title{font-size:1.5rem;font-weight:700;color:var(--text-color)}.theme-modal-container .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary-color);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.theme-modal-container .close-btn:hover{background:var(--secondary-color);color:var(--text-color)}.theme-modal-container .modal-section{margin-bottom:2rem}.theme-modal-container .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--input-border-color)}.theme-modal-container .btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;position:relative;overflow:hidden}.theme-modal-container .color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;margin-bottom:1rem}.theme-modal-container .color-circle{width:60px;height:60px;outline:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.theme-modal-container .color-circle:hover{transform:scale(1.1)}.theme-modal-container .color-circle.selected{transform:scale(1.05)}.theme-modal-container .color-circle.selected:after{content:"✓";color:#fff;font-weight:700;font-size:1.2rem;text-shadow:0 0 4px rgba(0,0,0,.5)}.message-sent-notification{display:flex;align-items:center;gap:14px;background:var(--third-color);border-radius:var(--border-radius-primary);box-shadow:var(--border-shadow-secondary);padding:16px;cursor:pointer;transition:all .3s ease;border:1px solid var(--input-border-color);min-width:340px;max-width:420px;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.message-sent-notification:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8a2be226;border-color:var(--primary-color)}.message-notification-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--primary-color);box-shadow:0 2px 8px #8a2be233;transition:transform .2s ease}.message-sent-notification:hover .message-notification-avatar{transform:scale(1.05)}.message-notification-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.message-notification-label{font-size:13px;color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.message-notification-username{font-size:15px;color:var(--text-color);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.message-notification-close{background:none;border:none;font-size:28px;color:var(--secondary-text-color);cursor:pointer;padding:4px 6px;line-height:1;flex-shrink:0;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center}.message-notification-close:hover{color:var(--text-color);background:var(--secondary-color)}.message-notification-close:active{transform:scale(.9)}@media (max-width: 767px){.message-sent-notification{min-width:300px;max-width:360px;padding:14px;gap:12px}.message-notification-avatar{width:44px;height:44px;border-width:2px}.message-notification-label{font-size:11px}.message-notification-username{font-size:13px}}.message-heading{font-size:32px;font-weight:700;color:var(--text-color);margin-bottom:20px;margin-top:20px;padding-left:20px}.messages-page-container{width:100%;margin-top:0;height:calc(100vh - 120px);max-height:950px;min-height:500px;display:flex;flex-direction:column;overflow-y:auto;margin-bottom:20px}.messages-card{background:var(--third-color);border:none;border-radius:24px;box-shadow:var(--border-shadow-primary);width:100%;margin-top:0;margin-bottom:0;overflow:hidden;flex:1;max-height:950px}.messages-content{display:flex;width:100%;height:100%}.conversations-panel{min-width:380px;width:40%;border-right:1px solid var(--input-border-color);display:flex;flex-direction:column;height:100%;background:var(--third-color)}.conversations-header{padding:10px 20px 0;border-bottom:none;background:var(--secondary-color);margin-bottom:0}.conversations-header h2,.conversations-header h1{font-size:28px;font-weight:700;color:var(--text-color);margin:0 0 20px}.messages-tabs{display:flex;gap:0;border-bottom:1px solid var(--input-border-color);padding-top:20px;margin-top:10px}.messages-tab{flex:1;padding:12px 16px;background:none;border:none;color:var(--secondary-text-color);font-size:15px;font-weight:600;cursor:pointer;position:relative;transition:color .2s ease;outline:none}.messages-tab:hover,.messages-tab.active{color:var(--text-color)}.messages-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary-color)}.conversations-search{position:relative;width:100%;padding:12px;border-radius:var(--border-radius-secondary);background-color:var(--input-header-color);border:var(--input-border-color) 1px solid;display:flex;align-items:center}.conversations-search input{width:100%;padding:0 0 0 28px;border:none;border-radius:0;background:transparent;color:var(--text-color);font-size:14px;outline:none;transition:all .2s ease}.conversations-search input:focus{border-color:transparent}.conversations-search input::placeholder{color:var(--secondary-text-color)}.search-icon{position:relative;left:0;color:var(--secondary-text-color);flex-shrink:0}.conversations-list{flex:1;overflow-y:auto;padding:0;scrollbar-width:none;-ms-overflow-style:none}.conversations-list::-webkit-scrollbar{display:none}.conversation-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background .2s ease;gap:12px;position:relative}.conversation-item:hover{background:var(--secondary-color)}.conversation-item.active{background:var(--active-conversation-bg);border-right:3px solid var(--primary-color)}.conversation-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--input-border-color)}.conversation-avatar-wrapper{position:relative;width:56px;height:56px;flex-shrink:0}.conversation-online-status{position:absolute;width:14px;height:14px;background:#8a2be2;border:2px solid white;border-radius:50%;bottom:0;right:0}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column}.conversation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px}.conversation-name{font-size:15px;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.conversation-time{font-size:12px;color:var(--secondary-text-color);flex-shrink:0;white-space:nowrap}.conversation-message{font-size:14px;color:var(--secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.conversation-message.unread{color:var(--text-color);font-weight:600}.conversation-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.mute-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--secondary-text-color);opacity:.7;transition:opacity .2s ease;flex-shrink:0}.conversation-item:hover .mute-icon{opacity:1}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--third-color);height:100%}.chat-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative}.chat-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--input-border-color);background:var(--third-color);gap:12px}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--input-border-color)}.chat-avatar-wrapper{position:relative;width:48px;height:48px}.chat-online-status{position:absolute;width:12px;height:12px;background:#8a2be2;border:2px solid white;border-radius:50%;bottom:0;right:0}.chat-header-info{flex:1}.chat-header-info h3{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 2px}.chat-header-info p{font-size:13px;color:var(--secondary-text-color);margin:0}.chat-settings-btn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.chat-settings-btn:hover{background:var(--secondary-color)}.chat-settings-wrapper{position:relative;margin-left:auto}.chat-settings-dropdown{position:absolute;top:45px;right:0;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);box-shadow:var(--border-shadow-secondary);min-width:220px;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-option{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--text-color);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.settings-option:hover{background:var(--secondary-color)}.settings-option.danger{color:var(--danger-color)}.settings-option.danger:hover{background:#dc35451a}.messages-area{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}.messages-list{display:flex;flex-direction:column;gap:12px;padding:20px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scroll-behavior:auto;-webkit-overflow-scrolling:touch}.message{display:flex;gap:8px;max-width:70%;animation:messageSlide .2s ease-out;position:relative;will-change:auto}.message:hover .message-actions{opacity:1;visibility:visible}@keyframes messageSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end;flex-direction:row-reverse}.message.received{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--input-border-color)}.message-content{padding:10px 14px;border-radius:18px;word-wrap:break-word;max-width:100%}.message-content.has-image{padding:0;background:transparent!important}.message.sent .message-content{background:var(--primary-color);color:#fff}.message.received .message-content{background:var(--secondary-color);color:var(--text-color)}.message-content p{margin:0 0 4px;font-size:14px;line-height:1.4}.message-time{font-size:11px;opacity:.7;display:block;text-align:right}.message-actions{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10;pointer-events:none}.message:hover .message-actions{pointer-events:auto}.message.sent .message-actions{left:-90px}.message.received .message-actions{right:-90px}.message-action-btn{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:var(--secondary-text-color);box-shadow:0 2px 12px #00000014}.message-action-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.15);box-shadow:0 4px 16px #0000001f}.message-action-btn:active{transform:scale(1.05)}.message-menu-wrapper{position:static}.message-menu-dropdown{position:fixed;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:200px;z-index:1500;overflow:hidden;animation:dropdownSlide .2s ease-out;pointer-events:auto}.message-menu-option{width:100%;padding:12px 16px;display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.message-menu-option:hover{background:var(--secondary-color)}.message-menu-option.danger{color:var(--danger-color)}.message-menu-option.danger:hover{background:#dc354514}.message-menu-option svg{flex-shrink:0}.reaction-picker{position:absolute;bottom:calc(100% + 12px);background:var(--third-color);border:1px solid var(--input-border-color);border-radius:30px;padding:10px 14px;display:flex;gap:8px;box-shadow:0 8px 24px #00000026;z-index:1500;animation:reactionSlide .25s ease-out;pointer-events:auto}.message.sent .reaction-picker{right:0}.message.received .reaction-picker{left:0}@keyframes reactionSlide{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-btn{background:var(--secondary-color);border:1px solid transparent;font-size:26px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.reaction-btn:hover{background:var(--input-header-color);border-color:var(--input-border-color);transform:scale(1.25)}.reaction-btn:active{transform:scale(1.1)}.message-reactions{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.reaction-display{background:var(--secondary-color);border:1.5px solid var(--input-border-color);border-radius:14px;padding:4px 10px;display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer;transition:all .2s ease;min-height:28px}.reaction-display:hover{background:var(--input-header-color);transform:scale(1.08);border-color:var(--primary-color)}.reaction-display.reacted{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.reaction-display.reacted:hover{background:var(--primary-color);opacity:.9}.reaction-emoji{font-size:16px;line-height:1}.reaction-count{font-size:12px;font-weight:700;line-height:1}.reply-preview-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--secondary-color);border-top:1px solid var(--input-border-color);border-left:3px solid var(--primary-color)}.reply-preview-content{flex:1;min-width:0}.reply-preview-label{font-size:12px;font-weight:600;color:var(--primary-color);margin-bottom:4px}.reply-preview-text{font-size:14px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.cancel-reply-btn{background:none;border:none;color:var(--secondary-text-color);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.cancel-reply-btn:hover{background:var(--input-header-color);color:var(--text-color)}.message-reply-indicator{background:var(--secondary-color);border-left:3px solid var(--primary-color);border-radius:8px;padding:8px 12px;margin-bottom:8px;font-size:13px}.reply-to-label{font-weight:600;color:var(--primary-color);font-size:12px;margin-bottom:4px}.reply-to-text{color:var(--secondary-text-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message.sent .message-reply-indicator{background:#fff3;border-left-color:#ffffff80}.message.sent .reply-to-label{color:#ffffffe6}.message.sent .reply-to-text{color:#ffffffb3}.new-conversation-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 20px}.new-chat-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--input-border-color);margin-bottom:16px}.new-conversation-prompt h4{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px}.new-conversation-prompt p{font-size:14px;color:var(--secondary-text-color);margin:0;max-width:300px;line-height:1.5}.conversation-start{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;margin-bottom:30px}.conversation-start-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--input-border-color);margin-bottom:20px}.conversation-start h4{font-size:22px;font-weight:600;color:var(--text-color);margin:0 0 8px}.conversation-start p{font-size:15px;color:var(--secondary-text-color);margin:0;max-width:350px;line-height:1.6}.message-input-container{display:flex;align-items:center;padding:16px 20px;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid rgba(255,255,255,.05);gap:12px}.image-upload-btn{background:none;border:none;color:var(--secondary-text-color);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;flex-shrink:0}.image-upload-btn:hover{background:var(--input-header-color);color:var(--primary-color)}.image-input-hidden{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.message-input{flex:1;padding:12px 16px;border-radius:24px;border:1px solid var(--input-border-color);background:var(--secondary-color);color:var(--text-color);font-size:14px;outline:none;transition:all .2s ease}.message-input:focus{border-color:var(--primary-color);background:var(--third-color)}.message-input::placeholder{color:var(--secondary-text-color)}.send-button{padding:10px 24px;border-radius:24px;border:none;background:var(--primary-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.send-button:hover{opacity:.9;transform:scale(1.02)}.send-button:active{transform:scale(.98)}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.empty-conversations-icon{width:80px;height:80px;margin-bottom:20px;opacity:.4;color:var(--secondary-text-color)}.empty-conversations h3{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 12px}.empty-conversations p{font-size:15px;color:var(--secondary-text-color);margin:0 0 24px;max-width:280px;line-height:1.5}.empty-conversations .btn{padding:10px 24px}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:#e0e0e0;position:relative;overflow:hidden}.empty-chat-icon{width:100px;height:100px;margin-bottom:24px;color:#667eea;filter:drop-shadow(0 0 15px rgba(102,126,234,.2))}.empty-chat h3{font-size:1.5rem;font-weight:600;color:#e0e0e0;margin:20px 0 12px;letter-spacing:.5px}.empty-chat p{font-size:15px;color:#e0e0e0;margin:0;max-width:320px;line-height:1.5;opacity:.6}.conversations-list::-webkit-scrollbar,.messages-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb{background:var(--input-border-color);border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-text-color)}.margin-messages-container{width:calc(7% - 40px);color:transparent}.message-image{max-width:300px;max-height:300px;width:100%;height:auto;border-radius:18px;cursor:pointer;display:block;object-fit:cover}.message-content .message-time-image{position:absolute;bottom:8px;right:8px;background:#0009;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;opacity:.9}.image-preview-container{position:relative;padding:10px 20px;background:var(--secondary-color);border-top:1px solid var(--input-border-color)}.image-preview{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.remove-image-btn{position:absolute;top:15px;right:25px;background:#0009;border:none;border-radius:50%;color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-image-btn:hover{background:#000c}.fullscreen-image-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.fullscreen-image{max-width:90vw;max-height:90vh;object-fit:contain;z-index:10000}.close-fullscreen-btn{position:absolute;top:20px;right:20px;background:#fff3;border:none;border-radius:50%;color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10001}.close-fullscreen-btn:hover{background:#ffffff4d}.back-to-conversations-btn{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;margin-right:8px;flex-shrink:0}.back-to-conversations-btn:hover{background:var(--secondary-color)}.back-to-conversations-btn:active{transform:scale(.95)}.typing-indicator{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ffffff0d;border-radius:12px;margin:10px 20px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.typing-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.typing-dots{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#ffffff1a;border-radius:16px}.typing-dots span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typingAnimation 1.4s infinite;opacity:.4}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.typing-text{font-size:13px;color:#aaa;font-style:italic}.message-status{display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle;transition:color .2s ease}.message-status.sent,.message-status.delivered{color:#888}.message-status.read{color:#4a90e2}.message-time{display:inline-flex;align-items:center;gap:4px}.message-time-image{display:inline-flex;align-items:center;gap:4px;position:absolute;bottom:8px;right:8px;background:#0009;padding:4px 8px;border-radius:12px;font-size:11px;color:#fff}.conversation-message{font-size:14px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:flex;align-items:center;gap:4px}.conversation-message.unread{font-weight:600;color:#fff}.conversation-message:first-line{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.messages-area{position:relative;overflow-y:auto;display:flex;flex-direction:column}.messages-list{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}@media (max-width: 768px){.typing-indicator{margin:10px;padding:10px 15px}.typing-avatar{width:28px;height:28px}.typing-text{font-size:12px}.typing-dots{padding:6px 10px}.typing-dots span{width:6px;height:6px}}.typing-indicator{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.message-status,.typing-indicator,.typing-dots span{will-change:transform,opacity}.typing-indicator{display:flex;align-items:center;gap:10px;padding:10px 15px;margin:10px 20px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:20px;border:1px solid rgba(102,126,234,.2)}.typing-dots{background:transparent;padding:0}.typing-dots span{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}@media screen and (min-width: 2500px){.messages-page-container{max-width:2380px;margin:0 auto}}@media screen and (max-width: 2350px){.margin-messages-container{margin-left:0;width:150px;min-width:100px}}@media screen and (max-width: 1440px){.conversations-panel{min-width:340px;width:38%}}@media screen and (max-width: 1200px){.conversations-panel{min-width:320px;width:35%}.empty-chat{padding:30px 20px}.empty-chat-icon{width:80px;height:80px}}@media screen and (max-width: 1024px){.conversations-panel{min-width:300px;width:40%}.conversation-avatar{width:48px;height:48px}.conversations-header h2,.conversations-header h1{font-size:30px}.empty-conversations{padding:30px 15px}.empty-conversations-icon,.empty-chat-icon{width:70px;height:70px}}@media screen and (max-width: 1000px){.margin-messages-container{display:none}}@media (min-width: 769px) and (max-width: 930px){.reaction-picker{padding:6px 10px;gap:4px}.reaction-btn{width:36px;height:36px;font-size:20px}}@media (max-width: 768px){.messages-page-container{margin-top:5px;height:calc(100vh - 101px);border-radius:0;width:100%;margin-left:auto;margin-right:auto}.messages-card{height:100%;margin-top:0;margin-bottom:0;border-radius:0}.conversations-panel{width:100%;min-width:100%;border-right:none}.conversations-panel.hidden{display:none}.conversations-header{padding:20px 16px 0}.conversation-item{padding:18px 20px}.conversation-avatar{width:58px;height:58px}.conversation-name{font-size:16px}.conversation-message{font-size:14px}.chat-panel{position:fixed;top:var(--height-header-desktop);left:0;width:100%;height:calc(100vh - var(--height-header-desktop));z-index:1000;display:none;border-radius:0}.chat-panel.active{display:flex}.conversations-list{padding:0}.empty-conversations{padding:20px 15px}.empty-conversations-icon{width:64px;height:64px;margin-bottom:16px}.empty-conversations h3{font-size:18px}.empty-conversations p{font-size:14px;max-width:260px}.empty-chat{padding:20px 15px}.empty-chat-icon{width:64px;height:64px;margin-bottom:20px}.empty-chat h3{font-size:20px}.empty-chat p{font-size:14px;max-width:300px}.back-to-conversations-btn{display:flex;align-items:center;justify-content:center}.messages-page-container.has-active-chat~*{display:none!important}body:has(.messages-page-container.has-active-chat) header,body:has(.messages-page-container.has-active-chat) .messages-sidebar,body:has(.messages-page-container.has-active-chat) .bottom-nav,body:has(.messages-page-container.has-active-chat) .margin-messages-container{display:none!important}.messages-page-container.has-active-chat{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh!important;margin:0;z-index:950;max-height:none;border-radius:0;border:none}.messages-page-container.has-active-chat .messages-card{height:100%;margin:0;border-radius:0;max-height:none}.message-image{max-width:220px}.messages-page-container.has-active-chat .message-heading{display:none}.messages-page-container.has-active-chat .chat-panel{height:100%;top:0}.messages-page-container.has-active-chat .chat-container{height:100%}.messages-list::-webkit-scrollbar{display:none;width:0}.messages-tab{font-size:18px;padding-block:16px}@keyframes reactionSlideMobile{0%{opacity:0;transform:translate(-50%) translateY(15px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.reaction-picker{padding:8px;gap:8px;flex-wrap:wrap;width:180px;justify-content:center;animation:reactionSlideMobile .25s ease-out forwards;left:50%;transform:translate(-50%)}.message.sent .reaction-picker{right:auto}.reaction-btn{width:38px;height:38px;font-size:20px}}@media (max-width: 640px){.messages-page-container{margin-top:5px;width:100%;border-radius:0;border-left:none;border-right:none}.messages-card{border-radius:0;margin-top:0}.conversations-header h2,.conversations-header h1{font-size:30px}.conversation-item{padding:16px;gap:12px}.conversation-avatar{width:60px;height:60px}.conversation-name{font-size:17px}.conversation-time{font-size:12px}.conversation-message{font-size:15px}.empty-conversations{padding:15px 10px}.empty-conversations-icon{width:56px;height:56px;margin-bottom:12px}.empty-conversations h3{font-size:16px;margin-bottom:8px}.empty-conversations p{font-size:13px;max-width:240px;margin-bottom:16px}.empty-conversations .btn{padding:8px 20px;font-size:14px}.empty-chat{padding:15px 10px}.empty-chat-icon{width:56px;height:56px;margin-bottom:16px}.empty-chat h3{font-size:18px;margin-bottom:8px}.empty-chat p{font-size:13px;max-width:260px}}@media (max-width: 480px){.messages-page-container{width:100%;margin-left:auto;margin-right:auto}.conversations-header{padding:14px 10px 0}.conversations-header h2,.conversations-header h1{font-size:26px}.conversations-search input{padding:6px 10px 6px 30px;font-size:15px}.search-icon{left:10px}.conversation-item{padding:14px}.conversation-avatar{width:58px;height:58px}.empty-conversations{padding:15px 10px}.empty-conversations-icon{width:50px;height:50px}.empty-conversations h3{font-size:15px}.empty-conversations p{font-size:12px;max-width:220px}.empty-chat-icon{width:50px;height:50px}.empty-chat h3{font-size:16px}.empty-chat p{font-size:12px;max-width:240px}}@media (max-width: 375px){.messages-page-container{width:100%;margin-left:auto;margin-right:auto}.conversation-avatar{width:56px;height:56px}.conversation-name{font-size:16px}.conversation-message{font-size:14px}.empty-conversations-icon,.empty-chat-icon{width:45px;height:45px}.empty-conversations h3,.empty-chat h3{font-size:14px}.empty-conversations p,.empty-chat p{font-size:11px}}.blocked-message-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px 15px;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid rgba(239,68,68,.3);border-radius:12px;gap:10px}.blocked-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ef444433;border-radius:50%;color:#ef4444}.blocked-text{font-size:13px;color:#ef4444;text-align:center;font-weight:500;margin:0;max-width:300px}.loading-more-messages{display:flex;justify-content:center;align-items:center;width:100%;padding:20px 0}.rotating-spinner{animation:spin 1s linear infinite;color:var(--input-border-color)}.rotating-spinner-infinite{animation:spin 1s linear infinite;color:var(--text-color)}.loading-more-conversations{display:flex;justify-content:center;align-items:center;padding:20px 0;width:100%}.reels-layout{width:100%;display:flex}.reels-container{height:calc(100vh - 80px);overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:2210px;margin:0 auto;background-color:#000}.reels-container::-webkit-scrollbar{display:none}.reel-item{position:relative;width:100%;height:calc(100vh - 80px);scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;background-color:#000}.reel-video-wrapper{position:relative;width:100%;height:100%;max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer}.reel-video{width:100%;height:100%;object-fit:cover}.reel-play-overlay{display:none}.reel-info{position:absolute;bottom:30px;left:20px;right:80px;z-index:10;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);padding-bottom:0}.reel-user{display:flex;align-items:center;gap:10px}.reel-user-avatar{width:37px;height:37px;border-radius:50%;object-fit:cover;border:2px solid white;cursor:pointer}.reel-user-details{min-width:0;display:flex;align-items:center;gap:8px}.reel-username{font-size:15px;font-weight:600;margin:0;color:#fff;line-height:1.2;cursor:pointer}.reel-handle{font-size:12px;color:#fffc;display:none}.reel-follow-btn{background:transparent;color:#fff;border:1px solid white;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.reel-follow-btn:hover{background:#fff;color:#000}.reel-follow-btn.following{background:#fff3;border-color:#ffffff80}.reel-description{font-size:16px;line-height:1.4;margin:0;padding:10px;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500}.reel-actions{position:absolute;right:12px;bottom:40px;z-index:10;display:flex;flex-direction:column;gap:16px;align-items:center;padding-bottom:0}.reel-action-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease;text-shadow:0 1px 4px rgba(0,0,0,.6)}.reel-actions .reel-action-btn:nth-child(3) span{display:none}.reel-action-btn:hover{transform:scale(1.1)}.reel-action-btn:active{transform:scale(.95)}.reel-action-btn svg{width:32px;height:32px}.reel-action-btn span{font-size:12px;font-weight:600;color:#fff}.reel-action-btn.liked{color:var(--primary-color)}.reel-action-btn.saved{color:#fbbf24}.reels-loading{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);width:100%;background:#000}.spinner{animation:spin 1s linear infinite;color:#fff}.reels-end{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);width:100%;font-size:1.2rem;color:#ffffffb3;background:#000}.reels-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 80px);gap:1rem;background:#000;color:#fff}.reels-error button{padding:.75rem 1.5rem;background:#fff;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s ease}.reels-error button:hover{transform:scale(1.05)}.like-heart-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:like-heart-beat 1s ease-out forwards;pointer-events:none;z-index:10}@keyframes like-heart-beat{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@media (max-width: 1000px){.reels-container{padding-right:0;height:calc(100vh - 140px)}.reel-item{height:calc(100vh - 140px)}.reel-video-wrapper{max-width:100%}.reel-info{bottom:30px;left:12px;right:70px;padding-bottom:0}.reel-actions{right:10px;bottom:30px;gap:18px;padding-bottom:0}.reel-action-btn svg{width:36px;height:36px}.reel-action-btn span{font-size:13px}.reel-user-avatar{width:34px;height:34px}.reel-username{font-size:16px}.reel-handle{font-size:12px}.reel-description{font-size:15px}.reel-follow-btn{font-size:14px;padding:6px 18px}}@media (max-width: 480px){.reel-item{height:calc(100vh - 140px)}.reel-info{bottom:30px;left:10px;right:60px;padding-bottom:0}.reel-actions{right:8px;bottom:30px;gap:20px;padding-bottom:0}.reel-action-btn svg{width:38px;height:38px}.reel-action-btn span{font-size:13px}.reel-user-avatar{width:37px;height:37px}.reel-username{font-size:16px}.reel-follow-btn{font-size:15px}.reel-description{font-size:16px}}@media (max-width: 400px){.reels-layout{min-width:100%}.reels-container,.reel-item{height:calc(100vh - 140px)}}.reel-comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:flex-end;justify-content:flex-end;z-index:9999;animation:slideInOverlay .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes slideInOverlay{0%{opacity:0}to{opacity:1}}.reel-comment-modal{background:var(--third-color);border-radius:20px 20px 0 0;width:100%;max-width:500px;height:90vh;display:flex;flex-direction:column;box-shadow:0 -8px 24px #0003;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.reel-comment-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--input-border-color);min-height:60px;background:var(--third-color);border-radius:20px 20px 0 0}.reel-comment-header h3{margin:0;font-size:20px;font-weight:700;color:var(--text-color);letter-spacing:-.3px}.reel-comment-close{background:var(--input-header-color);border:none;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center;padding:8px;width:36px;height:36px;border-radius:50%;transition:all .2s ease}.reel-comment-close:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.05)}.reel-comments-list{flex:1;overflow-y:auto;padding:8px 0}.reel-comments-list::-webkit-scrollbar{width:8px}.reel-comments-list::-webkit-scrollbar-track{background:transparent}.reel-comments-list::-webkit-scrollbar-thumb{background:var(--input-border-color);border-radius:4px}.reel-comments-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-text-color)}.reel-comment-item{display:flex;gap:14px;padding:16px 20px;border-bottom:1px solid var(--input-border-color);position:relative;transition:background-color .2s ease}.reel-comment-item:hover{background-color:var(--input-header-color)}.reel-comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--input-border-color)}.reel-comment-content{flex:1;display:flex;flex-direction:column;gap:8px}.reel-comment-header-info{display:flex;gap:10px;align-items:center;font-size:14px}.reel-comment-user{font-weight:700;color:var(--text-color);font-size:15px}.reel-comment-time{color:var(--secondary-text-color);font-size:13px}.reel-comment-text{margin:0;font-size:15px;color:var(--text-color);line-height:1.5;word-break:break-word}.reel-comment-actions{display:flex;gap:16px;font-size:12px;margin-top:6px}.reel-comment-like{background:none;border:none;cursor:pointer;color:var(--secondary-text-color);display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:6px;transition:all .2s ease;font-size:14px;font-weight:500}.reel-comment-like:hover,.reel-comment-like.liked{color:var(--primary-color);background-color:#8a2be21a}.reel-comment-reply-btn{background:none;border:none;cursor:pointer;color:var(--secondary-text-color);padding:6px 10px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease}.reel-comment-reply-btn:hover{color:var(--primary-color);background-color:var(--input-header-color)}.reel-comment-delete{background:none;border:none;cursor:pointer;color:var(--secondary-text-color);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;position:absolute;top:16px;right:20px;width:32px;height:32px}.reel-comment-delete:hover{color:var(--danger-color);background-color:#dc35451a}.reel-reply-input-section{display:flex;gap:10px;margin-top:10px;align-items:center;padding:0 20px}.reel-reply-input{flex:1;border:1.5px solid var(--input-border-color);border-radius:22px;padding:10px 18px;font-size:14px;outline:none;background:var(--input-header-color);color:var(--text-color);transition:all .2s ease;font-family:var(--font-primary)}.reel-reply-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a2be21a}.reel-reply-submit-btn{background:var(--input-header-color);border:none;cursor:pointer;color:var(--primary-color);padding:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .2s ease}.reel-reply-submit-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;transform:scale(1.08)}.reel-reply-submit-btn:disabled{color:var(--input-border-color);cursor:not-allowed}.reel-reply-cancel-btn{background:none;border:none;cursor:pointer;color:var(--secondary-text-color);padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.reel-reply-cancel-btn:hover{background-color:var(--input-header-color);color:var(--text-color)}.reel-show-replies-btn{background:none;border:none;cursor:pointer;color:var(--primary-color);padding:8px 0;margin-top:10px;margin-left:20px;font-size:13px;font-weight:700;transition:all .2s ease;text-align:left}.reel-show-replies-btn:hover{text-decoration:underline;opacity:.8}.reel-replies-section{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding-left:16px;border-left:3px solid var(--primary-color);padding-top:14px;margin-right:20px}.reel-reply{display:flex;gap:12px;padding:0}.reel-reply-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--input-border-color)}.reel-reply-content{flex:1;display:flex;flex-direction:column;gap:6px}.reel-reply-header{display:flex;gap:8px;align-items:center;font-size:13px}.reel-reply-user{font-weight:700;color:var(--text-color);font-size:14px}.reel-reply-time{color:var(--secondary-text-color);font-size:12px}.reel-reply-delete{background:none;border:none;cursor:pointer;color:var(--secondary-text-color);padding:4px 6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;margin-left:auto}.reel-reply-delete:hover{color:var(--danger-color);background-color:#dc35451a}.reel-reply-text{margin:0;font-size:14px;color:var(--text-color);line-height:1.5;word-break:break-word}.reel-reply-actions{display:flex;gap:12px;font-size:11px;margin-top:6px}.reel-reply-like{background:none;border:none;cursor:pointer;color:var(--secondary-text-color);display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:all .2s ease;font-size:13px;font-weight:500}.reel-reply-like:hover,.reel-reply-like.liked{color:var(--danger-color);background-color:#dc35451a}.reel-no-comments{display:flex;align-items:center;justify-content:center;height:200px;color:var(--secondary-text-color);font-size:16px;text-align:center;padding:40px 20px;flex-direction:column}.reel-no-comments p{margin:0;font-weight:500}.reel-comments-loading{display:flex;justify-content:center;align-items:center;padding:40px 20px}.reel-comments-loading .spinner{animation:spin 1s linear infinite;color:var(--primary-color);font-size:32px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel-load-more-btn{width:auto;padding:12px 20px;border:none;background-color:var(--input-header-color);color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;border-radius:8px;margin:12px 20px;align-self:center}.reel-load-more-btn:hover{background-color:var(--primary-color);color:#fff}.reel-comment-input{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--input-border-color);background:var(--third-color);border-radius:0 0 20px 20px;align-items:center}.reel-comment-input-field{flex:1;border:1.5px solid var(--input-border-color);border-radius:22px;padding:11px 18px;font-size:15px;outline:none;background:var(--input-header-color);color:var(--text-color);transition:all .2s ease;font-family:var(--font-primary)}.reel-comment-input-field::placeholder{color:var(--secondary-text-color)}.reel-comment-input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a2be21a}.reel-comment-submit-btn{background:var(--input-header-color);border:none;cursor:pointer;color:var(--primary-color);padding:8px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;transition:all .2s ease}.reel-comment-submit-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;transform:scale(1.08)}.reel-comment-submit-btn:disabled{color:var(--input-border-color);cursor:not-allowed}@media (max-width: 768px){.reel-comment-modal{max-width:100%;border-radius:18px 18px 0 0}.reel-comment-header{padding:16px 20px;border-radius:18px 18px 0 0}.reel-comment-item{gap:12px;padding:14px 16px}.reel-comment-avatar{width:38px;height:38px}.reel-comment-text{font-size:14px}}@media (max-width: 480px){.reel-comment-modal-overlay{background-color:#000000b3}.reel-comment-modal{height:calc(100vh - var(--height-header-desktop) - 60px);max-width:100%;border-radius:16px 16px 0 0;box-shadow:0 -6px 20px #00000040}.reel-comment-header{padding:16px 18px;min-height:56px;border-radius:16px 16px 0 0}.reel-comment-header h3{font-size:18px;font-weight:700}.reel-comment-item{gap:12px;padding:14px 16px}.reel-comment-avatar{width:36px;height:36px}.reel-comment-text,.reel-comment-user{font-size:14px}.reel-comment-input{padding:12px 16px;gap:10px}.reel-comment-input-field{padding:10px 16px;font-size:14px;border-radius:20px}.reel-comment-submit-btn{width:36px;height:36px}.reel-comment-close{width:32px;height:32px;padding:6px}.reel-replies-section{margin-right:16px;padding-left:14px;gap:12px;margin-top:12px}}.explore-shared-post-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;grid-column:2}.explore-shared-post-spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-left-color:#09f;border-radius:50%;animation:spin 1s linear infinite}.explore-shared-post-loading-container p{margin-top:1rem;font-size:1rem;color:#666}.search-section-title{padding-top:20px;padding-bottom:12px}.search-page-container{display:flex;min-height:100vh;padding-top:var(--height-header-desktop);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.search-content-wrapper{display:flex;width:100%;max-width:100%;margin:0 auto;gap:24px;padding:0 20px 0 0;box-sizing:border-box;overflow-x:hidden;justify-content:center}.search-main-feed{flex:1;min-width:0;max-width:900px;overflow:hidden;box-sizing:border-box}.search-right-sidebar{width:340px;min-width:340px;max-width:340px;flex-shrink:0;position:sticky;top:calc(var(--height-header-desktop) + 40px);height:fit-content;max-height:calc(100vh - var(--height-header-desktop) - 40px);display:flex;flex-direction:column;gap:20px;box-sizing:border-box;align-self:flex-start;margin-top:30px}.search-page-heading{width:100%;padding:25px;max-width:2210px;background:transparent;border:none;border-radius:var(--border-radius-primary);box-sizing:border-box}.search-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.search-header svg{color:var(--primary-color)}.search-title{font-size:32px;font-weight:700;color:var(--text-color);margin:0}.search-result-count{font-size:14px;color:var(--secondary-text-color);margin-bottom:16px}.search-page-tabs{display:flex;gap:8px;margin-top:16px}.search-page-tab{background:transparent;border:1px solid var(--input-border-color);color:var(--text-color);padding:8px 20px;border-radius:var(--border-radius-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.search-page-tab:hover{background:var(--secondary-color)}.search-page-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-page-feed{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.search-user-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.search-user-card:hover{box-shadow:var(--border-shadow-primary);transform:translateY(-2px)}.search-user-card-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-user-card-info{flex:1;display:flex;flex-direction:column;min-width:0}.search-user-card-name{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-user-card-username{font-size:14px;color:var(--secondary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-user-card-bio{font-size:13px;color:var(--text-color);margin:8px 0 4px;line-height:1.4}.search-user-card-followers{font-size:12px;color:var(--secondary-text-color)}.search-user-follow-btn{background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-primary);padding:8px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.search-user-follow-btn:hover{background:#7a1fd2;transform:scale(1.02)}.search-user-follow-btn:active{transform:scale(.98)}.search-user-follow-btn.following{background:var(--secondary-color);color:var(--text-color);border:1px solid var(--input-border-color)}.search-user-follow-btn.following:hover{background:#dc35451a;color:var(--danger-color);border-color:var(--danger-color)}.search-user-follow-btn.requested{background:#fff3cd;color:#856404;border:1px solid #ffc107}.search-user-follow-btn.requested:hover{background:#ffebee;color:var(--danger-color);border-color:var(--danger-color)}.search-widget{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.search-widget-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--input-border-color);flex-shrink:0}.search-widget-header svg{color:var(--primary-color)}.search-widget-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.search-related-list{display:flex;flex-direction:column;gap:8px}.search-related-item{background:transparent;border:none;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-color);text-align:left;cursor:pointer;transition:all .2s ease}.search-related-item:hover{background:var(--secondary-color);color:var(--primary-color)}.search-tags-list{display:flex;flex-wrap:wrap;gap:8px}.search-tag{background:#8a2be21a;color:var(--primary-color);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.search-tag:hover{background:var(--primary-color);color:#fff}@media (min-width: 2500px){.search-content-wrapper{max-width:2000px}.search-main-feed{max-width:1100px}}@media (min-width: 1600px) and (max-width: 2499px){.search-main-feed{max-width:950px}}@media (min-width: 1400px) and (max-width: 1599px){.search-main-feed{max-width:750px}}@media (min-width: 1200px) and (max-width: 1399px){.search-main-feed{max-width:650px}}@media (min-width: 1025px) and (max-width: 1199px){.search-main-feed{max-width:550px}.search-right-sidebar{width:300px;min-width:300px;max-width:300px}.search-content-wrapper{gap:20px}}@media (max-width: 1200px){.search-right-sidebar{width:300px;min-width:300px;max-width:300px}.search-content-wrapper{gap:20px}}@media (max-width: 1024px){.search-right-sidebar{display:none}.search-main-feed{max-width:100%}}@media (max-width: 768px){.search-content-wrapper{padding:0;gap:0}.search-main-feed{padding-top:0}.search-page-heading{padding:30px 15px;border-radius:0;border:none;margin-top:0}.search-title{font-size:24px}.search-header{flex-direction:column;align-items:flex-start;gap:8px}.search-page-feed{gap:0;margin-bottom:32px}.search-user-card{border-radius:0;border-left:none;border-right:none}.search-page-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.search-page-tabs::-webkit-scrollbar{display:none}.search-page-tab{flex-shrink:0}}@media (max-width: 480px){.search-title{font-size:22px}.search-user-card{padding:16px}.search-user-card-avatar{width:56px;height:56px}.search-user-follow-btn{padding:6px 12px;font-size:12px}}.search-mobile-page{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-color);color:var(--text-color);z-index:1100;display:flex;flex-direction:column}.search-mobile-header{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--input-border-color)}.search-mobile-header .back-btn{background:none;border:none;color:var(--text-color);margin-right:10px;cursor:pointer}.search-mobile-header input{width:100%;background-color:var(--input-header-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:10px 15px;font-size:16px;color:var(--text-color)}.search-mobile-history{padding:15px;flex-grow:1;overflow-y:auto}.search-mobile-history .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.search-mobile-history .history-header h4{font-size:16px;font-weight:600}.search-mobile-history .clear-all-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px}.search-mobile-history .history-list{list-style:none;padding:0;margin:0}.search-mobile-history .history-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer}.search-mobile-history .history-list .delete-item-btn{background:none;border:none;color:var(--secondary-text-color);cursor:pointer}.admin-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--secondary-color);border-top:1px solid var(--input-border-color);padding:8px 0;z-index:1000;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000001a}.admin-bottom-nav a{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;transition:all .2s ease;position:relative}.admin-bottom-nav a.active{background:var(--primary-color)}.admin-bottom-nav a.active .bottom-nav-icon{color:#fff}.admin-bottom-nav a:hover{background:var(--third-color)}.admin-bottom-nav .bottom-nav-icon{color:var(--text-color);transition:color .2s ease}@media (max-width: 1024px){.admin-bottom-nav{display:flex}.admin-sidebar{display:none!important}.admin-layout{padding-bottom:70px}}@media (max-width: 480px){.admin-bottom-nav .bottom-nav-icon{font-size:22px}.admin-bottom-nav a{padding:6px 8px}}:root{--report-pending-bg: rgba(255, 193, 7, .1);--report-pending-text: #FFC107;--report-resolved-bg: rgba(76, 175, 80, .1);--report-resolved-text: #4CAF50;--report-investigating-bg: rgba(33, 150, 243, .1);--report-investigating-text: #2196F3}.admin-layout{padding-top:0}.admin-sidebar{top:0}.admin-dashboard-container{width:100%;padding:0;margin-top:20px}.admin-header{padding:40px;background:var(--primary-color);border-radius:var(--border-radius-primary);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-block:20px;width:100%}.admin-header h1{font-size:36px;font-weight:700;margin:0}.admin-header p{font-size:16px;opacity:.9;margin:0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:10px;margin-bottom:30px}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);transition:all .2s ease}.admin-stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #8a2be226;transform:translateY(-2px)}.admin-stat-card.alert{border-color:#ffc1074d}.admin-stat-card.alert:hover{border-color:#ffc107;box-shadow:0 4px 12px #ffc10733}.admin-stat-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--secondary-color);border-radius:var(--border-radius-primary);color:var(--primary-color)}.admin-stat-icon.users{color:#4caf50}.admin-stat-icon.active{color:#2196f3}.admin-stat-icon.danger{color:var(--danger-color)}.admin-stat-icon.posts{color:#ff9800}.admin-stat-icon.videos{color:#9c27b0}.admin-stat-icon.warning{color:#ffc107}.admin-stat-content{flex:1}.admin-stat-content h3{font-size:28px;font-weight:700;margin:0 0 4px;color:var(--text-color)}.admin-stat-content p{font-size:14px;color:var(--secondary-text-color);margin:0 0 8px}.admin-stat-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.admin-stat-badge.success{background:#4caf501a;color:#4caf50}.admin-stat-badge.info{background:#2196f31a;color:#2196f3}.admin-stat-badge.danger{background:#dc35451a;color:var(--danger-color)}.admin-stat-badge.warning{background:#ffc1071a;color:#ffc107}.admin-recent-activity{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:24px;margin:20px 10px}.admin-recent-activity h2{font-size:20px;font-weight:600;margin:0 0 20px;color:var(--text-color)}.admin-activity-list{display:flex;flex-direction:column;gap:12px}.admin-activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--secondary-color);border-radius:var(--border-radius-primary);transition:all .2s ease}.admin-activity-item:hover{background:var(--input-header-color)}.admin-activity-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--third-color);border-radius:50%;color:var(--primary-color)}.admin-activity-content{flex:1}.admin-activity-content p{font-size:14px;color:var(--text-color);margin:0 0 4px}.admin-activity-content span{font-size:12px;color:var(--secondary-text-color)}.admin-no-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--secondary-text-color)}.admin-no-activity svg{color:var(--primary-color);margin-bottom:12px}.admin-no-activity p{margin:0;font-size:14px}.admin-loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:18px;color:var(--secondary-text-color)}.analytics-container{width:100%;padding:0;margin-top:20px}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:10px;margin-bottom:30px}.analytics-stat-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8a2be226}.analytics-stat-card.primary-border{border-top:3px solid var(--primary-color)}.analytics-stat-card.success-border{border-top:3px solid #4CAF50}.analytics-stat-card.info-border{border-top:3px solid #2196F3}.analytics-stat-card.danger-border{border-top:3px solid var(--danger-color)}.analytics-stat-label{font-size:14px;color:var(--secondary-text-color)}.analytics-stat-value{font-size:28px;font-weight:700;color:var(--text-color)}.analytics-stat-sub{font-size:13px;color:var(--secondary-text-color)}.analytics-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;padding:10px}.analytics-chart-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);overflow:hidden}.analytics-chart-header{padding:16px 20px;border-bottom:1px solid var(--input-border-color);display:flex;align-items:baseline;gap:8px}.analytics-chart-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.analytics-chart-subtitle{font-size:13px;color:var(--secondary-text-color)}.analytics-chart-body{padding:20px 10px 10px 0}.analytics-chart-body.centered{padding:20px;display:flex;justify-content:center}@media (max-width: 1200px){.analytics-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-stats-grid{grid-template-columns:1fr;gap:15px}.analytics-stat-value{font-size:24px}}@media (max-width: 1200px){.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.admin-header{padding:30px 20px}.admin-stats-grid{grid-template-columns:1fr;gap:15px}.admin-stat-card{padding:18px}.admin-stat-icon{width:48px;height:48px}.admin-stat-content h3{font-size:24px}}.report-container{width:100%;padding:0;margin-top:20px;margin-bottom:40px}.report-filters{display:flex;gap:10px;padding:10px;margin-bottom:20px}.report-filters button{background:var(--third-color);border:1px solid var(--input-border-color);color:var(--text-color);padding:8px 16px;border-radius:var(--border-radius-primary);cursor:pointer;transition:all .2s ease}.report-filters button:hover{background:var(--secondary-color);border-color:var(--primary-color)}.report-filters button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.report-table-container{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);overflow-x:auto}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:16px;text-align:left;color:var(--text-color)}.report-table th{background-color:var(--secondary-color);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.report-table th:hover{background-color:var(--input-header-color)}.report-table th svg{margin-left:8px;vertical-align:middle}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover{background-color:var(--secondary-color)}.report-type-badge,.report-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.report-type-badge.user{background:#4caf501a;color:#4caf50}.report-type-badge.post{background:#2196f31a;color:#2196f3}.report-type-badge.video{background:#9c27b01a;color:#9c27b0}.report-status-badge.pending{background:var(--report-pending-bg);color:var(--report-pending-text)}.report-status-badge.resolved{background:var(--report-resolved-bg);color:var(--report-resolved-text)}.report-status-badge.investigating{background:var(--report-investigating-bg);color:var(--report-investigating-text)}.report-container .report-actions{display:flex;gap:8px}.report-container .action-btn{padding:6px 12px;border-radius:var(--border-radius-primary);border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.report-container .action-btn.view{background-color:#2196f3;color:#fff}.report-container .action-btn.view:hover{opacity:.8}.report-container.action-btn.resolve{background-color:#4caf50;color:#fff}.report-container .action-btn.resolve:hover{opacity:.8}.report-container .action-btn.delete{background-color:var(--danger-color);color:#fff}.report-container .action-btn.delete:hover{opacity:.8}.users-container{width:100%;padding:0;margin-top:20px}.users-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.users-search{display:flex;align-items:center;gap:10px;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:10px 15px;transition:border-color .2s ease}.users-search:focus-within{border-color:var(--primary-color)}.users-search svg{color:var(--text-color);opacity:.6}.users-search input{flex:1;border:none;background:transparent;color:var(--text-color);font-size:14px;outline:none}.users-search input::placeholder{color:var(--text-color);opacity:.5}.users-filters{display:flex;gap:10px;flex-wrap:wrap}.users-filters button{background:var(--third-color);border:1px solid var(--input-border-color);color:var(--text-color);padding:8px 16px;border-radius:var(--border-radius-primary);cursor:pointer;transition:all .2s ease;font-weight:500}.users-filters button:hover{background:var(--secondary-color);border-color:var(--primary-color)}.users-filters button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-label{color:var(--text-color);opacity:.7;font-size:14px;font-weight:500}.stat-value{color:var(--text-color);font-size:28px;font-weight:700}.users-table-container{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:16px;text-align:left;border-bottom:1px solid var(--input-border-color);color:var(--text-color)}.users-table th{background-color:var(--secondary-color);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;white-space:nowrap}.users-table th:hover{background-color:var(--input-header-color)}.users-table th svg{margin-left:8px;vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background-color:var(--secondary-color)}.username-cell{font-weight:600}.role-badge,.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.role-badge.user{background:#2196f31a;color:#2196f3}.role-badge.moderator{background:#ff98001a;color:#ff9800}.role-badge.admin{background:#9c27b01a;color:#9c27b0}.status-badge.active{background:#4caf501a;color:#4caf50}.status-badge.suspended{background:#ff98001a;color:#ff9800}.status-badge.banned{background:#f443361a;color:#f44336}.reports-warning{color:var(--danger-color);font-weight:600}.users-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:6px 12px;border-radius:var(--border-radius-primary);border:none;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:13px}.action-btn.view{background-color:#2196f3;color:#fff}.action-btn.view:hover{opacity:.8}.action-btn.delete{background-color:var(--danger-color);color:#fff}.action-btn.delete:hover{opacity:.8}@media (max-width: 768px){.users-stats{grid-template-columns:repeat(2,1fr)}.users-table-container{overflow-x:scroll}.users-table{min-width:900px}.users-actions{flex-direction:column}.action-btn{width:100%}}.roles-container{width:100%;padding:0;margin-top:20px}.roles-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.roles-search{display:flex;align-items:center;gap:10px;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:10px 15px;transition:border-color .2s ease}.roles-search:focus-within{border-color:var(--primary-color)}.roles-search svg{color:var(--text-color);opacity:.6}.roles-search input{flex:1;border:none;background:transparent;color:var(--text-color);font-size:14px;outline:none}.roles-search input::placeholder{color:var(--text-color);opacity:.5}.roles-actions-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.roles-filters{display:flex;gap:10px;flex-wrap:wrap}.roles-filters button{background:var(--third-color);border:1px solid var(--input-border-color);color:var(--text-color);padding:8px 16px;border-radius:var(--border-radius-primary);cursor:pointer;transition:all .2s ease;font-weight:500}.roles-filters button:hover{background:var(--secondary-color);border-color:var(--primary-color)}.roles-filters button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.roles-container .add-admin-btn{display:flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-primary);cursor:pointer;font-weight:600;transition:opacity .2s ease}.roles-container .add-admin-btn:hover{opacity:.9}.roles-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.roles-stats .stat-card{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);padding:20px;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.roles-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.roles-stats .stat-label{color:var(--text-color);opacity:.7;font-size:14px;font-weight:500}.roles-stats .stat-value{color:var(--text-color);font-size:28px;font-weight:700}.roles-table-container{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);overflow-x:auto}.roles-table-container .roles-table{width:100%;border-collapse:collapse}.roles-table-container .roles-table th,.roles-table-container .roles-table td{padding:16px;text-align:left;border-bottom:1px solid var(--input-border-color);color:var(--text-color)}.roles-table-container .roles-table th{background-color:var(--secondary-color);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;white-space:nowrap}.roles-table-container .roles-table th:hover{background-color:var(--input-header-color)}.roles-table-container .roles-table th svg{margin-left:8px;vertical-align:middle}.roles-table-container .roles-table tr:last-child td{border-bottom:none}.roles-table-container .roles-table tbody tr:hover{background-color:var(--secondary-color)}.roles-table-container .username-cell{font-weight:600}.roles-table-container .role-badge,.roles-table-container .status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:6px}.roles-table-container .role-badge.super_admin{background:#ffd70026;color:gold}.roles-table-container .role-badge.admin{background:#4caf501a;color:#4caf50}.roles-table-container .role-badge.moderator{background:#2196f31a;color:#2196f3}.roles-table-container .status-badge.active{background:#4caf501a;color:#4caf50}.roles-table-container .status-badge.suspended{background:#ff98001a;color:#ff9800}.roles-table-container .status-badge.inactive{background:#9e9e9e1a;color:#9e9e9e}.roles-table-container .roles-actions{display:flex;gap:8px;flex-wrap:wrap}.roles-table-container .action-btn{padding:6px 12px;border-radius:var(--border-radius-primary);border:none;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:13px}.roles-table-container .action-btn.view{background-color:#2196f3;color:#fff}.roles-table-container .action-btn.view:hover{opacity:.8}.roles-table-container .action-btn.delete{background-color:var(--danger-color);color:#fff}.roles-table-container .action-btn.delete:hover{opacity:.8}.roles-container-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex!important;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.roles-container-modal .modal-content{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);width:90%;max-width:500px;box-shadow:0 10px 40px #0000004d}.roles-container-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--input-border-color)}.roles-container-modal .modal-header h2{color:var(--text-color);margin:0;font-size:20px}.roles-container-modal .modal-close{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:4px;display:flex;align-items:center;transition:opacity .2s ease}.roles-container-modal .modal-close:hover{opacity:.7}.roles-container-modal .modal-body{padding:20px;display:flex;flex-direction:column;gap:20px}.roles-container-modal .form-group{display:flex;flex-direction:column;gap:8px}.roles-container-modal .form-group label{color:var(--text-color);font-weight:600;font-size:14px}.roles-container-modal .form-group input,.roles-container-modal .form-group select{background:var(--secondary-color);border:1px solid var(--input-border-color);color:var(--text-color);padding:10px 12px;border-radius:var(--border-radius-primary);font-size:14px;outline:none;transition:border-color .2s ease}.roles-container-modal .form-group input:focus,.roles-container-modal .form-group select:focus{border-color:var(--primary-color)}.roles-container-modal .form-group input::placeholder{color:var(--text-color);opacity:.5}.roles-container-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid var(--input-border-color)}.roles-container-modal .cancel-btn,.roles-container-modal .submit-btn{padding:10px 20px;border-radius:var(--border-radius-primary);border:none;cursor:pointer;font-weight:600;transition:opacity .2s ease}.roles-container-modal .cancel-btn{background:var(--secondary-color);color:var(--text-color);border:1px solid var(--input-border-color)}.roles-container-modal .cancel-btn:hover{opacity:.8}.roles-container-modal .submit-btn{background:var(--primary-color);color:#fff}.roles-container-modal .submit-btn:hover{opacity:.9}@media (max-width: 768px){.roles-stats{grid-template-columns:repeat(2,1fr)}.roles-actions-row{flex-direction:column;align-items:stretch}.roles-container .add-admin-btn{justify-content:center}.roles-table-container{overflow-x:scroll}.roles-table-container .roles-table{min-width:1000px}.roles-container-modal .modal-content{width:95%;margin:20px}}.star-rating-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0}.star-rating{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center}.star-button{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease}.star-button:hover{transform:scale(1.15)}.star-button:disabled{cursor:not-allowed;opacity:.5}.star-icon{color:var(--text-tertiary);transition:color .2s ease}.star-icon.filled{color:#fbbf24}.rating-text{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.rating-number{color:var(--text-secondary);font-weight:400;font-size:.9rem}.privacy-page{max-width:1400px;margin:0 auto;padding:2rem 1rem 4rem}.privacy-page .privacy-hero{position:relative;padding:6rem 3rem;margin-bottom:4rem;border-radius:32px;overflow:hidden;background:var(--secondary-color);border:1px solid var(--input-border-color)}.privacy-page .plasma-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.privacy-page .plasma-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:privacy-plasmaMove 15s ease-in-out infinite}.privacy-page .orb-1{width:500px;height:500px;background:var(--primary-color);top:-200px;left:-200px;animation-delay:0s}.privacy-page .orb-2{width:400px;height:400px;background:#8b5cf6;bottom:-150px;right:-150px;animation-delay:5s}.privacy-page .orb-3{width:350px;height:350px;background:#ec4899;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes privacy-plasmaMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.privacy-page .hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.privacy-page .hero-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;margin-bottom:2rem;border:2px solid rgba(255,255,255,.2);animation:privacy-floatIcon 4s ease-in-out infinite}@keyframes privacy-floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.privacy-page .hero-shield{color:#fff;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.privacy-page .hero-title{font-size:3.5rem;font-weight:900;margin:0 0 1.5rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.privacy-page .hero-description{font-size:1.25rem;line-height:1.8;color:#ffffffe6;margin:0}.privacy-page .privacy-content{padding:0 1rem}.privacy-page .content-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}.privacy-page .features-column{display:flex;flex-direction:column;gap:1.5rem}.privacy-page .feature-item{display:flex;gap:1.5rem;padding:2rem;background:var(--third-color);border-radius:20px;border:1px solid var(--input-border-color);transition:all .3s ease;position:relative;overflow:hidden}.privacy-page .feature-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.privacy-page .feature-item:hover{transform:translate(8px);box-shadow:0 8px 24px #8a2be226;border-color:var(--primary-color)}.privacy-page .feature-item:hover:before{transform:scaleY(1)}.privacy-page .feature-icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--secondary-color);border-radius:16px;color:var(--primary-color);transition:all .3s ease}.privacy-page .feature-item:hover .feature-icon{transform:scale(1.1) rotate(5deg);background:var(--primary-color);color:#fff}.privacy-page .feature-text h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:var(--text-color)}.privacy-page .feature-text p{font-size:.95rem;line-height:1.6;color:var(--secondary-text-color);margin:0}.privacy-page .commitment-column{position:sticky;top:2rem}.privacy-page .commitment-card{background:var(--third-color);padding:2.5rem;border-radius:24px;border:1px solid var(--input-border-color);box-shadow:0 4px 16px #00000014}.privacy-page .commitment-card h2{font-size:1.75rem;font-weight:800;margin:0 0 2rem;color:var(--text-color)}.privacy-page .commitment-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem}.privacy-page .commitment-item{display:flex;align-items:center;gap:1rem}.privacy-page .check-icon{flex-shrink:0;width:28px;height:28px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.privacy-page .commitment-item span{font-size:1rem;color:var(--text-color);font-weight:500}.privacy-page .commitment-footer{padding-top:2rem;border-top:1px solid var(--input-border-color);text-align:center}.privacy-page .commitment-footer p{font-size:1rem;color:var(--secondary-text-color);margin:0 0 1.5rem}.privacy-page .contact-button{width:100%;padding:1rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8a2be24d}.privacy-page .contact-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8a2be266;background:#9333ea}@media (max-width: 1024px){.privacy-page .content-grid{grid-template-columns:1fr}.privacy-page .commitment-column{position:static}}@media (max-width: 768px){.privacy-page .privacy-hero{padding:4rem 2rem}.privacy-page .hero-title{font-size:2.5rem}.privacy-page .hero-description{font-size:1.1rem}.privacy-page .hero-icon-wrapper{width:100px;height:100px}.privacy-page .hero-shield{width:60px;height:60px}.privacy-page .feature-item{padding:1.5rem}.privacy-page .commitment-card{padding:2rem}.privacy-page .orb-1,.privacy-page .orb-2,.privacy-page .orb-3{width:300px;height:300px}}.about-ays-page{max-width:1400px;margin:0 auto;padding:2rem 1rem 4rem}.about-ays-hero{position:relative;padding:5rem 3rem;margin-bottom:4rem;border-radius:32px;overflow:hidden;background:var(--third-color);border:1px solid var(--input-border-color);min-height:600px;display:flex;align-items:center;justify-content:center}.about-ays-gradient-orbs{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.5}.about-ays-orb{position:absolute;border-radius:50%;filter:blur(120px);animation:about-ays-float 25s ease-in-out infinite}.about-ays-orb-1{width:500px;height:500px;background:var(--primary-color);top:-200px;left:-100px;animation-delay:0s}.about-ays-orb-2{width:600px;height:600px;background:#ec4899;bottom:-300px;right:-200px;animation-delay:8s}.about-ays-orb-3{width:400px;height:400px;background:#8b5cf6;top:40%;right:10%;animation-delay:16s}@keyframes about-ays-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-60px) scale(1.15)}66%{transform:translate(-40px,40px) scale(.85)}}.about-ays-hero-content{position:relative;z-index:1;max-width:800px;text-align:center}.about-ays-logo-circle{width:140px;height:140px;margin:0 auto 2.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(138,43,226,.3);animation:about-ays-logo-pulse 3s ease-in-out infinite;box-shadow:0 8px 32px #8a2be24d}@keyframes about-ays-logo-pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #8a2be24d}50%{transform:scale(1.05);box-shadow:0 12px 48px #8a2be280}}.about-ays-logo-text{font-family:var(--font-logo);font-size:4rem;font-weight:700;color:var(--primary-color)}.about-ays-hero-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin:0 0 1.5rem;color:var(--text-color)}.about-ays-hero-description{font-size:1.25rem;line-height:1.8;color:var(--secondary-text-color);margin:0 0 3rem}.about-ays-features{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.about-ays-feature{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--primary-color);transition:transform .3s ease}.about-ays-feature:hover{transform:translateY(-5px)}.about-ays-feature span{font-size:.95rem;font-weight:600;color:var(--text-color)}.about-ays-content{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}.about-ays-story-card{background:var(--third-color);padding:3rem;border-radius:24px;border:1px solid var(--input-border-color)}.about-ays-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--secondary-color);color:var(--primary-color);border-radius:50%;margin-bottom:2rem}.about-ays-card-title{font-size:2rem;font-weight:800;margin:0 0 1.5rem;color:var(--text-color)}.about-ays-card-text{font-size:1.1rem;line-height:1.8;color:var(--secondary-text-color);margin:0 0 1.5rem}.about-ays-card-text:last-child{margin-bottom:0}.about-ays-values-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.about-ays-value-item{background:var(--third-color);padding:2rem;border-radius:20px;border:2px solid var(--input-border-color);transition:all .3s ease;position:relative;overflow:hidden}.about-ays-value-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.about-ays-value-item:hover{transform:translate(8px);border-color:var(--primary-color);box-shadow:0 8px 24px #8a2be226}.about-ays-value-item:hover:before{transform:scaleY(1)}.about-ays-value-item h3{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:var(--text-color)}.about-ays-value-item p{font-size:1rem;line-height:1.6;color:var(--secondary-text-color);margin:0}@media (max-width: 1024px){.about-ays-content{grid-template-columns:1fr}}@media (max-width: 768px){.about-ays-hero{padding:3rem 1.5rem;min-height:500px}.about-ays-logo-circle{width:100px;height:100px}.about-ays-logo-text,.about-ays-hero-title{font-size:2.5rem}.about-ays-hero-description{font-size:1.1rem}.about-ays-features{gap:2rem}.about-ays-story-card{padding:2rem}.about-ays-card-title{font-size:1.75rem}.about-ays-orb-1,.about-ays-orb-2,.about-ays-orb-3{width:300px;height:300px}}.creator-page{max-width:1600px;margin:0 auto;padding:2rem 1rem 4rem;position:relative;min-height:100vh;overflow:hidden}.creator-particle-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.3}.creator-particle{position:absolute;background:var(--primary-color);border-radius:50%;opacity:.6}@keyframes creator-particle-float{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(100vw,-100vh) rotate(360deg);opacity:0}}.creator-hero{position:relative;padding:6rem 3rem 3rem;border-radius:40px;background:var(--third-color);border:1px solid var(--input-border-color);transition:transform .1s ease-out;transform-style:preserve-3d;z-index:1}.creator-hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);opacity:.15;filter:blur(100px);animation:creator-pulse-glow 4s ease-in-out infinite}@keyframes creator-pulse-glow{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1.2)}}.creator-profile-section{position:relative;z-index:1;text-align:center}.creator-avatar-wrapper{position:relative;width:200px;height:200px;margin:0 auto 6rem}.creator-avatar-ring{position:absolute;border-radius:50%;border:2px solid;animation:creator-ring-rotate 20s linear infinite}.creator-ring-1{top:-15px;left:-15px;right:-15px;bottom:-15px;border-color:var(--primary-color);opacity:.5;animation-duration:15s}.creator-ring-2{top:-30px;left:-30px;right:-30px;bottom:-30px;border-color:#ec4899;opacity:.4;animation-duration:20s;animation-direction:reverse}.creator-ring-3{top:-45px;left:-45px;right:-45px;bottom:-45px;border-color:#8b5cf6;opacity:.3;animation-duration:25s}@keyframes creator-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.creator-avatar{width:200px;height:200px;border-radius:50%;background:url(/assets/planet-B9In9OqZ.webp);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #8a2be266;position:relative;z-index:1}.creator-avatar-initial{font-size:5rem;font-weight:900;color:#fff;font-family:var(--font-logo)}.creator-identity{margin-top:3rem}.creator-name{font-size:3rem;font-weight:900;margin:0 0 1rem;line-height:1.2;display:flex;flex-direction:column;gap:.5rem}.creator-name-part{color:var(--text-color);opacity:0;animation:creator-name-reveal .8s ease-out forwards}.creator-name-part:nth-child(1){animation-delay:.2s}.creator-name-part:nth-child(2){animation-delay:.4s}@keyframes creator-name-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.creator-name-highlight{background:linear-gradient(135deg,var(--primary-color) 0%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.creator-title-cascade{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;font-size:1.2rem}.creator-role{color:var(--secondary-text-color);font-weight:500;animation:creator-fade-in 1s ease-out forwards;opacity:0}.creator-role:nth-child(1){animation-delay:.6s}.creator-role:nth-child(3){animation-delay:.8s}.creator-role:nth-child(5){animation-delay:1s}@keyframes creator-fade-in{to{opacity:1}}.creator-separator{color:var(--primary-color);font-weight:700}.creator-tech-orbit{position:absolute;top:0;left:0;width:200px;height:200px;pointer-events:none;border:3px solid var(--primary-color);background:#8a2be21a;border-radius:50%;opacity:1}.creator-tech-badge{position:absolute;width:80px;height:80px;border:2px solid var(--text-color);border-radius:50%;left:50%;top:50%;pointer-events:auto;filter:drop-shadow(0 0 10px var(--primary-color));transition:none;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;justify-content:center;align-items:center;padding:0;box-shadow:0 4px 12px #8a2be24d}.creator-tech-badge img{width:70%;height:70%;object-fit:contain}.creator-badge-1{animation-name:creator-orbit-1}.creator-badge-2{animation-name:creator-orbit-2}.creator-badge-3{animation-name:creator-orbit-3}.creator-badge-4{animation-name:creator-orbit-4}.creator-badge-5{animation-name:creator-orbit-5}.creator-badge-6{animation-name:creator-orbit-6}@keyframes creator-orbit-1{0%{transform:translate(-50%,-50%) rotate(0) translate(160px) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translate(160px) rotate(-360deg)}}@keyframes creator-orbit-2{0%{transform:translate(-50%,-50%) rotate(60deg) translate(160px) rotate(-60deg)}to{transform:translate(-50%,-50%) rotate(420deg) translate(160px) rotate(-420deg)}}@keyframes creator-orbit-3{0%{transform:translate(-50%,-50%) rotate(120deg) translate(160px) rotate(-120deg)}to{transform:translate(-50%,-50%) rotate(480deg) translate(160px) rotate(-480deg)}}@keyframes creator-orbit-4{0%{transform:translate(-50%,-50%) rotate(180deg) translate(160px) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(540deg) translate(160px) rotate(-540deg)}}@keyframes creator-orbit-5{0%{transform:translate(-50%,-50%) rotate(240deg) translate(160px) rotate(-240deg)}to{transform:translate(-50%,-50%) rotate(600deg) translate(160px) rotate(-600deg)}}@keyframes creator-orbit-6{0%{transform:translate(-50%,-50%) rotate(300deg) translate(160px) rotate(-300deg)}to{transform:translate(-50%,-50%) rotate(660deg) translate(160px) rotate(-660deg)}}.creator-philosophy-section{padding:5rem 2rem;position:relative;z-index:1}.creator-section-title{display:flex;align-items:center;justify-content:center;gap:2rem;font-size:2.5rem;font-weight:900;color:var(--text-color);margin:0 0 4rem;text-align:center}.creator-title-line{flex:1;max-width:200px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary-color) 50%,transparent 100%)}.creator-philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2.5rem}.creator-philosophy-card{position:relative;padding:3rem;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:24px;overflow:hidden;opacity:0;animation:creator-card-appear .8s ease-out forwards;transition:all .4s ease}@keyframes creator-card-appear{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.creator-philosophy-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 20px 60px #8a2be233}.creator-card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease}.creator-philosophy-card:hover .creator-card-shine{left:100%}.creator-philosophy-icon{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:var(--secondary-color);color:var(--primary-color);border-radius:50%;margin-bottom:2rem;transition:all .3s ease}.creator-philosophy-card:hover .creator-philosophy-icon{background:var(--primary-color);color:#fff;transform:scale(1.1) rotate(10deg)}.creator-philosophy-text{font-size:1.15rem;line-height:1.9;color:var(--secondary-text-color);font-style:italic;margin:0;position:relative}.creator-philosophy-text:before{content:'"';font-size:4rem;position:absolute;top:-20px;left:-10px;color:var(--primary-color);opacity:.2;font-family:Georgia,serif}.creator-connect-section{padding:5rem 3rem;background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);border-radius:40px;text-align:center;position:relative;overflow:hidden;z-index:1}.creator-connect-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.creator-connect-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.creator-connect-title{font-size:3rem;font-weight:900;color:#fff;margin:0 0 1rem}.creator-connect-subtitle{font-size:1.25rem;line-height:1.8;color:#fffffff2;margin:0 0 3rem}.creator-social-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.creator-social-btn{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem 2.5rem;background:#fff;color:var(--text-color);border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .3s ease;overflow:hidden;box-shadow:0 10px 30px #0003}.creator-btn-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#8a2be24d;transition:width .6s ease,height .6s ease}.creator-social-btn:hover .creator-btn-glow{width:300px;height:300px}.creator-social-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.creator-github-btn{color:#24292e}.creator-facebook-btn{color:#1877f2}@media (max-width: 1024px){.creator-philosophy-grid{grid-template-columns:1fr}.creator-tech-orbit{width:200px;height:200px}}@media (max-width: 768px){.creator-philosophy-section{padding:3rem 1rem}.creator-connect-section{margin-bottom:30px}.creator-hero{padding:4rem 2rem}.creator-name{font-size:2.5rem}.creator-title-cascade{flex-direction:column;gap:.5rem}.creator-separator{display:none}.creator-avatar-wrapper{width:150px;height:150px;margin-bottom:2rem}.creator-avatar{width:150px;height:150px}.creator-avatar-initial{font-size:4rem}.creator-ring-1{top:-12px;left:-12px;right:-12px;bottom:-12px}.creator-ring-2{top:-24px;left:-24px;right:-24px;bottom:-24px}.creator-ring-3{top:-36px;left:-36px;right:-36px;bottom:-36px}.creator-tech-orbit{width:150px;height:150px}.creator-tech-badge{width:40px;height:40px}@keyframes creator-orbit-1{0%{transform:translate(-50%,-50%) rotate(0) translate(105px) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translate(105px) rotate(-360deg)}}@keyframes creator-orbit-2{0%{transform:translate(-50%,-50%) rotate(60deg) translate(105px) rotate(-60deg)}to{transform:translate(-50%,-50%) rotate(420deg) translate(105px) rotate(-420deg)}}@keyframes creator-orbit-3{0%{transform:translate(-50%,-50%) rotate(120deg) translate(105px) rotate(-120deg)}to{transform:translate(-50%,-50%) rotate(480deg) translate(105px) rotate(-480deg)}}@keyframes creator-orbit-4{0%{transform:translate(-50%,-50%) rotate(180deg) translate(105px) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(540deg) translate(105px) rotate(-540deg)}}@keyframes creator-orbit-5{0%{transform:translate(-50%,-50%) rotate(240deg) translate(105px) rotate(-240deg)}to{transform:translate(-50%,-50%) rotate(600deg) translate(105px) rotate(-600deg)}}@keyframes creator-orbit-6{0%{transform:translate(-50%,-50%) rotate(300deg) translate(105px) rotate(-300deg)}to{transform:translate(-50%,-50%) rotate(660deg) translate(105px) rotate(-660deg)}}.creator-section-title{font-size:2rem;flex-direction:column}.creator-title-line{width:100px;max-width:none}.creator-connect-title{font-size:2rem}.creator-social-buttons{flex-direction:column;align-items:stretch}}@media screen and (max-width: 400px){.creator-main-layout{min-width:0;width:100%}}.admin-review-container{width:100%;padding:0;margin-top:20px}.admin-review-filters{display:flex;gap:10px;padding:10px;margin-bottom:20px}.admin-review-filters button{background:var(--third-color);border:1px solid var(--input-border-color);color:var(--text-color);padding:8px 16px;border-radius:var(--border-radius-primary);cursor:pointer;transition:all .2s ease}.admin-review-filters button:hover{background:var(--secondary-color);border-color:var(--primary-color)}.admin-review-filters button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.admin-review-table-container{background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary);overflow-x:auto}.admin-review-table{width:100%;border-collapse:collapse}.admin-review-table th,.admin-review-table td{padding:16px;text-align:left;border-bottom:1px solid var(--input-border-color);color:var(--text-color)}.admin-review-table th{background-color:var(--secondary-color);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.admin-review-table th:hover{background-color:var(--input-header-color)}.admin-review-table th svg{margin-left:8px;vertical-align:middle}.admin-review-table tr:last-child td{border-bottom:none}.admin-review-table tr:hover{background-color:var(--secondary-color)}.admin-review-user-info{display:flex;flex-direction:column;gap:4px}.admin-review-user-info strong{font-weight:600;color:var(--text-color)}.admin-review-user-id{font-size:12px;color:var(--text-secondary)}.admin-review-rating-cell{display:flex;flex-direction:column;gap:8px}.admin-review-star-display{display:flex;gap:2px}.admin-review-star-icon{color:var(--text-tertiary)}.admin-review-star-icon.filled{color:#fbbf24}.admin-review-rating-info{display:flex;gap:6px;align-items:center}.admin-review-rating-label{font-weight:600;font-size:13px;color:var(--text-color)}.admin-review-rating-number{font-size:12px;color:var(--text-secondary)}.admin-review-feedback-cell{max-width:400px;line-height:1.5;color:var(--text-color)}.admin-review-status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.admin-review-status-badge.pending{background:#ff98001a;color:#ff9800}.admin-review-status-badge.approved{background:#4caf501a;color:#4caf50}.admin-review-status-badge.rejected{background:#f443361a;color:#f44336}.admin-review-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-review-action-btn{padding:6px 12px;border-radius:var(--border-radius-primary);border:none;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.admin-review-action-btn.approve{background-color:#4caf50;color:#fff}.admin-review-action-btn.approve:hover{opacity:.8}.admin-review-action-btn.reject{background-color:#ff9800;color:#fff}.admin-review-action-btn.reject:hover{opacity:.8}.admin-review-action-btn.delete{background-color:var(--danger-color);color:#fff}.admin-review-action-btn.delete:hover{opacity:.8}.admin-review-action-btn.flag{background-color:#ff9800;color:#fff}.admin-review-action-btn.flag:hover{opacity:.8}.admin-review-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.admin-review-loading .spinner{width:40px;height:40px;border:4px solid var(--input-border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-review-loading p{color:var(--text-secondary)}.admin-review-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.admin-review-pagination{display:flex;align-items:center;justify-content:space-between;padding:20px;margin-top:20px;background:var(--third-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-primary)}.pagination-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-primary);cursor:pointer;font-weight:600;transition:opacity .2s ease}.pagination-btn:hover:not(:disabled){opacity:.8}.pagination-btn:disabled{background:var(--input-border-color);cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-color);font-weight:500}@media (max-width: 768px){.admin-review-pagination{flex-direction:column;gap:12px}.admin-review-pagination .pagination-btn{width:100%;justify-content:center}}@media (max-width: 1200px){.admin-review-table{font-size:14px}.admin-review-feedback-cell{max-width:300px}}@media (max-width: 768px){.admin-review-filters{flex-wrap:wrap}.admin-review-table-container{overflow-x:scroll}.admin-review-table{min-width:1000px}}.access-denied-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.access-denied-content{text-align:center;max-width:500px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.access-denied-icon{color:#dc2626;margin-bottom:24px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.access-denied-content h1{font-size:36px;font-weight:700;color:var(--primary-text-color);margin-bottom:16px}.access-denied-message{font-size:18px;color:var(--secondary-text-color);margin-bottom:12px;line-height:1.6}.access-denied-submessage{font-size:14px;color:var(--secondary-text-color);margin-bottom:32px;opacity:.8}.back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{background-color:var(--primary-color-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.back-button:active{transform:translateY(0)}.notfound-content-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;width:100%;padding:20px}.notfound-container{text-align:center;max-width:500px;padding:40px;background:var(--bg-card);border-radius:20px;box-shadow:0 10px 30px #0000000d}.notfound-icon-wrapper{margin-bottom:20px;color:var(--primary-color);display:flex;justify-content:center}.notfound-icon{opacity:.8}.notfound-title{font-size:80px;font-weight:900;margin:0;line-height:1;background:linear-gradient(45deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.notfound-subtitle{font-size:24px;margin:10px 0;color:var(--text-main)}.notfound-text{color:var(--text-secondary);line-height:1.6;margin-bottom:30px}.notfound-home-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;padding:12px 24px;background-color:var(--primary-color, #000);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease}.notfound-home-btn:hover{transform:translateY(-2px);opacity:.9}[dir=rtl] .notfound-home-btn{flex-direction:row-reverse}