:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}.skip-to-main,a[href="#main-content"],.skip-link{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important}html,body{overflow-x:hidden}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #C47F2A;--primary-hover: #D68F3B;--primary-light: rgba(196, 127, 42, .18);--primary-gradient: linear-gradient(135deg, #C47F2A 0%, #D68F3B 100%);--background: #0A1220;--background-secondary: #142033;--surface: #142033;--surface-hover: #1A2A44;--surface-glass: rgba(20, 32, 51, .9);--border: #1A1F2B;--text: #E6EDF6;--text-secondary: #9AA8B6;--text-muted: #9AA8B6;--success: #4CAF50;--error: #F44336;--warning: #FF9800;--info: #2196F3;--overlay: #000000;--gradient-primary: linear-gradient(135deg, #E91E63 0%, #9C27B0 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #4CAF50 0%, #45B649 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-xxl: 24px;--font-xxxl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(233, 30, 99, .3);--shadow-glow-strong: 0 0 40px rgba(233, 30, 99, .5);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 280px;--right-sidebar-width: 320px;--header-height: 60px;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 20px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);background-image:radial-gradient(at 0% 0%,rgba(233,30,99,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(156,39,176,.1) 0px,transparent 50%);background-attachment:fixed;color:var(--text);font-size:var(--font-md);line-height:1.6;overflow-x:hidden}.text-size-large{--font-xs: 13px;--font-sm: 15px;--font-md: 18px;--font-lg: 20px;--font-xl: 22px;--font-xxl: 26px;--font-xxxl: 34px}.bold-text body{font-weight:600}.high-contrast{--background: #FFFFFF;--background-secondary: #F5F7FA;--surface: #FFFFFF;--surface-hover: #F0F4FA;--surface-glass: rgba(255, 255, 255, .96);--border: #CED4E0;--text: #0A1220;--text-secondary: #4A5568;--text-muted: #718096;--primary: #1A56DB;--primary-hover: #1746B0;--primary-light: rgba(26, 86, 219, .12);--primary-gradient: linear-gradient(135deg, #1A56DB 0%, #2563EB 100%)}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0}h1{font-size:var(--font-xxxl)}h2{font-size:var(--font-xxl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-md)}h6{font-size:var(--font-sm)}p{margin:0}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:var(--transition)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;outline:none;transition:var(--transition);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px #e91e631a;transform:translateY(-1px)}input::placeholder,textarea::placeholder{color:var(--text-muted)}img{max-width:100%;height:auto;display:block}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:600}.font-semibold{font-weight:500}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{background:#ffffff12;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--transition);cursor:pointer;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:var(--text);box-shadow:0 4px 15px #e91e6366}.btn-primary:hover{box-shadow:0 6px 20px #e91e6399;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--primary);transform:translateY(-2px)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.fade-in{animation:fadeIn .3s ease-in}@media(max-width:1024px){:root{--sidebar-width: 240px;--right-sidebar-width: 280px}}@media(max-width:768px){:root{--sidebar-width: 0;--right-sidebar-width: 0}body{font-size:var(--font-sm)}}[dir=rtl]{direction:rtl}[dir=rtl] .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--border)}[dir=rtl] .main-content{margin-left:0;margin-right:280px}[dir=rtl] .right-sidebar{left:0;right:auto}[dir=rtl] .language-arrow,[dir=rtl] .back-btn,[dir=rtl] .arrow-icon{transform:scaleX(-1)}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}@media(max-width:768px){[dir=rtl] .main-content{margin-right:0}}*:focus{outline:2px solid var(--primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-to-main{position:absolute;top:-40px;left:0;background-color:var(--primary);color:var(--text);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;font-weight:600;z-index:10000;border-radius:var(--radius-md);transition:top .3s}.skip-to-main:focus{top:var(--spacing-md);left:var(--spacing-md)}@media(prefers-contrast:high){:root{--text: #000000;--background: #ffffff;--border: #000000;--primary: #0066cc}[data-theme=dark]{--text: #ffffff;--background: #000000;--border: #ffffff;--primary: #66b3ff}button,a,input,select,textarea{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}button,a,input[type=checkbox],input[type=radio],select{min-width:44px;min-height:44px}::selection{background-color:var(--primary);color:var(--text)}::-moz-selection{background-color:var(--primary);color:var(--text)}:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}a{text-decoration-skip-ink:auto}.keyboard-focus *:focus{outline:3px solid var(--primary);outline-offset:3px}[role=alert],[role=status],[aria-live]{position:relative}input:invalid,textarea:invalid,select:invalid{border-color:var(--error)}input:valid,textarea:valid,select:valid{border-color:var(--success)}.landmark-label{font-weight:600;margin-bottom:var(--spacing-sm)}.loading-spinner[role=status]:after{content:"Loading...";position:absolute;left:-9999px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #e91e634d}50%{box-shadow:0 0 40px #e91e6399}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-left{animation:slideInLeft .5s ease-out}.animate-slide-right{animation:slideInRight .5s ease-out}.animate-scale{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.hover-lift{transition:var(--transition)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale:hover{transform:scale(1.05)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.gradient-border{position:relative;background:var(--glass-bg);border-radius:var(--radius-lg)}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.stagger-item{opacity:0;animation:fadeIn .5s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover);background-clip:content-box}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;background:var(--glass-bg);border:1px solid var(--border)}.badge-primary{background:var(--gradient-primary);border:none;color:#fff}.badge-success{background:var(--success);border:none;color:#fff}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:8px 12px;background:#000000e6;color:#fff;font-size:var(--font-xs);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border) 50%,transparent 100%);margin:var(--spacing-lg) 0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-online{background:var(--success);box-shadow:0 0 10px var(--success)}.status-offline{background:var(--text-muted)}.skip-to-main,.skip-link,.skip-to-content,.skip-navigation,a[href="#main-content"],a[href="#main"],a[href="#content"],[class*=skip],[id*=skip]{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-99999px!important;top:-99999px!important;width:0!important;height:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--spacing-lg);display:flex;flex-direction:column;border-right:1px solid var(--glass-border);z-index:100;overflow-y:auto;animation:slideInLeft .6s ease-out}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--primary-gradient);opacity:.3}.sidebar-header{margin-bottom:var(--spacing-xl)}.logo{font-size:var(--font-xxl);font-weight:700;margin:0;animation:fadeIn .8s ease-out .2s both;display:inline-block}.logo-xora{background:linear-gradient(90deg,gold 0% 10%,#2c2c2c 10% 20%,#dc143c 20% 30%,#8b4513 30% 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow-pulse 3s ease-in-out infinite}.logo-social{background:linear-gradient(90deg,#daa520 0% 14%,#228b22 14% 28%,#c71585 28% 42%,indigo 42% 56%,#722f37 56% 70%,#9370db 70% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--text);border-radius:var(--radius-md);transition:var(--transition);font-size:var(--font-md);text-decoration:none;position:relative;overflow:hidden}.sidebar-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-gradient);opacity:0;transition:opacity .3s}.sidebar-link:hover{background:#e91e631a;transform:translate(4px)}.sidebar-link:hover:before{opacity:1}.sidebar-link.active{background:linear-gradient(90deg,#e91e6326,#9c27b01a);color:var(--primary);font-weight:600;box-shadow:inset 0 0 20px #e91e631a}.sidebar-link.active:before{opacity:1}.sidebar-icon{font-size:24px;flex-shrink:0}.sidebar-label{white-space:nowrap}.sidebar-identity-wrapper{margin-bottom:var(--spacing-md)}.sidebar-identity-header{margin-bottom:var(--spacing-sm)}.identity-logo{font-size:var(--font-md);font-weight:700;margin:0 0 4px}.identity-title{font-size:13px;color:var(--text-muted);margin:0;font-weight:500}.sidebar-nav-bottom{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}.sidebar-bottom-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.sidebar-identity-section{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#e91e630d;border:1px solid rgba(233,30,99,.1)}.add-post-btn{margin-top:var(--spacing-lg)}.logout-btn{margin-top:var(--spacing-sm)}@media(max-width:1024px){.sidebar{width:80px;padding:var(--spacing-md);align-items:center}.sidebar-header,.sidebar-label{display:none}.sidebar-link{width:48px;height:48px;padding:0;justify-content:center}.add-post-btn,.logout-btn{width:48px;height:48px;padding:0;border-radius:50%}.sidebar-identity-section{display:none}.sidebar-bottom-actions{flex-direction:column;gap:var(--spacing-xs);align-items:stretch}}@media(max-width:768px){.sidebar{width:60px}}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:#142033;background:var(--surface, #142033);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:500px;pointer-events:all;animation:slideIn .3s ease;color:var(--text, #E6EDF6)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:24px;flex-shrink:0}.toast-message{flex:1;color:var(--text);font-size:var(--font-sm);line-height:1.4}.toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:50%;transition:var(--transition);flex-shrink:0}.toast-close:hover{background-color:var(--background);color:var(--text)}.toast-success{border-left:4px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-warning{border-left:4px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:4px solid var(--info)}.toast-info .toast-icon{color:var(--info)}@media(max-width:768px){.toast-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}.toast{min-width:auto;max-width:100%}}.language-selector{position:relative;width:100%;overflow:visible!important}.language-selector.compact{width:auto;overflow:visible!important}.language-label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text);font-size:var(--font-md);font-weight:600;margin-bottom:var(--spacing-sm)}.language-icon{font-size:20px}.language-trigger{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:var(--font-md);cursor:pointer;transition:var(--transition)}.language-trigger:hover{background-color:var(--surface-hover);border-color:var(--primary)}.language-trigger.compact{width:auto;height:36px;justify-content:center;border-radius:999px;padding:0 var(--spacing-md);font-size:14px}.language-trigger-label{font-size:var(--font-xs)}.language-flag-wrapper{display:flex;align-items:center;justify-content:center;gap:6px;min-width:50px}.language-flag{font-size:20px;line-height:1;font-family:"Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji","Apple Color Emoji",sans-serif;display:inline-block;flex-shrink:0}.language-country-code{display:inline-flex!important;align-items:center;justify-content:center;padding:4px 8px!important;background:#e91e63!important;color:#fff!important;font-size:11px!important;font-weight:900!important;border-radius:4px!important;letter-spacing:1px!important;min-width:32px!important;height:22px!important;flex-shrink:0;box-shadow:0 2px 8px #e91e6380!important}.language-text{flex:1;text-align:left}.language-arrow{font-size:12px;opacity:.6;transition:var(--transition)}.language-trigger:hover .language-arrow{opacity:1}.language-overlay{position:fixed;inset:0;z-index:99998}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:320px!important;max-height:500px;background-color:#1a1a1a!important;border:2px solid #E91E63!important;border-radius:16px;box-shadow:0 4px 20px #e91e6366!important;overflow-y:auto;overflow-x:visible;z-index:99999!important;animation:slideDown .2s ease;color:#fff!important;padding:8px 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{width:100%;display:flex!important;align-items:center;gap:12px;padding:12px 16px;background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:#f5f5f5!important;font-size:16px;text-align:left;cursor:pointer;transition:all .3s ease;min-height:60px}.language-option:last-child{border-bottom:none}.language-name{font-weight:600!important;color:#fff!important;display:block!important;white-space:nowrap;overflow:visible;font-size:15px!important;line-height:1.4}.language-name-en{font-size:13px!important;color:#ccc!important;display:block!important;white-space:nowrap;overflow:visible;line-height:1.4}.language-option:hover{background-color:var(--surface-hover)}.language-option.active{background-color:#e91e631a}.language-info{flex:1;display:flex!important;flex-direction:column;gap:2px;min-width:100px;overflow:visible}.language-check{color:var(--primary);font-size:20px}.language-selector.compact .language-dropdown{right:0;left:auto;width:320px!important}.language-dropdown-fixed{position:fixed!important;z-index:99999!important}[dir=rtl] .language-trigger{text-align:right}[dir=rtl] .language-dropdown{right:0;left:auto}[dir=rtl] .language-arrow{transform:scaleX(-1)}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:var(--background)}.language-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:768px){.language-dropdown{max-height:300px}}.right-sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--right-sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--spacing-lg);display:flex;flex-direction:column;border-left:1px solid var(--glass-border);z-index:90;overflow-y:auto;animation:slideInRight .6s ease-out}.right-sidebar:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:var(--primary-gradient);opacity:.3}.language-selector-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);overflow:visible!important;position:relative;z-index:100}.language-title{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.section-title{color:var(--text);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-md);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.suggested-section{margin-bottom:var(--spacing-xl)}.suggested-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.suggested-user{display:flex;align-items:center;gap:var(--spacing-sm)}.suggested-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:var(--transition);border:2px solid transparent}.suggested-avatar:hover{transform:scale(1.1);border-color:var(--primary);box-shadow:0 0 15px #e91e6366}.suggested-name{flex:1;color:var(--text);font-size:var(--font-sm);font-weight:500}.follow-btn{padding:6px 16px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;transition:var(--transition);position:relative;overflow:hidden}.follow-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary-gradient);transform:translate(-50%,-50%);transition:width .4s,height .4s}.follow-btn:hover:before{width:150px;height:150px}.follow-btn:hover{border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #e91e634d}.trending-section{margin-top:var(--spacing-xl)}.trending-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.trending-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer}.trending-item:hover{background:linear-gradient(135deg,#e91e631a,#9c27b00d);border-color:var(--primary);transform:translate(-4px);box-shadow:0 4px 15px #e91e6333}.trending-info{flex:1;display:flex;flex-direction:column;gap:4px}.trending-tag{color:var(--text);font-size:var(--font-md);font-weight:600}.trending-posts{color:var(--text-secondary);font-size:var(--font-xs)}.search-topic-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-secondary);border-radius:50%;transition:var(--transition);font-size:20px}.search-topic-btn:hover{background-color:var(--background);color:var(--primary)}@media(max-width:1200px){.right-sidebar{display:none}}.pwa-install-container{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:9999;width:90%;max-width:400px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.pwa-install-prompt{background:linear-gradient(135deg,var(--surface) 0%,rgba(233,30,99,.1) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.pwa-close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-secondary);border:none;border-radius:50%;font-size:24px;cursor:pointer;transition:var(--transition)}.pwa-close-btn:hover{background-color:var(--background);color:var(--text)}.pwa-content{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pwa-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#c2185b 100%);border-radius:var(--radius-lg);color:var(--text);font-size:28px;flex-shrink:0}.pwa-text{flex:1}.pwa-title{color:var(--text);font-size:var(--font-lg);font-weight:700;margin-bottom:var(--spacing-xs)}.pwa-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin:0}.pwa-actions{display:flex;gap:var(--spacing-md)}.pwa-btn{flex:1;padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.pwa-btn-secondary{background-color:transparent;color:var(--text);border:1px solid var(--border)}.pwa-btn-secondary:hover{background-color:var(--background);border-color:var(--border-hover)}.pwa-btn-primary{background-color:var(--primary);color:var(--text);border:none}.pwa-btn-primary:hover{opacity:.9;transform:translateY(-2px)}.pwa-btn svg{font-size:20px}@media(max-width:768px){.pwa-install-container{bottom:var(--spacing-md);width:calc(100% - var(--spacing-xl))}.pwa-install-prompt{padding:var(--spacing-md)}.pwa-content{margin-bottom:var(--spacing-md)}.pwa-icon{width:40px;height:40px;font-size:24px}.pwa-title{font-size:var(--font-md)}.pwa-description{font-size:var(--font-xs)}.pwa-actions{flex-direction:column}.pwa-btn{padding:var(--spacing-sm);font-size:var(--font-sm)}}@media(min-width:769px)and (max-width:1024px){.pwa-install-container{bottom:var(--spacing-xl);right:var(--spacing-xl);left:auto;transform:none}}@media(min-width:1025px){.pwa-install-container{bottom:var(--spacing-xl);right:var(--spacing-xl);left:auto;transform:none}}.layout{min-height:100vh;display:flex}.main-content{flex:1;margin-left:var(--sidebar-width);margin-right:var(--right-sidebar-width);min-height:100vh;background-color:var(--background)}@media(max-width:1200px){.main-content{margin-right:0}}@media(max-width:1024px){:root{--sidebar-width: 80px}.main-content{margin-left:80px;margin-right:0}}@media(max-width:768px){:root{--sidebar-width: 60px}.main-content{margin-left:60px;margin-right:0}}@media(max-width:480px){:root{--sidebar-width: 60px}.main-content{margin-left:60px;margin-right:0}}.error-boundary-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--background, #0a0a0a);padding:20px}.error-boundary-content{max-width:600px;text-align:center;padding:40px;background:var(--card-bg, #1a1a1a);border-radius:16px;border:1px solid var(--border, #333)}.error-icon{font-size:64px;margin-bottom:20px}.error-title{font-size:28px;font-weight:700;color:var(--text-primary, #fff);margin-bottom:12px}.error-message{font-size:16px;color:var(--text-secondary, #999);margin-bottom:30px;line-height:1.6}.error-details{margin:20px 0;text-align:left;background:var(--background, #0a0a0a);border:1px solid var(--border, #333);border-radius:8px;padding:16px;cursor:pointer}.error-details summary{font-weight:600;color:var(--text-primary, #fff);margin-bottom:10px}.error-stack{font-size:12px;color:var(--error, #ff4444);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-btn-primary,.error-btn-secondary{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.error-btn-primary{background:var(--primary, #E91E63);color:#fff}.error-btn-primary:hover{background:var(--primary-dark, #C2185B);transform:translateY(-2px)}.error-btn-secondary{background:transparent;color:var(--text-primary, #fff);border:1px solid var(--border, #333)}.error-btn-secondary:hover{background:var(--hover-bg, #2a2a2a);border-color:var(--text-secondary, #999)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--background);background-image:radial-gradient(at 10% 20%,rgba(233,30,99,.15) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(156,39,176,.15) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(63,81,181,.08) 0px,transparent 50%);background-attachment:fixed;position:relative;overflow-x:hidden;overflow-y:auto;animation:fadeIn .6s ease-out}.auth-card{width:100%;max-width:400px;padding:var(--spacing-xl);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 40px #e91e631a;position:relative;animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:var(--spacing-lg);animation:fadeIn .8s ease-out .2s both}.auth-logo{font-size:var(--font-xxxl);font-weight:700;margin-bottom:var(--spacing-sm);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow-pulse 3s ease-in-out infinite}.auth-welcome{color:var(--text-secondary);font-size:var(--font-md);margin-bottom:0}.auth-title{color:var(--text);font-size:var(--font-xxl);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);animation:fadeIn 1s ease-out .4s both}.form-group:nth-child(2){animation-delay:.5s}.form-group:nth-child(3){animation-delay:.6s}.form-group label{color:var(--text);font-size:var(--font-sm);font-weight:500;transition:var(--transition)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{color:var(--primary)}.password-input{position:relative}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.password-toggle{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:20px;cursor:pointer;transition:color .2s ease;z-index:1}.password-toggle:hover{color:var(--primary)}.form-footer{display:flex;justify-content:space-between;align-items:center}.link-text{color:var(--text);font-size:var(--font-sm);text-decoration:none;position:relative;transition:var(--transition)}.link-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width .3s ease}.link-text:hover{color:var(--primary)}.link-text:hover:after{width:100%}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm)}.checkbox-group input[type=checkbox]{width:auto}.checkbox-group label{color:var(--text);font-size:var(--font-sm)}.auth-btn{width:100%;padding:var(--spacing-md);background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-md);transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 4px 15px #e91e634d;animation:fadeIn 1s ease-out .7s both}.auth-btn: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}.auth-btn:hover:not(:disabled):before{width:300px;height:300px}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--surface);box-shadow:none}.auth-divider{text-align:center;color:var(--text-secondary);font-size:var(--font-sm)}.secondary-btn{width:100%;padding:var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-md);text-align:center;text-decoration:none;display:block;transition:var(--transition);position:relative;overflow:hidden}.secondary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(233,30,99,.1),transparent);transition:left .5s}.secondary-btn:hover:before{left:100%}.secondary-btn:hover{border-color:var(--primary);box-shadow:0 0 20px #e91e6333;transform:translateY(-2px)}.back-btn-auth{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text);border-radius:50%;font-size:24px;transition:var(--transition);z-index:10}.back-btn-auth:hover{background:var(--surface);border-color:var(--primary);color:var(--primary);transform:scale(1.1);box-shadow:0 0 15px #e91e634d}.auth-subtitle{color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--spacing-sm);line-height:1.5}.auth-description{color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--spacing-md);line-height:1.6}.success-icon-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf5033,#4caf501a);border:2px solid rgba(76,175,80,.3);border-radius:50%;margin:0 auto var(--spacing-lg);box-shadow:0 0 30px #4caf504d}.success-icon-large svg{font-size:48px;color:var(--success);filter:drop-shadow(0 0 10px rgba(76,175,80,.5))}.success-animated{animation:scaleInBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleInBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.icon-large{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e91e6333,#9c27b033);border:2px solid rgba(233,30,99,.3);border-radius:50%;margin:0 auto var(--spacing-lg);box-shadow:0 0 30px #e91e634d;animation:float 3s ease-in-out infinite}.icon-large svg{font-size:48px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(233,30,99,.5))}.verification-code-inputs{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-xl) 0}.code-input{width:50px;height:60px;text-align:center;font-size:var(--font-xxl);font-weight:600;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);border:2px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition)}.code-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 20px #e91e634d;transform:scale(1.05)}.code-input:not(:placeholder-shown){border-color:var(--primary);background:linear-gradient(135deg,#e91e631a,#9c27b01a)}.info-box{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background:linear-gradient(135deg,#2196f31a,#2196f30d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:3px solid var(--info);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;animation:slideInLeft .5s ease-out}.info-box svg{font-size:24px;color:var(--info);flex-shrink:0;margin-top:2px}.info-box p{color:var(--text);font-size:var(--font-sm);line-height:1.5;margin:0}.auth-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.link-btn{background:none;color:var(--primary);font-size:var(--font-sm);font-weight:600;transition:var(--transition);position:relative}.link-btn:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-gradient);transition:width .3s ease}.link-btn:hover{color:var(--primary-hover);text-shadow:0 0 10px rgba(233,30,99,.5)}.link-btn:hover:after{width:100%}.text-secondary{color:var(--text-secondary);font-size:var(--font-sm);margin:0}.auth-footer{text-align:center;margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(max-width:768px){.auth-container{align-items:flex-start;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.verification-code-inputs{gap:6px}.code-input{width:45px;height:55px;font-size:var(--font-xl)}}.link-text-inline{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition);position:relative;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.link-text-inline:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--primary-gradient);opacity:.5}.link-text-inline:hover{text-shadow:0 0 10px rgba(233,30,99,.5)}.link-text-inline:hover:after{opacity:1;height:2px}.checkbox-group{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.field-error{color:var(--error);font-size:var(--font-xs);margin-top:4px}.checkbox-group input[type=checkbox]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.checkbox-group label{color:var(--text);font-size:var(--font-sm);line-height:1.6;cursor:pointer}.post-menu-overlay{position:fixed;inset:0;background:#000;z-index:9998}.post-menu{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding-bottom:20px;z-index:9999;animation:slideUp .3s ease-out}.post-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.post-menu-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.post-menu-header h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#333;padding:0 16px}.post-menu-close{background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:4px;display:flex;align-items:center;justify-content:center}.post-menu-close:hover{color:#e91e63}.post-menu-options{padding-top:8px}.post-menu-option{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:none;border:none;font-size:16px;color:#333;cursor:pointer;transition:background .2s;text-align:left}.post-menu-option:hover{background:#f5f5f5}.post-menu-option svg{font-size:22px;flex-shrink:0}.post-menu-option.danger{color:#e91e63}.post-menu-option.danger:hover{background:#fff0f5}@media(min-width:768px){.post-menu{left:50%;transform:translate(-50%);bottom:20px;width:90%;max-width:400px;border-radius:16px;box-shadow:0 4px 20px #00000026}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}}.ad-post{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;transition:all .2s ease}.ad-post:hover{border-color:var(--primary)}.ad-post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ad-post-user{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.ad-post-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.ad-post-avatar img{width:100%;height:100%;object-fit:cover}.ad-post-avatar .avatar-placeholder{width:100%;height:100%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.ad-post-user-info{display:flex;flex-direction:column}.ad-post-name{font-weight:600;color:var(--text);font-size:15px}.ad-post-username{font-size:14px;color:var(--text-secondary)}.ad-badge{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ad-post-content{color:var(--text);cursor:pointer}.ad-post-title{font-weight:600;font-size:16px;margin-bottom:8px;color:var(--text)}.ad-post-content p{margin:0 0 12px;line-height:1.5}.ad-post-media{border-radius:8px;overflow:hidden;margin-bottom:12px;cursor:pointer;transition:transform .2s ease}.ad-post-media:hover{transform:scale(1.02)}.ad-post-media img{width:100%;height:auto;max-height:300px;object-fit:cover}.ad-post-cta{margin-top:12px}.ad-cta-button{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%}.ad-cta-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.ad-cta-button:active{transform:translateY(0)}.ad-sdk-container{width:100%;margin:10px 0}.sdk-ad-placeholder{padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #ddd;border-radius:8px;text-align:center;color:#666}.sdk-ad-placeholder-title{font-size:16px;font-weight:700;margin-bottom:8px;color:#333}.sdk-ad-placeholder-message{font-size:14px;color:#666}.sdk-ad-fallback{padding:16px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;text-align:center;cursor:pointer;transition:background-color .2s ease}.sdk-ad-fallback:hover{background-color:#f0f0f0}.sdk-ad-fallback-title{font-size:16px;font-weight:700;color:#000;margin-bottom:8px}.sdk-ad-fallback-description{font-size:14px;color:#666;margin-bottom:12px}.sdk-ad-fallback-cta{font-size:14px;color:#ff6b35;font-weight:600;padding:8px 16px;background-color:#fff;border:1px solid #FF6B35;border-radius:4px;display:inline-block;transition:all .2s ease}.sdk-ad-fallback-cta:hover{background-color:#ff6b35;color:#fff}.home-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg);animation:fadeIn .5s ease-out}.home-header{margin-bottom:var(--spacing-lg);animation:slideInUp .6s ease-out}.home-search{width:100%;padding:var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--font-md);transition:var(--transition)}.home-search:focus{border-color:var(--primary);box-shadow:0 0 20px #e91e6333;background:#ffffff14}.greeting{color:var(--text);font-size:var(--font-xl);font-weight:600;margin-bottom:var(--spacing-lg);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideInLeft .6s ease-out}.stories-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:var(--spacing-sm)}.stories-section::-webkit-scrollbar{height:4px}.story-item{position:relative;flex-shrink:0;width:120px;height:180px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition);border:2px solid transparent;box-shadow:0 4px 15px #0000004d}.story-item:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-lg);padding:2px;background:var(--primary-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;z-index:-1}.story-item:hover:before{opacity:1}.story-item:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 8px 25px #e91e634d}.story-image{width:100%;height:100%;object-fit:cover}.story-avatar{position:absolute;bottom:8px;left:8px;width:32px;height:32px;border-radius:50%;border:2px solid var(--primary);overflow:hidden}.posts-feed{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition);animation:fadeIn .6s ease-out;cursor:pointer}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),0 0 30px #e91e6326;border-color:#e91e634d}.shared-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md) 0}.shared-original-card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#ffffff05;margin:0 var(--spacing-md) var(--spacing-md);overflow:hidden;transition:var(--transition)}.shared-original-card:hover{border-color:var(--primary);background:#e91e630d;transform:scale(1.01)}.post-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);box-shadow:0 0 15px #e91e634d;transition:var(--transition)}.post-avatar:hover{transform:scale(1.1);box-shadow:0 0 20px #e91e6380}.post-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:50%;font-size:20px;transition:var(--transition);position:relative}.post-menu-btn:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--primary-gradient);opacity:0;transition:opacity .3s}.post-menu-btn:hover:before{opacity:.1}.post-menu-btn:hover{color:var(--primary);transform:rotate(90deg)}.sensitive-overlay{margin-top:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid #f5a623;background:#fff8e1;cursor:pointer}.sensitive-overlay p{margin:4px 0 0;font-size:var(--font-sm)}.bold-text .post-username,.bold-text .greeting,.bold-text .post-content,.bold-text .post-actions span{font-weight:700}.read-more-btn{margin-left:4px;background:none;border:none;color:var(--primary);font-size:var(--font-sm);cursor:pointer}.post-image{width:100%;max-height:600px;object-fit:cover}.post-video-container{position:relative;width:100%;max-height:600px;overflow:hidden;cursor:pointer;background:#000}.post-video{width:100%;max-height:600px;object-fit:cover}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5)}.post-video-container:hover .video-play-overlay{opacity:.9}.post-actions{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--glass-border);background:#ffffff05}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-sm);border-radius:var(--radius-md);transition:var(--transition);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(233,30,99,.2),transparent);transform:translate(-50%,-50%);transition:width .4s,height .4s}.action-btn:hover:before{width:200px;height:200px}.action-btn svg{font-size:20px;transition:var(--transition);position:relative;z-index:1}.action-btn:hover{color:var(--primary);transform:translateY(-2px)}.action-btn:hover svg{transform:scale(1.2)}.action-btn.liked{color:var(--error);background:linear-gradient(135deg,#f443361a,#e91e631a)}.action-btn.liked svg{animation:heartBeat .3s ease}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.action-btn.bookmarked{color:var(--primary);background:linear-gradient(135deg,#e91e631a,#9c27b01a)}@media(max-width:768px){.home-container{padding:var(--spacing-md);max-width:100%}.story-item{width:100px;height:160px}.post-card:hover{transform:none}}@media(max-width:480px){.home-container{padding:var(--spacing-sm);max-width:100%}.greeting{font-size:var(--font-lg)}.stories-section{gap:var(--spacing-sm)}.story-item{width:80px;height:120px}.post-header{padding:var(--spacing-sm);gap:var(--spacing-sm)}.post-avatar{width:40px;height:40px}.post-content{padding:0 var(--spacing-sm) var(--spacing-sm);font-size:var(--font-sm)}.post-actions{padding:var(--spacing-sm);gap:var(--spacing-xs);flex-wrap:wrap}.action-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs)}}.explore-container{max-width:900px;margin:0 auto;padding:var(--spacing-lg)}.explore-header{margin-bottom:var(--spacing-lg)}.explore-search{width:100%;padding:var(--spacing-md);background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-md)}.filter-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:var(--spacing-sm)}.filter-tabs::-webkit-scrollbar{height:4px}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;white-space:nowrap;transition:var(--transition)}.filter-tab:hover{background-color:var(--surface-hover)}.filter-tab.active{background-color:var(--primary);border-color:var(--primary)}.section-title{color:var(--text);font-size:var(--font-xl);font-weight:600;margin-bottom:var(--spacing-lg)}.posts-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.explore-post-card{background-color:var(--surface);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.explore-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.explore-post-card .post-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.explore-post-card .post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.explore-post-card .post-user-info{flex:1}.explore-post-card .post-username{color:var(--text);font-weight:600;font-size:var(--font-sm)}.explore-post-card .post-content{padding:0 var(--spacing-md) var(--spacing-md);color:var(--text);font-size:var(--font-sm);line-height:1.5}.explore-post-card .post-image{width:100%;height:200px;object-fit:cover}.explore-post-card .post-actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md);border-top:1px solid var(--border)}.explore-post-card .action-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;color:var(--text-secondary);font-size:var(--font-xs);border-radius:var(--radius-sm);transition:var(--transition)}.explore-post-card .action-btn svg{font-size:16px}.explore-post-card .action-btn:hover{background-color:var(--surface-hover);color:var(--primary)}.no-results{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}@media(max-width:768px){.explore-container{padding:var(--spacing-md)}.posts-grid{grid-template-columns:1fr}}.messages-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg);height:calc(100vh - 2 * var(--spacing-lg));display:flex;flex-direction:column}.messages-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.messages-header h2{flex:1;color:var(--text);font-size:var(--font-xl);font-weight:600;text-align:center}.settings-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text);border-radius:50%;font-size:24px;transition:var(--transition)}.settings-btn:hover{background-color:var(--surface)}.messages-search{position:relative;margin-bottom:var(--spacing-lg)}.messages-search input{width:100%;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full)}.pinned-section{margin-bottom:var(--spacing-xl)}.pinned-section h4{color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;margin-bottom:var(--spacing-md);letter-spacing:1px}.pinned-users{display:flex;gap:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-sm)}.pinned-user{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;flex-shrink:0}.pinned-user img{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary);object-fit:cover}.pinned-user span{color:var(--text);font-size:var(--font-xs)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition)}.conversation-item:hover{background-color:var(--surface-hover)}.conversation-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.initials-avatar{background-color:var(--surface);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:600}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{color:var(--text);font-weight:600;font-size:var(--font-md)}.conversation-time{color:var(--text-secondary);font-size:var(--font-xs)}.conversation-preview{color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.chat-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.chat-header h3{flex:1;color:var(--text);font-size:var(--font-lg);font-weight:600}.chat-search{position:relative;margin-bottom:var(--spacing-md)}.chat-search input{width:100%;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full)}.menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text);border-radius:50%;font-size:24px;transition:var(--transition)}.menu-btn:hover{background-color:var(--surface)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-attachments{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.chat-attachment{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.chat-attachment-image{width:100%;height:100%;object-fit:cover}.chat-attachment-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:999px;background:#000000b3;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}.message{display:flex;gap:var(--spacing-sm);align-items:flex-end;width:100%}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message.sent .message-bubble{margin-left:auto}.message.received .message-bubble{margin-right:auto}.message-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-bubble{max-width:60%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--surface)}.message-media{margin-top:var(--spacing-xs);display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.message-image{max-width:160px;max-height:160px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border)}.message.system{justify-content:center}.message.system .message-bubble{max-width:75%;margin:0 auto;text-align:center;background-color:transparent;border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-md)}.message.system .message-bubble p{color:var(--text-secondary);font-size:var(--font-xs)}.message.system .message-time{display:block;margin-top:2px;color:var(--text-muted);font-size:var(--font-xs)}.message-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;display:flex;align-items:center}.message.sent .message-delete{order:3}.message.received .message-delete{order:0}.message.sent .message-bubble{background-color:var(--primary);border:1px solid var(--primary)}.message.sent .message-bubble p,.message.sent .message-time{color:var(--on-primary, #fff)}.message.received .message-bubble{background-color:var(--surface-hover);border:1px solid var(--border)}.message-bubble p{color:var(--text);font-size:var(--font-sm);margin:0 0 4px}.message-time{color:var(--text-secondary);font-size:var(--font-xs)}.chat-input{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.chat-input input{flex:1;padding:var(--spacing-md);background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full)}.add-btn,.send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;transition:var(--transition)}.add-btn{background-color:transparent;color:var(--text)}.send-btn{background-color:var(--primary);color:var(--text)}.send-btn:hover{background-color:var(--primary-hover)}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text)}@media(max-width:768px){.messages-container{padding:var(--spacing-md);max-width:100%}}@media(max-width:480px){.messages-container{padding:var(--spacing-sm);max-width:100%;height:calc(100vh - 70px - 2 * var(--spacing-sm))}.messages-header h2{font-size:var(--font-lg)}.conversation-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.conversation-avatar,.initials-avatar{width:36px;height:36px}.conversation-name{font-size:var(--font-sm)}.message-bubble{max-width:75%}}.notifications-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.notifications-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text);border-radius:50%;font-size:24px;transition:var(--transition)}.back-btn:hover{background-color:var(--surface)}.notifications-header h2{color:var(--text);font-size:var(--font-xl);font-weight:600}.notifications-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer}.notification-item:hover{background-color:var(--surface-hover)}.notification-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--background);border-radius:50%;font-size:24px;color:var(--primary);flex-shrink:0}.notification-content{flex:1}.notification-content p{color:var(--text);font-size:var(--font-sm);line-height:1.5;margin:0}.notification-content strong{font-weight:600}@media(max-width:768px){.notifications-container{padding:var(--spacing-md)}}.profile-container{max-width:900px;margin:0 auto}.profile-cover{position:relative;width:100%;height:300px;overflow:hidden}.profile-cover img{width:100%;height:100%;object-fit:cover}.back-btn-cover{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border-radius:50%;font-size:24px;transition:var(--transition)}.back-btn-cover:hover{background-color:#000000b3}.profile-info-section{padding:0 var(--spacing-lg) var(--spacing-lg);position:relative}.profile-avatar-wrapper{position:relative;margin-top:-60px;margin-bottom:var(--spacing-md)}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--background);object-fit:cover}.profile-details{margin-top:var(--spacing-md)}.profile-name-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.page-badge{padding:2px 8px;border-radius:999px;font-size:var(--font-xs);font-weight:600;background-color:#2196f326;color:#64b5f6;text-transform:uppercase;letter-spacing:.04em}.profile-name-row h2{color:var(--text);font-size:var(--font-xxl);font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--surface);color:var(--text);border-radius:50%;font-size:20px;transition:var(--transition)}.settings-icon-btn:hover{background-color:var(--surface-hover)}.block-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px;background-color:var(--surface);color:var(--text);transition:var(--transition)}.block-icon-btn:hover{background-color:var(--surface-hover)}.block-icon-btn.blocked{background-color:#f4433626;color:var(--error)}.follow-btn-profile:disabled,.message-btn-profile:disabled{opacity:.6;cursor:not-allowed}.profile-location{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--spacing-sm);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-bio{color:var(--text);font-size:var(--font-md);line-height:1.6;margin-bottom:var(--spacing-md);word-wrap:break-word}.profile-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{color:var(--text);font-size:var(--font-xl);font-weight:600}.stat-label{color:var(--text-secondary);font-size:var(--font-sm)}.edit-profile-btn{width:100%;max-width:300px;padding:var(--spacing-md);background-color:var(--primary);color:var(--text);border-radius:var(--radius-full);font-weight:600;transition:var(--transition);display:block;margin:0 auto}.edit-profile-btn:hover{background-color:var(--primary-hover)}.action-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.follow-btn-profile,.message-btn-profile{flex:1;max-width:200px;padding:var(--spacing-md);border-radius:var(--radius-full);font-weight:600;transition:var(--transition)}.follow-btn-profile{background-color:var(--primary);color:var(--text)}.follow-btn-profile:hover{background-color:var(--primary-hover)}.message-btn-profile{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}.message-btn-profile:hover{background-color:var(--surface-hover)}.profile-tabs{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);overflow-x:auto}.profile-tab{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-md);font-weight:500;white-space:nowrap;transition:var(--transition);position:relative}.profile-tab:hover{color:var(--text)}.profile-tab.active{color:var(--primary)}.profile-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary)}.profile-posts-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.profile-post-card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:var(--transition)}.profile-post-card:hover{background-color:var(--surface-hover)}.profile-shared-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.profile-shared-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.profile-shared-text{font-size:var(--font-sm);color:var(--text-secondary)}.profile-shared-text strong{color:var(--text);font-weight:600}.profile-shared-original{background-color:var(--background);border-radius:var(--radius-md);padding:var(--spacing-sm);border:1px solid var(--border)}.profile-post-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.profile-post-avatar img,.profile-post-avatar .avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-post-header-text{display:flex;flex-direction:column;gap:2px}.profile-post-name{font-weight:600;color:var(--text)}.profile-post-username,.profile-post-time{font-size:var(--font-xs);color:var(--text-secondary)}.profile-post-content{margin-bottom:var(--spacing-sm);color:var(--text);font-size:var(--font-md);line-height:1.5}.profile-post-media img{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.profile-post-footer{display:flex;gap:var(--spacing-lg);font-size:var(--font-sm);color:var(--text-secondary)}.profile-post-footer span{display:flex;align-items:center;gap:var(--spacing-xs)}.empty-tab{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.profile-stories-list,.profile-bookmarks-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0}.profile-story-item,.profile-bookmark-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);cursor:pointer}.profile-story-thumb,.profile-bookmark-thumb{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-muted);flex-shrink:0}.profile-story-thumb img,.profile-bookmark-thumb img{width:100%;height:100%;object-fit:cover}.profile-story-meta,.profile-bookmark-meta{display:flex;flex-direction:column;flex:1}.profile-story-title,.profile-bookmark-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.profile-story-time,.profile-bookmark-author{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.profile-bookmark-remove{border:1px solid var(--border);background:transparent;color:var(--text-secondary);padding:6px 10px;border-radius:14px;font-size:var(--font-xs);cursor:pointer}.posts-feed-vertical{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.post-card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:var(--transition);border:1px solid var(--glass-border)}.post-card:hover{box-shadow:0 2px 8px #0000001a}.post-header{margin-bottom:var(--spacing-sm)}.post-author{display:flex;align-items:center;gap:var(--spacing-md)}.post-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.post-author-info{display:flex;flex-direction:column;gap:2px}.post-author-name{font-weight:600;color:var(--text);font-size:var(--font-md)}.post-author-username{font-size:var(--font-xs);color:var(--text-secondary)}.post-content{margin-bottom:var(--spacing-sm);color:var(--text);font-size:var(--font-md);line-height:1.5;cursor:pointer}.post-content p{margin:0;word-wrap:break-word}.post-media{margin-bottom:var(--spacing-sm);cursor:pointer}.post-media img,.post-media video{width:100%;max-height:500px;object-fit:cover;border-radius:var(--radius-md)}.post-actions{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-sm);border-top:1px solid var(--glass-border)}.post-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-md);transition:var(--transition);padding:var(--spacing-xs)}.post-action-btn:hover{color:var(--primary)}.post-action-btn svg{font-size:20px}.post-action-btn span{font-size:var(--font-sm)}@media(max-width:600px){.profile-avatar{width:100px;height:100px}.profile-posts-list{padding:var(--spacing-md)}}@media(max-width:480px){.profile-container{max-width:100%}.profile-cover{height:180px}.profile-avatar{width:80px;height:80px}.profile-avatar-wrapper{margin-top:-40px}.profile-name-row h2{font-size:var(--font-lg)}.profile-stats{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.stat-value{font-size:var(--font-lg)}.action-buttons{flex-direction:column;gap:var(--spacing-sm)}.follow-btn-profile,.message-btn-profile{max-width:100%}.profile-tabs{padding:var(--spacing-sm)}.profile-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-sm)}.profile-posts-list,.posts-feed-vertical{padding:var(--spacing-sm)}}.settings-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.settings-header h2{flex:1;text-align:center;color:var(--text);font-size:var(--font-xl);font-weight:600}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section-title{color:var(--text);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-md)}.settings-list-vertical{display:flex;flex-direction:column;gap:var(--spacing-sm)}.setting-item-vertical{width:100%;padding:var(--spacing-md);background-color:var(--background);color:var(--text);border-radius:var(--radius-md);font-size:var(--font-md);transition:var(--transition);text-align:left}.setting-item-vertical:hover{background-color:var(--surface-hover)}.setting-item-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--background);border-radius:var(--radius-md)}.setting-item-toggle span:first-child{color:var(--text);font-size:var(--font-md);flex:1}.toggle-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-status{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;min-width:40px;text-align:right}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:var(--transition);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text);transition:var(--transition);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.logout-item{color:var(--error);font-weight:600}.logout-item:hover{background-color:#f443361a}@media(max-width:768px){.settings-container,.settings-section{padding:var(--spacing-md)}}.text-size-btn{padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--primary);color:var(--text);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:600;transition:var(--transition)}.text-size-btn:hover{background-color:var(--primary-hover)}.delete-account-item{color:var(--error);font-weight:600}.delete-account-item:hover{background-color:#f443361a}.dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-box{background-color:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:450px;width:90%;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.dialog-box h3{color:var(--text);font-size:var(--font-xl);font-weight:600;margin-bottom:var(--spacing-md)}.dialog-box p{color:var(--text);font-size:var(--font-md);line-height:1.6;margin-bottom:var(--spacing-md)}.warning-text{color:var(--error);font-weight:600;background-color:#f443361a;padding:var(--spacing-sm);border-radius:var(--radius-md);border-left:3px solid var(--error)}.dialog-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.dialog-btn{flex:1;padding:var(--spacing-md);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-md);transition:var(--transition)}.cancel-btn{background-color:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.cancel-btn:hover{background-color:var(--background)}.confirm-btn{background-color:var(--primary);color:var(--text)}.confirm-btn:hover{background-color:var(--primary-hover)}.post-detail-container{max-width:900px;margin:0 auto;padding:var(--spacing-lg)}.post-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.post-detail-header h2{flex:1;text-align:center;color:var(--text);font-size:var(--font-xl);font-weight:600}.post-detail-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.post-card-detail{background-color:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.post-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.post-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.post-user-info{flex:1;display:flex;flex-direction:column}.post-username{color:var(--text);font-weight:600;font-size:var(--font-md)}.post-time{color:var(--text-secondary);font-size:var(--font-sm)}.post-content{padding:0 var(--spacing-md) var(--spacing-md);color:var(--text);font-size:var(--font-md);line-height:1.6;white-space:pre-wrap}.post-media-carousel{background-color:var(--background)}.media-main{position:relative;width:100%;aspect-ratio:4/3;background-color:var(--background)}.media-image,.media-video{width:100%;height:100%;object-fit:contain}.media-prev,.media-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#000000b3;color:var(--text);border-radius:50%;font-size:24px;transition:var(--transition);z-index:10}.media-prev{left:var(--spacing-sm)}.media-next{right:var(--spacing-sm)}.media-prev:hover,.media-next:hover{background-color:#000000e6}.media-indicators{display:flex;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--background)}.indicator{width:8px;height:8px;background-color:var(--border);border-radius:50%;transition:var(--transition)}.indicator.active{background-color:var(--primary);width:24px;border-radius:4px}.post-actions{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border)}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-sm);border-radius:var(--radius-md);transition:var(--transition)}.action-btn svg{font-size:20px}.action-btn:hover{background-color:var(--background);color:var(--primary)}.action-btn .liked,.action-btn-bookmark .bookmarked{color:var(--primary)}.action-btn-bookmark{margin-left:auto}.comments-section{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);height:fit-content;max-height:calc(100vh - 200px);display:flex;flex-direction:column}.comments-section h3{color:var(--text);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-md)}.comments-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.comment-item{display:flex;gap:var(--spacing-sm)}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-content{flex:1;background-color:var(--background);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.comment-username{color:var(--text);font-weight:600;font-size:var(--font-sm)}.comment-time{color:var(--text-secondary);font-size:var(--font-xs)}.comment-text{color:var(--text);font-size:var(--font-sm);margin:0 0 4px}.comment-read-more{margin-left:4px;background:none;border:none;color:var(--primary);font-size:var(--font-xs);cursor:pointer}.comment-media{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.comment-media-image{max-width:200px;max-height:200px;object-fit:cover;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:var(--transition)}.comment-media-image:hover{opacity:.9;transform:scale(1.02)}.add-comment{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.add-comment input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full)}.attach-media-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--primary);font-size:20px;cursor:pointer;transition:var(--transition)}.attach-media-btn:hover{color:var(--primary-hover);transform:scale(1.1)}.send-comment-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--text);border-radius:50%;font-size:18px;transition:var(--transition)}.send-comment-btn:hover{background-color:var(--primary-hover)}.comment-media-preview{display:flex;gap:8px;padding:12px;overflow-x:auto;border-bottom:1px solid var(--border)}.media-preview-item{position:relative;width:80px;height:80px;flex-shrink:0}.media-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.remove-media-btn{position:absolute;top:-6px;right:-6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000c;color:#fff;border:2px solid var(--background);border-radius:50%;cursor:pointer;font-size:14px;transition:var(--transition)}.remove-media-btn:hover{background:#f00c;transform:scale(1.1)}.video-click-container{position:relative;width:100%;cursor:pointer}.video-play-overlay-detail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-click-container:hover .video-play-overlay-detail{opacity:.9}@media(max-width:1024px){.post-detail-content{grid-template-columns:1fr}.comments-section{max-height:500px}}@media(max-width:768px){.post-detail-container{padding:var(--spacing-md)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,var(--hover, #f0f0f0) 25%,var(--surface, #e0e0e0) 50%,var(--hover, #f0f0f0) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite ease-in-out;border-radius:inherit}.lazy-image-container{position:relative;width:100%;min-height:100px;background:var(--hover, #f0f0f0);border-radius:inherit;overflow:hidden}.lazy-image-container.loaded{min-height:auto;background:transparent}.lazy-image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;min-height:200px}.lazy-image{width:100%;height:auto;display:block;opacity:0;transition:opacity .3s ease-in-out}.lazy-image.visible{opacity:1}.lazy-image.hidden{position:absolute;top:0;left:0}.lazy-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-secondary, #666);background:var(--surface, #f5f5f5);min-height:150px}.lazy-image-error svg{width:48px;height:48px;opacity:.5}.lazy-image-error span{font-size:.875rem}.lazy-video-container{position:relative;width:100%;min-height:100px;background:var(--hover, #f0f0f0);border-radius:inherit;overflow:hidden;cursor:pointer}.lazy-video-container.loaded{min-height:auto}.lazy-video-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;min-height:200px}.lazy-video-thumbnail{position:relative;width:100%}.video-poster,.video-poster-placeholder{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover}.video-poster-placeholder{min-height:200px}.lazy-video-thumbnail .video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background .2s ease}.lazy-video-thumbnail:hover .video-play-overlay{background:#0006}.lazy-video-thumbnail .video-play-button{width:64px;height:64px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.lazy-video-thumbnail:hover .video-play-button{transform:scale(1.1);background:#fff}.lazy-video-thumbnail .video-play-button svg{width:28px;height:28px;color:var(--text, #333);margin-left:4px}.lazy-video-wrapper{position:relative;width:100%}.lazy-video{width:100%;height:auto;display:block}.video-mute-button{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;z-index:10}.video-mute-button:hover{background:#000c}.video-mute-button svg{width:18px;height:18px}.lazy-video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-secondary, #666);background:var(--surface, #f5f5f5);min-height:200px}.lazy-video-error svg{width:48px;height:48px;opacity:.5}.lazy-video-error span{font-size:.875rem}.media-error-boundary{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;background:var(--surface, #f5f5f5);border-radius:inherit}.media-error-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;color:var(--text-secondary, #666)}.media-error-content svg{width:40px;height:40px;opacity:.5}.media-error-content span{font-size:.875rem}.retry-button{padding:.5rem 1rem;background:var(--primary, #0066ff);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.retry-button:hover{background:var(--primary-hover, #0052cc)}.retry-button:active{transform:scale(.98)}@media(max-width:768px){.lazy-video-thumbnail .video-play-button{width:52px;height:52px}.lazy-video-thumbnail .video-play-button svg{width:24px;height:24px}.video-mute-button{width:32px;height:32px;bottom:8px;right:8px}.video-mute-button svg{width:16px;height:16px}.lazy-image-error,.lazy-video-error,.media-error-content{padding:1rem}.lazy-image-error svg,.lazy-video-error svg,.media-error-content svg{width:36px;height:36px}}.post-media-single{width:100%}.post-media-grid{display:grid;gap:4px;border-radius:12px;overflow:hidden}.post-media-grid-2{grid-template-columns:1fr 1fr}.post-media-grid-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-media-grid-3 .post-media-item:first-child{grid-row:span 2}.post-media-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-media-item{position:relative;cursor:pointer;overflow:hidden}.post-media-item .lazy-image-container,.post-media-item .lazy-video-container{height:100%}.post-media-item .lazy-image,.post-media-item .video-poster{width:100%;height:100%;object-fit:cover}.post-media-grid-2 .post-media-item{aspect-ratio:1}.post-media-grid-3 .post-media-item:first-child{aspect-ratio:auto}.post-media-grid-3 .post-media-item:not(:first-child){aspect-ratio:1}.post-media-grid-4 .post-media-item{aspect-ratio:1}.post-media-more{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}@media(prefers-color-scheme:dark){.skeleton-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%)}.lazy-image-container,.lazy-video-container{background:#2a2a2a}.lazy-image-error,.lazy-video-error,.media-error-boundary{background:#1a1a1a}}.post{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem;transition:background-color .2s;cursor:pointer}.post:hover{background:var(--hover)}.post.curated-post{cursor:default}.post.curated-post:hover{background:var(--surface)}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.post-user{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text);flex:1}.post-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.post-user-name-row{display:flex;align-items:center;gap:8px;min-width:0}.post-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-name.imported-name{color:var(--text-secondary)}.import-badge{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8;flex-shrink:0}.disabled-profile{cursor:default;opacity:.7}.disabled-profile:hover{background:none}.post-username{color:var(--text-secondary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-time{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.post-content{margin-bottom:.75rem}.post-content p{margin:0;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.post-media{margin-top:.75rem;border-radius:12px;overflow:hidden}.post-media img{width:100%;height:auto;display:block}.post-actions{display:flex;align-items:center;gap:1rem;padding-top:.5rem}.post-action{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;font-size:.875rem}.post-action:hover{background:var(--hover);color:var(--primary)}.post-action svg{font-size:1.2rem}.icon-filled{color:var(--primary)}@media(max-width:768px){.post{padding:.875rem}.post-avatar{width:36px;height:36px}.post-actions{gap:.5rem}.post-action{padding:.375rem}}.mention-link{color:var(--primary);text-decoration:none;font-weight:500}.mention-link:hover{text-decoration:underline}.hashtag-link{color:var(--primary);text-decoration:none;font-weight:500}.hashtag-link:hover{text-decoration:underline}.hashtag-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.hashtag-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.hashtag-info{flex:1}.hashtag-title{color:var(--primary);font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.hashtag-stats{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-sm)}.stat-divider{color:var(--border)}.trend-indicator{font-size:var(--font-lg);margin-left:var(--spacing-xs)}.trend-indicator.up{color:var(--success)}.trend-indicator.down{color:var(--error)}.trend-indicator.stable{color:var(--text-secondary)}.view-mode-toggle{display:flex;gap:var(--spacing-xs);background-color:var(--surface);border-radius:var(--radius-full);padding:4px}.view-mode-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-full);font-size:20px;transition:var(--transition)}.view-mode-btn:hover{background-color:var(--background)}.view-mode-btn.active{background-color:var(--primary);color:var(--text)}.loading-container{display:flex;justify-content:center;padding:var(--spacing-3xl)}.hashtag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.hashtag-grid-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition)}.hashtag-grid-item:hover{transform:scale(1.02)}.grid-image{width:100%;height:100%;object-fit:cover}.grid-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;padding:var(--spacing-md);opacity:0;transition:var(--transition)}.hashtag-grid-item:hover .grid-overlay{opacity:1}.grid-stats{display:flex;gap:var(--spacing-md);color:var(--text);font-size:var(--font-md);font-weight:600}.hashtag-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:768px){.hashtag-page{padding:var(--spacing-md)}.hashtag-header{flex-wrap:wrap}.hashtag-title{font-size:var(--font-xl)}.hashtag-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.view-mode-toggle{order:3;width:100%;justify-content:center}}.search-page{width:100%;max-width:600px;margin:0 auto;padding:20px;min-height:100vh}.search-header{position:sticky;top:0;background:var(--background-primary, #ffffff);z-index:100;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border-color, #dbdbdb)}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--background-secondary, #efefef);border-radius:12px;padding:12px 16px;transition:all .2s ease}.search-input-wrapper:focus-within{background:var(--background-primary, #ffffff);box-shadow:0 0 0 2px var(--primary-color, #0095f6)}.search-icon{color:var(--text-secondary, #8e8e8e);margin-right:12px;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:16px;color:var(--text-primary, #262626);outline:none}.search-input::placeholder{color:var(--text-secondary, #8e8e8e)}.clear-search-btn{background:var(--background-tertiary, #c7c7c7);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #262626);transition:all .2s ease;padding:0;flex-shrink:0}.clear-search-btn:hover{background:var(--background-quaternary, #a8a8a8);transform:scale(1.1)}.clear-search-btn svg{stroke-width:2.5}.search-tabs{display:flex;gap:8px;margin-top:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.search-tabs::-webkit-scrollbar{display:none}.search-tab{padding:8px 16px;border:1px solid var(--border-color, #dbdbdb);background:var(--background-primary, #ffffff);border-radius:8px;font-size:14px;font-weight:600;color:var(--text-primary, #262626);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.search-tab:hover{background:var(--background-secondary, #fafafa)}.search-tab.active{background:var(--text-primary, #262626);color:var(--background-primary, #ffffff);border-color:var(--text-primary, #262626)}.search-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #dbdbdb);border-top-color:var(--primary-color, #0095f6);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-loading p{color:var(--text-secondary, #8e8e8e);font-size:14px}.recent-searches{animation:fadeIn .3s ease}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recent-header h3{font-size:16px;font-weight:600;color:var(--text-primary, #262626);margin:0}.clear-all-btn{background:none;border:none;color:var(--primary-color, #0095f6);font-size:14px;font-weight:600;cursor:pointer;padding:4px 8px;transition:opacity .2s ease}.clear-all-btn:hover{opacity:.7}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.recent-item:hover{background:var(--background-secondary, #fafafa)}.recent-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--background-secondary, #efefef);border-radius:50%;color:var(--text-secondary, #8e8e8e);flex-shrink:0}.recent-text{display:flex;flex-direction:column;gap:2px;flex:1}.recent-query{font-size:14px;font-weight:500;color:var(--text-primary, #262626)}.recent-type{font-size:12px;color:var(--text-secondary, #8e8e8e);text-transform:capitalize}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-results-icon{color:var(--text-secondary, #8e8e8e);margin-bottom:16px;opacity:.5;stroke-width:1.5}.no-results h3{font-size:18px;font-weight:600;color:var(--text-primary, #262626);margin:0 0 8px}.no-results p{font-size:14px;color:var(--text-secondary, #8e8e8e);margin:0}.search-results{display:flex;flex-direction:column;gap:32px}.results-section{animation:fadeIn .3s ease}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary, #8e8e8e);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.users-results{display:flex;flex-direction:column;gap:4px}.user-result-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.user-result-item:hover{background:var(--background-secondary, #fafafa)}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name-wrapper{display:flex;align-items:center;gap:4px;margin-bottom:2px}.user-username{font-size:14px;font-weight:600;color:var(--text-primary, #262626);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verified-badge{flex-shrink:0}.user-meta{display:flex;flex-direction:column;gap:2px}.user-fullname{font-size:14px;color:var(--text-secondary, #8e8e8e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-followers{font-size:12px;color:var(--text-tertiary, #a8a8a8)}.pages-results{display:grid;gap:8px}.page-result-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.page-result-item:hover{background:var(--background-secondary, #fafafa)}.page-info{flex:1;min-width:0}.page-name-wrapper{display:flex;align-items:center;gap:4px;margin-bottom:2px}.page-name{font-size:14px;font-weight:600;color:var(--text-primary, #262626);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-meta{display:flex;flex-direction:column;gap:2px}.page-description{font-size:13px;color:var(--text-secondary, #8e8e8e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-sort{margin:16px 0;padding:12px 0;border-bottom:1px solid var(--border-color, #dbdbdb)}.sort-select{padding:8px 12px;border:1px solid var(--border-color, #dbdbdb);border-radius:6px;background:var(--background-primary, #ffffff);color:var(--text-primary, #262626);font-size:14px;cursor:pointer;min-width:140px}.sort-select:focus{outline:none;border-color:var(--primary-color, #0095f6)}.load-more-container{display:flex;justify-content:center;margin:24px 0}.load-more-btn{padding:12px 24px;background:var(--primary-color, #0095f6);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.load-more-btn:hover:not(:disabled){background:var(--primary-hover, #007acc)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.hashtags-results{display:flex;flex-direction:column;gap:4px}.hashtag-result-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.hashtag-result-item:hover{background:var(--background-secondary, #fafafa)}.hashtag-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--background-secondary, #efefef);border-radius:50%;color:var(--text-primary, #262626);flex-shrink:0}.hashtag-info{display:flex;flex-direction:column;gap:2px;flex:1}.hashtag-name{font-size:14px;font-weight:600;color:var(--text-primary, #262626)}.hashtag-count{font-size:12px;color:var(--text-secondary, #8e8e8e)}.posts-results{display:grid;grid-template-columns:1fr;gap:8px}.post-result-item{position:relative;aspect-ratio:1;cursor:pointer;overflow:hidden;border-radius:4px}.post-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-result-item:hover .post-thumbnail{transform:scale(1.05)}.post-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.post-result-item:hover .post-overlay{opacity:1}.post-stats{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600}.post-stats svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@media(max-width:768px){.search-page{padding:16px}.search-header{padding-bottom:12px;margin-bottom:16px}.search-input-wrapper{padding:10px 14px}.search-input{font-size:15px}.posts-results{gap:2px}.user-avatar{width:44px;height:44px}}@media(max-width:480px){.search-page{padding:12px}.search-tabs{gap:6px}.search-tab{padding:6px 12px;font-size:13px}.user-result-item,.hashtag-result-item,.recent-item{padding:10px}}@media(prefers-color-scheme:dark){.search-page{--background-primary: #000000;--background-secondary: #121212;--background-tertiary: #262626;--background-quaternary: #3a3a3a;--text-primary: #ffffff;--text-secondary: #a8a8a8;--text-tertiary: #737373;--border-color: #262626;--primary-color: #0095f6}.search-input-wrapper{background:var(--background-secondary)}.search-input-wrapper:focus-within{background:var(--background-tertiary)}}.post-result-item.text-only{aspect-ratio:auto;background:var(--background-secondary, #fafafa);padding:16px}.post-text-preview{display:flex;flex-direction:column;gap:12px}.post-text-preview .post-caption{font-size:14px;line-height:1.5;color:var(--text-primary, #262626);margin:0;word-break:break-word}.post-text-meta{display:flex;align-items:center;justify-content:space-between}.post-text-meta .post-author{font-size:13px;font-weight:600;color:var(--text-secondary, #8e8e8e)}.post-text-meta .post-likes{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary, #8e8e8e)}.post-text-meta .post-likes svg{color:var(--text-tertiary, #a8a8a8)}.reels-page{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;z-index:1000}.reels-header{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);z-index:10}.reels-header .back-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center}.reels-header h2{color:#fff;margin:0;font-size:1.2rem;flex:1;margin-left:1rem}.reels-counter{color:#fff;font-size:.9rem;background:#fff3;padding:.4rem .8rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reels-container{width:100%;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.reels-mobile-app-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;width:90%;background:#000000d9;border-radius:16px;padding:2rem 1.5rem;text-align:center;color:#fff}.reels-mobile-app-prompt h3{margin-bottom:.75rem}.reels-mobile-app-prompt p{margin-bottom:1.5rem;font-size:.95rem;opacity:.85}.reels-app-buttons{display:flex;flex-direction:column;gap:.75rem}.store-button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.2rem;border-radius:999px;font-weight:600;font-size:.9rem;text-decoration:none;color:#fff}.store-button.ios{background:#000}.store-button.android{background:#3ddc84}.reels-container::-webkit-scrollbar{display:none}.reel-item{position:relative;width:100%;height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.reel-video{width:100%;height:100%;object-fit:cover}.reel-skip{position:absolute;top:0;bottom:0;width:25%;z-index:4;background:transparent}.reel-skip-left{left:0}.reel-skip-right{right:0}.nav-arrow{position:absolute;left:1rem;background:#ffffff4d;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;transition:all .2s}.nav-arrow:hover{background:#ffffff80;transform:scale(1.1)}.nav-up{top:30%;transform:translateY(-100%)}.nav-down{bottom:40%;transform:translateY(100%)}.reel-info{position:absolute;bottom:100px;left:0;right:100px;padding:1rem;color:#fff;z-index:5}.reel-user{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.reel-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid white;cursor:pointer}.reel-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.reel-user-details{display:flex;flex-direction:column;flex:1;cursor:pointer}.reel-name{font-weight:600;font-size:1rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.reel-username{font-size:.85rem;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.5)}.reel-views{font-size:.8rem;opacity:.8;margin-top:.2rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.follow-button{background:#fff;color:#000;border:none;padding:.5rem 1.2rem;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .2s}.follow-button:hover{opacity:.9}.reel-caption{margin:0;font-size:.95rem;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.5)}.reel-actions{position:absolute;right:1rem;bottom:100px;display:flex;flex-direction:column;gap:1.5rem;z-index:5}.reel-action-btn{background:none;border:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;font-size:1.8rem;transition:transform .2s;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.reel-action-btn:hover{transform:scale(1.1)}.reel-action-btn span{font-size:.75rem;font-weight:600}.icon-liked{color:#e91e63}@media(max-width:768px){.reel-actions{right:.75rem;bottom:120px}.nav-arrow{width:40px;height:40px;font-size:1.5rem}}.blocked-users-page{min-height:100vh;background:var(--background)}.blocked-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.back-btn{background:none;border:none;font-size:1.5rem;color:var(--text);cursor:pointer;padding:.5rem;display:flex;align-items:center}.blocked-header h1{font-size:1.5rem;margin:0}.blocked-content{max-width:600px;margin:0 auto;padding:1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;color:var(--text-secondary);margin-bottom:1rem}.empty-state h2{color:var(--text);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary)}.blocked-list{display:flex;flex-direction:column;gap:0}.blocked-user-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface);border-bottom:1px solid var(--border)}.blocked-user-info{display:flex;align-items:center;gap:1rem;flex:1}.blocked-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.blocked-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.blocked-details{display:flex;flex-direction:column;gap:.25rem}.blocked-name{font-weight:600;font-size:1rem}.blocked-username{color:var(--text-secondary);font-size:.9rem}.blocked-date{color:var(--text-secondary);font-size:.8rem}.unblock-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:opacity .2s}.unblock-btn:hover{opacity:.9}.story-view-page{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;z-index:1000;display:flex;flex-direction:column}.story-progress-bars{position:absolute;top:10px;left:0;right:0;display:flex;gap:4px;padding:0 10px;z-index:10}.progress-bar-container{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:#fff;transition:width .1s linear}.story-header{position:absolute;top:25px;left:0;right:0;display:flex;align-items:center;padding:0 1rem;gap:1rem;z-index:10}.back-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center}.story-user-info{display:flex;align-items:center;gap:.75rem;flex:1}.story-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid white}.story-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.story-username{color:#fff;font-weight:600;font-size:.95rem;display:block;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-timestamp{color:#fffc;font-size:.8rem;display:block;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-actions-header{display:flex;gap:.5rem}.story-action-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.story-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;border:none;color:#fff;width:45px;height:45px;border-radius:50%;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;transition:all .2s}.story-nav-arrow:hover{background:#ffffff80;transform:translateY(-50%) scale(1.1)}.story-nav-left{left:1rem}.story-nav-right{right:1rem}.story-media-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;cursor:pointer}.story-media{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.story-reply-container{position:absolute;bottom:20px;left:0;right:0;padding:0 1rem;display:flex;gap:.75rem;align-items:center;z-index:10}.story-reply-input{flex:1;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1rem;border-radius:25px;font-size:.95rem;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-reply-input::placeholder{color:#ffffffb3}.story-reply-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}@media(max-width:768px){.story-nav-arrow{width:40px;height:40px;font-size:1.5rem}}.bookmarks-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.bookmarks-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.bookmarks-header h2{flex:1;color:var(--text);font-size:var(--font-xl);font-weight:600;text-align:center}.search-section{margin-bottom:var(--spacing-lg)}.search-input-wrapper{position:relative}.bookmarks-search{width:100%;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full)}.search-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:20px;color:var(--text-secondary)}.bookmarks-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bookmark-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-lg);transition:var(--transition)}.bookmark-item:hover{background-color:var(--surface-hover)}.bookmark-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;cursor:pointer;flex-shrink:0;transition:var(--transition)}.bookmark-avatar:hover{transform:scale(1.05)}.bookmark-name{flex:1;color:var(--text);font-size:var(--font-md);font-weight:500}.remove-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;transition:var(--transition)}.remove-btn:hover{background-color:var(--error);border-color:var(--error)}.no-results{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}@media(max-width:768px){.bookmarks-container{padding:var(--spacing-md)}}.pages-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.pages-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.identity-status{margin-bottom:var(--spacing-xl)}.identity-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-radius:var(--radius-lg);background:linear-gradient(135deg,#e91e6329,#2196f31f);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000040}.identity-main{display:flex;align-items:center;gap:var(--spacing-md)}.identity-avatar{width:44px;height:44px;border-radius:999px;overflow:hidden;background:#0006;display:flex;align-items:center;justify-content:center}.identity-avatar img{width:100%;height:100%;object-fit:cover}.identity-avatar-placeholder{width:100%;height:100%;border-radius:999px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text)}.identity-info{display:flex;flex-direction:column}.identity-title{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.identity-name{font-size:var(--font-md);font-weight:600;color:var(--text)}.identity-username{font-size:var(--font-xs);color:var(--text-secondary)}.identity-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.identity-chip{padding:4px 10px;border-radius:999px;font-size:var(--font-xs);font-weight:500;border:1px solid rgba(255,255,255,.18);background:#00000040;color:var(--text)}.identity-chip.user{border-color:#64b5f6;background:#64b5f62e}.identity-chip.page{border-color:#ff80ab;background:#ff80ab2e}.identity-reset-btn{padding:6px 12px;border-radius:999px;border:none;background:#00000059;color:var(--text);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:var(--transition)}.identity-reset-btn:hover{background:#0009}.pages-header h2{flex:1;color:var(--text);font-size:var(--font-xl);font-weight:600;text-align:center}.create-page-section{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.create-page-section h3{color:var(--text);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-lg)}.page-name-input,.page-bio-input{width:100%;margin-bottom:var(--spacing-md)}.page-bio-input{min-height:100px;resize:vertical}.create-page-btn{width:100%;max-width:200px;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary),#D81B60);color:var(--text);border-radius:var(--radius-full);font-weight:600;transition:var(--transition);display:block;margin:0 auto}.create-page-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e91e6366}.my-pages-title{color:var(--text);font-size:var(--font-md);font-weight:600;margin-bottom:var(--spacing-md)}.pages-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-lg);transition:var(--transition)}.page-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}.page-item:hover{background-color:var(--surface-hover)}.page-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.page-name{flex:1;color:var(--text);font-size:var(--font-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-page-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;transition:var(--transition)}.open-page-btn:hover{background-color:var(--primary);border-color:var(--primary)}.identity-switch-btn{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;background-color:transparent;border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition)}.identity-switch-btn:hover{background-color:var(--surface-hover);color:var(--text)}.identity-switch-btn.active{background-color:#2196f326;border-color:#64b5f6;color:#64b5f6}.empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:400px}.image-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.image-modal-content{position:relative;max-width:90vw;max-height:90vh}.image-modal-content img{max-width:100%;max-height:100%;border-radius:var(--radius-lg)}.image-modal-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:#000c;color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:768px){.pages-container{padding:var(--spacing-md)}}.edit-profile-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.edit-profile-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.edit-profile-header h2{flex:1;color:var(--text);font-size:var(--font-xl);font-weight:600;text-align:center}.edit-profile-content{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.edit-profile-content h3{color:var(--text);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-xl);text-align:center}.form-group-edit{margin-bottom:var(--spacing-lg)}.form-group-edit label{display:block;color:var(--text);font-size:var(--font-sm);font-weight:500;margin-bottom:var(--spacing-sm)}.form-group-edit input,.form-group-edit textarea{width:100%;padding:var(--spacing-md);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);font-family:inherit}.form-group-edit textarea{resize:vertical}.image-uploads-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);display:flex;gap:var(--spacing-xl)}.image-uploads-section .image-upload-box:first-child .upload-area{margin-left:0}.image-upload-box{flex:1}.image-upload-label-row{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-sm)}.image-upload-label-row label{display:block;color:var(--text);font-size:var(--font-sm);font-weight:600}.image-upload-hint{font-size:var(--font-xs);color:var(--text-secondary)}.upload-area{position:relative;width:150px;height:150px;margin:0 auto;border-radius:50%;overflow:hidden;background-color:var(--background)}.upload-area.cover{width:100%;height:150px;border-radius:var(--radius-md)}.preview-image-round,.preview-image-rect{width:100%;height:100%;object-fit:cover}.upload-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(233,30,99,.12),transparent 55%),radial-gradient(circle at bottom right,rgba(33,150,243,.12),transparent 55%);color:var(--text-secondary);gap:var(--spacing-xs);text-align:center;padding:0 var(--spacing-md)}.upload-placeholder svg{font-size:32px;margin-bottom:4px}.upload-placeholder span{font-size:var(--font-sm)}.upload-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#0000001a,#000000b3);color:#fff;opacity:0;transition:var(--transition);cursor:pointer;gap:var(--spacing-xs)}.upload-area:hover .upload-overlay{opacity:1}.upload-overlay svg{font-size:28px}.upload-overlay span{font-size:var(--font-xs);text-align:center;padding:0 var(--spacing-md)}.update-btn{width:100%;max-width:300px;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary),#D81B60);color:var(--text);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-md);transition:var(--transition);display:block;margin:0 auto}.update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e91e6366}.update-btn:disabled{opacity:.6;cursor:not-allowed}.single-upload-btn{margin-top:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:var(--font-sm);cursor:pointer;transition:var(--transition)}.single-upload-btn svg{font-size:18px;color:var(--primary)}.single-upload-btn:hover{background-color:var(--surface-hover);border-color:var(--primary)}.upload-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.upload-modal{background:var(--surface);border-radius:16px 16px 0 0;width:100%;max-width:600px;padding:1.5rem;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.upload-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.close-modal-btn{background:none;border:none;font-size:1.5rem;color:var(--text);cursor:pointer;padding:.5rem;display:flex;align-items:center}.upload-options-modal{display:flex;flex-direction:column;gap:.5rem}.upload-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background);border:none;border-radius:8px;cursor:pointer;transition:background .2s;text-align:left;color:var(--text)}.upload-option:hover{background:var(--hover)}.upload-icon{font-size:1.5rem;color:var(--primary)}.upload-option span{font-size:1rem;font-weight:500}@media(max-width:768px){.edit-profile-container{padding:var(--spacing-md)}.image-uploads-section{flex-direction:column}}.upload-options{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.upload-option-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.upload-option-btn:hover{background-color:var(--surface-hover);border-color:var(--primary)}.upload-option-btn svg{font-size:24px;color:var(--primary)}.upload-option-btn span{color:var(--text);font-size:var(--font-sm);font-weight:500}.followers-container{padding:var(--spacing-xl)}.followers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.followers-header h2{margin:0}.back-btn{border:none;background:transparent;cursor:pointer;font-size:20px}.followers-error{color:var(--error);margin-bottom:var(--spacing-md)}.followers-empty{text-align:center;color:var(--text-secondary)}.followers-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.followers-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease}.followers-item:hover{background:var(--surface)}.followers-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.followers-info{display:flex;flex-direction:column}.followers-name{font-weight:600}.followers-username{font-size:var(--font-sm);color:var(--text-secondary)}.legal-page-container{max-width:900px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh}.legal-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.legal-header h1{flex:1;color:var(--text);font-size:var(--font-xxl);font-weight:600;text-align:center}.legal-content{color:var(--text);line-height:1.8}.legal-content section{margin-bottom:var(--spacing-xxl)}.legal-content h2{color:var(--text);font-size:var(--font-xl);font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary)}.legal-content h3{color:var(--text);font-size:var(--font-lg);font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-sm)}.legal-content p{margin-bottom:var(--spacing-md);color:var(--text)}.legal-content ul,.legal-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.legal-content li{margin-bottom:var(--spacing-sm);color:var(--text)}.legal-content a{color:var(--primary);text-decoration:underline;transition:var(--transition)}.legal-content a:hover{color:var(--primary-hover)}.legal-content strong{font-weight:600;color:var(--text)}.effective-date{background-color:var(--surface);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--primary);margin-bottom:var(--spacing-xl)}.info-grid{display:grid;gap:var(--spacing-md);background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.info-item{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border)}.info-item:last-child{border-bottom:none}.info-item strong{color:var(--text-secondary);font-size:var(--font-sm)}.info-item span{color:var(--text);font-size:var(--font-md)}.contact-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.contact-card{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;transition:var(--transition)}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.contact-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--primary),#D81B60);border-radius:50%}.contact-icon svg{font-size:32px;color:var(--text)}.contact-card h3{color:var(--text);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.contact-card p{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--spacing-md)}.contact-link{display:inline-block;color:var(--primary);font-size:var(--font-md);font-weight:600;text-decoration:none;transition:var(--transition)}.contact-link:hover{color:var(--primary-hover);text-decoration:underline}@media(max-width:768px){.legal-page-container{padding:var(--spacing-md)}.legal-header h1{font-size:var(--font-xl)}.legal-content h2{font-size:var(--font-lg)}.info-item{grid-template-columns:1fr;gap:var(--spacing-xs)}.contact-section{grid-template-columns:1fr}}.create-post-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.create-post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.create-post-header h2{color:var(--text);font-size:var(--font-xl);font-weight:600}.discard-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--primary);font-size:var(--font-md);font-weight:500;transition:var(--transition)}.discard-btn:hover{color:var(--primary-hover)}.publish-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary);color:var(--text);border-radius:var(--radius-full);font-size:var(--font-md);font-weight:600;transition:var(--transition)}.publish-btn:hover:not(:disabled){background-color:var(--primary-hover)}.publish-btn:disabled{opacity:.6;cursor:not-allowed}.create-post-content{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.user-info-create{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.user-avatar-create{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-name-create{color:var(--text);font-weight:600;font-size:var(--font-md)}.post-textarea{width:100%;min-height:150px;padding:var(--spacing-md);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);font-family:inherit;resize:vertical;margin-bottom:var(--spacing-lg)}.uploaded-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.image-preview{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#000000b3;color:var(--text);border-radius:50%;font-size:20px;transition:var(--transition)}.remove-image-btn:hover{background-color:var(--error)}.media-list{margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--background)}.media-list-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border)}.media-list-item:last-child{border-bottom:none}.media-icon{width:32px;height:32px;border-radius:999px;background-color:var(--surface);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-md);color:var(--primary)}.media-meta{flex:1;min-width:0}.media-name{font-size:var(--font-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-type{font-size:var(--font-xs, 12px);color:var(--muted, #888)}.media-remove-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--muted, #666);transition:var(--transition)}.media-remove-btn:hover{background-color:var(--error);color:#fff}.sensitive-row{margin-bottom:var(--spacing-lg)}.sensitive-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);color:var(--text);font-weight:500}.sensitive-label input{width:16px;height:16px}.sensitive-help{margin-top:var(--spacing-xs);font-size:var(--font-xs, 12px);color:var(--muted, #777)}.post-actions-create{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.upload-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-sm);transition:var(--transition);cursor:pointer}.upload-btn:hover{background-color:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.upload-btn svg{font-size:20px}.post-type-toggle{display:flex;gap:var(--spacing-md);justify-content:center}.toggle-btn{flex:1;max-width:150px;padding:var(--spacing-md);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full);font-weight:600;transition:var(--transition)}.toggle-btn:hover{background-color:var(--surface-hover)}.toggle-btn.active{background-color:var(--primary);border-color:var(--primary)}@media(max-width:768px){.create-post-container{padding:var(--spacing-md)}.uploaded-images{grid-template-columns:repeat(2,1fr)}}.submit-report-container{max-width:700px;margin:0 auto;padding:var(--spacing-lg)}.submit-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.submit-report-header h2{flex:1;text-align:center;color:var(--text);font-size:var(--font-xl);font-weight:600}.submit-report-content{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;color:var(--text);font-size:var(--font-md);font-weight:600;margin-bottom:var(--spacing-sm)}.report-type-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.report-type-btn{padding:var(--spacing-md);background-color:var(--background);color:var(--text);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;transition:var(--transition);text-align:center}.report-type-btn:hover{background-color:var(--surface-hover);border-color:var(--primary)}.report-type-btn.active{background-color:var(--primary);border-color:var(--primary);color:var(--text);font-weight:600}.category-select{width:100%;padding:var(--spacing-md);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer}.category-select:focus{border-color:var(--primary);outline:none}.description-textarea{width:100%;padding:var(--spacing-md);background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);font-family:inherit;resize:vertical;min-height:120px}.description-textarea:focus{border-color:var(--primary);outline:none}.char-count{text-align:right;color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--spacing-xs)}.info-box{background-color:#2196f31a;border-left:3px solid var(--info);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.info-box p{color:var(--text);font-size:var(--font-sm);line-height:1.6;margin:0}.submit-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--primary),#D81B60);color:var(--text);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-md);transition:var(--transition)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e91e6366}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.submit-report-container{padding:var(--spacing-md)}.submit-report-content{padding:var(--spacing-lg)}.report-type-buttons{grid-template-columns:1fr}}