@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-text-primary: #131517;--color-text-secondary: #6d786c;--color-text-input: #1a1c1e;--color-placeholder: #6c7278;--color-text-dark: #000000;--color-text-gray: #6c7278;--color-text-light-gray: #838282;--color-text-medium-gray: #4e4e4e;--color-text-meta: #595959;--color-text-blue: #2c3e50;--color-text-muted: #7f8c8d;--color-accent-blue: #4d81e7;--color-accent-blue-hover: #3a6bc7;--color-accent-primary: #1976d2;--color-accent-light-blue: #e3f2fd;--color-success: #3498db;--color-success-hover: #2980b9;--color-error: #e74c3c;--color-error-hover: #c0392b;--color-error-bg: rgba(231, 76, 60, .1);--color-btn-light-bg: #ffffff;--color-btn-light-text: #1a1919;--color-btn-light-border: #1a1919;--color-btn-light-hover-bg: #1a1919;--color-btn-light-hover-text: #ffffff;--color-btn-dark-bg: #262626;--color-btn-dark-text: #ffffff;--color-btn-dark-border: #262626;--color-btn-dark-hover-bg: #333333;--color-btn-gray-bg: #f0f0f0;--color-btn-gray-text: #131517;--color-btn-gray-hover-bg: #e0e0e0;--color-border: #0000000f;--color-border-light: #0000000f;--color-bg-comment: #f4f4f480;--color-bg-card: #f4f4f480;--color-border-light: rgba(0, 0, 0, .1);--color-border-hover: rgba(0, 0, 0, .3);--color-border-gray: #d0d0d0;--color-input-border: #edf1f3;--color-checkbox-border: #6c7278;--color-hover-bg: rgba(0, 0, 0, .05);--shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .15);--shadow-card: 0 32px 4px rgba(0, 0, 0, .1);--shadow-input: 0px 1px 2px 0px #e4e5e73d;--shadow-social: 0 4px 8px rgba(0, 0, 0, .1);--gradient-ad: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-toggle-bg: #ccc;--color-toggle-active: #2196f3;--popup-overlay-bg: #ffffffb2;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-heading: "Mulish", sans-serif;--font-manrope: "Manrope", sans-serif;--font-jakarta: "Plus Jakarta Sans", sans-serif;--font-roboto: "Roboto", sans-serif}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-text-primary: #ffffff;--color-text-secondary: #6d786c;--color-text-input: #ffffff;--color-placeholder: #9ca3af;--color-text-dark: #ffffff;--color-text-gray: #9ca3af;--color-text-light-gray: #6b7280;--color-text-medium-gray: #9ca3af;--color-text-meta: #9ca3af;--color-text-blue: #60a5fa;--color-text-muted: #6b7280;--color-accent-blue: #60a5fa;--color-accent-blue-hover: #3b82f6;--color-accent-primary: #3b82f6;--color-accent-light-blue: rgba(59, 130, 246, .1);--color-btn-light-bg: #2d2d2d;--color-btn-light-text: #ffffff;--color-btn-light-border: #ffffff;--color-btn-light-hover-bg: #ffffff;--color-btn-light-hover-text: #1a1a1a;--color-btn-dark-bg: #404040;--color-btn-dark-text: #ffffff;--color-btn-dark-border: #404040;--color-btn-dark-hover-bg: #525252;--color-btn-gray-bg: #404040;--color-btn-gray-text: #ffffff;--color-btn-gray-hover-bg: #525252;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .3);--color-border-gray: #4b5563;--color-input-border: #4b5563;--color-checkbox-border: #9ca3af;--color-hover-bg: rgba(255, 255, 255, .05);--shadow-light: 0 2px 4px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .4);--shadow-card: 0 32px 4px rgba(0, 0, 0, .3);--shadow-input: 0px 1px 2px 0px rgba(0, 0, 0, .3);--shadow-social: 0 4px 8px rgba(0, 0, 0, .3);--color-toggle-bg: #4b5563;--color-toggle-active: #60a5fa;--popup-overlay-bg: rgba(0, 0, 0, .7)}[data-theme=dark] .search-icon,[data-theme=dark] .become-icon,[data-theme=dark] .arrow-icon{filter:brightness(0) invert(1)}[data-theme=dark] .btn-light:hover .become-icon{filter:brightness(0)}[data-theme=dark] .create-blog-icon{filter:brightness(0) invert(1)}[data-theme=dark] .dropdown-item.btn:hover .create-blog-icon{filter:invert(0)}[data-theme=dark] .dropdown-item.btn:hover{color:#000!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] .form-input,[data-theme=dark] .search-input,[data-theme=dark] .comment-textarea,[data-theme=dark] .mobile-search-input{background:#f4f4f414!important;border:1px solid #0000000f!important}.mobile-only{display:none}@media (max-width: 1024px){.mobile-only{display:block}}[data-theme=dark] .nav-icon{filter:brightness(0) invert(1)}[data-theme=dark] .nav-item:hover .nav-icon,[data-theme=dark] .nav-item.active .nav-icon{filter:brightness(0) invert(1) hue-rotate(200deg)}[data-theme=dark] .stat-icon,[data-theme=dark] .reaction-add-icon,[data-theme=dark] .bookmark-icon,[data-theme=dark] .eye-icon,[data-theme=dark] .comment-icon,[data-theme=dark] .reply-icon{filter:brightness(0) invert(1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color .3s ease,color .3s ease}button,a,[role=button],input[type=button],input[type=submit],input[type=reset]{cursor:pointer}button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled{cursor:not-allowed}button.btn-light:hover img{filter:brightness(0) invert(1)}.nav-item:hover img{filter:brightness(1) invert(0)}.dropdown-item:hover img{filter:brightness(0) invert(0)}html[data-theme=dark] .dropdown-item:hover img{filter:brightness(0) invert(1)}html[data-theme=dark] .dropdown-item:hover{color:#fff}.btn{height:41px;padding:0 11px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:var(--font-primary)}.btn-light{background-color:transparent;color:var(--color-btn-light-text);border:1px solid var(--color-btn-light-border)}.btn-light:hover{background-color:var(--color-btn-light-hover-bg)!important;color:var(--color-btn-light-hover-text)}.btn-light:hover img{filter:brightness(0) invert(1)}.btn-dark{background-color:var(--color-btn-dark-bg);color:var(--color-btn-dark-text);border:1px solid var(--color-btn-dark-border)}[data-theme=dark] .btn-dark{background-color:#fff;color:#000;border:1px solid var(--color-btn-dark-border)}[data-theme=dark] .btn-dark:hover{background-color:var(--color-btn-dark-bg);color:var(--color-btn-dark-text);border:1px solid var(--color-btn-dark-border)}.btn-dark:hover{background-color:var(--color-btn-dark-hover-bg)}.btn-gray{background-color:var(--color-btn-gray-bg);color:var(--color-btn-gray-text);border:none}.btn-gray:hover{background-color:var(--color-btn-gray-hover-bg)}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.header{position:sticky;z-index:999;top:0;background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:20px 0;width:100%;border-bottom:1px solid var(--color-border)}.header__content{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.header__logo:hover img{filter:initial;opacity:.8}.logo-img{height:40px;width:auto}.header__logo h1{margin:0;font-size:24px;font-weight:700;color:var(--color-text-primary)}.header__actions{display:flex;align-items:center;gap:0}.header__search{margin-right:30px}.header__search{display:flex;align-items:center;cursor:pointer;border-radius:6px;transition:background-color .3s ease}.search-icon{height:24px;width:24px;filter:brightness(0)}.notification-link{position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;background:#f44;color:#fff;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0 5px;line-height:1;box-shadow:0 2px 4px #0003}[data-theme=dark] .notification-badge{background:#f44;box-shadow:0 2px 4px #0006}.become-icon{height:20px;width:20px;filter:brightness(0);transition:filter .3s ease}.btn-light:hover .become-icon{filter:brightness(0) invert(1)}.user-menu{display:flex;align-items:center;gap:12px;position:relative;cursor:pointer;margin-left:20px}.auth_button{margin-left:20px}.arrow-icon{width:16px;height:16px;transition:transform .3s ease;transform:rotate(180deg)}.arrow-down{transform:rotate(0)}.user-avatar{cursor:pointer;position:relative;height:40px}.avatar-img{width:40px!important;height:40px!important;border-radius:50%;border:2px solid var(--color-border-light);transition:border-color .3s ease}.user-avatar:hover .avatar-img{border-color:var(--color-border-hover)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-bg-primary);border-radius:8px;box-shadow:var(--shadow-medium);min-width:294px;z-index:1000;margin-top:20px}.dropdown-header{display:flex;align-items:center;gap:10px;padding:24px 24px 0}.dropdown-avatar{flex-shrink:0;height:40px}.dropdown-avatar-img{width:40px!important;height:40px!important;border-radius:50%;border:2px solid var(--color-border-light);object-fit:cover}.dropdown-user-info{flex:1}.dropdown-header .user-name{font-weight:600;color:var(--color-text-primary);font-size:15px}.dropdown-header .user-username{color:var(--color-text-secondary);font-weight:500;font-size:14px}.dropdown-content{padding:12px 0 24px}.dropdown-item{width:100%;padding:14px 34px;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:12px;font-size:14px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin-bottom:8px}button.dropdown-item.btn.btn-light:hover{background-color:#000}.dropdown-item.btn{justify-content:center;border-radius:7px;height:41px;padding:0 11px;width:calc(100% - 48px);border:1px solid var(--color-btn-light-border);margin:0 auto 18px}.create-blog-icon{height:20px;width:20px;filter:brightness(0);transition:filter .3s ease}.dropdown-item.btn:hover .create-blog-icon{filter:brightness(0) invert(1)}.dropdown-item-icon{height:24px;width:24px;transition:filter .3s ease}.dropdown-divider{height:1px;background-color:var(--color-border);margin:8px 0}.logout-item{color:var(--color-error)!important;font-weight:500}.logout-item:hover{background-color:transparent!important;color:var(--color-error-hover)!important}.theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:none;margin-bottom:0}.theme-toggle:hover{background:none}.dropdown-item.logout-item{border-bottom:none;padding:0 12px;margin-top:24px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-toggle-bg);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--color-toggle-active)}input:checked+.toggle-slider:before{transform:translate(20px)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:300px;padding:10px 40px 10px 15px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:14px;outline:none}.search-input:focus{border-color:var(--color-primary)}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:400px;overflow-y:auto;z-index:1000}.search-results-section{padding:8px 0}.search-results-title{padding:8px 16px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:var(--color-text-primary);transition:background-color .2s ease}.search-result-image{width:40px;height:40px;object-fit:cover;flex-shrink:0}.search-result-image-user{border-radius:50%}.search-result-image-post{border-radius:6px}.search-result-image-placeholder{background:var(--color-bg-primary);border:1px solid var(--color-border)}.search-result-title{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-author{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.header__search{display:none}.auth_button{padding:8px!important;min-width:auto!important;font-size:0!important;gap:0}.auth_button:before{content:"";display:inline-block;width:24px;height:24px;background-image:url(/img/authicon.svg);background-size:contain;background-repeat:no-repeat;background-position:center;font-size:16px}.become-author-btn span{display:none}}.auth-container{min-height:100vh;display:flex;background-color:var(--color-bg-primary)}.auth-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;max-width:50%}.auth-form{width:100%;max-width:338px}.auth-logo{margin-bottom:32px;text-decoration:none;color:inherit;display:block;text-align:left}.auth-logo .logo-img{width:60px;height:60px}.auth-form h1{font-family:var(--font-heading);font-size:50px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;text-align:left;line-height:1.3}.auth-form p{color:var(--color-text-secondary);text-align:left;margin-bottom:32px;font-size:18px;font-weight:400}.auth-links p{font-size:15px}.auth-links a{font-size:15px;color:var(--color-accent-blue);text-decoration:none;font-weight:600}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:15px;color:var(--color-text-gray);font-family:var(--font-jakarta)}[data-theme=dark] .form-group label{color:#fff}.form-group input{width:100%;padding:12.5px 14px;border:1px solid var(--color-input-border);border-radius:7px;font-size:16px;background-color:#f4f4f480;border:1px solid #0000000f;color:var(--color-text-input);box-shadow:0 1px 2px 0 var(--shadow-input);transition:border-color .3s ease}.edit-static-page .form-group input{background-color:#1a1a1a;color:#fff}.form-group input::placeholder{color:var(--color-placeholder)}.form-group input:focus{outline:none;border-color:var(--color-btn-light-border)}.password-input-wrapper{position:relative}.password-toggle-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer;opacity:.6;transition:opacity .3s ease}.password-toggle-icon:hover{opacity:1}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center;cursor:pointer;font-size:14px;color:var(--color-text-primary);position:relative}.remember-me input[type=checkbox]{display:none}.checkmark{width:16px;height:16px;border:1px solid var(--color-text-gray);border-radius:3px;margin-right:8px;position:relative;background-color:var(--color-bg-primary);transition:all .3s ease}.remember-me input[type=checkbox]:checked+.checkmark{background-color:var(--color-btn-light-border);border-color:var(--color-btn-light-border)}.remember-me input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-password{color:var(--color-accent-blue);text-decoration:none;font-size:15px;font-weight:600;transition:color .3s ease}.forgot-password:hover{color:var(--color-accent-blue-hover);text-decoration:underline}.social-login{margin-top:24px}.social-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--color-input-border)}.social-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:32px}.social-btn{width:68px;height:48px;border:1px solid var(--color-input-border);border-radius:8px;background-color:var(--color-bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.auth-buttons{display:flex;gap:10px;margin-top:24px}.login-button{padding:12px;text-align:center;justify-content:center;width:100%;max-width:157px}.register-button{width:100%;padding:12px;margin-bottom:16px}.guest-button{padding:12px 10px;max-width:185px;flex-shrink:0}.auth-links{display:flex;justify-content:space-between}.auth-links a:hover{text-decoration:underline}.auth-image-section{flex:1;background-image:url(/img/login.png);background-size:cover;background-position:center;background-repeat:no-repeat}.recovery-button{width:100%;max-width:164px;justify-content:center}button.btn.btn-light.back-button{width:100%}@media (max-width: 1024px){.auth-container{flex-direction:column}.auth-form-section{max-width:100%;padding:78px 40px}.auth-form{max-width:100%}.auth-form h1{font-size:32px}.auth-form p{font-size:16px}.auth-links p,.auth-links a{font-size:13px}.form-group{gap:8px}.form-group label{margin-bottom:0;font-size:14px}.form-group input{font-size:16px}.form-group input::placeholder{font-size:16px}.auth-buttons{flex-direction:column}.auth-buttons button{width:100%;max-width:100%;margin-bottom:0}.auth-image-section{display:none}}.popup-image-section{position:relative;height:320px;overflow:hidden}.popup-bg-image{width:100%;height:100%;object-fit:cover}.popup-close-btn{position:absolute;top:12px;right:12px;width:61px;height:61px;border-radius:12px;background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.popup-close-btn:hover{background:#fff}.popup-close-btn:hover .close-icon{filter:brightness(0) invert(0)}.close-icon{width:25px;height:25px}.popup-content{padding:32px 24px 75px;text-align:center;max-width:500px;margin:0 auto}.popup-logo{margin-bottom:20px}.popup-logo .logo-img{width:62px;height:62px;margin:0 auto;display:block}.popup-title{font-size:50px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px;font-family:var(--font-heading)}.popup-description{font-size:18px;font-weight:400;color:var(--color-text-gray);margin:0 0 32px;line-height:1.5;font-family:var(--font-primary)}.popup-buttons{display:flex;gap:12px;justify-content:center}@media (max-width: 1024px){.popup-image-section{display:flex;flex-direction:column-reverse;height:auto;align-items:flex-end}.popup-close-btn{position:initial;display:flex;background:#0000001f;-webkit-backdrop-filter:blur(2.885244131088257px);backdrop-filter:blur(2.885244131088257px);width:45px;height:45px;margin-top:20px}.popup-bg-image{height:180px;border-radius:12px;margin-top:35px}.popup-logo{position:absolute;top:10px;left:0}.popup-title{font-size:32px;line-height:1.3}}.auth-popup-overlay{position:fixed;inset:0;background:var(--popup-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.auth-popup{background:var(--color-bg-primary);border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:705px;width:100%;overflow:hidden;position:relative}@media (max-width: 1024px){.auth-popup{max-width:95%}.auth-popup{background:transparent;box-shadow:none}.auth-popup-overlay{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px)}}.share-popup-overlay{position:fixed;inset:0;background:var(--popup-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.share-popup{background:var(--color-bg-primary);border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:705px;width:100%;overflow:hidden;position:relative}.popup-logo{width:62px;height:62px;margin:0 auto 20px;display:block}.popup-title{font-size:50px;font-weight:700;color:var(--color-text-primary);margin:0 0 32px;font-family:var(--font-heading)}.social-share{margin-bottom:32px}.social-divider{position:relative;text-align:center;margin-bottom:16px}.social-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--color-border)}.social-divider span{background-color:var(--color-bg-primary);padding:0 16px;color:var(--color-text-secondary);font-size:14px;position:relative;z-index:1}.social-buttons{display:flex;gap:15px;justify-content:center}.social-share .social-buttons{grid-template-columns:repeat(3,1fr)}.social-btn{width:68px;height:48px;border:1px solid var(--color-input-border);border-radius:8px;background-color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.social-btn:hover{border-color:var(--color-btn-light-border);transform:translateY(-2px);box-shadow:var(--shadow-social)}.social-icon{height:18px}.link-share{margin-top:24px}.link-container{display:flex;align-items:center;gap:8px;border:1px solid var(--color-input-border);border-radius:8px;padding:12px 16px}.link-input{flex:1;background:none;border:none;color:var(--color-text-muted);font-size:14px;font-family:var(--font-primary);outline:none}.link-input::placeholder{color:var(--color-text-muted)}.copy-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:var(--color-hover-bg)}.copy-icon{width:16px;height:16px}[data-theme=dark] .copy-icon{filter:invert(1)}@media (max-width: 1024px){.share-popup{max-width:95%}.share-popup{background:transparent;box-shadow:none}.share-popup-overlay{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px)}}.add-reaction-wrapper{position:relative;display:inline-block}.reaction-picker-overlay{z-index:999;background:transparent;pointer-events:none}.reaction-picker{position:absolute;bottom:100%;left:-60px;margin-bottom:8px;background:var(--color-bg-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;border:1px solid var(--color-border);padding:8px;z-index:1000;pointer-events:auto}.reaction-options{display:flex;gap:4px;align-items:center}.reaction-option{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.reaction-option span{margin:0}.reaction-option:hover{background:var(--color-bg-secondary);transform:scale(1.1)}.reaction-emoji{width:20px;height:20px;object-fit:contain;display:block}.home-layout{display:grid;grid-template-columns:302px 1fr 302px;gap:24px;max-width:1280px;margin:0 auto;padding:40px 0 27px;min-height:calc(100vh - 200px)}.main-content{min-height:calc(100vh - 200px);padding:0 0 32px}.create-blog-section{max-width:800px;margin:0 auto 24px}.create-blog-icon{width:16px;height:16px}.posts-container{max-width:800px;margin:0 auto}.create-blog-full-btn{width:100%;display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease}.create-blog-full-btn:hover .create-blog-icon{filter:invert(1)}[data-theme=dark] .create-blog-full-btn:hover .create-blog-icon{filter:brightness(1) invert(0)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.home-hero{text-align:center;margin-bottom:48px;padding:32px 0}.home-hero h1{font-size:40px;color:var(--color-text-blue);margin-bottom:16px}.home-hero p{font-size:19px;color:var(--color-text-muted)}.features-section h2{text-align:center;color:var(--color-text-blue);margin-bottom:32px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:32px}.feature-card{background:var(--color-bg-primary);border:16px solid var(--color-border-gray);border-radius:8px;padding:32px;text-align:center;box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-social)}.feature-card h3{color:var(--color-text-blue);margin-bottom:16px}.feature-card p{color:var(--color-text-muted);margin-bottom:24px}.feature-link{display:inline-block;background-color:var(--color-success);color:var(--color-bg-primary);padding:12px 24px;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.feature-link:hover{background-color:var(--color-success-hover)}@media (max-width: 1024px){.home-layout{grid-template-columns:1fr}}.template-example{min-height:calc(100vh - 200px);padding:32px 0}.template-header{text-align:center;margin-bottom:48px;padding:32px 0}.template-header h1{font-size:40px;color:var(--color-text-blue);margin-bottom:16px}.template-header p{font-size:19px;color:var(--color-text-muted)}.template-content{background:var(--color-bg-primary);border-radius:8px;padding:32px;box-shadow:var(--shadow-card)}.content-section h2{color:var(--color-text-blue);margin-bottom:16px}.content-section p{color:var(--color-text-muted);margin-bottom:32px;line-height:1.6}.template-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.template-feature-card{background:var(--color-bg-secondary);border:16px solid var(--color-border-gray);border-radius:6px;padding:24px;text-align:center}.template-feature-card h3{color:var(--color-text-blue);margin-bottom:8px}.template-feature-card p{color:var(--color-text-gray);margin:0}.left-sidebar,.right-sidebar{width:302px;background:var(--color-bg-primary);height:calc(100vh - 122px);position:sticky;top:100px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.left-sidebar::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{display:none}.left-sidebar{border-right:1px solid var(--color-border);padding-right:24px}.right-sidebar{border-left:1px solid var(--color-border);padding-left:24px}.sidebar-content{display:flex;flex-direction:column;gap:28px;height:100%;padding-bottom:50px}.sidebar-section h3{font-size:16px;line-height:22px;font-weight:700;color:var(--color-text-dark);margin-bottom:8px}.sidebar-section{border-bottom:1px solid var(--color-border)}.sidebar-nav{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:8px;text-decoration:none;color:var(--color-text-gray);font-weight:500;transition:all .3s ease;font-family:var(--font-jakarta)}.nav-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text-blue)}.nav-item.active{background-color:var(--color-accent-light-blue);color:var(--color-accent-primary)}.nav-icon{width:24px;height:24px}.themes-item{cursor:pointer;position:relative}.arrow-icon{width:16px;height:16px;margin-left:auto;transition:transform .3s ease}.arrow-icon.arrow-down{transform:rotate(0)}.dropdown-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--color-text-gray);font-weight:500;font-size:14px;transition:all .3s ease;font-family:var(--font-jakarta)}.dropdown-item:hover{background-color:var(--color-bg-secondary)}.themes-dropdown .show-all-btn{width:100%;background:none;border:none;border-radius:8px;padding:12px 10px 9px;color:var(--color-accent-blue);font-weight:600;font-size:14px;cursor:pointer;text-align:left;transition:all .3s ease;font-family:var(--font-primary);font-size:16px;line-height:1.4;margin-top:8px;border-top:1px solid var(--color-border-gray)}.themes-dropdown .show-all-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-blue)}.additional-nav{display:flex;flex-direction:column;gap:8px}.additional-nav .nav-item{padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--color-text-medium-gray);font-weight:600;font-size:16px;transition:all .3s ease;display:flex;align-items:center;gap:12px;line-height:1.4}.additional-nav .nav-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text-blue)}.themes-dropdown{display:flex;flex-direction:column}.themes-dropdown .dropdown-item{border:none;padding:10px 8px;margin:0}.themes-dropdown .dropdown-item.active{background-color:var(--color-accent-light-blue);color:var(--color-accent-primary)}.loading-categories{padding:12px;text-align:center;color:var(--color-text-gray);font-size:14px}.authors-list{display:flex;flex-direction:column;gap:8px}.author-item{display:flex;align-items:center;gap:10px;padding:4px 5px;border-radius:8px;transition:background-color .3s ease;cursor:pointer}.author-item:hover{background-color:var(--color-bg-secondary)}.author-rank{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:var(--color-text-light-gray);flex-shrink:0;margin-right:5px}.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.author-followers{font-size:14px;font-family:var(--font-jakarta);color:var(--color-text-light-gray);line-height:1.6}.comments-list{display:flex;flex-direction:column;gap:18px}.comment-item{padding:12px;border-radius:8px;transition:background-color .3s ease;cursor:pointer}.comment-item:hover{background-color:var(--color-bg-secondary)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author{display:flex;align-items:center;gap:8px}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment-author-name{font-size:15px;font-weight:600;color:var(--color-text-primary);font-family:var(--font-manrope)}.comment-text{font-size:15px;color:var(--color-text-gray);line-height:1.4;margin-bottom:8px}.comment-meta{display:flex;gap:12px;font-size:11px;color:var(--color-text-gray)}.comment-likes{display:flex;align-items:center;gap:4px;font-size:14px;font-family:var(--font-roboto);line-height:18px;color:var(--color-text-meta)}.inline-emoji{width:14px;height:14px;object-fit:contain;display:inline-block;vertical-align:middle;font-weight:400}.ad-banner{background:var(--gradient-ad);border-radius:8px;padding:24px;text-align:center;color:#fff}.ad-content{display:flex;flex-direction:column;gap:8px}.ad-text{font-size:16px;font-weight:600;font-family:var(--font-jakarta)}.ad-subtitle{font-size:14px;opacity:.9}.advertisement-block{margin-top:16px;position:relative}.ad-label{position:absolute;right:40px;top:10px;background:#000000b3;padding:4px 8px;border-radius:4px;font-size:10px;color:#fff;font-weight:600;z-index:2}.ad-info-trigger{position:absolute;right:10px;top:10px;z-index:2;cursor:pointer}.ad-dots{background:#000000b3;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;font-weight:700;transition:background .2s ease}.ad-info-trigger:hover .ad-dots{background:#000000e6}.ad-info-tooltip{position:absolute;right:0;top:calc(100% + 8px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:12px;min-width:200px;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10}.ad-info-trigger:hover .ad-info-tooltip{opacity:1;visibility:visible}.tooltip-item{font-size:12px;color:var(--color-text-primary);margin-bottom:8px;line-height:1.4}.tooltip-item:last-child{margin-bottom:0}.tooltip-item strong{font-weight:600;color:var(--color-text-primary)}.ad-image{width:100%;height:auto;border-radius:8px;display:block}.advertisement-block a{display:block;text-decoration:none}@media (max-width: 1024px){.left-sidebar{position:initial;width:100%;height:auto}.right-sidebar{display:none}.comment-text{font-size:13px}}.mobile-search{position:fixed;bottom:80px;left:0;right:0;background:#ffffffe5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);z-index:999;padding:16px}.mobile-search-container{display:flex;align-items:center;gap:12px;max-width:100%}.mobile-search-input{flex:1;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:16px;font-family:var(--font-primary);outline:none}.mobile-search-input::placeholder{color:var(--color-text-gray)}.mobile-search-input:focus{border-color:var(--color-accent-blue)}.mobile-search-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background .2s ease}.mobile-search-close:hover{background:var(--color-bg-secondary)}.mobile-search-close .close-icon{width:20px;height:20px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background:#ffffffe5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);display:none;z-index:1000;padding:0 16px}.mobile-nav-container{display:flex;justify-content:center;gap:40px;align-items:center;height:100%}.mobile-nav-item{background:transparent;border:none;display:flex;justify-content:center;align-items:center;position:relative;text-decoration:none}.mobile-nav-item img,.mobile-nav-icon{width:24px;height:24px}.mobile-nav-notification{position:relative}.mobile-notification-badge{position:absolute;top:-6px;right:-6px;background:#f44;color:#fff;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0 5px;line-height:1;box-shadow:0 2px 4px #0003}[data-theme=dark] .mobile-notification-badge{background:#f44;box-shadow:0 2px 4px #0006}.mobile-nav-label{font-size:10px;font-weight:500;font-family:var(--font-jakarta);text-align:center}@media (max-width: 1024px){.mobile-bottom-nav{display:block}.posts-container{margin-bottom:100px}.posts-container:has(+.mobile-search){margin-bottom:160px}.left-sidebar{position:fixed!important;top:0!important;left:-100%!important;width:100%!important;height:100vh!important;background:var(--color-bg-primary)!important;z-index:999!important;padding:20px 24px!important;overflow-y:auto!important;transition:left .3s ease!important}.left-sidebar.mobile-open{left:0!important}}.author-avatar-post{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.author-avatar-post:hover{opacity:.8}.author-avatar-post .avatar-img{width:100%;height:100%;object-fit:cover}.author-name{font-size:16px;font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:color .2s ease}.author-name:hover{color:var(--color-accent-blue)}.author-title{font-size:14px;font-weight:500;color:var(--color-text-light-gray);font-family:var(--font-jakarta)}.blog-posts .author-title{color:var(--color-accent-blue)}.blog-posts .post-author .btn-subscribe{display:none}.author-date{font-size:12px;line-height:22px;color:var(--color-text-meta)}.post-card{padding-bottom:30px;border-bottom:1px solid var(--color-border);margin-bottom:30px}.btn-subscribe{background:var(--color-bg-secondary);color:var(--color-text-primary);border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary)}.btn-subscribe:hover{background:var(--color-hover-bg)}.btn-favorite{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-gray);padding:8px 11.5px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-family:var(--font-primary)}.btn-favorite:hover{border-color:var(--color-text-primary)}.post-title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;line-height:1.3;font-family:var(--font-manrope);cursor:pointer;transition:color .2s ease}.post-title:hover{color:var(--color-accent-blue)}.post-date{font-size:14px;color:var(--color-text-light-gray);margin-bottom:16px;font-family:var(--font-primary)}.post-content{margin-bottom:20px}.post-content-collapsed,.post-excerpt-collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.post-excerpt{font-size:16px;color:var(--color-text-gray);line-height:1.5;margin-bottom:12px;font-family:var(--font-primary)}.read-more-link{background:none;border:none;color:var(--color-accent-blue);text-decoration:underline;font-size:16px;font-weight:500;cursor:pointer;transition:color .3s ease;font-family:var(--font-primary);padding:0;margin-top:8px}.read-more-link:hover{color:var(--color-accent-blue-hover)}.post-image{margin-bottom:20px;border-radius:8px;overflow:hidden}.post-img{width:100%;height:auto;display:block}.post-metrics{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:16px;margin-top:12px;border-top:1px solid var(--color-border)}.reactions{display:flex;align-items:center;gap:12px}.reaction-item{display:flex;align-items:center;gap:4px;background:#f9f9f9;border:none;padding:4px 8px;border-radius:22px;cursor:pointer;transition:all .2s ease;font-family:var(--font-jakarta);font-size:14px;color:var(--color-text-primary)}.reaction-item:hover{background:var(--color-bg-secondary);transform:scale(1.05)}[data-theme=dark] .reaction-item{background:#f9f9f938}.reaction-item-selected{border:1px solid var(--color-border-gray, #e0e0e0)}[data-theme=dark] .reaction-item-selected{border:1px solid var(--color-border-gray, #666);background:#f9f9f938}.reaction-count{font-size:14px;color:var(--color-text-meta);font-family:var(--font-primary)}.add-reaction-btn{background:#f9f9f9;border:none;padding:4px;cursor:pointer;border-radius:22px;transition:all .2s ease;height:24px}[data-theme=dark] .add-reaction-btn{background:#f9f9f938}.add-reaction-btn:hover{background:var(--color-hover-bg);color:var(--color-text-primary)}.stat-item{display:flex;align-items:center;gap:4px;color:var(--color-text-meta);font-size:15px;font-weight:500;cursor:pointer;transition:color .2s ease;font-family:var(--font-primary)}.share-btn,.comment-btn,.bookmark-btn{background:none;border:none;padding:0}.post-comments{border-top:1px solid var(--color-border);padding-top:16px}.post-card .comment{display:flex;flex-direction:row;align-items:flex-start;gap:12px;border-bottom:0;margin-bottom:0}.post-comments-all .comment{flex-wrap:wrap}.post-comments-all .comment-content{flex:100%}.comment-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-top:5px;cursor:pointer}.comment-avatar-img{width:100%;height:100%;object-fit:cover}.comment-content{width:100%;min-width:0;position:relative}.comment-author-info{margin-bottom:4px}.comment-author-name{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0;font-family:var(--font-primary);cursor:pointer}.comment-author-title{font-size:12px;color:var(--color-text-light-gray);margin:0;font-family:var(--font-primary)}.comment-text{font-size:14px;color:var(--color-text-gray);line-height:1.4;margin:0;font-family:var(--font-primary);max-width:90%}.show-all-comments-btn{background:none;border:none;color:var(--color-accent-blue);text-decoration:underline;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-top:8px;transition:color .3s ease;font-family:var(--font-primary)}.show-all-comments-btn:hover{color:var(--color-accent-blue-hover)}.comment-input-section{margin-bottom:16px}.comment-textarea{width:100%;min-height:80px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-comment);color:var(--color-text-primary);font-size:12px;font-family:var(--font-primary);resize:vertical;outline:none}.comment-textarea::placeholder{color:var(--color-text-gray)}.comment-textarea:focus{border-color:var(--color-accent-blue)}.comment-actions{display:flex;gap:12px;margin-top:8px}.comment-action-btn.collapse{background:none;border:none;color:var(--color-accent-blue);text-decoration:none;font-size:12px;cursor:pointer;padding:0;transition:opacity .2s ease}.comment-action-btn{background:none;border:none;color:var(--color-text-light-gray);text-decoration:underline;font-size:12px;cursor:pointer;padding:0;transition:opacity .2s ease}.comment-action-btn:hover{opacity:.8}.comment-replies{margin-top:12px;padding-left:20px;border-left:1px solid var(--color-border-light)}.comment-replies.nested-replies{margin-top:8px;padding-left:16px;border-left:1px solid var(--color-border-light)}.reply.nested-reply{margin-bottom:6px}.reply{display:flex;gap:8px;margin-bottom:8px}.reply-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-top:5px;cursor:pointer}.reply-avatar-img{width:100%;height:100%;object-fit:cover}.reply-content{flex:1;position:relative}.reply-author-info{margin-bottom:2px}.reply-author-name{font-size:13px;font-weight:600;color:var(--color-text-primary);margin:0;cursor:pointer;font-family:var(--font-primary)}.reply-author-title{font-size:11px;color:var(--color-accent-blue);margin:0;font-family:var(--font-primary)}.reply-text{font-size:13px;color:var(--color-text-gray);line-height:1.4;margin:0;font-family:var(--font-primary)}.loading{text-align:center;padding:40px 0;color:var(--color-text-gray);font-family:var(--font-primary)}@media (max-width: 1024px){.post-author{flex-wrap:wrap}.post-actions{width:100%}.post-title{font-size:18px}.post-excerpt{font-size:14px}.post-metrics{flex-direction:column-reverse;gap:10px;justify-content:flex-start;align-items:flex-start;margin-bottom:0}.comment-text{font-size:13px}.post-comments{margin-top:0}.author-card{max-width:calc(100vw - 30px)}}.post-author{position:relative}.author-card{position:fixed;z-index:9999;background:#fff;box-shadow:0 4px 10px #0000001a;border-radius:12px;max-width:244px;overflow:hidden;pointer-events:auto;padding:15px}.author-card-banner{width:100%;height:125px;overflow:hidden;background:var(--color-bg-secondary)}.author-card-banner .banner-image{width:100%;height:100%;border-radius:12px 12px 0 0;object-fit:cover}.author-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;position:relative;z-index:1}.author-card-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:3px solid #ffffff;position:relative;z-index:2;background:#fff;flex-shrink:0}.author-card-avatar .card-avatar-img{width:100%;height:100%;object-fit:cover}.author-card-name{font-size:14px;font-weight:600;color:var(--color-text-primary);flex:1}.author-card-content{padding-top:10px}.author-card-description{font-size:12px;color:var(--color-text-light-gray);line-height:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.author-card-actions{display:flex;flex-direction:row;gap:8px;margin-top:12px}[data-theme=dark] .author-card{background:var(--color-bg-primary, #1a1a1a);box-shadow:0 4px 10px #00000080}[data-theme=dark] .author-card-avatar{border-color:var(--color-bg-primary, #1a1a1a);background:var(--color-bg-primary, #1a1a1a)}[data-theme=dark] .share-icon{filter:invert(1)}.btn-card{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary)}.btn-subscribe-card{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-subscribe-card:hover{background:var(--color-hover-bg)}.btn-share-card{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-gray);display:flex;align-items:center;justify-content:center;padding:10px;min-width:40px;border-color:transparent}.btn-share-card:hover{background:var(--color-hover-bg)}.btn-share-card .share-icon{width:20px;height:20px}.post-content-html,.post-excerpt{font-size:16px;color:var(--color-text-gray);line-height:1.6;font-family:var(--font-jakarta)}.post-content-html h1,.post-excerpt h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:24px 0 16px;line-height:1.3;font-family:var(--font-manrope)}.post-content-html h2,.post-excerpt h2{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:20px 0 14px;line-height:1.3;font-family:var(--font-manrope)}.post-content-html h3,.post-excerpt h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:18px 0 12px;line-height:1.4;font-family:var(--font-manrope)}.post-content-html h4,.post-excerpt h4{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:16px 0 10px;line-height:1.4;font-family:var(--font-manrope)}.post-content-html h5,.post-excerpt h5,.post-content-html h6,.post-excerpt h6{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:14px 0 8px;line-height:1.5;font-family:var(--font-manrope)}.post-content-html p,.post-excerpt p{margin:0 0 16px;line-height:1.6;color:var(--color-text-gray)}.post-content-html p:last-child,.post-excerpt p:last-child{margin-bottom:0}.post-content-html img{max-width:100%;height:auto;display:block;margin:20px 0;border-radius:8px;max-height:480px;width:100%;object-fit:contain;background:#00000026}.post-content-html p:has(+p[style*="font-size: 14px"][style*="color: #666"][style*="font-style: italic"][style*="text-align: center"]){margin-bottom:5px}.post-content-html p[style*="font-size: 14px"][style*="color: #666"][style*="font-style: italic"][style*="text-align: center"]{font-size:14px!important;color:var(--color-text-light-gray, #666)!important;margin-top:5px!important;margin-bottom:16px!important;font-style:italic!important;text-align:center!important;line-height:1.4}[data-theme=dark] .post-content-html p[style*="font-size: 14px"][style*="color: #666"][style*="font-style: italic"][style*="text-align: center"]{color:var(--color-text-light-gray, #999)!important}.image-tool--caption .image-tool__caption{background:#f4f4f480}.post-excerpt img{display:none!important}.post-content-html iframe,.post-excerpt iframe{width:100%;max-width:100%;height:400px;border:none;border-radius:8px;margin:20px 0;display:block}@media (max-width: 768px){.post-content-html iframe,.post-excerpt iframe{height:250px}}.post-content-html blockquote,.post-excerpt blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid var(--color-accent-blue);background:var(--color-bg-secondary);border-radius:4px;font-style:italic;color:var(--color-text-gray);line-height:1.6}.post-content-html blockquote p,.post-excerpt blockquote p{margin:0}.post-content-html .quote-caption,.post-excerpt .quote-caption{font-size:14px!important;color:var(--color-text-light-gray, #666)!important;margin-top:5px!important;margin-bottom:16px!important;font-style:italic!important;text-align:left!important;line-height:1.4}[data-theme=dark] .post-content-html .quote-caption,[data-theme=dark] .post-excerpt .quote-caption{color:var(--color-text-light-gray, #999)!important}.post-content-html .post-image-clickable{cursor:pointer;transition:opacity .2s ease}.post-content-html .post-image-clickable:hover{opacity:.9}.comment-deleted,.reply-deleted{color:var(--color-text-gray, #999);font-style:italic}.comment-deleted .rules-link,.reply-deleted .rules-link{color:var(--color-accent-blue);text-decoration:underline}.comment-deleted .rules-link:hover,.reply-deleted .rules-link:hover{color:var(--color-accent-blue-hover)}.delete-comment-btn{padding:4px 8px;margin-right:8px;height:24px}.delete-icon{width:16px;height:16px;filter:brightness(0);transition:filter .2s ease}.delete-comment-btn:hover .delete-icon,[data-theme=dark] .delete-icon{filter:brightness(0) invert(1)}[data-theme=dark] .delete-comment-btn:hover .delete-icon{filter:brightness(0)}.post-content-html ul,.post-excerpt ul,.post-content-html ol,.post-excerpt ol{margin:16px 0;padding-left:24px;color:var(--color-text-gray);line-height:1.6}.post-content-html ul,.post-excerpt ul{list-style-type:disc}.post-content-html ol,.post-excerpt ol{list-style-type:decimal}.post-content-html li,.post-excerpt li{margin:8px 0;line-height:1.6}.post-content-html li p,.post-excerpt li p{margin:0}.post-content-html code,.post-excerpt code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;font-size:14px;font-family:Courier New,monospace}.post-content-html pre,.post-excerpt pre{background:var(--color-bg-secondary);padding:16px;border-radius:8px;overflow-x:scroll;border:1px solid var(--color-border);max-width:90vw}.post-content-html pre code,.post-excerpt pre code{background:none;padding:0;font-size:14px}.code-block-wrapper{position:relative;margin:16px 0;border-radius:8px;overflow:hidden;background:#0d1117}.code-block-header{position:absolute;top:8px;right:8px;z-index:100;pointer-events:none}.code-block-header .code-copy-btn{pointer-events:all}.code-copy-btn{border:1px solid rgba(255,255,255,.3)!important;border-radius:6px;padding:8px 12px;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:40px;min-height:32px}[data-theme=dark] .code-copy-btn{background:#000}.code-copy-btn img{border-radius:0;background:transparent;margin:0}.code-copy-btn:hover{background:#fff3;border-color:#ffffff4d}.code-copy-btn .copy-icon{width:16px;height:16px;filter:brightness(0) invert(1)}.code-copy-btn .copy-success{color:#4caf50;font-size:14px;font-weight:700}.code-block-pre{margin:0;padding:16px;overflow-x:auto;background:#0d1117;color:#c9d1d9;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6}.code-block-pre code{background:transparent;padding:0;color:inherit;font-size:inherit;font-family:inherit;display:block;width:100%;white-space:pre;tab-size:2;-moz-tab-size:2}.code-block-pre code.code-content{background:transparent;padding:0;color:var(--color-text-primary);font-size:14px;font-family:Courier New,Courier,monospace;line-height:1.6;white-space:pre;overflow-x:auto;tab-size:4;-moz-tab-size:4;word-wrap:normal;word-break:normal;color:orange}.code-content .code-tag{color:#22863a}[data-theme=dark] .code-content .code-tag{color:#7ee787}.code-content .code-tag-name{color:#005cc5}[data-theme=dark] .code-content .code-tag-name{color:#79c0ff}.code-content .code-attr{color:#6f42c1}[data-theme=dark] .code-content .code-attr{color:#d2a8ff}.code-content .code-attr-name{color:#6f42c1}[data-theme=dark] .code-content .code-attr-name{color:#d2a8ff}.code-content .code-string{color:#032f62}[data-theme=dark] .code-content .code-string{color:#a5d6ff}.code-content .code-keyword{color:#d73a49}[data-theme=dark] .code-content .code-keyword{color:#ff7b72}.code-content .code-key{color:#005cc5}[data-theme=dark] .code-content .code-key{color:#79c0ff}.code-content .code-operator{color:#d73a49}[data-theme=dark] .code-content .code-operator{color:#ff7b72}.code-content .code-bracket{color:#24292e}[data-theme=dark] .code-content .code-bracket{color:#c9d1d9}.code-content .code-selector{color:#6f42c1}[data-theme=dark] .code-content .code-selector{color:#d2a8ff}.code-content .code-property{color:#005cc5}[data-theme=dark] .code-content .code-property{color:#79c0ff}.code-content .code-value{color:#032f62}[data-theme=dark] .code-content .code-value{color:#a5d6ff}[data-theme=light] .code-block-wrapper,[data-theme=light] .code-block-pre{background:#f6f8fa;border:1px solid #e1e4e8}[data-theme=light] .code-block-pre{color:#24292e}[data-theme=light] .code-block-pre .hljs{background:#f6f8fa!important;color:#24292e}[data-theme=dark] .code-block-pre .hljs{background:#0d1117!important;color:#c9d1d9}[data-theme=light] .code-copy-btn{background:#0000000d;border-color:#0000001a}[data-theme=light] .code-copy-btn:hover{background:#0000001a;border-color:#0003}[data-theme=light] .code-copy-btn .copy-icon{filter:brightness(0)}[data-theme=dark] .code-block-pre code.hljs-dark{background:#0d1117;color:#c9d1d9}.post-content-html a,.post-excerpt a{color:var(--color-accent-blue);text-decoration:underline;transition:color .3s ease}.post-content-html a:hover,.post-excerpt a:hover{color:var(--color-accent-blue-hover)}.post-content-html strong,.post-excerpt strong,.post-content-html b,.post-excerpt b{font-weight:600;color:var(--color-text-primary)}.post-content-html em,.post-excerpt em,.post-content-html i,.post-excerpt i{font-style:italic}.post-content-html hr,.post-excerpt hr{border:none;border-top:1px solid var(--color-border);margin:24px 0}.post-content-html p:empty,.post-excerpt p:empty,.post-content-html h1:empty,.post-excerpt h1:empty,.post-content-html h2:empty,.post-excerpt h2:empty,.post-content-html h3:empty,.post-excerpt h3:empty{display:none}@media (max-width: 1024px){.post-content-html,.post-excerpt{font-size:14px}.post-content-html h1,.post-excerpt h1{font-size:24px}.post-content-html h2,.post-excerpt h2{font-size:20px}.post-content-html h3,.post-excerpt h3{font-size:18px}}.reply-quote{margin-bottom:10px;padding:10px 12px;border-left:3px solid #e9ecef;background:#f8f9fa;border-radius:8px}.reply-quote-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:#495057}.reply-quote-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-quote-text{margin-top:6px;font-size:14px;color:#6c757d;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reply-quote-cancel{background:transparent;border:none;font-size:20px;line-height:1;color:#adb5bd;cursor:pointer;padding:0 4px}.reply-quote-cancel:hover{color:#495057}.comment-more-wrapper{position:absolute;top:0;right:0;display:flex}.comment-more-wrapper .user-actions-menu{position:absolute;top:40px;right:0;background:var(--color-bg-primary, #fff);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:100;padding:0;height:auto}.comment-more-wrapper .user-actions-menu .dropdown-item{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:var(--color-text-medium-gray, #495057);cursor:pointer;text-align:left}.comment-more-wrapper .user-actions-menu .dropdown-item:hover{background-color:var(--color-bg-secondary, #f8f9fa)}.comment-more-wrapper .user-actions-menu .dropdown-item-icon{width:20px;height:20px}.user-profile{display:grid;grid-template-columns:90px 1fr auto;grid-template-areas:"avatar . actions" "info   info info";column-gap:16px;row-gap:12px;align-items:center;padding:24px 0 12px;border-bottom:1px solid var(--color-border)}.user-avatar-wrap{grid-area:avatar}.user-actions{grid-area:actions;display:flex;align-items:center;gap:12px}.user-info{grid-area:info}.user-actions .message-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--color-bg-primary);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.user-actions .message-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-hover);transform:translateY(-1px)}.user-actions .message-btn:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.user-actions .message-icon{width:18px;height:18px;transition:filter .2s ease}[data-theme=dark] .user-actions .message-btn{background-color:#1e1e1e;border-color:#333}[data-theme=dark] .user-actions .message-btn:hover{background-color:#2a2a2a;border-color:#444}[data-theme=dark] .user-actions .message-icon{filter:invert(1)}.user-profile .user-avatar{width:90px;height:90px;border-radius:50%;border:2px solid var(--color-border-light);object-fit:cover}.user-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.user-name{font-size:22px;font-weight:600;color:var(--color-text-dark);font-family:var(--font-manrope)}.user-title{color:var(--color-text-light-gray)}.more-dots{width:20px;height:20px}[data-theme=dark] .more-dots{filter:brightness(0) invert(1)}[data-theme=dark] button:hover .more-dots{filter:brightness(0) invert(0)}.more-btn{height:32px;padding:0 10px}.post-comments .more-btn{height:24px;padding:0 5px}.user-actions{position:relative}.user-actions-menu{position:absolute;top:40px;right:0;background:var(--color-bg-primary);border-radius:8px;box-shadow:var(--shadow-medium);min-width:226px;height:148px;z-index:10;padding:24px}.user-actions-menu .dropdown-item{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:13px 10px;font-size:16px;font-weight:600;color:var(--color-text-medium-gray);cursor:pointer;margin-bottom:0}.user-actions-menu .dropdown-item:first-child{border-bottom:1px solid var(--color-border)}.user-actions-menu .dropdown-item:hover{background-color:var(--color-bg-secondary)}.user-actions-menu .dropdown-item-icon{width:24px;height:24px}.user-id{color:var(--color-accent-blue);font-weight:600}.user-stats{color:var(--color-text-secondary);display:flex;align-items:center;gap:12px;margin-top:12px}.user-stats .dot{color:var(--color-border-hover)}.user-comments{padding:20px 0 32px}.user-comments .section-title{font-weight:500}.section-title{font-weight:500;font-size:15px;color:var(--color-text-meta);margin-bottom:25px;font-family:var(--font-jakarta)}.section-title:after{content:"";width:46px;height:3px;background-color:#000;display:block;margin-top:5px}.tabs-container{display:flex;gap:24px;margin-bottom:25px;flex-wrap:wrap}.tab-title{background:none;border:none;padding:0;margin:0;cursor:pointer;font-weight:500;font-size:15px;color:var(--color-text-meta);font-family:var(--font-jakarta);position:relative;transition:color .2s ease}.tab-title:hover{color:var(--color-text-primary)}.tab-title:after{content:"";width:46px;height:3px;background-color:transparent;display:block;margin-top:5px;transition:background-color .2s ease}.tab-title.active{color:var(--color-text-primary)}.tab-title.active:after{background-color:#000}[data-theme=dark] .tab-title.active:after{background-color:#fff}.comment{padding:12px 0;border-bottom:1px solid var(--color-border);flex-direction:column}.comment-top{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.comment-head{display:flex;flex-direction:column}.comment-post-img{width:40px;height:40px;object-fit:cover;border-radius:118px}.comment-post-image{width:40px;height:40px}.comment-actions{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);justify-content:flex-end}.like-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary)}.comment-post-title{font-weight:600;color:var(--color-text-dark)}.comment-categories{display:flex;gap:8px;color:var(--color-text-gray)}.comment-category{font-size:14px}.comment-bottom{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:18px}.read-more-btn{background:none;border:none;color:var(--color-accent-blue);font-weight:600;font-size:14px;cursor:pointer;border-radius:8px}.read-more-btn:hover{background-color:var(--color-accent-light-blue);color:var(--color-accent-primary)}[data-theme=dark] .user-name{color:var(--color-text-primary)}.blog-banner{height:200px;border-radius:12px;background:var(--color-bg-secondary) center/cover no-repeat;margin-bottom:-50px}@media (max-width: 1024px){.user-comments .section-title{font-size:14px}.user-name{font-size:18px}.user-title{font-size:15px}}.drafts-page{background:var(--color-bg-primary);min-height:100vh}.drafts-page .container{max-width:1200px;margin:0 auto;padding:30px 20px}.drafts-page .page-title{font-size:25px;font-weight:700;margin-bottom:20px;margin-top:48px;font-family:var(--font-heading)}.drafts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.draft-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.draft-title{color:var(--color-text-primary);font-size:22px;font-weight:600;line-height:30px;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;flex-direction:column}.badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:14px;font-weight:500}.badge-pending{background:#fff3cd;color:#856404}.badge-published{background:#d4edda;color:#155724}.badge-draft{background:#e2e3e5;color:#383d41}.draft-actions{display:flex;gap:12px;align-items:center;margin-top:auto}.draft-edit{flex:1}.draft-delete{padding:8px 12px;min-width:auto;display:flex;align-items:center;justify-content:center}.btn-danger.draft-delete .delete-icon{width:18px;height:18px;filter:brightness(0) invert(1)}@media (max-width: 1024px){.drafts-grid{grid-template-columns:repeat(2,1fr)}.draft-card{padding:12px}.draft-title{font-size:12px;line-height:21px}.draft-edit{height:23px;font-size:10px}.draft-actions{gap:8px}.draft-delete{padding:6px 10px}.delete-icon{width:14px;height:14px}}@media (max-width: 1024px){.drafts-page .page-title{font-size:32px;font-weight:700;margin-bottom:25px;margin-top:0}.drafts-page .container{padding-bottom:100px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-background, #fff);color:var(--color-text, #000);border-radius:12px;padding:16px;width:360px;max-width:90vw;max-height:80vh;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column}[data-theme=dark] .modal{background:#151515;color:var(--color-text-primary, #fff)}.modal .btn-dark{flex-shrink:0}.modal h3{margin:0 0 12px;color:var(--color-text-primary, #000)}[data-theme=dark] .modal h3{color:var(--color-text-primary, #fff)}.modal ul{list-style:none;margin:0 0 12px;padding:0;overflow-y:auto;flex:1}.modal-item{display:flex;align-items:center;gap:10px;padding:6px 0;justify-content:space-between}.modal-item a{color:#000;text-decoration:none;flex:1;min-width:0}[data-theme=dark] .modal-item a{color:var(--color-text-primary, #fff)}.modal-item a:hover{color:#000;text-decoration:underline}[data-theme=dark] .modal-item a:hover{color:var(--color-text-primary, #fff)}.modal-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.btn-small{padding:4px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.create-post-page{background:var(--color-bg-primary);min-height:100vh}.create-post-page .container{max-width:1340px;margin:0 auto;padding:32px 24px}.create-post-page .page-title{font-size:25px;font-weight:700;margin-bottom:20px;margin-top:48px;font-family:var(--font-heading);color:var(--color-text-primary)}.article-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.form-column{display:flex;flex-direction:column}.form-section{display:flex;flex-direction:column;gap:12px;margin-top:30px}.form-label{font-family:var(--font-jakarta);font-weight:500;font-size:16px;line-height:95%;letter-spacing:-2%;color:var(--color-text-primary);vertical-align:middle}.add-content-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.add-content-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.formatting-dropdown{position:absolute;top:50px;right:12px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:200px}.format-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--color-border)}.format-option:last-child{border-bottom:none}.format-option:hover{background:var(--color-bg-secondary)}.format-icon{font-size:16px;font-weight:600;color:var(--color-text-primary);min-width:24px;text-align:center}.format-label{font-size:14px;color:var(--color-text-primary);font-family:var(--font-jakarta)}.visual-editor-wrapper{position:relative}.visual-editor{width:100%;max-width:630px;height:565px;padding:16px;border:1px solid #0000000f;border-radius:12px;background:#f4f4f480;color:var(--color-text-primary);font-family:var(--font-jakarta);font-size:16px;line-height:1.5;overflow-y:auto;outline:none}.visual-editor:focus{border-color:var(--color-border)}.visual-editor:empty:before{content:attr(data-placeholder);color:var(--color-text-light-gray);pointer-events:none}.visual-editor h1{font-size:32px;font-weight:700;margin:16px 0 8px;color:var(--color-text-primary);font-family:var(--font-heading)}.visual-editor h2{font-size:24px;font-weight:600;margin:12px 0 6px;color:var(--color-text-primary);font-family:var(--font-heading)}.visual-editor h3{font-size:20px;font-weight:600;margin:10px 0 4px;color:var(--color-text-primary);font-family:var(--font-heading)}.visual-editor blockquote{border-left:4px solid var(--color-border);padding-left:16px;margin:12px 0;font-style:italic;color:var(--color-text-light-gray)}.visual-editor strong{font-weight:600}.visual-editor em{font-style:italic}.visual-editor ul{margin:8px 0;padding-left:20px}.visual-editor li{margin:4px 0}.visual-editor a{color:var(--color-text-primary);text-decoration:underline}#editorjs-holder .ce-block[data-type=code]{background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border, #ddd);border-radius:4px;padding:16px;margin:10px 0;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;overflow-x:auto}[data-theme=dark] #editorjs-holder .ce-block[data-type=code]{background:var(--color-bg-secondary, #1e1e1e);border-color:var(--color-border, #333);color:#d4d4d4}#editorjs-holder .ce-block[data-type=code] pre{margin:0;padding:0;background:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre-wrap;word-wrap:break-word}#editorjs-holder .ce-block[data-type=code] code{background:transparent;padding:0;border:none;font-family:inherit;font-size:inherit;color:inherit}.visual-editor code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:14px}.visual-editor .media-placeholder{background:var(--color-bg-secondary);border:2px dashed var(--color-border);padding:20px;text-align:center;color:var(--color-text-light-gray);margin:12px 0;border-radius:8px}.form-input{width:100%;padding:12px 16px;border:1px solid #0000000f;border-radius:12px;background:#f4f4f480;color:var(--color-text-primary);font-family:var(--font-jakarta);font-size:16px}.form-input::placeholder{color:var(--color-text-light-gray)}.form-input:focus{outline:none;border-color:var(--color-border)}.form-select{width:100%;padding:12px 16px;border:1px solid #0000000f;border-radius:12px;background:#f4f4f480;color:var(--color-text-primary);font-family:var(--font-jakarta);font-size:16px;cursor:pointer}.form-select::placeholder{color:var(--color-text-light-gray)}.selected-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:12px;background:#f4f4f480;border:1px solid #0000000f;border-radius:12px;min-height:60px;align-items:flex-start;align-content:flex-start}.category-tag{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f4f4f480;border:1px solid #0000000f;color:#373737;border-radius:6px;font-size:14px;font-weight:500;font-family:var(--font-jakarta);line-height:1.4;letter-spacing:-2%;vertical-align:middle}.remove-category{background:none;border:none;color:var(--color-text-primary);font-size:16px;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:flex-end}.category-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding:16px;background:#f4f4f480;border:1px solid #0000000f;border-radius:12px}.category-suggestion{padding:8px 12px;background:#f4f4f480;border:1px solid #0000000f;color:#373737bf;border-radius:6px;font-size:14px;font-weight:500;font-family:var(--font-jakarta);line-height:1.4;letter-spacing:-2%;vertical-align:middle;cursor:pointer;transition:all .2s ease;text-align:center}.delayed-pub-wrapper{position:relative}.datetime-picker{display:flex;flex-direction:column;gap:12px;margin-top:15px;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);max-width:443px;margin-left:auto;margin-right:auto}.datetime-inputs{display:flex;align-items:center;gap:12px}.date-picker,.time-picker{flex:1}.date-input,.time-input{width:100%;padding:8px 12px;border:none;border-bottom:1px solid #76767642;border-radius:0;background:transparent;color:var(--color-text-primary);font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:18px;line-height:160%;letter-spacing:-2%;text-align:center;vertical-align:middle;outline:none}.date-input::placeholder,.time-input::placeholder{color:var(--color-text-light-gray);font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:18px;line-height:160%;letter-spacing:-2%;text-align:center;vertical-align:middle}.datetime-separator{font-size:14px;color:var(--color-text-primary);font-family:var(--font-jakarta)}.datetime-buttons{display:flex;gap:8px;justify-content:center;margin:10px 0}.form-actions{display:flex;gap:16px;margin-top:20px}.form-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.preview-column{position:sticky;top:100px}.preview-title{font-size:16px;font-weight:500;color:var(--color-text-primary);font-family:var(--font-jakarta);margin-bottom:24px}.article-preview{display:flex;flex-direction:column;gap:20px;max-width:565px}.post-author{display:flex;align-items:center;gap:12px;margin-bottom:16px}.author-avatar-post{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-post{width:100%;height:100%;object-fit:cover}.author-info{flex:1;min-width:0}.author-name{font-size:15px;font-weight:600;line-height:22px;color:var(--color-text-primary);font-family:var(--font-manrope)}.author-title{font-size:14px;font-family:var(--font-jakarta);color:var(--color-text-light-gray);line-height:1.6}.author-date{font-size:12px;font-family:var(--font-jakarta);color:var(--color-text-light-gray);line-height:1.6}.post-actions{display:flex;gap:8px;flex-shrink:0}.btn-subscribe{background:var(--color-text-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;font-family:var(--font-jakarta);cursor:pointer;transition:all .2s ease}.btn-subscribe:hover{background:var(--color-text-dark)}[data-theme=dark] .btn-subscribe{color:#000}.btn-favorite{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:8px 11.5px;border-radius:6px;font-size:14px;font-weight:500;font-family:var(--font-jakarta);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-favorite-active:before{content:"";position:absolute;width:20px;height:1px;background:#000;transform:rotate(315deg)}.btn-favorite:hover{background:var(--color-bg-primary)}.bookmark-icon{width:16px;height:16px}.post-title{font-size:20px;font-weight:700;line-height:28px;color:var(--color-text-primary);font-family:var(--font-heading);margin-bottom:12px}.post-content{margin-bottom:16px}.post-excerpt{font-size:16px;line-height:24px;color:var(--color-text-primary);font-family:var(--font-jakarta);margin-bottom:0}.post-image{width:100%;border-radius:8px;overflow:hidden;margin-bottom:16px}.post-img{width:100%;height:200px;object-fit:cover}.post-metrics{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-top:12px;border-top:1px solid var(--color-border)}.reactions{display:flex;align-items:center;gap:8px}.comment-reactions{display:flex}.reaction-icon{width:16px;height:16px;object-fit:contain;display:inline-block;vertical-align:middle}.reaction-count{font-weight:500}.reaction-add-icon{width:16px;height:16px}.engagement-stats{display:flex;align-items:center;gap:16px}.stat-item{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:var(--font-jakarta);font-size:14px;color:var(--color-text-light-gray);transition:all .2s ease}.stat-item:hover{cursor:default}.stat-icon{width:16px;height:16px}.datetime-buttons .btn-dark{flex:none}@media (max-width: 1024px){.post-metrics{flex-direction:column-reverse;gap:10px;justify-content:flex-start;align-items:flex-start;margin-bottom:0}.comment-text{font-size:13px}.post-comments{margin-top:0}}@media (max-width: 1024px){.create-post-page .page-title{font-size:32px;font-weight:700;margin-bottom:25px;margin-top:0}.article-layout{grid-template-columns:1fr}.create-post-page .container{padding-bottom:100px}}#editorjs-holder{width:100%;max-width:630px;min-height:565px;padding:16px;border:1px solid #0000000f;border-radius:12px;background:#f4f4f480;font-family:var(--font-jakarta);font-size:16px;line-height:1.5}#editorjs-holder .codex-editor{min-height:500px}#editorjs-holder .codex-editor__redactor{padding-bottom:0!important}#editorjs-holder .ce-block{margin:8px 0}#editorjs-holder .ce-header{font-family:var(--font-heading);font-weight:700;color:var(--color-text-primary);margin:16px 0 8px}#editorjs-holder .ce-header[data-level="1"]{font-size:32px}#editorjs-holder .ce-header[data-level="2"]{font-size:24px;font-weight:600}#editorjs-holder .ce-header[data-level="3"]{font-size:20px;font-weight:600}#editorjs-holder .ce-paragraph{color:var(--color-text-primary);font-family:var(--font-jakarta);font-size:16px;line-height:1.5}#editorjs-holder .ce-quote{border-left:4px solid var(--color-border);padding-left:16px;margin:12px 0;font-style:italic;color:var(--color-text-light-gray)}#editorjs-holder .ce-list{margin:8px 0;padding-left:20px}#editorjs-holder .ce-list__item{margin:4px 0;color:var(--color-text-primary)}#editorjs-holder .ce-image{margin:12px 0}#editorjs-holder .ce-image__picture img{max-width:100%;height:auto;display:block;margin:10px 0;border-radius:8px}#editorjs-holder .ce-delimiter{margin:20px 0}#editorjs-holder .ce-delimiter:before{content:"***";display:block;text-align:center;font-size:30px;line-height:65px;height:30px;letter-spacing:.2em;color:var(--color-text-light-gray)}#editorjs-holder .ce-toolbar__content,#editorjs-holder .ce-block__content{max-width:100%}#editorjs-holder .ce-toolbar__plus{color:var(--color-text-primary)}[data-theme=dark] #editorjs-holder .ce-toolbar__plus:hover{color:#000}@media (max-width: 650px){.ce-toolbar__plus{background-color:#000}.ce-toolbar__plus:hover{background-color:#fff}.ce-popover .ce-popover__container{bottom:80px}}#editorjs-holder .ce-toolbar__settings-btn{color:var(--color-text-primary)}#editorjs-holder .ce-inline-toolbar{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:0 4px 12px #0000001a}#editorjs-holder .ce-inline-toolbar__button{color:var(--color-text-primary)}#editorjs-holder .ce-inline-toolbar__button:hover{background:var(--color-bg-secondary)}#editorjs-holder .ce-popover{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:0 4px 12px #0000001a}#editorjs-holder .ce-popover__item{color:var(--color-text-primary)}#editorjs-holder .ce-popover__item:hover{background:var(--color-bg-secondary)}#editorjs-holder .ce-popover__item-icon{color:var(--color-text-primary)}#editorjs-holder .ce-conversion-toolbar{background:var(--color-bg-card);border:1px solid var(--color-border)}#editorjs-holder .ce-conversion-toolbar__label{color:var(--color-text-primary)}#editorjs-holder .ce-settings{background:var(--color-bg-card);border:1px solid var(--color-border)}#editorjs-holder .ce-settings__button{color:var(--color-text-primary)}#editorjs-holder .ce-settings__button:hover{background:var(--color-bg-secondary)}[data-theme=dark] #editorjs-holder{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] #editorjs-holder .ce-header,[data-theme=dark] #editorjs-holder .ce-paragraph,[data-theme=dark] #editorjs-holder .ce-list__item{color:var(--color-text-primary)}[data-theme=dark] #editorjs-holder ::selection{background:#ffffff45}[data-theme=dark] #editorjs-holder ::-moz-selection{background:#ffffff45}.audio-tool__uploader,.video-tool__uploader{border:2px dashed var(--color-border);border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg-secondary)}.audio-tool__uploader:hover,.video-tool__uploader:hover{border-color:var(--color-accent-blue);background:var(--color-bg-primary)}.audio-tool__label,.video-tool__label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:var(--color-text-primary);font-family:var(--font-jakarta);font-size:14px}.audio-tool__container,.video-tool__container{position:relative;margin:12px 0}.audio-tool__container audio,.video-tool__container video{width:100%;max-width:100%;border-radius:8px}.audio-tool__caption,.video-tool__caption{margin-top:8px;font-size:14px;color:var(--color-text-light-gray);font-family:var(--font-jakarta);text-align:center}.audio-tool__remove,.video-tool__remove{position:absolute;top:-10px;left:-10px;width:24px;height:24px;border-radius:50%;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.audio-tool__remove:hover,.video-tool__remove:hover{background:var(--color-text-primary);color:#fff;border-color:var(--color-accent-red)}.audio-tool__loading,.video-tool__loading{padding:20px;text-align:center;color:var(--color-text-primary);font-family:var(--font-jakarta)}.audio-tool__error,.video-tool__error{padding:20px;text-align:center;color:var(--color-accent-red);font-family:var(--font-jakarta)}.audio-tool__error button,.video-tool__error button{margin-top:10px;padding:8px 16px;background:var(--color-accent-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-jakarta)}.video-embed-tool{margin:20px 0}.video-embed-tool__container{position:relative;width:100%;margin:20px 0}.video-embed-tool__container iframe{width:100%;height:400px;border:none;border-radius:8px;background:#000}.video-embed-tool__caption{margin-top:10px;font-size:14px;color:var(--color-text-secondary);text-align:center;font-style:italic}.video-embed-tool__remove{position:absolute;top:10px;left:10px;width:30px;height:30px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.video-embed-tool__remove:hover{background:#f00c}.video-embed-tool__input-container{display:flex;gap:10px;padding:15px;border:2px dashed var(--color-border);border-radius:8px;background:var(--color-bg-secondary)}.video-embed-tool__input{flex:1;padding:10px 15px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-jakarta);font-size:14px}.video-embed-tool__input:focus{outline:none;border-color:var(--color-accent-blue)}.video-embed-tool__button{padding:10px 20px;background:var(--color-accent-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-jakarta);font-size:14px;font-weight:500;transition:background .2s}.video-embed-tool__button:hover{background:var(--color-accent-blue-hover)}.video-embed-tool__button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.category-suggestions{grid-template-columns:repeat(2,1fr)!important}}.user-menu-page{background:var(--color-bg-primary);min-height:100vh}.user-menu-page .container{max-width:1200px;margin:0 auto;padding:32px 24px}.user-menu-page .page-title{font-size:25px;font-weight:700;margin-bottom:20px;margin-top:48px;font-family:var(--font-heading)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.menu-grid>.icon-card:nth-child(4),.menu-grid>.icon-card:nth-child(5){grid-column:span 1}.menu-grid>.icon-card:nth-child(6),.menu-grid>.icon-card:nth-child(7),.menu-grid>.icon-card:nth-child(8),.menu-grid>.icon-card:nth-child(9){grid-column:span 1}.menu-grid>.chart-card:nth-child(11),.menu-grid>.chart-card:nth-child(12){grid-column:span 1}.menu-grid>.chart-card:nth-child(10){grid-column:span 2}.menu-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-light)}[data-theme=dark] .menu-card{background:#f4f4f414;border:1px solid #0000000f}.menu-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.stats-card{display:flex;align-items:center;justify-content:space-between}.card-content{display:flex;align-items:center;justify-content:center;width:100%}.card-text{flex:1;text-align:center}.card-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:10px}.chart-card .card-title{margin-bottom:0;width:100%;text-align:left;line-height:1.4;height:44px}.card-count{font-size:16px;font-weight:500;color:var(--color-text-dark);margin:0}.card-avatars{display:flex;align-items:center;gap:120px}.avatar-stack{display:flex;margin-left:-8px}.stack-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover}.stack-avatar:not(:first-child){margin-left:-20px}.card-arrow{height:18px;transform:rotate(90deg)}.icon-card{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;padding:20px 0;gap:10px}.icon-card .card-title{margin-bottom:0}.icon-wrapper{display:flex;align-items:center;justify-content:center}.card-icon{width:25px;height:auto;filter:brightness(0)}[data-theme=dark] .card-icon{filter:brightness(0) invert(1)}.chart-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px;justify-content:flex-start}.chart-doubled{display:flex;justify-content:center;width:100%}@media (max-width: 1024px){.user-menu-page .page-title{font-size:32px;font-weight:700;margin-bottom:25px;margin-top:0}.menu-grid{grid-template-columns:repeat(1,1fr)}.menu-card{padding:17px;gap:8px}.card-avatars{gap:50px}.chart-card canvas{width:100%;max-width:120px;max-height:120px}.card-title{font-size:16px;margin-bottom:6px}.card-count{font-size:16px}.stack-avatar{width:29px;height:29px}.stack-avatar:not(:first-child){margin-left:-10px}.card-arrow{height:8px}.card-icon,.icon-wrapper{height:26px;width:26px}.user-menu-page .container{padding-bottom:100px}.menu-grid>.chart-card:nth-child(11),.menu-grid>.chart-card:nth-child(12){grid-column:span 2}.chart-doubled{justify-content:center}}.notifications-page{background:var(--color-bg-primary);min-height:100vh}.notifications-page .container{max-width:650px;margin:0 auto;padding:32px 24px}.notifications-page .page-title{font-size:25px;font-weight:700;margin-bottom:20px;margin-top:48px;font-family:var(--font-heading);color:var(--color-text-primary)}.notification-section{margin-bottom:60px}.notification-section .section-title:after{content:none}.notification-section .section-title{font-size:16px;font-weight:600;color:#000}.section-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:20px}.notification-list{margin-bottom:16px}.notification-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 0}.notification-avatar-link{flex-shrink:0;display:block;cursor:pointer}.notification-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block;transition:opacity .2s ease}.notification-avatar-link:hover .notification-avatar{opacity:.8}.notification-content{flex:1;display:flex;flex-direction:column}.notification-text{font-size:14px;line-height:1.4;color:var(--color-text-gray);margin:0}.subscriber-name{font-size:14px;color:var(--color-text-secondary);margin:0 0 4px;text-decoration:none;font-weight:600;transition:color .2s ease;display:inline-block;line-height:1}.subscriber-name:hover{color:var(--color-accent-blue)}.subscriber-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.reaction-emoji{font-size:20px;flex-shrink:0;margin-left:8px}.show-all-btn{background:none;border:none;color:var(--color-accent-blue);font-size:14px;cursor:pointer;padding:0;text-decoration:none;transition:opacity .2s ease}.show-all-btn:hover{opacity:.8}[data-theme=dark] .notifications-page{background:var(--color-bg-primary)}[data-theme=dark] .page-title,[data-theme=dark] .section-title,[data-theme=dark] .notification-text{color:var(--color-text-primary)}.notification-link-inline{color:var(--color-accent-blue);text-decoration:underline;transition:color .2s ease}.notification-link-inline:hover{color:var(--color-accent-blue-hover)}[data-theme=dark] .subscriber-name{color:var(--color-text-primary)}[data-theme=dark] .subscriber-title{color:var(--color-text-secondary)}@media (max-width: 1024px){.notifications-page .page-title{font-size:32px;font-weight:700;margin-bottom:25px;margin-top:0}.notifications-page .container{padding-bottom:100px}}.security-page{background:var(--color-bg-primary);min-height:100vh}.security-page .container{max-width:600px;margin:0 auto;padding:32px 24px}.security-page .page-title{font-size:25px;font-weight:700;margin-bottom:20px;margin-top:48px;font-family:var(--font-heading);color:var(--color-text-primary)}.security-section{margin-bottom:40px}.security-section:last-child{margin-bottom:0}.security-section .section-title{font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;font-family:var(--font-manrope)}.security-section .section-title:after{display:none}.form-group{margin-bottom:16px}.form-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-comment);color:var(--color-text-primary);font-size:12px;font-family:var(--font-primary);outline:none;transition:border-color .3s ease}.form-input:focus{border-color:var(--color-accent-blue)}.form-input::placeholder{color:var(--color-text-gray)}.social-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex-wrap:wrap}.social-btn{position:relative;width:100%;height:48px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.social-btn:hover:not(:disabled){border-color:var(--color-accent-blue)}.social-btn:disabled{opacity:.5;cursor:not-allowed}.social-icon{height:24px;filter:brightness(0)}[data-theme=dark] .social-icon{filter:brightness(0) invert(1)}.action-buttons{display:flex;gap:16px;margin-top:40px}.action-buttons .btn{flex:1;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:all .3s ease;border:1px solid var(--color-border)}.action-buttons .btn.btn-dark{background:var(--color-accent-blue);color:#fff;border-color:var(--color-accent-blue)}.action-buttons .btn.btn-light{background:var(--color-bg-primary);color:var(--color-text-primary)}.action-buttons .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.security-page .page-title{font-size:32px;font-weight:700;margin-bottom:25px;margin-top:0}}.notification-settings-page{background:var(--color-bg-primary);min-height:100vh}.notification-settings-page .container{max-width:660px;margin:0 auto;padding:32px 24px}.notification-settings-page .page-title{font-size:25px;font-weight:700;margin-bottom:20px;margin-top:48px;white-space:nowrap;font-family:var(--font-heading);color:var(--color-text-primary)}.settings-section{margin-bottom:40px}.settings-section .section-title{font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;font-family:var(--font-manrope)}.settings-section .section-title:after{display:none}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.setting-item{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-family:var(--font-primary);color:var(--color-text-primary)}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--color-text-primary);border-radius:4px;background:var(--color-bg-primary);position:relative;transition:all .3s ease;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{border-color:var(--color-text-primary);display:flex;align-items:center;justify-content:center}.checkbox-input:checked+.checkbox-custom:after{width:10px;height:10px;content:"";background-color:#000;display:block}[data-theme=dark] .checkbox-input:checked+.checkbox-custom:after{background-color:#fff}.setting-text{font-size:14px;font-weight:400;color:var(--color-text-primary);font-family:var(--font-primary);line-height:1.4}@media (max-width: 1024px){.notification-settings-page .page-title{font-size:22px;font-weight:700;margin-bottom:25px;margin-top:0}.notification-settings-page .container{padding-bottom:100px}.settings-grid{grid-template-columns:repeat(1,1fr)}}.messages-header{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:24px}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .3s ease}.back-button:hover{background:var(--color-bg-secondary)}.back-icon{width:16px;height:16px}[data-theme=dark] .back-icon{filter:brightness(0) invert(1)}.back-text{font-size:14px;color:#8d8d8d;font-family:var(--font-primary)}.messages-header .page-title{font-size:22px;font-weight:700;margin:0;font-family:var(--font-heading);color:var(--color-text-primary)}.search-section{margin-bottom:24px}.search-input-wrapper{position:relative;display:flex;align-items:center;margin-right:10px}.search-section .search-icon{position:absolute;left:12px;width:16px;height:16px;filter:brightness(0);z-index:1}[data-theme=dark] .search-icon{filter:brightness(0) invert(1)}.search-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-comment);color:var(--color-text-primary);font-size:12px;font-family:var(--font-primary);outline:none;transition:border-color .3s ease;width:300px}.search-input:focus{border-color:var(--color-accent-blue)}.search-input::placeholder{color:var(--color-text-gray)}.messages-list{display:flex;flex-direction:column;gap:0}.message-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .3s ease}.message-item:last-child{border-bottom:none}.message-item:hover,.message-item.unread{background:var(--color-bg-secondary)}.message-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover}.message-content{flex:1;min-width:0}.message-header{display:inline-block;margin-bottom:4px;position:relative}.message-name{font-size:14px;font-weight:600;color:var(--color-text-primary);font-family:var(--font-primary)}.message-badge{background:#ababab;color:#fff;font-size:10px;font-weight:500;border-radius:10px;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-jakarta);position:absolute;top:0;right:-10px}.message-preview{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-gray);font-family:var(--font-primary)}.message-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-text{color:#838282}.message-separator,.message-time{color:var(--color-text-light-gray);flex-shrink:0}.message-arrow{width:32px;height:32px;border-radius:50%;background:var(--color-bg-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.message-arrow:hover{background:var(--color-border)}.message-arrow .arrow-icon{width:12px;height:12px;filter:brightness(0);transform:rotate(0);margin:0}[data-theme=dark] .arrow-icon{filter:brightness(0) invert(1)}@media (max-width: 1024px){.messages-page .page-title{font-size:32px;font-weight:700;margin-bottom:25px;margin-top:0}.messages-page .container{padding-bottom:100px}}.messages-search-input{padding:12px 12px 12px 34px;max-width:100%;width:100%}.search-input-wrapper{position:relative}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.search-result-item:hover{background-color:var(--color-bg-primary)}.search-result-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-name{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.search-result-username{font-size:12px;color:var(--color-text-secondary)}.loading{text-align:center;padding:40px;font-size:16px;color:var(--color-text-primary)}.no-messages,.no-results{text-align:center;padding:40px;font-size:16px;color:var(--color-text-secondary)}.search-results-section{margin-top:20px}.search-section-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.conversation-header{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.user-info-header{display:flex;align-items:center;gap:12px;flex:1;margin:0 auto;flex-direction:column}.header-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.header-user-details{flex:1;display:flex;flex-direction:column-reverse;align-items:center}.header-user-name{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.header-user-username,.header-user-id{font-size:14px;color:var(--color-text-secondary)}.conversation-messages{min-height:400px;max-height:600px;overflow-y:auto;padding:20px 0;margin-bottom:20px}.conversation-messages .messages-list{display:flex;flex-direction:column;gap:12px}.date-separator{display:flex;justify-content:center;align-items:center;margin:20px 0;position:relative}.date-separator:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--color-border)}.date-separator-text{position:relative;background:var(--color-bg-primary);padding:0 12px;font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:capitalize}.message-bubble{display:flex;max-width:70%}.message-from-me{align-self:flex-end;margin-left:auto}.message-from-them{align-self:flex-start}.message-content{padding:12px 16px;border-radius:16px;position:relative}.message-from-me .message-content{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.message-from-them .message-content{background:var(--color-bg-secondary);color:var(--color-text-primary);border-bottom-left-radius:4px}.message-text{font-size:14px;line-height:1.4;margin-bottom:4px;word-wrap:break-word}.message-time{font-size:11px;opacity:.7;text-align:right}.message-from-them .message-time{text-align:left}.conversation-input{position:sticky;bottom:0;background:var(--color-bg-primary);padding-top:16px;border-top:1px solid var(--color-border)}.input-wrapper{display:flex;gap:12px;align-items:center}.message-input{flex:1;padding:12px 16px;border:1px solid var(--color-border);border-radius:24px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:14px;outline:none;font-family:var(--font-primary)}.message-input:focus{border-color:var(--color-primary)}.send-button{width:44px;height:44px;border-radius:50%;background:var(--color-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.send-button:hover:not(:disabled){opacity:.9}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:20px;height:20px;color:#000}[data-theme=dark] .send-button{background:#f5f5f5;border:1px solid rgba(255,255,255,.15)}[data-theme=dark] .send-button svg{color:#111}.conversation-messages .loading,.conversation-messages .no-messages{text-align:center;padding:40px;font-size:16px;color:var(--color-text-secondary)}.static-page{background:var(--color-bg-primary);min-height:100vh}.static-page .container{margin:0 auto;padding:32px 24px}.static-page .page-title{font-size:25px;font-weight:700;margin-bottom:20px;margin-top:48px;font-family:var(--font-heading);color:var(--color-text-primary)}.content{line-height:1.6}.content p{font-size:16px;color:var(--color-text-primary);font-family:var(--font-jakarta)}.content p:last-child{margin-bottom:0}.static-page .page-banner img{width:100%}.advertising-block{margin-top:60px;padding-top:40px;border-top:1px solid var(--color-border)}.ad-title{font-size:28px;font-weight:700;margin-bottom:20px;font-family:var(--font-heading);color:var(--color-text-primary)}.ad-title a{color:var(--color-text-primary);text-decoration:none;transition:color .3s ease}.ad-title a:hover{color:var(--color-link)}.ad-banner{margin-bottom:20px;position:relative}.ad-banner img{width:100%;height:auto;border-radius:8px;display:block;max-height:400px;object-fit:cover;object-position:center}.ad-banner a{display:block;transition:opacity .3s ease}.ad-banner a:hover{opacity:.9}.ad-html{width:100%}@media (max-width: 1024px){.static-page .page-title{font-size:32px;font-weight:700;margin-bottom:25px;margin-top:0}.advertising-block{margin-top:40px;padding-top:30px}}.create-blog-page{min-height:100vh;background:var(--color-bg-primary)}.current-image,.current-image img{max-width:100%}.create-blog-page .container{max-width:600px;margin:0 auto;padding:32px 24px}.create-blog-page .page-title{font-size:25px;font-weight:700;margin-bottom:20px;margin-top:48px;font-family:var(--font-heading);color:var(--color-text-primary)}.profile-form{display:flex;flex-direction:column;gap:32px}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{font-family:var(--font-jakarta);font-weight:500;font-size:16px;line-height:160%;letter-spacing:-2%;color:var(--color-text-primary)}.form-input{width:100%;padding:12px 16px;border:1px solid #0000000f;border-radius:12px;background:#f4f4f480;color:var(--color-text-primary);font-family:var(--font-jakarta);font-size:16px;font-weight:500;line-height:160%;letter-spacing:-2%;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--color-text-primary)}.form-input::placeholder{color:var(--color-text-light-gray);font-family:var(--font-jakarta);font-weight:500;font-size:16px;line-height:160%;letter-spacing:-2%}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #0000000f;border-radius:12px;background:#f4f4f480;cursor:pointer;transition:all .2s ease}.upload-area:hover{border-color:var(--color-text-primary);background:#f4f4f420}.upload-icon{width:74px;height:74px;display:flex;align-items:center;justify-content:center;color:var(--color-text-light-gray);margin-bottom:12px}.upload-icon svg{width:74px;height:74px}.upload-text{font-family:var(--font-jakarta);font-weight:500;font-size:16px;color:var(--color-text-primary);margin:0 0 4px}.upload-hint{font-family:var(--font-jakarta);font-weight:400;font-size:14px;color:var(--color-text-light-gray);margin:0}.category-section{display:flex;flex-direction:column;gap:12px}.selected-categories{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f4f4f480;border:1px solid #0000000f;border-radius:12px;min-height:60px;align-items:flex-start;align-content:flex-start}[data-theme=dark] .selected-categories,[data-theme=dark] .category-search-input,[data-theme=dark] .visual-editor,[data-theme=dark] .category-suggestions,[data-theme=dark] .upload-area,[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:#f4f4f414}[data-theme=dark] .category-tag,[data-theme=dark] .category-suggestion{color:#fff}.category-tag{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f4f4f480;border:1px solid #0000000f;border-radius:6px;color:#373737;font-family:var(--font-jakarta);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-2%;vertical-align:middle}.remove-category{background:none;border:none;color:var(--color-text-secondary);font-size:16px;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:flex-end}.remove-category:hover{color:#fff}.category-search-input{min-width:200px;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-jakarta);font-size:14px;outline:none}[data-theme=dark] .category-search-input{background-color:transparent!important;border:1px solid transparent!important}.category-search-input::placeholder{color:var(--color-text-light-gray)}.category-suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding:16px;background:#f4f4f480;border:1px solid #0000000f;border-radius:12px}.category-suggestion{padding:8px 12px;background:#f4f4f480;border:1px solid #0000000f;border-radius:6px;color:#bababa;font-family:var(--font-jakarta);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-2%;vertical-align:middle;text-align:center;cursor:pointer;transition:all .2s ease}.category-suggestion:hover{background:#f4f4f420;color:var(--color-text-primary);border-color:#00000020}.form-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.username-input-group{position:relative;display:flex;align-items:center}.username-prefix{position:absolute;left:16px;font-family:var(--font-jakarta);font-weight:500;font-size:16px;color:var(--color-text-secondary);z-index:1;pointer-events:none}.username-input{padding-left:32px!important}.form-hint{font-family:var(--font-jakarta);font-size:14px;color:var(--color-text-secondary);margin-top:4px}.form-error{font-family:var(--font-jakarta);font-size:14px;color:#e74c3c;margin-top:4px}@media (max-width: 1024px){.create-blog-page .page-title{font-size:32px;font-weight:700;margin-bottom:25px;margin-top:0}.create-blog-page .container{padding-bottom:100px}.profile-form{gap:25px}}.delete-account-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-account-popup{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}[data-theme=dark] .delete-account-popup{background:var(--color-bg-secondary)}.delete-account-popup .popup-image-section{position:relative;width:100%;height:200px;overflow:hidden;border-radius:12px 12px 0 0}.delete-account-popup .popup-bg-image{width:100%;height:100%;object-fit:cover}.delete-account-popup .popup-close-btn{position:absolute;top:15px;right:15px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.delete-account-popup .popup-close-btn:hover{background:#fff}.delete-account-popup .close-icon{width:16px;height:16px}.delete-account-popup .popup-content{padding:30px;text-align:center}.delete-account-popup .popup-logo{width:60px;height:60px;margin-bottom:20px}.delete-account-popup .popup-title{font-size:24px;font-weight:600;margin-bottom:15px;color:var(--color-text-primary);font-family:var(--font-jakarta)}.delete-account-popup .popup-description{font-size:14px;color:var(--color-text-meta);margin-bottom:25px;line-height:1.5;text-align:left}.delete-account-popup .delete-account-form{text-align:left}.delete-account-popup .form-group{margin-bottom:20px}.delete-account-popup .form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--color-text-primary)}.delete-account-popup .form-input{width:100%;padding:12px 16px;border:1px solid var(--color-border-light);border-radius:8px;font-size:14px;font-family:var(--font-jakarta);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s ease}.delete-account-popup .form-input:focus{outline:none;border-color:var(--color-primary)}.delete-account-popup .form-input:disabled{opacity:.6;cursor:not-allowed}.delete-account-popup .error-message{display:block;color:#e74c3c;font-size:12px;margin-top:5px}.delete-account-popup .form-actions{display:flex;gap:12px;margin-top:25px}.delete-account-popup .btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:var(--font-jakarta);cursor:pointer;transition:all .2s ease}.delete-account-popup .btn:disabled{opacity:.6;cursor:not-allowed}.delete-account-popup .btn-light{background:var(--color-bg-secondary);color:var(--color-text-primary)}.delete-account-popup .btn-light:hover:not(:disabled){background:var(--color-border-light)}.delete-account-popup .btn-danger{background:#e74c3c;color:#fff}.delete-account-popup .btn-danger:hover:not(:disabled){background:#c0392b}.delete-account-popup .cancel-btn{background:var(--color-bg-secondary)}.delete-account-popup .delete-btn{background:#e74c3c;color:#fff}.delete-account-popup .delete-btn:hover:not(:disabled){background:#c0392b}.danger-section{margin-top:40px;padding-top:30px;border-top:2px solid var(--color-border-light)}.danger-title{font-size:18px;font-weight:600;color:#e74c3c;margin-bottom:15px;font-family:var(--font-jakarta)}.btn-danger{background:#e74c3c;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;font-family:var(--font-jakarta)}.btn-danger:hover{background:#c0392b}.danger-description{margin-top:10px;font-size:13px;color:var(--color-text-meta);line-height:1.5}.current-image{position:relative;width:100%;height:120px;border-radius:8px;overflow:hidden;cursor:pointer}.preview-image{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.current-image:hover .overlay{opacity:1}.overlay span{color:#fff;font-weight:500;font-size:14px}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;text-align:center}[data-theme=dark] .overlay{background:#000000b3}.report-popup .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.report-popup .modal{background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #000);border-radius:12px;padding:0;width:480px;max-width:90vw;box-shadow:0 10px 30px #0003;max-height:90vh;display:flex;flex-direction:column}[data-theme=dark] .report-popup .modal{background:var(--color-bg-primary, #1a1a1a);color:var(--color-text-primary, #fff);box-shadow:0 10px 30px #00000080}.report-popup .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, #e9ecef)}[data-theme=dark] .report-popup .modal-header{border-bottom-color:var(--color-border, rgba(255, 255, 255, .1))}.report-popup .modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary, #000)}[data-theme=dark] .report-popup .modal-header h3{color:var(--color-text-primary, #fff)}.report-popup .close-btn{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:var(--color-text-light-gray, #6c757d);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.report-popup .close-btn:hover{color:var(--color-text-primary, #000)}[data-theme=dark] .report-popup .close-btn{color:var(--color-text-light-gray, #9ca3af)}[data-theme=dark] .report-popup .close-btn:hover{color:var(--color-text-primary, #fff)}.report-popup .modal-body{padding:24px;flex:1;overflow-y:auto}.report-popup .modal-description{margin:0 0 12px;color:var(--color-text-light-gray, #6c757d);font-size:14px}[data-theme=dark] .report-popup .modal-description{color:var(--color-text-light-gray, #9ca3af)}.report-popup .report-textarea{width:100%;padding:12px;border:1px solid var(--color-border, #ced4da);border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;min-height:120px;background:var(--color-bg-primary, #fff);color:var(--color-text-primary, #000)}[data-theme=dark] .report-popup .report-textarea{background:var(--color-bg-secondary, #2d2d2d);border-color:var(--color-border, rgba(255, 255, 255, .1));color:var(--color-text-primary, #fff)}.report-popup .report-textarea:focus{outline:none;border-color:var(--color-accent-blue, #007bff);box-shadow:0 0 0 3px #4d81e71a}[data-theme=dark] .report-popup .report-textarea:focus{box-shadow:0 0 0 3px #60a5fa33}.report-popup .report-textarea::placeholder{color:var(--color-text-light-gray, #6c757d)}[data-theme=dark] .report-popup .report-textarea::placeholder{color:var(--color-text-light-gray, #9ca3af)}.report-popup .char-count{text-align:right;font-size:12px;color:var(--color-text-light-gray, #6c757d);margin-top:6px}[data-theme=dark] .report-popup .char-count{color:var(--color-text-light-gray, #9ca3af)}.report-popup .modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--color-border, #e9ecef)}[data-theme=dark] .report-popup .modal-footer{border-top-color:var(--color-border, rgba(255, 255, 255, .1))}.report-popup .modal-footer .btn{min-width:100px}.report-popup .modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.interests-popup-overlay[data-v-8cb0c372]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.interests-popup[data-v-8cb0c372]{background:var(--color-bg-primary);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d}.popup-close-btn[data-v-8cb0c372]{position:absolute;top:12px;right:12px;width:61px;height:61px;border-radius:12px;background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;z-index:1}.popup-close-btn[data-v-8cb0c372]:hover{background:#fff}.popup-close-btn:hover .close-icon[data-v-8cb0c372]{filter:brightness(0) invert(0)}.close-icon[data-v-8cb0c372]{width:25px;height:25px;filter:brightness(0)}.popup-content[data-v-8cb0c372]{padding:32px}.popup-title[data-v-8cb0c372]{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.popup-description[data-v-8cb0c372]{font-size:14px;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.5}.loading-categories[data-v-8cb0c372]{text-align:center;padding:40px;color:var(--color-text-secondary)}.categories-list[data-v-8cb0c372]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;max-height:400px;overflow-y:auto}.category-btn[data-v-8cb0c372]{padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:14px;font-family:inherit;text-align:center}.category-btn[data-v-8cb0c372]:hover:not(.active){border-color:var(--color-primary);background:var(--color-bg-primary)}.category-btn.active[data-v-8cb0c372]{border-color:var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);opacity:.7;cursor:default}.popup-actions[data-v-8cb0c372]{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--color-border)}.skip-btn[data-v-8cb0c372],.save-btn[data-v-8cb0c372]{min-width:120px}.save-btn[data-v-8cb0c372]:disabled{opacity:.5;cursor:not-allowed}.mobile-search[data-v-7e77c813]{position:fixed;bottom:80px;left:0;right:0;background:#ffffffe5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);z-index:999;padding:16px}.mobile-search-container[data-v-7e77c813]{display:flex;align-items:center;gap:12px;max-width:100%}.mobile-search-input[data-v-7e77c813]{flex:1;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:16px;font-family:var(--font-primary);outline:none}.mobile-search-input[data-v-7e77c813]::placeholder{color:var(--color-text-gray)}.mobile-search-input[data-v-7e77c813]:focus{border-color:var(--color-accent-blue)}.mobile-search-close[data-v-7e77c813]{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:background .2s ease}.mobile-search-close[data-v-7e77c813]:hover{background:var(--color-bg-secondary)}.mobile-search-close .close-icon[data-v-7e77c813]{width:20px;height:20px}.mobile-bottom-nav[data-v-7e77c813]{position:fixed;bottom:0;left:0;right:0;height:80px;background:#ffffffe5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);display:none;z-index:1000;padding:0 16px}.mobile-nav-container[data-v-7e77c813]{display:flex;justify-content:center;gap:40px;align-items:center;height:100%}.mobile-nav-item[data-v-7e77c813]{background:transparent;border:none;display:flex;justify-content:center;align-items:center;position:relative;text-decoration:none}.mobile-nav-item img[data-v-7e77c813],.mobile-nav-icon[data-v-7e77c813]{width:24px;height:24px}.mobile-nav-notification[data-v-7e77c813]{position:relative}.mobile-notification-badge[data-v-7e77c813]{position:absolute;top:-6px;right:-6px;background:#f44;color:#fff;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0 5px;line-height:1;box-shadow:0 2px 4px #0003}[data-theme=dark] .mobile-notification-badge[data-v-7e77c813]{background:#f44;box-shadow:0 2px 4px #0006}.mobile-nav-label[data-v-7e77c813]{font-size:10px;font-weight:500;font-family:var(--font-jakarta);text-align:center}@media (max-width: 1024px){.mobile-bottom-nav[data-v-7e77c813]{display:block}.posts-container[data-v-7e77c813]{margin-bottom:100px}.posts-container[data-v-7e77c813]:has(+.mobile-search){margin-bottom:160px}.left-sidebar[data-v-7e77c813]{position:fixed!important;top:0!important;left:-100%!important;width:100%!important;height:100vh!important;background:var(--color-bg-primary)!important;z-index:999!important;padding:20px 24px!important;overflow-y:auto!important;transition:left .3s ease!important}.left-sidebar.mobile-open[data-v-7e77c813]{left:0!important}}.notification-container[data-v-62858651]{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px;width:100%}.notification-toast[data-v-62858651]{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:12px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-toast[data-v-62858651]:hover{transform:translate(-4px);box-shadow:0 6px 20px #0003}.notification-success[data-v-62858651]{background:#22c55e1a;border:2px solid rgba(34,197,94,.5);color:#166534}.notification-error[data-v-62858651]{background:#ef44441a;border:2px solid rgba(239,68,68,.5);color:#991b1b}.notification-warning[data-v-62858651]{background:#f59e0b1a;border:2px solid rgba(245,158,11,.5);color:#92400e}.notification-info[data-v-62858651]{background:#3b82f61a;border:2px solid rgba(59,130,246,.5);color:#1e40af}.notification-content[data-v-62858651]{flex:1;min-width:0}.notification-title[data-v-62858651]{font-size:14px;font-weight:600;margin:0 0 4px;line-height:1.2}.notification-message[data-v-62858651]{font-size:13px;margin:0;line-height:1.4;opacity:.9}.notification-close[data-v-62858651]{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;opacity:.6;transition:opacity .2s ease}.notification-close[data-v-62858651]:hover{opacity:1}.notification-close[data-v-62858651]{font-size:18px;font-weight:700;color:inherit}.notification-enter-active[data-v-62858651],.notification-leave-active[data-v-62858651]{transition:all .3s ease}.notification-enter-from[data-v-62858651],.notification-leave-to[data-v-62858651]{opacity:0;transform:translate(100%)}.notification-move[data-v-62858651]{transition:transform .3s ease}[data-theme=dark] .notification-success[data-v-62858651]{background:#22c55e26;border:2px solid rgba(34,197,94,.6);color:#22c55e}[data-theme=dark] .notification-error[data-v-62858651]{background:#ef444426;border:2px solid rgba(239,68,68,.6);color:#ef4444}[data-theme=dark] .notification-warning[data-v-62858651]{background:#f59e0b26;border:2px solid rgba(245,158,11,.6);color:#f59e0b}[data-theme=dark] .notification-info[data-v-62858651]{background:#3b82f626;border:2px solid rgba(59,130,246,.6);color:#3b82f6}.lightbox-overlay[data-v-3e216e3a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox-overlay.active[data-v-3e216e3a]{opacity:1;visibility:visible}.lightbox-content[data-v-3e216e3a]{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-image[data-v-3e216e3a]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.lightbox-close[data-v-3e216e3a]{position:absolute;top:-40px;right:0;background:#ffffff1a;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.lightbox-close[data-v-3e216e3a]:hover{background:#fff3}.avatar-clickable[data-v-3e216e3a]{cursor:pointer;transition:transform .2s ease}.avatar-clickable[data-v-3e216e3a]:hover{transform:scale(1.05)}@keyframes lightboxFadeIn-3e216e3a{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-overlay.active .lightbox-content[data-v-3e216e3a]{animation:lightboxFadeIn-3e216e3a .3s ease}@media (max-width: 768px){.lightbox-content[data-v-3e216e3a]{max-width:95vw;max-height:95vh;padding:20px}.lightbox-close[data-v-3e216e3a]{top:-30px;right:10px;width:35px;height:35px;font-size:20px}}