*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f5f3f0;--color-bg-secondary:#fff;--color-text:#3e2723;--color-text-secondary:#6d4c41;--color-border:#d7ccc8;--color-hover:#efebe9;--color-primary:#795548;--color-primary-dark:#5d4037;--color-secondary:#8d6e63;--color-success:#42b72a;--color-error:#c62828;--color-disabled:#bcaaa4;--shadow-sm:0 1px 2px #3e27230d;--shadow-md:0 2px 8px #3e272314;--shadow-lg:0 4px 16px #3e27231f;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-full:50%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f3f0;background-color:var(--color-bg);color:#3e2723;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}.paper{border:1px solid #d7ccc8;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--border-radius-lg)}.paper,.paper-card{background:#fff;background:var(--color-bg-secondary);box-shadow:0 1px 2px #3e27230d;box-shadow:var(--shadow-sm)}.paper-card{border:1px solid #d7ccc8;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-md);padding:16px;padding:var(--spacing-md)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button,button{align-items:center;background:#f5f3f0;background:var(--color-bg);border:1px solid #d7ccc8;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-sm);color:#3e2723;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:4px;gap:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.button:hover,button:hover{background:#efebe9;background:var(--color-hover)}.button:active,button:active{transform:scale(.98)}.button:disabled,button:disabled{cursor:not-allowed;opacity:.4}button.primary{background:#3e2723;background:var(--color-text);border-color:#3e2723;border-color:var(--color-text);color:#f5f3f0;color:var(--color-bg)}button.primary:hover{opacity:.85}button.icon-button{background:#0000;border:none;border-radius:50%;border-radius:var(--border-radius-full);font-size:20px;padding:8px;padding:var(--spacing-sm)}button.icon-button:hover{background:#efebe9;background:var(--color-hover)}input,textarea{background:#f5f3f0;background:var(--color-bg);border:1px solid #d7ccc8;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-sm);color:#3e2723;color:var(--color-text);font-family:inherit;font-size:15px;padding:12px 16px;padding:12px var(--spacing-md);transition:all .2s ease;width:100%}input:focus,textarea:focus{border-color:#3e2723;border-color:var(--color-text);outline:none}textarea{min-height:80px;resize:vertical}a{color:#3e2723;color:var(--color-text);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.6}.card{background:#f5f3f0;background:var(--color-bg);border:1px solid #d7ccc8;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-md);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:24px;padding:var(--spacing-lg)}.avatar{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:1px solid #d7ccc8;border:1px solid var(--color-border);border-radius:50%;border-radius:var(--border-radius-full);color:#3e2723;color:var(--color-text);display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;width:40px}.avatar.small{font-size:14px;height:32px;width:32px}.avatar.large{font-size:26px;height:80px;width:80px}.avatar.xlarge{font-size:36px;height:120px;width:120px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar span{font-weight:600;letter-spacing:.5px}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:hover:before{animation:tooltipFadeIn .15s ease .3s forwards;background:#3e2723;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;margin-bottom:6px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);white-space:nowrap;z-index:1000}.header [data-tooltip]:hover:before{bottom:auto;margin-bottom:0;margin-top:6px;top:100%;transform:translateX(-50%) translateY(-4px)}.fade-in{animation:fadeIn .3s ease}.loading-spinner{border:2px solid #d7ccc8;border-top-color:#3e2723;border:2px solid var(--color-border);border-top-color:var(--color-text);height:32px;margin:40px auto;width:32px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d7ccc8;background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8d6e63;background:var(--color-secondary)}.toast{border-radius:10px;bottom:32px;box-shadow:0 4px 16px #3e272326;color:#fff;font-size:15px;font-weight:500;opacity:0;padding:14px 24px;pointer-events:none;position:fixed;right:32px;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;z-index:9999}.toast-visible{opacity:1;transform:translateY(0)}.toast-success{background:#2e7d32}.toast-error{background:#c62828}.avatar-placeholder span{font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #3e27231a}.language-selector{display:inline-block;position:relative}.language-button{align-items:center;background:none;border:1px solid #d0d0d0;border-radius:8px;color:#65676b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.language-button:hover{background:#f5f5f5;border-color:#8d6e63;color:#3e2723}.language-button svg{flex-shrink:0}.dropdown-arrow{margin-left:auto;opacity:.5}.language-button:hover .dropdown-arrow{opacity:1}.header-lang-button{background:#0000;border:none;padding:8px 12px}.header-lang-button:hover{background:#f0f0f0;border:none}.header-lang-button svg{height:18px;width:18px}.lang-label{color:#65676b;font-size:13px;font-weight:500}.header-lang-button .lang-label{display:none}.lang-current{color:#3e2723;font-size:14px;font-weight:600}.language-dropdown{animation:dropdownFadeIn .15s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #3e27231f;left:50%;margin-top:8px;max-height:250px;min-width:180px;overflow-y:auto;position:absolute;top:100%;transform:translateX(-50%);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.language-dropdown:after{border:6px solid #0000;border-top-color:#fff;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.dropdown-header{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px 6px;text-transform:uppercase}.auth-language-selector{display:flex;justify-content:center}.auth-language-selector .language-dropdown{bottom:100%;margin-bottom:8px;margin-top:0;top:auto}.auth-language-selector .language-dropdown:after{border-bottom-color:#fff;border-top-color:#0000;bottom:100%;top:auto}.auth-lang-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:6px 12px;transition:all .2s}.auth-lang-button:hover{background:#f5f5f5;color:#666}.auth-lang-button svg{height:14px;width:14px}.auth-lang-button .lang-current,.auth-lang-button .lang-label{font-size:12px}.auth-lang-button .dropdown-arrow{height:12px;margin-left:2px;width:12px}.language-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.language-option:hover{background:#f5f5f5}.language-option.active{background:#f0e6e0}.language-option.active .lang-native{color:#3e2723;font-weight:600}.lang-native{color:#3e2723;font-size:13px}.lang-name{color:#999;font-size:11px}.notification-dropdown{position:relative}.notification-bell{align-items:center;background:none;border:none;border-radius:50%;color:#5d4037;cursor:pointer;display:flex;font-size:22px;justify-content:center;padding:8px;position:relative;transition:all .2s}.notification-bell:hover{background:#0000000d;color:#3e2723}.notification-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:16px;padding:2px 5px;position:absolute;right:2px;text-align:center;top:2px}.notification-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:100%;width:360px;z-index:1000}.notification-header{align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.notification-header h3{color:#3e2723;font-size:16px;font-weight:600;margin:0}.mark-all-read{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:18px;padding:4px;transition:all .2s}.mark-all-read:hover{background:#f0f0f0;color:#3e2723}.notification-list{flex:1 1;overflow-y:auto}.notification-empty,.notification-loading{color:#999;padding:32px;text-align:center}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.notification-item:hover{background:#f9f9f9}.notification-item.unread{background:#f0f7ff}.notification-item.unread:hover{background:#e6f0fa}.notification-avatar{flex-shrink:0}.notification-default-avatar{align-items:center;background:#f0f0f0;border-radius:50%;color:#999;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.notification-content{flex:1 1;min-width:0}.notification-text{color:#3e2723;font-size:14px;line-height:1.4;margin:0 0 4px}.notification-text strong{font-weight:600}.notification-time{color:#999;font-size:12px}.notification-delete{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;flex-shrink:0;font-size:16px;opacity:0;padding:4px;transition:all .2s}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#ffe6e6;color:#dc3545}@media (max-width:480px){.notification-menu{right:-10px;width:calc(100vw - 20px)}}.notification-footer{background:#fafafa;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.notification-load-more,.notification-view-all{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px;text-align:center;transition:all .2s;width:100%}.notification-view-all{background:#42a5f5;color:#fff}.notification-view-all:hover{background:#1976d2}.notification-load-more{background:#fff;border:1px solid #e0e0e0;color:#666}.notification-load-more:hover:not(:disabled){background:#f5f5f5;color:#333}.notification-load-more:disabled{cursor:not-allowed;opacity:.6}.layout{background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}.header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:680px;padding:12px 20px}.logo{border:none;flex-shrink:0;text-decoration:none}.logo-icon{align-items:center;display:flex;height:36px;justify-content:center;transition:transform .2s ease;width:36px}.logo:hover .logo-icon{transform:scale(1.1)}.header-search{flex:1 1;max-width:200px;position:relative}.search-input-wrapper{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:24px;display:flex;height:38px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.search-input-wrapper:focus-within{border-color:var(--color-text);box-shadow:0 0 0 2px #3e27230d}.search-input-wrapper .search-icon{color:var(--color-text-secondary);flex-shrink:0;font-size:16px}.search-input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:14px;min-width:0;outline:none;padding:6px 10px}.search-clear,.search-input::placeholder{color:var(--color-text-secondary)}.search-clear{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;padding:4px;transition:background .2s}.search-clear:hover{background:var(--color-border)}.search-dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #3e272326;left:0;max-height:400px;max-width:400px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.search-section{padding:6px 0}.search-section:not(:last-child){border-bottom:1px solid var(--color-border)}.search-section-title{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:11px;letter-spacing:.5px;padding:8px 16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.search-result-item{align-items:center!important;display:flex!important;gap:12px!important;padding:10px 16px!important;transition:background .15s;white-space:nowrap!important}.search-result-item .avatar{flex-shrink:0!important}.search-result-item .avatar,.search-result-item .avatar .avatar-placeholder,.search-result-item .avatar img{height:36px!important;min-width:36px!important;width:36px!important}.search-result-item:hover{background:var(--color-bg-secondary)}.search-result-info{align-items:center!important;display:flex!important;flex:1 1!important;flex-direction:row!important;gap:6px!important;min-width:0!important;white-space:nowrap!important;width:auto!important}.search-result-name{color:var(--color-text);flex-shrink:1!important;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.search-result-username{color:var(--color-text-secondary);flex-shrink:0!important;font-size:12px;white-space:nowrap!important}.search-result-icon{align-items:center;background:linear-gradient(135deg,#f5f3f0,#e8e4e0);border-radius:10px;color:#666;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.search-result-content{color:var(--color-text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{display:flex;flex-shrink:0;gap:4px}.nav-link{color:var(--color-secondary);font-size:22px;padding:10px 16px;position:relative;transition:color .2s ease,background .2s}.nav-badge,.nav-link{align-items:center;border-radius:8px;display:flex;justify-content:center}.nav-badge{background:#e74c3c;color:#fff;font-size:10px;font-weight:700;height:16px;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:8px;top:4px}.nav-link.active,.nav-link:hover{background:var(--color-bg-secondary);color:var(--color-text)}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.icon-button{border-radius:8px;color:var(--color-text);font-size:20px;gap:4px}.icon-button:hover{background:var(--color-bg-secondary)}.lang-text{font-size:11px;font-weight:600}.user-menu{align-items:center;display:flex;gap:8px}.user-avatar{border:none}.user-avatar .avatar{cursor:pointer;flex-shrink:0;font-size:14px!important;height:32px!important;max-height:32px;max-width:32px;min-height:32px;min-width:32px;transition:opacity .2s ease;width:32px!important}.user-avatar .avatar .avatar-placeholder,.user-avatar .avatar img{font-size:14px!important;height:100%!important;object-fit:cover;width:100%!important}.user-avatar:hover .avatar{opacity:.8}.main-content{flex:1 1;margin:0 auto;max-width:620px;padding:24px 0;width:100%}.main-content:has(.chat-page){max-width:1200px;padding:0}.layout:has(.chat-page){height:100vh;min-height:0;overflow:hidden}@media (max-width:768px){.header-content{gap:10px;padding:10px 12px}.logo-icon{font-size:24px;height:32px;width:32px}.header-search{max-width:160px}.search-input-wrapper{height:34px}.nav-link{font-size:20px;padding:8px 12px}.main-content{padding:16px 12px}}@media (max-width:480px){.header-search{max-width:120px}.search-input::placeholder{font-size:12px}.nav-link{font-size:18px;padding:8px 10px}.lang-text{display:none}}.floating-video-player{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #3e27234d;overflow:hidden;position:fixed;right:20px;width:320px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.floating-video-header{align-items:center;background:#f0f2f5;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;padding:8px 12px}.floating-video-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:8px}.floating-video-info:hover{opacity:.8}.floating-video-author{flex:1 1;min-width:0}.floating-video-author span{color:#3e2723;display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-video-close{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:28px}.floating-video-close:hover{background-color:#e4e6eb}.floating-video-container{background:#3e2723;cursor:pointer;position:relative;width:100%}.floating-video{display:block;max-height:180px;object-fit:contain;width:100%}@media (max-width:768px){.floating-video-player{bottom:10px;right:10px;width:280px}.floating-video{max-height:160px}}@media (max-width:480px){.floating-video-player{left:10px;right:10px;width:calc(100% - 20px)}}.auth-container{background:linear-gradient(135deg,#f5f3f0,#e8e4e0);display:flex;min-height:100vh;overflow:hidden;position:relative}.auth-container:before{background:radial-gradient(circle at 20% 80%,#3e27230d 0,#0000 50%),radial-gradient(circle at 80% 20%,#3e272308 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-split{background:#fff;border:1px solid #d7ccc8;border-radius:16px;box-shadow:0 8px 30px #3e272314;display:flex;margin:auto;max-width:800px;overflow:visible;position:relative;width:100%;z-index:1}.auth-brand{background:#5d4037;color:#fff;flex:0 0 25%;justify-content:center;padding:32px 24px}.auth-brand,.brand-content{display:flex;flex-direction:column;position:relative}.brand-content{z-index:1}.brand-logo{align-items:center;display:flex;gap:10px;margin-bottom:24px}.brand-logo img{filter:brightness(0) invert(1) sepia(.3) saturate(.5) hue-rotate(5deg);height:40px;width:auto}.brand-logo-text{font-size:24px;font-weight:700;letter-spacing:-.5px}.brand-headline{font-size:26px;font-weight:700;line-height:1.2;margin-bottom:12px}.brand-subheadline{font-size:14px;line-height:1.5;opacity:.85}.brand-quote{border-top:1px solid #fff3;font-size:14px;font-style:italic;margin-top:32px;opacity:.8;padding-top:20px}.auth-form-side{display:flex;flex:75 1;flex-direction:column;justify-content:center;padding:48px}.auth-card{margin:0 auto;max-width:360px;position:relative;width:100%}.auth-card-header{margin-bottom:32px;position:relative}.auth-card h2{color:#3e2723;font-size:28px;font-weight:700;margin-bottom:8px}.auth-card-subtitle{color:#65676b;font-size:15px}.auth-tagline{display:none}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#3e2723;font-size:14px;font-weight:500}.form-group input{background:#f7f8fa;border:2px solid #e4e6eb;border-radius:10px;font-size:15px;padding:14px 16px;transition:all .2s ease}.form-group input:focus{background:#fff;border-color:#5d4037;box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.form-group input::placeholder{color:#adb5bd}.form-options{font-size:14px;justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#65676b;cursor:pointer;gap:8px}.remember-me input{accent-color:#3e2723;height:16px;width:16px}.forgot-password{color:#777;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}button.primary{background:#5d4037;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s ease;width:100%}button.primary:hover:not(:disabled){background:#3e2723;box-shadow:0 2px 8px #3e27231f;transform:translateY(-1px)}button.primary:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f5f5f5;border:1px solid #ccc;color:#333;font-weight:500}.trust-signal{color:#888;font-size:13px;margin-top:16px;text-align:center}.auth-footer{color:#65676b;font-size:15px;margin-top:28px;text-align:center}.auth-footer a{color:#3e2723;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.terms-notice{color:#666;font-size:13px;line-height:1.5;margin-top:4px}.terms-link{background:none;border:none;color:#5d4037;cursor:pointer;font-size:13px;font-weight:500;padding:0;text-decoration:underline}.modal-overlay{align-items:center;background:#3e272399;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;flex-direction:column;max-height:80vh;max-width:600px;position:relative}.modal-close{align-items:center;border-radius:50%;font-size:24px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s;width:32px}.modal-close:hover{background:#f0f0f0}.terms-content{line-height:1.6;overflow-y:auto;padding:32px}.terms-content h2{color:#5d4037;font-size:20px;font-weight:700;margin-bottom:16px}.terms-content h3{color:#5d4037;font-size:15px;font-weight:600;margin-bottom:8px;margin-top:20px}.terms-content p{color:#444;font-size:14px;margin-bottom:8px}.terms-content ul{margin:0 0 12px;padding-left:20px}.terms-content li{color:#444;font-size:14px;line-height:1.5;margin-bottom:4px}.terms-content hr{border:none;border-top:1px solid #e5e5e5;margin:32px 0}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.fade-in{animation:fadeIn .4s ease-out}@media (max-width:768px){.auth-split{border-radius:20px;flex-direction:column;margin:24px;max-width:420px}.auth-brand{padding:32px}.brand-headline{font-size:28px}.brand-subheadline{font-size:16px}.brand-quote{display:none}.auth-form-side{padding:32px 24px}.auth-card{max-width:100%}}.link-preview{border:1px solid #dbdbdb;border-radius:12px;margin-top:12px;position:relative;transition:all .2s ease}.link-preview:hover{border-color:#a8a8a8;box-shadow:0 1px 3px #3e27230d}.link-preview-remove{align-items:center;background:#fff;border:2px solid #d0d0d0;border-radius:50%;box-shadow:0 2px 6px #3e272340;color:#3e2723;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:30px;z-index:1}.link-preview-remove:hover{background:#f5f5f5;border-color:#d0d0d0;box-shadow:0 4px 12px #3e27234d;transform:scale(1.1)}.link-preview-remove:active{transform:scale(.95)}.link-preview-content{color:inherit;cursor:pointer;display:flex;text-decoration:none}.link-preview-image{background:#f0f2f5;flex-shrink:0;height:140px;overflow:hidden;width:140px}.link-preview-image img{height:100%;object-fit:cover;width:100%}.link-preview-text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding:12px}.link-preview-domain{color:#65676b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.link-preview-title{line-height:1.3;text-overflow:ellipsis}.link-preview-description{-webkit-line-clamp:2;color:#65676b;line-height:1.4;text-overflow:ellipsis}@media (max-width:480px){.link-preview-content{flex-direction:column}.link-preview-image{height:200px;width:100%}.link-preview-text{padding:16px}}.voice-recorder{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:4px 0;padding:6px}.voice-recorder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.recording-indicator{align-items:center;display:flex;gap:4px}.recording-dot{animation:pulse 1.5s ease-in-out infinite;background-color:red;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{color:#3e2723;font-size:11px;font-weight:600}.recording-timer{color:#3e2723;font-family:Courier New,monospace;font-size:12px;font-weight:700}.voice-recorder-error{background-color:#fee;border-radius:4px;color:#c00;font-size:11px;margin-bottom:6px;padding:6px}.waveform-container{background-color:#f5f5f5;border-radius:4px;margin-bottom:6px;min-height:32px;padding:4px;width:100%}.waveform-container>div{width:100%!important}.voice-recorder-controls{display:flex;gap:4px;justify-content:center}.recorder-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;min-width:50px;padding:4px 12px;text-align:center;transition:all .2s ease}.recorder-btn:disabled{cursor:not-allowed;opacity:.5}.recorder-btn-cancel{background-color:#f5f5f5;color:#3e2723}.recorder-btn-cancel:hover:not(:disabled){background-color:#e0e0e0}.recorder-btn-pause,.recorder-btn-resume{background-color:#3e2723;color:#fff}.recorder-btn-pause:hover:not(:disabled),.recorder-btn-resume:hover:not(:disabled){background-color:#333}.recorder-btn-stop{background-color:#3e2723;color:#fff}.recorder-btn-stop:hover:not(:disabled){background-color:#333}.time-warning{animation:blink 1s ease-in-out infinite;color:red;font-size:13px;font-weight:600;margin-top:12px;text-align:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.voice-player{background-color:#f5f5f5;border-radius:12px;margin:8px 0}.voice-player-compact{gap:8px;margin:4px 0;padding:8px}.voice-player-btn{align-items:center;background-color:#3e2723;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;min-width:44px;transition:all .2s ease;width:44px}.voice-player-compact .voice-player-btn{font-size:16px;height:40px;min-width:40px;width:40px}.voice-player-btn:hover:not(:disabled){background-color:#333;transform:scale(1.05)}.voice-player-btn:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{border:2px solid #fff;border-top-color:#0000;height:16px;width:16px}.voice-player-content{flex:1 1;min-width:0}.waveform-player-container{margin-bottom:4px;width:100%}.voice-player-time{color:#666;font-family:Courier New,monospace;font-size:12px}.voice-player-compact .voice-player-time{font-size:11px}.voice-player-error{color:#c00;font-size:13px;padding:8px 12px}.mention-input-wrapper{position:relative;width:100%}.mention-input-wrapper .mention-input{width:100%}.mention-suggestions{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:280px;min-width:250px;overflow-y:auto;position:fixed;z-index:9999}.mention-suggestion{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .15s ease}.mention-suggestion.selected,.mention-suggestion:hover{background:#e3f2fd}.mention-suggestion:first-child{border-radius:8px 8px 0 0}.mention-suggestion:last-child{border-radius:0 0 8px 8px}.mention-suggestion-info{display:flex;flex-direction:column;gap:2px}.mention-suggestion-name{color:#3e2723;font-size:14px;font-weight:600}.mention-suggestion-username{color:#6d4c41;font-size:12px}.comment-input-wrapper .mention-suggestions{left:40px}.post-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:12px}.post-form{display:flex;flex-direction:column;gap:10px}.post-textarea{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#3e2723;font-family:inherit;font-size:15px;line-height:1.5;max-height:200px;min-height:42px;overflow-y:auto;padding:10px 12px;resize:none;transition:border-color .2s;width:100%}.post-textarea:focus{background:#fff;border-color:#8d6e63;outline:none}.post-previews{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:8px 0}.preview-item{aspect-ratio:1;background:#f5f5f5;border-radius:8px;overflow:hidden;position:relative}.preview-item img,.preview-item video{height:100%;object-fit:cover;width:100%}.remove-preview{align-items:center;background:#fff;border:2px solid #d0d0d0;border-radius:50%;box-shadow:0 2px 6px #3e272333;color:#3e2723;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:30px;z-index:10}.remove-preview:hover{background:#f5f5f5;border-color:#d0d0d0;box-shadow:0 4px 12px #3e27234d;transform:scale(1.1)}.remove-preview:active{transform:scale(.95)}.post-form-actions{align-items:center;display:flex;justify-content:space-between}.post-form-actions-left{align-items:center;display:flex;gap:4px}.icon-button{border-radius:4px;color:#666;font-size:24px;position:relative;transition:all .2s}.icon-button:hover{background:#f5f5f5;color:#3e2723}.error-message{border-radius:4px;padding:8px 12px}.btn{font-size:15px;padding:10px 24px}.btn-primary:hover:not(:disabled){background:#5d4037;transform:translateY(-1px)}.btn-primary:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.post-form [data-tooltip]:hover:after{content:none}.post-form [data-tooltip]:hover:before{background:#3e2723;border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:400;left:50%;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.visibility-selector{position:relative}.visibility-toggle{align-items:center;background:none;border:1px solid var(--color-border);border-radius:16px;color:var(--color-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease}.visibility-toggle:hover{border-color:var(--color-text);color:var(--color-text)}.visibility-toggle svg{font-size:14px}.visibility-chevron{font-size:10px!important;margin-left:1px}.visibility-menu{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;bottom:calc(100% + 6px);box-shadow:0 4px 12px #3e27231a;left:0;min-width:140px;overflow:hidden;position:absolute;z-index:50}.visibility-option{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .15s ease;width:100%}.visibility-option:hover{background:var(--color-hover)}.visibility-option.active{font-weight:600}.visibility-option svg{color:var(--color-secondary);font-size:16px}.visibility-option.active svg{color:var(--color-text)}.link-preview-loading{background:#f0f2f5;border-radius:8px;color:#65676b;font-size:13px;margin-top:8px;padding:12px;text-align:center}.voice-preview{align-items:center;display:flex;gap:8px;margin:8px 0}.voice-preview-player{flex:1 1;min-width:0}.remove-voice{align-items:center;background:#fff;border:2px solid #d0d0d0;border-radius:50%;color:#3e2723;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.remove-voice:hover{background:#f5f5f5;transform:scale(1.1)}.remove-voice:active{transform:scale(.95)}.icon-button.disabled{pointer-events:none}.icon-button.disabled,.icon-button:disabled{cursor:not-allowed;opacity:.4}.comment-section{padding:0}.comments-loading{color:#666;padding:12px;text-align:center}.no-comments{display:none}.comments-list{display:flex;flex-direction:column;gap:4px;padding:0 12px}.show-more-comments{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s;width:100%}.show-more-comments:hover{background:#f5f5f5;color:#3e2723}.comment{display:flex;gap:8px;padding:4px 0}.comment.reply{padding-left:48px}.comment-avatar{flex-shrink:0}.comment-content{flex:1 1;min-width:0}.comment-bubble{background:#f5f5f5;border-radius:18px;padding:6px 10px;position:relative}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.comment-author{color:#3e2723;font-size:14px;font-weight:600;text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-menu-btn{font-size:16px;opacity:0;padding:4px;transition:opacity .2s}.comment-bubble:hover .comment-menu-btn{opacity:1}.comment-menu-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #3e27231a;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.comment-menu-dropdown button{align-items:center;background:none;border:none;color:#3e2723;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 12px;text-align:left;transition:background .2s;width:100%}.comment-menu-dropdown button:hover{background:#f5f5f5}.comment-menu-dropdown button.danger{color:#dc3545}.comment-menu-dropdown button.danger:hover{background:#ffe6e6}.comment-text{word-wrap:break-word;font-size:14px;line-height:1.4;margin:0;white-space:pre-wrap}.comment-text .mention{color:#5d4037;font-weight:600;text-decoration:none}.comment-text .mention:hover{text-decoration:underline}.comment-edit-form{display:flex;flex-direction:column;gap:8px}.comment-edit-textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;min-height:60px;padding:8px;resize:vertical;width:100%}.comment-edit-textarea:focus{border-color:#3e2723;outline:none}.comment-edit-actions{display:flex;gap:6px;justify-content:flex-end}.comment-actions{align-items:center;display:flex;gap:8px;margin-top:2px;padding-left:8px}.comment-action-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px;transition:color .2s}.comment-action-btn:hover{color:#3e2723}.comment-action-btn.liked{color:#dc3545}.comment-time{color:#999;font-size:12px;margin-left:auto}.comment-replies{gap:4px;margin-top:4px}.comment-form,.comment-replies{display:flex;flex-direction:column}.comment-form{gap:8px;padding:8px 12px}.comment-form .reply-indicator{width:100%}.comment-form .comment-voice-preview,.comment-form .voice-recorder{margin:8px 0;width:100%}.comment-form .avatar{flex-shrink:0}.reply-indicator{background:#efebe9;border-left:3px solid #5d4037;border-radius:8px;color:#6d4c41;flex-direction:row;font-size:13px;gap:8px;justify-content:space-between;margin-bottom:8px}.reply-indicator-text{align-items:center;display:flex;flex:1 1;gap:8px}.reply-indicator-text svg{color:#5d4037;font-size:14px}.cancel-reply{background:none;border:none;border-radius:6px;color:#8d6e63;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:all .2s}.cancel-reply:hover{background:#d7ccc8;color:#3e2723}.comment-input-wrapper{align-items:center;background:#f0f2f5;border:1px solid #ced0d5;border-radius:18px;display:flex;gap:4px;padding:2px 4px;width:100%}.comment-input-wrapper .avatar{flex-shrink:0;font-size:12px;height:28px;width:28px}.comment-input{background:#0000;border:none;color:#3e2723;flex:1 1;font-family:inherit;font-size:14px;line-height:1.3;max-height:120px;min-height:24px;overflow-y:auto;padding:2px 4px;resize:none}.comment-input:focus{outline:none}.comment-input-wrapper:focus-within{background:#fff;border-color:#8d6e63}.comment-submit{align-items:center;background:#3e2723;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.comment-submit svg{height:100%;transform:scale(2);width:100%}.comment-submit:hover:not(:disabled){background:#333;transform:scale(1.05)}.comment-submit:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;transform:none}.btn{border-radius:16px;font-size:13px;padding:6px 12px}.btn-primary{background:#3e2723}.btn-primary:hover{background:#333}.btn-text{background:none}.btn-text:hover{background:#e0e0e0;color:#3e2723}.comment-voice-preview{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin:8px 0;padding:6px 10px}.comment-voice-preview .voice-player{flex:1 1;min-width:0}.comment-voice-preview .remove-voice{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:50%;color:#3e2723;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.comment-voice-preview .remove-voice:hover{background:#f5f5f5;transform:scale(1.1)}.comment-voice-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;justify-content:center;padding:3px;transition:all .2s}.comment-voice-btn:hover:not(:disabled){background:#f5f5f5;color:#3e2723}.comment-voice-btn:disabled{cursor:not-allowed;opacity:.4}.highlighted-comment{animation:highlightCommentPulse 1.5s ease-out}@keyframes highlightCommentPulse{0%{background-color:#1cb6eb4d}to{background-color:initial}}.post-image-modal-overlay{align-items:center;background:#3e2723e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.post-image-modal{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;position:relative;width:100%}.modal-close-btn{align-items:center;background:#3e272399;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:40px;z-index:10}.modal-close-btn:hover{background:#3e2723cc}.modal-content{display:flex;height:100%;overflow:hidden}.modal-image-container{align-items:center;background:#3e2723;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.modal-image{max-height:100%;max-width:100%;object-fit:contain}.modal-nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#3e2723;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:40px;z-index:5}.modal-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.modal-nav-btn.prev{left:16px}.modal-nav-btn.next{right:16px}.modal-image-indicator{background:#3e2723b3;border-radius:16px;bottom:16px;color:#fff;font-size:13px;font-weight:600;left:50%;padding:6px 12px;position:absolute;transform:translateX(-50%)}.modal-details{background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;width:400px}.modal-post-header{border-bottom:1px solid #e0e0e0;padding:16px}.modal-author{align-items:center;color:inherit;display:flex;gap:12px;text-decoration:none}.modal-author-info{display:flex;flex-direction:column}.modal-author-name{color:#3e2723;font-size:15px;font-weight:600}.modal-post-time{color:#666;font-size:12px}.modal-caption{border-bottom:1px solid #e0e0e0;font-size:14px;line-height:1.5;padding:16px}.caption-author{color:#3e2723;font-weight:600;margin-right:6px;text-decoration:none}.caption-author:hover{text-decoration:underline}.caption-text{word-wrap:break-word;color:#3e2723;white-space:pre-wrap}.modal-comments-container{background:#fff;flex:1 1;overflow-y:auto}.modal-actions-container{background:#fff;border-top:1px solid #e0e0e0}.modal-actions{display:flex;gap:12px;padding:8px 16px}.modal-action-btn{background:none;border:none;color:#3e2723;cursor:pointer;font-size:24px;padding:8px;transition:all .2s}.modal-action-btn:hover{transform:scale(1.1)}.modal-action-btn.liked{animation:likeAnimation .3s ease;color:#dc3545}@keyframes likeAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.modal-stats{color:#3e2723;font-size:14px;font-weight:600;padding:0 16px 12px}.modal-likes{cursor:pointer}.modal-likes:hover{text-decoration:underline}@media (max-width:768px){.modal-content{flex-direction:column}.modal-details{max-height:50%;width:100%}.modal-image-container{flex:1 1}}.like-list-modal-overlay{align-items:center;background:#3e272399;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.like-list-modal{box-shadow:0 8px 24px #3e272326;display:flex;flex-direction:column;max-height:600px;width:100%}.like-list-header{padding:16px 20px}.like-list-header h3{align-items:center;display:flex;font-weight:700;gap:8px}.like-list-icon{color:#dc3545;font-size:20px}.like-list-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.like-list-close-btn:hover{background:#f5f5f5;color:#3e2723}.like-list-content{flex:1 1}.like-list-empty,.like-list-loading{color:#666;font-size:15px;padding:40px 20px;text-align:center}.like-list-users{display:flex;flex-direction:column}.like-list-user{align-items:center;color:inherit;display:flex;gap:12px;padding:12px 20px;text-decoration:none;transition:background .2s}.like-list-user:hover{background:#f5f5f5}.like-list-user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.like-list-user-name{color:#3e2723;font-size:15px;font-weight:600}.like-list-user-bio{color:#666;font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.like-tooltip{animation:tooltipFadeIn .2s ease;background:#3e2723e6;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #3e272326;left:0;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.like-tooltip-content{display:flex;flex-direction:column;gap:4px}.like-tooltip-user{font-weight:500}.like-tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #3e2723e6;height:0;left:12px;position:absolute;top:100%;width:0}.share-modal-overlay{background:#3e272399;padding:20px;z-index:1001}.share-modal{box-shadow:0 8px 24px #3e272326;display:flex;flex-direction:column;max-height:80vh;width:100%}.share-modal-header{padding:16px 20px}.share-modal-header h3{align-items:center;display:flex;font-weight:700;gap:8px}.share-modal-close{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.share-modal-close:hover{background:#f5f5f5;color:#3e2723}.share-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.share-commentary{border:none;color:#3e2723;font-family:inherit;font-size:15px;margin-bottom:12px;outline:none;padding:0;resize:none;width:100%}.share-commentary::placeholder{color:#999}.share-preview{background:#fafafa;padding:12px}.share-preview-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.share-preview-author{display:flex;flex-direction:column}.share-preview-name{color:#3e2723;font-size:14px;font-weight:600}.share-preview-time{color:#666;font-size:12px}.share-preview-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;margin:0 0 8px;overflow:hidden}.share-preview-voice{margin-bottom:8px}.share-preview-media{border-radius:8px;display:flex;gap:4px;overflow:hidden;position:relative}.share-preview-media-item{border-radius:4px;flex:1 1;max-height:120px;object-fit:cover}.share-preview-media-item video{height:100%;object-fit:cover;width:100%}.share-preview-more{background:#3e272399;border-radius:12px;bottom:8px;color:#fff;font-size:13px;font-weight:600;padding:2px 8px;position:absolute;right:8px}.share-preview-link{color:#666;font-size:13px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.post-card{background:#fff;border:none;border-bottom:1px solid #efefef;border-radius:0;margin-bottom:0;overflow:visible;padding:12px 16px}.comment-section-wrapper{display:none}.comment-section-wrapper.visible{display:block}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px;padding:0}.post-author{cursor:default;flex:1 1}.post-author,.post-author-link{align-items:flex-start;display:flex;gap:12px}.post-author-link{color:inherit;text-decoration:none}.post-author-link:hover .author-name,.post-author-link:hover .avatar{cursor:pointer}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{color:#000;font-size:15px;font-weight:700;line-height:1.2;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-username{color:#737373;font-size:14px;font-weight:400}.post-meta{gap:8px}.post-meta,.post-time{align-items:center;display:flex}.post-time{color:#737373;font-size:14px;gap:4px}.time-separator{color:#737373;font-weight:400}.post-time-text{color:#737373;font-size:14px;position:relative}.post-meta-spacer{height:32px;width:32px}.visibility-badge{color:#999;display:flex;font-size:13px;position:relative}.visibility-badge.clickable .visibility-badge-icon{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:2px;transition:background .15s,color .15s}.visibility-badge.clickable .visibility-badge-icon:hover{background:#f0f0f0;color:#333}.visibility-quick-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #3e27231a;display:flex;gap:2px;left:50%;margin-top:4px;padding:3px;position:absolute;top:100%;transform:translateX(-50%);z-index:20}.visibility-quick-option{align-items:center;background:#f5f5f5;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:background .15s,color .15s;width:28px}.visibility-quick-option svg{display:block;height:15px;width:15px}.visibility-quick-option:hover{background:#e8e8e8;color:#3e2723}.visibility-quick-option.active{background:#3e2723;color:#fff}.post-menu{position:relative}.post-menu-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #3e27231a;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.post-menu-dropdown button{align-items:center;background:none;border:none;color:#3e2723;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.post-menu-dropdown button:hover{background:#f5f5f5}.post-menu-dropdown button.danger{color:#dc3545}.post-menu-dropdown button.danger:hover{background:#fff5f5}.icon-button{align-items:center;background:none;border:none;border-radius:50%;color:#737373;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.icon-button:hover{background:#f0f0f0}.icon-button svg{font-size:20px}.post-content{margin-bottom:8px;padding:0}.post-actions{align-items:center;display:flex;gap:4px;justify-content:flex-start;padding:12px 0 0}.action-count{font-size:13px}.action-button,.action-count{color:#737373;font-weight:600}.action-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:4px;justify-content:center;padding:6px 10px;transition:all .2s}.action-button:hover{background:#f7f7f7}.action-button.liked{color:#f91880}.action-button.liked svg{fill:#f91880}.action-button svg{font-size:20px}.post-text{word-wrap:break-word;color:#000;font-size:16px;line-height:1.4;margin:0;white-space:pre-wrap}.post-text .mention{color:#5d4037;font-weight:600;text-decoration:none}.post-text .mention:hover{text-decoration:underline}.post-edit-form{display:flex;flex-direction:column;gap:12px}.post-edit-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#3e2723;font-family:inherit;font-size:15px;line-height:1.5;min-height:80px;padding:12px;resize:vertical;width:100%}.post-edit-textarea:focus{border-color:#8d6e63;outline:none}.post-edit-actions{display:flex;gap:8px;justify-content:flex-end}.post-media{grid-gap:2px;border:1px solid #dbdbdb;border-radius:16px;display:grid;gap:2px;margin-top:12px;overflow:hidden}.post-media.grid-1{grid-template-columns:1fr}.post-media.grid-2,.post-media.grid-3{grid-template-columns:repeat(2,1fr)}.post-media.grid-3 .media-item:first-child{grid-column:span 2}.post-media.grid-4{grid-template-columns:repeat(2,2fr)}.media-item{aspect-ratio:1;background:#f5f5f5;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s}.media-item:hover{transform:scale(1.01)}.media-item img,.media-item video{height:100%;object-fit:cover;width:100%}.link-preview{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-top:8px;overflow:hidden}.link-preview-image{height:200px;object-fit:cover;width:100%}.link-preview-content{padding:12px}.link-preview-title{-webkit-line-clamp:2;color:#3e2723;font-size:14px;font-weight:600;margin-bottom:4px}.link-preview-description,.link-preview-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-preview-description{-webkit-line-clamp:3;color:#666;font-size:13px}.link-preview-url{color:#999;font-size:12px;margin-top:4px}.link-preview-dismiss{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.like-tooltip{background:#333;border-radius:20px;bottom:100%;color:#fff;font-size:13px;margin-bottom:8px;padding:8px 12px;white-space:nowrap;z-index:100}.like-tooltip,.like-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.like-tooltip:after{border:6px solid #0000;border-top-color:#333;content:"";top:100%}.like-list-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.like-list-modal{background:#fff;border-radius:12px;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.like-list-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.like-list-header h3{font-size:18px;margin:0}.like-list-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.like-list-content{max-height:60vh;overflow-y:auto}.like-list-item{align-items:center;color:inherit;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:background .2s}.like-list-item:hover{background:#f5f5f5}.shared-post-embed{background:#fafafa;border:1px solid #dbdbdb;border-radius:16px;margin-top:8px;padding:12px}.shared-post-header{align-items:center;color:inherit;display:flex;gap:8px;margin-bottom:8px;text-decoration:none}.shared-post-author-info{display:flex;flex-direction:column}.shared-post-name{color:#000;font-size:15px;font-weight:700}.shared-post-time{color:#737373;font-size:13px}.shared-post-text{word-wrap:break-word;color:#000;font-size:15px;line-height:1.4;margin:0 0 8px;white-space:pre-wrap}.shared-post-embed .post-media{margin-top:8px}.shared-post-deleted{background:#f5f5f5;border:1px solid #dbdbdb;border-radius:16px;color:#999;font-size:14px;font-style:italic;margin-top:8px;padding:24px;text-align:center}.voice-player{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;margin-top:8px;padding:12px}.voice-player.compact{gap:8px;padding:8px}.voice-play-button{align-items:center;background:#3e2723;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.voice-player.compact .voice-play-button{height:28px;width:28px}.voice-play-button svg{font-size:18px}.voice-player.compact .voice-play-button svg{font-size:14px}.voice-waveform{background:#e0e0e0;border-radius:4px;flex:1 1;height:36px;overflow:hidden}.voice-player.compact .voice-waveform{height:24px}.voice-duration{color:#666;font-size:14px;font-weight:600;min-width:40px;text-align:right}.post-error,.post-loading{color:#666;padding:40px}.post-error{color:#dc3545}.reply-indicator{align-items:center;color:#666;display:flex;font-size:14px;gap:4px;padding:8px 12px}.reply-indicator a{color:#3e2723;font-weight:600;text-decoration:none}.reply-indicator a:hover{text-decoration:underline}.share-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.share-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.share-modal-header h3{font-size:18px;margin:0}.share-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.share-modal-content{padding:16px}.share-comment-input{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:15px;margin-bottom:16px;min-height:80px;padding:12px;resize:vertical;width:100%}.share-comment-input:focus{border-color:#8d6e63;outline:none}.share-preview{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.share-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:16px}.btn{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-primary{background:#8d6e63;color:#fff}.btn-primary:hover{background:#6d4c41}.btn-text{background:#0000;color:#666}.btn-text:hover{background:#f5f5f5}.feed-container{margin:0 auto;max-width:620px;padding:20px 16px}.feed-header{margin-bottom:20px}.feed-header h1{font-size:24px;font-weight:700;margin:0}.loading-message{color:#666;font-size:16px;padding:40px 20px;text-align:center}.error-message{background:#ffe6e6;border-radius:8px;color:#dc3545;font-size:14px;margin-bottom:16px;padding:12px 16px}.posts-list{display:flex;flex-direction:column}.empty-feed{color:#999;padding:60px 20px;text-align:center}.empty-feed p{font-size:16px;margin:0}.feed-loading-more{display:flex;justify-content:center;padding:24px 0}.feed-spinner{animation:spin .6s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#8d6e63;height:24px;width:24px}.feed-end{color:#aaa;font-size:13px;padding:32px 16px 48px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.profile-container{margin:0 auto;max-width:800px}.profile-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:32px 24px 24px}.profile-header{align-items:center;display:flex;gap:28px;margin-bottom:20px}.avatar-container{flex-shrink:0;position:relative}.avatar-container .avatar{border:3px solid var(--color-bg-secondary);box-shadow:0 2px 12px #3e272314}.avatar-upload-btn{background:#0000;border:none;border-radius:6px;color:var(--color-secondary);cursor:pointer;display:block;font-size:11px;margin-top:8px;padding:4px 10px;text-align:center;transition:all .2s ease}.avatar-upload-btn:hover{background:var(--color-hover);color:var(--color-text)}.avatar-upload-btn input{display:none}.profile-identity{flex:1 1;min-width:0}.profile-identity h1{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:2px}.profile-identity .username{color:var(--color-secondary);font-size:14px;margin-bottom:0}.profile-edit-btn{background:#fff;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s ease}.profile-edit-btn:hover{background:var(--color-hover)}.profile-message-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:all .2s ease}.profile-message-btn:hover{background:var(--color-primary-dark)}.profile-message-btn svg{font-size:16px}.profile-add-friend-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:all .2s ease}.profile-add-friend-btn:hover{background:var(--color-primary-dark)}.profile-add-friend-btn:disabled{cursor:not-allowed;opacity:.6}.friend-request-actions{display:flex;gap:8px}.profile-accept-btn{align-items:center;background:var(--color-success);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.profile-accept-btn:hover{background:#36a420}.profile-accept-btn:disabled{cursor:not-allowed;opacity:.6}.profile-reject-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.profile-reject-btn:hover{background:#f0f0f0}.profile-reject-btn:disabled{cursor:not-allowed;opacity:.6}.profile-cancel-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:all .2s ease}.profile-cancel-btn:hover{background:#f0f0f0}.profile-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.profile-bio{color:var(--color-text);font-size:15px;line-height:1.5;margin-bottom:16px}.profile-meta{display:flex;flex-wrap:wrap;gap:16px}.profile-meta-item{align-items:center;color:var(--color-secondary);display:flex;font-size:14px;gap:6px}.profile-meta-item svg{flex-shrink:0;font-size:16px}.profile-meta-item span{color:var(--color-text);font-weight:500}.profile-stats{border-top:1px solid var(--color-border);display:flex;gap:24px;margin-top:16px;padding-top:16px}.profile-stat{color:var(--color-secondary);font-size:14px}.profile-stat strong{color:var(--color-text);font-weight:700;margin-right:4px}.profile-form{margin-bottom:var(--spacing-xl)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.profile-posts-section{margin-bottom:24px}.profile-posts-section h2{font-size:18px;font-weight:700;margin-bottom:16px}.no-posts{color:var(--color-secondary);font-size:14px;padding:32px 16px;text-align:center}.friends-section{margin-bottom:24px}.friends-section h2{font-weight:700;margin-bottom:16px}.friends-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.friend-card{align-items:center;border:1px solid var(--color-border);border-radius:10px;color:inherit;cursor:pointer;display:flex;gap:10px;padding:12px;text-decoration:none;transition:all .2s ease}.friend-card:hover{background:var(--color-hover);border-color:#ccc}.friend-name{margin-bottom:1px}.friend-username{color:var(--color-secondary)}.friends-container{margin:0 auto;max-width:800px}.friends-container h1{color:var(--color-text);font-size:28px;font-weight:700}.friends-container h1,.friends-section{margin-bottom:var(--spacing-lg)}.friends-section h2{color:var(--color-text-secondary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md)}.friendship-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.friendship-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:box-shadow .2s ease,transform .2s ease}.friendship-card:hover{box-shadow:var(--shadow-md)}.friendship-card .avatar,.friendship-card .avatar-wrapper{flex-shrink:0;margin-right:16px}.friendship-card .user-info{flex:1 1;min-width:0;padding-right:12px}.friendship-card .user-info a{color:inherit;text-decoration:none}.friendship-card .user-info a:hover .user-name{text-decoration:underline}.user-name{font-weight:600;margin-bottom:2px}.user-name,.user-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{font-size:14px;opacity:.7}.friendship-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.friendship-actions button{align-items:center!important;background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-sizing:border-box;color:#666;display:flex!important;font-size:13px;font-weight:600;gap:4px;height:32px!important;justify-content:center;line-height:1!important;margin:0;overflow:hidden;padding:0 16px;transition:all .2s ease;white-space:nowrap;width:100px!important}.friendship-actions button:hover{background:#f5f5f5}.friendship-actions button.primary{background:#3e2723!important;border:1px solid #3e2723!important;box-sizing:border-box;color:#fff!important;height:32px!important;line-height:1!important;margin:0;overflow:hidden;width:100px!important}.friendship-actions button.primary:hover{background:#5d4037}.friendship-actions button svg{font-size:18px}.status-badge{border:1px solid var(--color-border);font-size:12px;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.conversation-list{flex:1 1;overflow-y:auto}.conversation-list-empty,.conversation-list-loading{align-items:center;color:#999;display:flex;justify-content:center;padding:40px 20px}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border,#f0f0f0);cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background-color .15s}.conversation-item:hover{background-color:#f5f5f5;background-color:var(--color-hover,#f5f5f5)}.conversation-item.active:hover{background-color:#1cb6eb26}.conversation-item.active{background-color:#1cb6eb1a;border-left:3px solid var(--color-primary);padding-left:17px}.conversation-item.unread .conversation-name{font-weight:700}.conversation-item.unread .conversation-preview{color:#5d4037;color:var(--color-text,#5d4037);font-weight:600}.conversation-avatar-wrapper{flex-shrink:0;position:relative}.online-dot{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;width:10px}.conversation-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.conversation-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.conversation-name{color:#5d4037;color:var(--color-text,#5d4037);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#999;flex-shrink:0;font-size:12px;white-space:nowrap}.conversation-bottom{align-items:center;display:flex;gap:8px;justify-content:space-between}.conversation-preview{color:#777;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview.deleted{color:#aaa;font-style:italic}.unread-badge{background:var(--color-primary);border-radius:9px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:18px;min-width:18px;padding:0 5px}.media-lightbox-overlay,.unread-badge{align-items:center;display:flex;justify-content:center}.media-lightbox-overlay{background:#3e2723eb;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1100}.lightbox-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:40px;z-index:10}.lightbox-close:hover{background:#ffffff4d}.lightbox-content{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:60px 80px;width:100%}.lightbox-media{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}video.lightbox-media{background:#3e2723}.lightbox-nav{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:44px}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav.prev{left:16px}.lightbox-nav.next{right:16px}.lightbox-counter{background:#3e272380;border-radius:12px;bottom:20px;color:#fffc;font-size:14px;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%)}.message-item{align-items:flex-start;display:flex;gap:8px;padding:2px 0}.message-item.own{flex-direction:row-reverse}.message-item.with-avatar{margin-top:8px}.message-item.highlighted{animation:messageHighlight 2s ease}@keyframes messageHighlight{0%{background-color:#1cb6eb33}20%{background-color:#1cb6eb4d}to{background-color:initial}}.message-avatar{flex-shrink:0}.message-avatar .avatar{height:28px;width:28px}.message-avatar-spacer{flex-shrink:0;width:28px}.message-content-wrapper{display:flex;flex-direction:column;max-width:65%;position:relative}.message-author{color:#555;display:inline-block;font-size:12px;font-weight:600;margin-bottom:2px;padding-left:12px;text-decoration:none}.message-author:hover{color:var(--color-primary);text-decoration:underline}.message-reply-preview{background:#3e27230a;border-left:3px solid var(--color-primary);border-radius:8px 8px 0 0;font-size:12px;margin-bottom:-4px;padding:6px 12px}.message-reply-preview:hover{background:#3e272314}.reply-author{color:var(--color-primary);display:block;font-weight:600;margin-bottom:2px}.reply-text{color:#777;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-bubble{word-wrap:break-word;border-radius:18px;line-height:1.4;overflow:hidden;padding:8px 12px}.message-bubble.has-media{padding:4px}.message-bubble.has-media .message-text{display:block;padding:4px 8px}.msg-media-grid{grid-gap:2px;border-radius:14px;display:grid;gap:2px;overflow:hidden}.msg-media-grid.grid-1{grid-template-columns:1fr}.msg-media-grid.grid-2,.msg-media-grid.grid-3{grid-template-columns:1fr 1fr}.msg-media-grid.grid-3{grid-template-rows:1fr 1fr}.msg-media-grid.grid-3 .msg-media-item:first-child{grid-row:span 2}.msg-media-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.msg-media-item img,.msg-media-item video{display:block;height:100%;max-height:250px;min-height:80px;object-fit:cover;width:100%}.msg-media-item{cursor:pointer}.msg-voice{min-width:200px;padding:2px 4px}.msg-voice .voice-player{background:#0000!important;gap:6px!important;margin:0!important;padding:4px!important}.msg-voice .voice-player-btn{height:44px;min-width:44px;width:44px}.msg-voice .waveform-player-container{margin-bottom:2px!important}.msg-voice .voice-player-time{font-size:11px!important}.message-item.own .msg-voice .voice-player-btn{background-color:#fff!important}.message-item.own .msg-voice .voice-player-btn svg{fill:var(--color-primary)!important;color:var(--color-primary)!important}.message-item.own .msg-voice .voice-player-btn:hover:not(:disabled){background-color:#f0f0f0!important}.message-item.own .msg-voice .voice-player-time{color:#ffffffe6!important}.message-item.other .msg-voice .voice-player-btn{background-color:#333!important}.message-item.other .msg-voice .voice-player-btn svg{fill:#fff!important;color:#fff!important}.message-item.other .msg-voice .voice-player-btn:hover:not(:disabled){background-color:#555!important}.message-item.other .msg-voice .voice-player-time{color:#666!important}.message-item.other .message-bubble{background:#f0f0f0;border-bottom-left-radius:4px;color:#5d4037;color:var(--color-text,#5d4037)}.message-item.own .message-bubble{background:var(--color-primary);border-bottom-right-radius:4px;color:#fff}.message-text{font-size:14px;white-space:pre-wrap}.message-link{color:#1d9bf0;cursor:pointer;text-decoration:underline}.message-link:hover{color:#0a66c2}.deleted-text{font-size:13px;font-style:italic;opacity:.6}.message-edit-form{display:flex;flex-direction:column;gap:6px}.message-edit-form textarea{background:#ffffffe6;border:none;border-radius:8px;color:#5d4037;font-family:inherit;font-size:14px;min-height:36px;padding:6px 8px;resize:none}.edit-actions{display:flex;gap:6px;justify-content:flex-end}.edit-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:2px 10px}.edit-cancel{background:#ffffff80;color:#333}.edit-save{background:#ffffffe6;color:var(--color-primary);font-weight:600}.message-meta{align-items:center;display:flex;gap:4px;padding:2px 12px 0}.message-item.own .message-meta{justify-content:flex-end}.message-time{color:#999;cursor:default;font-size:11px}.edited-label{color:#bbb;font-size:11px;font-style:italic}.read-indicator{align-items:center;display:flex;font-size:14px}.read-indicator svg{color:var(--color-primary)}.message-actions{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:16px;box-shadow:0 1px 4px #3e27231a;display:flex;gap:2px;padding:2px 4px;position:absolute;top:-4px;z-index:1}.message-actions.other{left:100%;margin-left:4px}.message-actions.own{margin-right:4px;right:100%}.message-actions button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;padding:4px;transition:background .15s}.message-actions button:hover{background:#f0f0f0;color:#5d4037}.reaction-picker{background:#fff;border-radius:20px;box-shadow:0 2px 8px #3e272326;display:flex;gap:4px;padding:4px 8px;position:absolute;top:-4px;z-index:10}.reaction-picker.other{left:100%;margin-left:4px}.reaction-picker.own{margin-right:4px;right:100%}.reaction-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:18px;padding:4px;transition:transform .15s}.reaction-btn:hover{background:#f5f5f5;transform:scale(1.2)}.reaction-btn.active{background:#e3f2fd;transform:scale(1.15)}.message-reactions{align-items:center;display:flex;gap:2px}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{color:#666;font-size:12px;margin-left:4px}@media (max-width:768px){.message-content-wrapper{max-width:80%}}.message-input-wrapper{background:#fff;border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border,#e0e0e0);flex-shrink:0}.reply-bar{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;gap:8px;justify-content:space-between;padding:8px 16px}.reply-bar-content{border-left:3px solid var(--color-primary);flex:1 1;min-width:0;padding-left:8px}.reply-bar-label{color:var(--color-primary);display:block;font-size:12px}.reply-bar-text{color:#777;display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar-close{background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:20px;padding:2px}.reply-bar-close:hover{color:#666}.media-preview-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 16px}.media-preview-item{flex-shrink:0;position:relative}.media-preview-thumb{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;height:64px;object-fit:cover;width:64px}.media-preview-remove{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;right:-6px;top:-6px;width:20px}.media-preview-badge,.media-preview-remove{background:#3e272399;color:#fff;position:absolute}.media-preview-badge{border-radius:3px;bottom:2px;font-size:9px;font-weight:600;left:2px;padding:1px 4px}.voice-preview-bar{align-items:center;display:flex;gap:8px;padding:8px 16px}.voice-preview-bar .voice-player{flex:1 1}.voice-preview-remove{background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:20px;padding:2px}.voice-preview-remove:hover{color:#666}.inline-recorder{background:#f0f2f5;border-radius:20px;box-sizing:border-box;flex:1 1;gap:6px;min-height:38px;padding:6px 10px}.inline-recorder,.rec-btn{align-items:center;display:flex}.rec-btn{background:none;border:none;cursor:pointer;flex-shrink:0;justify-content:center;padding:0;transition:color .15s}.rec-btn:disabled{cursor:default;opacity:.3}.rec-delete{color:#e74c3c;font-size:20px}.rec-delete:hover{color:#c0392b}.rec-pause{color:var(--color-primary);font-size:28px}.rec-pause:hover{color:var(--color-primary-dark)}.rec-stop{color:#e74c3c;font-size:28px}.rec-stop:hover:not(:disabled){color:#c0392b}.rec-wave-area{align-items:center;display:flex;flex:1 1;min-width:0;overflow:hidden}.rec-waveform{height:28px;width:100%}.rec-waveform>div{width:100%!important}.rec-timer{color:#e74c3c;flex-shrink:0;font-family:Courier New,monospace;font-size:13px;font-weight:600;min-width:32px;text-align:center}.message-input-form{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;padding:8px 12px}.input-actions{align-items:center;display:flex;flex-shrink:0;gap:0}.input-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:22px;justify-content:center;padding:4px;transition:background .15s,color .15s}.input-action-btn:hover:not(:disabled){background:#f0f0f0;color:var(--color-primary)}.input-action-btn:disabled{cursor:default;opacity:.3}.message-input{border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:20px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:14px;height:38px;line-height:1.4;max-height:120px;min-height:38px;min-width:0;outline:none;overflow:hidden;padding:6px 14px;resize:none;transition:border-color .15s;width:auto}.message-input:focus{border-color:var(--color-primary)}.message-input::placeholder{color:#aaa}.send-button{align-items:center;background:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:38px;justify-content:center;transition:opacity .15s;width:38px}.send-button:disabled{cursor:default;opacity:.4}.send-button:not(:disabled):hover{background:var(--color-primary-dark)}.group-info-modal{background:var(--color-bg);border-radius:20px;box-shadow:0 24px 80px #3e27234d;display:flex;flex-direction:column;max-height:80vh;max-width:340px;overflow:hidden;position:relative;width:90%}.group-info-header{padding:0;position:relative}.group-info-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:120px;position:relative}.group-info-header .modal-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:34px}.group-info-header .modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.group-info-header .modal-close svg{height:20px;width:20px}.group-info-avatar{bottom:-40px;left:50%;position:absolute;transform:translateX(-50%)}.group-info-avatar .avatar .avatar-placeholder,.group-info-avatar .avatar img{border:4px solid var(--color-bg);border-radius:24px!important;box-shadow:0 4px 12px #3e272326;font-size:28px!important;height:80px!important;max-height:80px;max-width:80px;min-height:80px;min-width:80px;width:80px!important}.group-info-body{padding:48px 16px 16px;text-align:center}.group-name{color:var(--color-text);font-size:20px;font-weight:700;margin:0 0 4px}.group-member-count{color:var(--color-text-secondary);font-size:14px}.group-actions{display:flex;gap:8px;margin-bottom:24px;padding:0 16px}.group-action-btn{align-items:center;background:var(--color-bg-secondary);border:none;border-radius:12px;color:var(--color-text);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.group-action-btn:hover{background:var(--color-border)}.group-action-btn.danger{color:var(--color-error)}.group-action-btn.danger:hover{background:#ef44441a}.group-action-btn svg{height:18px;width:18px}.modal-content{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:0 20px 20px;width:100%}.list-section-title{clear:both;color:var(--color-text-secondary);float:left;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;margin-top:48px;padding-left:4px;text-align:left;text-transform:uppercase;width:100%}.list-section-title:first-of-type{margin-top:0}.members-list{flex-direction:column;gap:4px}.member-item,.members-list{box-sizing:border-box;display:flex;width:100%}.member-item{border-radius:12px;padding:14px 20px;transition:all .15s}.member-item,.member-link{align-items:center;gap:12px}.member-link{color:inherit;display:flex;flex:1 1;min-width:0;text-decoration:none}.member-item:hover{background:var(--color-bg-secondary)}.member-item .avatar .avatar-placeholder,.member-item .avatar img{border-radius:50%;font-size:14px!important;height:44px!important;max-height:44px;max-width:44px;min-height:44px;min-width:44px;width:44px!important}.member-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.member-name{color:var(--color-text);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-badge{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px}.member-username{display:none}.member-action-btn{align-items:center;background:#fee2e2;border:none;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.member-action-btn svg{height:24px;width:24px}.member-action-btn:hover{background:#dc2626;color:#fff}.member-action-btn:disabled{cursor:not-allowed;opacity:.4}.add-friends-list{display:flex;flex-direction:column;gap:4px}.add-friends-list,.friend-item{box-sizing:border-box;width:100%}.friend-item{background:#0000;border-radius:12px;padding:14px 20px;transition:all .15s}.friend-link{align-items:center;color:inherit;display:flex;flex:1 1;gap:12px;min-width:0;text-decoration:none}.friend-item .avatar .avatar-placeholder,.friend-item .avatar img{border-radius:50%;font-size:14px!important;height:44px!important;max-height:44px;max-width:44px;min-height:44px;min-width:44px;width:44px!important}.friend-info{flex:1 1;min-width:0}.friend-name{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-username{display:none}.friend-add-btn{align-items:center;background:#fff!important;border:1px solid #333!important;border-radius:8px!important;color:#333!important;cursor:pointer;display:flex!important;flex-shrink:0;height:32px!important;justify-content:center;transition:all .2s;width:32px!important}.friend-add-btn:hover{background:#f0f0f0!important;transform:scale(1.1)}.friend-add-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.friend-add-btn svg{fill:#3e2723!important;stroke:#3e2723!important;stroke-width:3px!important;stroke-linecap:round!important;stroke-linejoin:round!important;color:#3e2723!important;height:14px;width:14px}.group-info-modal .modal-search{margin-bottom:12px;position:relative;width:100%}.group-info-modal .modal-search .search-icon{color:#666;font-size:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.group-info-modal .modal-search input{background:#fff;border:1px solid #ccc;border-radius:12px;box-sizing:border-box;color:#333;font-size:15px;height:48px;outline:none;padding:14px 14px 14px 44px;width:100%}.group-info-modal .modal-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1cb6eb33}.group-info-modal .modal-search input::placeholder{color:#888}.modal-loading{display:flex;justify-content:center;padding:40px}.modal-empty{color:var(--color-text-secondary);font-size:14px;padding:40px 20px;text-align:center}.loading-spinner{border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:24px;margin:0 auto;width:24px}.btn-spinner,.loading-spinner{animation:spin .8s linear infinite}.btn-spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.transfer-modal{background:var(--color-bg);border-radius:20px;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:100}.transfer-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.transfer-modal-header h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0}.transfer-modal-header .modal-close{position:relative;right:0;top:0}.transfer-modal-content{flex:1 1;overflow-y:auto;padding:20px}.transfer-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.transfer-members-list{display:flex;flex-direction:column;gap:8px}.transfer-member-item{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.transfer-member-item.selected,.transfer-member-item:hover{background:var(--color-bg-secondary)}.transfer-member-item.selected{border-color:var(--color-primary)}.transfer-member-info{flex:1 1}.transfer-member-name{color:#333;font-size:14px;font-weight:500}.transfer-checkmark{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.transfer-modal-actions{border-top:1px solid var(--color-border);display:flex;gap:12px;padding:16px 20px}.transfer-cancel-btn{background:var(--color-bg-secondary);border:none;border-radius:10px;color:var(--color-text);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.transfer-cancel-btn:hover{background:var(--color-border)}.transfer-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.transfer-confirm-btn{align-items:center;background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:12px 16px;transition:all .2s}.transfer-confirm-btn:hover{background:var(--color-primary-dark)}.transfer-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.add-members-header{align-items:center;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px;width:100%}.add-members-header h3{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0}.back-btn{align-items:center;background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.back-btn:hover{background:#e0e0e0}.back-btn svg{fill:#3e2723!important;stroke:#3e2723!important;stroke-width:3px!important;stroke-linecap:round!important;stroke-linejoin:round!important;color:#3e2723!important;height:20px;width:20px}.chat-window{display:flex;flex-direction:column;height:100%}.chat-window-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.header-left{align-items:center;display:flex;gap:12px}.back-button{background:none;border:none;color:#5d4037;color:var(--color-text,#5d4037);cursor:pointer;display:none;font-size:20px;padding:4px}@media (max-width:768px){.back-button{display:flex}}.header-info h3{font-size:15px;font-weight:600;margin:0}.header-name-link{border:none;color:inherit;text-decoration:none}.header-name-link:hover h3{color:var(--color-primary)}.online-status{color:#4caf50;font-size:12px}.header-action-btn,.header-right{align-items:center;display:flex}.header-action-btn{background:none;border:none;border-radius:8px;color:#5d4037;color:var(--color-text,#5d4037);cursor:pointer;font-size:20px;justify-content:center;padding:6px 10px;transition:all .2s ease}.header-action-btn:hover{background:#f0f2f5;color:var(--color-primary)}.chat-search-wrapper{align-items:center;display:flex;position:relative}.chat-search-container{align-items:center;background:#f0f2f5;border-radius:20px;box-shadow:0 1px 2px #3e27230d;display:flex;gap:6px;padding:4px 8px 4px 12px;transition:all .2s ease}.chat-search-container:focus-within{background:#fff;box-shadow:0 2px 8px #1cb6eb33}.search-icon{align-items:center;color:#65676b;display:flex;font-size:16px}.chat-search-input{color:#5d4037;outline:none;padding:6px 0;width:200px}.chat-search-input::placeholder{color:#65676b}.search-spinner{animation:spin .8s linear infinite;border:2px solid #f0f2f5;border-radius:50%;border-top:2px solid var(--color-primary);height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-search-close{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:all .15s ease}.chat-search-close:hover{background:#e4e6eb;color:#5d4037}.chat-search-dropdown{animation:searchDropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #3e272326,0 0 0 1px #3e27230d;max-height:420px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:100}.search-loading{align-items:center;color:#65676b;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:32px}.search-loading-spinner{animation:spin .8s linear infinite;border:2px solid #e4e6eb;border-radius:50%;border-top:2px solid var(--color-primary);height:24px;width:24px}.search-no-results{align-items:center;color:#65676b;display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center;padding:32px}.search-no-results-icon{color:#c9ccd1;font-size:32px;margin-bottom:4px}.search-results-count{border-bottom:1px solid #e4e6eb;color:#65676b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.search-results-list{max-height:360px;overflow-y:auto}.search-result-item{border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;flex-direction:column;padding:10px 16px;transition:background .15s ease}.search-result-item:hover{background:#f0f2f5}.search-result-item:last-child{border-bottom:none}.search-result-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.search-result-author{color:#5d4037;flex:1 1;font-size:13px;font-weight:600}.search-result-time{color:#65676b;font-size:11px}.search-result-content{align-items:flex-start;display:flex;gap:6px;padding-left:36px}.search-result-media-badge{flex-shrink:0;font-size:12px}.search-result-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#65676b;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;word-break:break-word}.typing-indicator{align-items:center;display:flex;gap:6px;padding:6px 12px 2px}.typing-dots{align-items:center;display:inline-flex;gap:2px}.typing-dots span{animation:typingPulse 1.4s ease-in-out infinite;background:#aaa;border-radius:50%;height:5px;width:5px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{opacity:.3}30%{opacity:1}}.typing-label{color:#aaa;font-size:12px;font-style:italic}.chat-messages-container{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px;position:relative}.chat-messages{display:flex;flex-direction:column;gap:2px;margin-top:auto}.messages-loading{padding:12px}.messages-empty,.messages-loading{display:flex;justify-content:center}.messages-empty{align-items:center;color:#999;flex:1 1;font-size:14px}.load-more-messages{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:13px;padding:8px;text-align:center;width:100%}.load-more-messages:hover{text-decoration:underline}.scroll-to-bottom{align-items:center;background:var(--color-primary)!important;border:none;border-radius:50%;bottom:90px;box-shadow:0 4px 12px #1cb6eb66;color:#fff!important;cursor:pointer;display:flex!important;height:48px;justify-content:center;position:fixed;right:30px;transition:transform .2s,background .2s;width:48px;z-index:100}.scroll-to-bottom:hover{background:var(--color-primary-dark);transform:scale(1.1)}.scroll-to-bottom svg{font-size:20px}.message-item.highlighted{animation:highlightPulse 1.5s ease-out}@keyframes highlightPulse{0%{background-color:#1cb6eb4d}to{background-color:initial}}.message-reply-preview{cursor:pointer}.message-reply-preview:hover{opacity:.8}.modal-backdrop{align-items:center;background:#3e272380;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.new-conversation-modal{background:#fff;border-radius:12px;box-shadow:0 4px 24px #3e272326;display:flex;flex-direction:column;max-height:70vh;max-width:90vw;width:420px}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{font-size:17px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:22px;padding:4px}.modal-close:hover{color:#5d4037}.modal-search{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border,#f0f0f0);display:flex;gap:8px;padding:12px 20px}.search-icon{color:#999;flex-shrink:0;font-size:18px}.modal-search input{border:none;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:4px 0}.modal-search input::placeholder{color:#aaa}.modal-friends-list{flex:1 1;overflow-y:auto;padding:8px 0}.modal-empty,.modal-loading{align-items:center;color:#999;display:flex;justify-content:center;padding:40px 20px}.friend-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 20px;transition:background .15s}.friend-item:hover{background:#f5f5f5;background:var(--color-hover,#f5f5f5)}.friend-info{display:flex;flex-direction:column}.friend-name{color:#5d4037;color:var(--color-text,#5d4037);font-size:14px;font-weight:600}.friend-username{color:#999;font-size:12px}.modal-mode-toggle{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border,#f0f0f0);display:flex;gap:8px;padding:12px 16px}.mode-btn{align-items:center;background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:none;border-radius:8px;color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.mode-btn:hover{color:#5d4037;color:var(--color-text,#5d4037)}.mode-btn.active{background:#5d4037;background:var(--color-text,#5d4037);color:#fff}.modal-group-name{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border,#f0f0f0);padding:12px 16px}.modal-group-name input{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--color-border,#e0e0e0);border-radius:8px;box-sizing:border-box;color:#5d4037;color:var(--color-text,#5d4037);font-size:14px;outline:none;padding:10px 14px;width:100%}.modal-group-name input:focus{border-color:#5d4037;border-color:var(--color-text,#5d4037)}.modal-selected-count{background:#f5f5f5;background:var(--color-bg-secondary,#f5f5f5);color:#666;color:var(--color-text-secondary,#666);font-size:13px;padding:8px 16px}.friend-item.selected{background:#3e27230d}.friend-check{align-items:center;background:#5d4037;background:var(--color-text,#5d4037);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;width:24px}.modal-actions{border-top:1px solid #f0f0f0;border-top:1px solid var(--color-border,#f0f0f0);padding:16px}.create-group-btn{background:#5d4037;background:var(--color-text,#5d4037);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:opacity .2s;width:100%}.create-group-btn:hover:not(:disabled){opacity:.9}.create-group-btn:disabled{cursor:not-allowed;opacity:.5}.chat-page{box-sizing:border-box;height:calc(100vh - 60px);margin:0 auto;max-width:1200px;overflow:hidden;padding:0}.chat-layout{background:var(--color-bg);display:flex;height:100%}.chat-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);box-shadow:2px 0 8px #3e272308;display:flex;flex-direction:column;height:100%;min-width:340px;width:340px}.chat-sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border,#e0e0e0);display:flex;justify-content:space-between;padding:16px 20px}.chat-sidebar-header h2{font-size:20px;font-weight:700;margin:0}.chat-sidebar-header .icon-button{font-size:20px}.chat-link-error{align-items:center;background:#fee2e2;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin:8px 12px;padding:12px 16px}.chat-link-error svg{flex-shrink:0}.chat-search-container{padding:12px 16px}.chat-search-container,.chat-search-input-wrapper{box-sizing:border-box;position:relative;width:100%}.chat-search-input-wrapper{align-items:center;background:#f0f2f5;background:var(--color-bg-secondary,#f0f2f5);border-radius:8px;display:flex;min-width:0;transition:all .2s ease}.chat-search-input-wrapper:focus-within{background:#fff;background:var(--color-bg,#fff);box-shadow:0 0 0 2px #1877f2;box-shadow:0 0 0 2px var(--color-primary,#1877f2)}.chat-search-icon{color:#65676b;font-size:16px;left:12px;pointer-events:none;position:absolute}.chat-search-input{background:#0000;border:none;border-radius:8px;box-sizing:border-box;color:#1c1e21;color:var(--color-text,#1c1e21);font-size:14px;min-width:0;padding:10px 12px 10px 38px;width:100%}.chat-search-input:focus{outline:none}.chat-search-input::placeholder{color:#8a8d91}.chat-search-results{animation:searchDropdownFadeIn .2s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--color-bg,#fff);border-radius:16px;box-shadow:0 8px 32px #3e27231f,0 0 0 1px #3e27230d;left:0;margin-top:8px;max-height:480px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-search-results-header{background:#fafbfc;border-bottom:1px solid #f0f2f5;color:#8a8d91;font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 18px 10px;text-transform:uppercase}.chat-search-result-item{align-items:flex-start;cursor:pointer;display:flex;gap:14px;padding:12px 18px;position:relative;transition:all .15s ease}.chat-search-result-item:hover{background:linear-gradient(90deg,#1877f20a,#1877f205)}.chat-search-result-item:active{background:linear-gradient(90deg,#1877f214,#1877f20a)}.chat-search-result-avatar{border-radius:12px;box-shadow:0 1px 3px #3e27231a;flex-shrink:0;height:44px;object-fit:cover;width:44px}.chat-search-result-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#e4e6eb,#d8dadf);border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.chat-search-result-avatar-placeholder svg{color:#b0b3b8;font-size:20px}.chat-search-result-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.chat-search-result-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.chat-search-result-conversation{color:#1c1e21;color:var(--color-text,#1c1e21);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-search-result-time{color:#b0b3b8;flex-shrink:0;font-size:11px;white-space:nowrap}.chat-search-result-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#65676b;display:-webkit-box;font-size:13.5px;line-height:1.4;overflow:hidden}.chat-search-result-preview mark{background:linear-gradient(90deg,#ffe6004d,#ffe60033);border-radius:3px;color:inherit;font-weight:500;padding:0 2px}.chat-search-empty,.chat-search-loading{color:#b0b3b8;font-size:14px;padding:40px 20px;text-align:center}.chat-search-loading:after{animation:searchSpin .8s linear infinite;border:2px solid #e4e6eb;border-radius:50%;border-top:2px solid var(--color-primary,#1877f2);content:"";display:block;height:20px;margin:12px auto 0;width:20px}@keyframes searchSpin{to{transform:rotate(1turn)}}.chat-main{background:var(--color-bg);height:100%;min-width:0}.chat-empty-state,.chat-main{display:flex;flex:1 1;flex-direction:column}.chat-empty-state{align-items:center;color:#999;gap:12px;justify-content:center}.chat-empty-icon{font-size:48px;opacity:.3}.chat-empty-state p{font-size:15px;margin:0}@media (max-width:768px){.chat-sidebar{min-width:0;min-width:auto;width:100%}.chat-main{width:100%}.mobile-hidden{display:none!important}}.post-page{margin:0 auto;max-width:620px}.post-error,.post-loading{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.search-page{margin:0 auto;max-width:620px;padding:0}.search-header{margin-bottom:24px}.search-title{color:var(--color-text);font-size:24px;font-weight:700;margin:0}.search-loading,.search-no-results{color:var(--color-text-secondary);font-size:15px;padding:60px 20px;text-align:center}.search-no-results{background:var(--color-bg-secondary);border-radius:12px}.search-load-more{padding:20px;text-align:center}.search-loading-more{color:var(--color-text-secondary);font-size:14px}.search-tabs{background:var(--color-bg-secondary);border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.search-tab{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.search-tab.active,.search-tab:hover:not(.active){color:var(--color-text)}.search-tab.active{background:var(--color-bg);box-shadow:0 1px 4px #3e272314}.search-section{margin-bottom:32px}.search-section-title{color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 16px}.search-users-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.search-user-card{align-items:center;background:var(--color-bg-secondary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 16px;text-align:center;transition:all .2s}.search-user-card:hover{background:var(--color-border);box-shadow:0 4px 12px #3e272314;transform:translateY(-2px)}.search-user-card .avatar{margin-bottom:4px}.search-user-card .avatar .avatar-placeholder,.search-user-card .avatar img{border-radius:50%;font-size:28px!important;height:72px!important;max-height:72px;max-width:72px;min-height:72px;min-width:72px;width:72px!important}.search-user-info{width:100%}.search-user-name{color:var(--color-text);font-size:15px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-user-username{color:var(--color-text-secondary);font-size:13px}.search-posts-list{display:flex;flex-direction:column;gap:16px}.search-post-item{background:var(--color-bg-secondary);border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.search-post-item:hover{background:var(--color-border);box-shadow:0 4px 12px #3e272314;transform:translateY(-2px)}.search-post-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.search-post-header .avatar{flex-shrink:0}.search-post-header .avatar .avatar-placeholder,.search-post-header .avatar img{border-radius:50%;font-size:16px!important;height:44px!important;max-height:44px;max-width:44px;min-height:44px;min-width:44px;width:44px!important}.search-post-meta{display:flex;flex-direction:column;gap:2px}.search-post-author{color:var(--color-text);font-size:15px;font-weight:600}.search-post-date{color:var(--color-text-secondary);font-size:13px}.search-post-content{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:15px;line-height:1.6;overflow:hidden;padding-left:56px}.search-post-media{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-left:56px}.search-post-media img,.search-post-media video{border-radius:10px;height:100px;object-fit:cover;transition:transform .2s;width:100px}.search-post-media img:hover{transform:scale(1.05)}@media (max-width:480px){.search-users-grid{grid-template-columns:1fr}.search-post-content,.search-post-header,.search-post-media{padding-left:0}.search-post-media img,.search-post-media video{height:80px;width:80px}}.notifications-page{background:#f5f5f5;min-height:100vh;padding:20px}.notifications-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:600px;overflow:hidden}.notifications-header{align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.notifications-header h1{color:#3e2723;font-size:24px;font-weight:600;margin:0}.mark-all-read-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.mark-all-read-btn:hover{background:#f5f5f5;border-color:#d0d0d0;color:#3e2723}.notifications-empty,.notifications-loading{color:#999;padding:60px 20px;text-align:center}.notifications-empty .empty-icon{color:#ccc;font-size:48px;margin-bottom:16px}.notifications-empty p{font-size:16px;margin:0}.notifications-list{background:#fff}.notifications-page .notification-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:16px;padding:16px 24px;transition:background .2s}.notifications-page .notification-item:hover{background:#f9f9f9}.notifications-page .notification-item.unread{background:#f0f7ff}.notifications-page .notification-item.unread:hover{background:#e6f0fa}.notification-icon-wrapper{flex-shrink:0;position:relative}.notification-type-badge{align-items:center;background:#42a5f5;border:2px solid #fff;border-radius:50%;bottom:-4px;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-4px;width:20px}.notification-type-icon{font-size:10px}.notifications-page .notification-content{flex:1 1;min-width:0}.notifications-page .notification-text{color:#3e2723;font-size:15px;line-height:1.4;margin:0 0 6px}.notifications-page .notification-text strong{font-weight:600}.notifications-page .notification-time{color:#999;font-size:13px}.notifications-page .notification-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.unread-dot{background:#42a5f5;border-radius:50%;flex-shrink:0;height:10px;width:10px}.notifications-page .notification-delete{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:18px;opacity:0;padding:4px;transition:all .2s}.notifications-page .notification-item:hover .notification-delete{opacity:1}.notifications-page .notification-delete:hover{background:#ffe6e6;color:#dc3545}.notifications-page .notification-default-avatar{align-items:center;background:#f0f0f0;border-radius:50%;color:#999;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.notifications-load-more{padding:20px;text-align:center}.load-more-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:12px 32px;transition:all .2s}.load-more-btn:hover:not(:disabled){background:#f5f5f5;color:#3e2723}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.notifications-end{border-top:1px solid #f0f0f0;color:#999;font-size:14px;padding:20px;text-align:center}@media (max-width:640px){.notifications-page{padding:0}.notifications-container{border-radius:0;min-height:100vh}.notifications-header{padding:16px 20px}.notifications-header h1{font-size:20px}.notifications-page .notification-item{gap:12px;padding:12px 16px}.mark-all-read-btn{font-size:13px;padding:6px 12px}}
/*# sourceMappingURL=main.301e7b82.css.map*/