*{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}.dropdown-lang-button{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:0}.dropdown-lang-button:hover{background:#0000}.dropdown-lang-button .lang-current{font-size:14px;font-weight:400}.dropdown-lang-button .dropdown-arrow{height:12px;width:12px}.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;font-weight:400;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}.lang-native,.language-option.active .lang-native{color:#3e2723;font-weight:400}.lang-native{font-size:13px}.lang-name{color:#999;font-size:11px}.notification-dropdown{position:relative}.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-header-actions{align-items:center;display:flex;gap:4px}.notification-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:none;font-size:20px;padding:4px;transition:all .2s}.notification-close: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)}}@media (max-width:600px){.notification-menu{border:none;border-radius:0;bottom:0;box-shadow:none;left:0;max-height:100vh;max-width:100vw;position:fixed;right:0;top:0;width:100vw}.notification-header{border-bottom:1px solid #e0e0e0;padding:16px}.notification-close{display:block}.notification-list{max-height:calc(100vh - 120px)}.notification-footer{bottom:0;left:0;position:absolute;right:0}}.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;overflow:visible}.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;justify-content:space-between;margin:0 auto;max-width:680px;padding:12px 20px}.header-right{gap:4px}.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:10px;box-shadow:0 4px 20px #0000001a;left:0;max-height:360px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:1000}.search-section{padding:0}.search-section-title{background:var(--color-bg);color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.5px;padding:8px 14px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.search-result-item{align-items:center!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:flex-start!important;padding:8px 14px!important;transition:all .15s ease}.search-result-item:hover{background:#f2f2f2}.search-result-item .avatar{align-self:center!important;flex-grow:0!important;flex-shrink:0!important;height:36px!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.search-result-item .avatar>*{display:block!important}.search-result-item .avatar img{object-fit:cover!important}.search-result-item .avatar .avatar-placeholder,.search-result-item .avatar img{border-radius:50%!important;height:36px!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.search-result-item .avatar .avatar-placeholder{align-items:center!important;display:flex!important;font-size:14px!important;justify-content:center!important}.search-see-more{border-top:1px solid var(--color-border);justify-content:flex-start!important;margin-top:4px;padding-top:10px!important}.search-see-more:hover{background:#f2f2f2}.search-see-more .search-result-info{justify-content:flex-start!important}.search-see-more .search-result-name{color:#7a5340;font-weight:500}.search-result-info{align-items:flex-start!important;box-sizing:border-box;display:inline-flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:1px!important;justify-content:center!important;min-width:0!important;width:auto!important}.search-result-name{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.search-result-username{color:#9ca3af;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,button.nav-link{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-secondary);cursor:pointer;display:flex;font-size:0;height:40px;justify-content:center;outline:none;padding:0;position:relative;width:40px}.nav-link>svg,button.nav-link>svg{stroke:#8d6e63!important;stroke-width:2px!important;fill:none!important;height:22px!important;min-height:22px!important;min-width:22px!important;width:22px!important}.nav-link:focus>svg,.nav-link:hover>svg,.nav-link[aria-expanded=true]>svg,button.nav-link:focus>svg,button.nav-link:hover>svg,button.nav-link[aria-expanded=true]>svg{stroke:#2d1f1a!important}.nav-badge{align-items:center;background:#dc2626;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px}.nav-link:hover,button.nav-link:hover{background:#0000000d!important;border-radius:50%!important;color:#6d4c41!important}.nav-link:focus,button.nav-link:focus{background:#00000014!important;color:#5d4037!important}.nav-link:active,.nav-link:focus,button.nav-link:active,button.nav-link:focus{-webkit-tap-highlight-color:transparent;border-radius:50%!important;outline:none}.nav-link:active,button.nav-link:active{background:#0000001f!important;color:#3e2723!important}.nav-link.active,.nav-link[aria-expanded=true],button.nav-link.active,button.nav-link[aria-expanded=true]{background:var(--color-bg-secondary)!important;color:#3e2723!important}.nav-link[aria-expanded=true] svg,.nav-link[aria-expanded=true]>svg,a.nav-link.active svg,a.nav-link.active>svg,button.nav-link.active svg,button.nav-link.active>svg,button.nav-link[aria-expanded=true] svg,button.nav-link[aria-expanded=true]>svg{stroke:#3e2723!important;fill:#3e2723!important;color:#3e2723!important}.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{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:24px;cursor:pointer;display:flex;gap:2px;padding:4px;transition:background .2s}.user-menu-trigger .avatar{font-size:14px!important;height:32px!important;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px!important}.user-menu-trigger:hover{background:#0000000d}.user-menu-chevron{color:var(--color-secondary);height:14px;transition:transform .2s;width:14px}.user-menu-chevron.open{transform:rotate(180deg)}.user-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.user-dropdown-item{align-items:center;background:#0000;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.user-dropdown-item:hover{background:#f5f5f5}.user-dropdown-item svg{color:var(--color-secondary);height:18px;width:18px}.user-dropdown-item.logout,.user-dropdown-item.logout svg{color:#dc3545}.user-dropdown-item.logout:hover{background:#fff5f5}.user-dropdown-item.language-item{cursor:default;position:relative;z-index:1500}.user-dropdown-item .language-selector{align-items:center;display:flex;flex:1 1;gap:8px;position:relative}.user-dropdown-item .language-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:120px;overflow:visible;position:absolute;top:100%;z-index:2000}.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}}.header-nav-row{display:none}.desktop-nav{display:flex}@media (max-width:600px){nav.desktop-nav{display:none!important}.header{overflow:visible}.header-nav-row{align-items:flex-start;border-top:1px solid var(--color-border);display:flex;gap:8px;justify-content:space-evenly;margin-top:4px;order:4;overflow:visible;padding-top:4px;position:relative;width:100%}.header-content{flex-wrap:wrap;gap:8px;overflow:visible}.logo{order:1}.header-search{flex:1 1;max-width:none;min-width:0;order:2}.header-actions{order:3}.header-actions .lang-text,.header-actions .user-menu{display:none}.nav{display:flex;flex:3 1;justify-content:space-evenly}.nav-link{padding:8px 14px}.nav-link:active,.nav-link:active>svg,button.nav-link:active,button.nav-link:active>svg{stroke:#1a100c!important;color:#1a100c!important}.user-menu{align-items:flex-start;display:flex;flex:1 1;justify-content:flex-end;overflow:visible;padding-top:4px;position:relative;z-index:1001}.user-dropdown{overflow:visible;position:absolute;right:0;top:100%;z-index:1002}.user-dropdown-item{pointer-events:auto;position:relative;z-index:1003}}.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(180deg,#f7f7f7,#ececec);display:flex;min-height:100vh;overflow:hidden;position:relative}.auth-container:before{background:radial-gradient(circle at 20% 80%,#7a53400f 0,#0000 50%),radial-gradient(circle at 80% 20%,#7a53400a 0,#0000 50%),radial-gradient(circle at 50% 50%,#7a534005 0,#0000 70%);bottom:0;left:0;right:0;top:0}.auth-container:after,.auth-container:before{content:"";pointer-events:none;position:absolute}.auth-container:after{background:radial-gradient(circle,#7a534008 0,#0000 70%);border-radius:50%;height:600px;right:-200px;top:-200px;width:600px}.auth-split{background:#fff;border:1px solid #7a53401a;border-radius:20px;box-shadow:0 25px 60px #00000014;margin:auto;max-width:800px;overflow:visible;width:100%;z-index:1}.auth-brand,.auth-split{display:flex;position:relative}.auth-brand{background:linear-gradient(160deg,#6d4c41,#4e342e);color:#fff;flex:0 0 25%;flex-direction:column;justify-content:center;overflow:hidden;padding:48px 32px}.auth-brand:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);height:300px;left:-100px;top:-100px;width:300px}.auth-brand:after,.auth-brand:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.auth-brand:after{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);bottom:-150px;height:400px;right:-100px;width:400px}.brand-curves{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.brand-curves:before{border:2px solid #ffffff0f;border-radius:50%;content:"";height:120px;position:absolute;right:-30px;top:20%;width:120px}.brand-curves:after{border:2px solid #ffffff0a;border-radius:50%;bottom:15%;content:"";height:80px;left:-20px;position:absolute;width:80px}.brand-content{display:flex;flex-direction:column;position:relative;z-index:1}.brand-logo{align-items:center;display:flex;gap:10px;margin-bottom:32px}.brand-logo img{filter:brightness(0) invert(1) sepia(.3) saturate(.5) hue-rotate(5deg);height:48px;width:auto}.brand-logo-text{font-size:28px;font-weight:700;letter-spacing:-.5px}.brand-headline{font-size:28px;font-weight:700;line-height:1.25;margin-bottom:16px;max-width:280px}.brand-subheadline{font-size:15px;line-height:1.6;max-width:260px;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:36px;position:relative}.auth-card h2{color:#3e2723;font-size:30px;font-weight:800;line-height:1.2;margin-bottom:10px}.auth-card-subtitle{color:#6b7280;font-size:15px}.auth-tagline{display:none}.auth-form{gap:18px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input{background:#fff;border:1px solid #e5e5e5;border-radius:10px;font-size:15px;padding:14px 16px;transition:all .2s ease}.form-group input:focus{background:#fff;border-color:#7a5340;box-shadow:0 0 0 3px #78503c26;outline:none}.form-group input::placeholder{color:#adb5bd}.form-options{font-size:14px;justify-content:space-between;margin-bottom:4px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#6b7280;cursor:pointer;gap:8px;transition:color .2s ease}.remember-me:hover{color:#3e2723}.remember-me input{accent-color:#7a5340;cursor:pointer;height:16px;width:16px}.forgot-password{color:#7a5340;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#5a3d2d;text-decoration:underline}button.primary{background:#7a5340;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:52px;margin-top:8px;padding:0 24px;transition:all .2s ease;width:100%}button.primary:hover:not(:disabled){background:#5a3d2d;box-shadow:0 4px 12px #7a534040;transform:translateY(-2px)}button.primary:active:not(:disabled){transform:translateY(0)}button.primary:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;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:#7a5340;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#5a3d2d;text-decoration:underline}.terms-notice{color:#666;font-size:13px;line-height:1.5;margin-top:4px}.terms-link{background:none;border:none;color:#7a5340;cursor:pointer;font-size:13px;font-weight:500;padding:0;text-decoration:underline;transition:color .2s ease}.terms-link:hover{color:#5a3d2d}.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}.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:#7a5340;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:#5a3d2d;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{animation:fadeIn .15s ease;padding:20px;z-index:1001}.share-modal{animation:slideUp .2s ease;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;max-width:520px;width:100%}@keyframes slideUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-modal-header{border-bottom:1px solid #eee;padding:14px 16px}.share-modal-header h3{align-items:center;color:#1c1e21;display:flex;font-size:17px;font-weight:600;gap:8px}.share-modal-header h3 svg{color:#606770;font-size:18px}.share-modal-close{align-items:center;border-radius:50%;color:#606770;display:flex;font-size:20px;justify-content:center;margin:-8px;padding:8px;transition:background .15s}.share-modal-close:hover{background:#f0f2f5;color:#1c1e21}.share-modal-body{flex:1 1;overflow-y:auto;padding:16px}.share-composer{align-items:flex-start;display:flex;gap:12px}.share-composer .avatar{flex-shrink:0}.share-composer .avatar .avatar-placeholder,.share-composer .avatar img{border-radius:50%;font-size:16px!important;height:40px!important;max-height:40px;max-width:40px;min-height:40px;min-width:40px;width:40px!important}.share-composer-input{flex:1 1;min-width:0}.share-composer-name{color:#1c1e21;font-size:15px;font-weight:600;margin-bottom:4px}.share-commentary{background:#0000;border:none;color:#1c1e21;font-family:inherit;font-size:15px;line-height:1.4;min-height:24px;outline:none;padding:0;resize:none;width:100%}.share-commentary::placeholder{color:#8a8d91}.share-commentary:focus{outline:none}.share-quick-actions{align-items:center;border-top:1px solid #eee;display:flex;gap:4px;margin-top:8px;padding-top:8px}.quick-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#606770;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:all .15s}.quick-action-btn:hover{background:#f0f2f5;color:#1877f2}.quick-action-emoji{position:relative}.emoji-picker-portal{max-height:360px;position:fixed;width:300px;z-index:9999}.emoji-picker-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.emoji-picker{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;max-height:360px;overflow:hidden;width:300px}.emoji-search{border-bottom:1px solid #eee;padding:8px 10px}.emoji-search input{border:1px solid #eee;border-radius:6px;box-sizing:border-box;font-size:13px;outline:none;padding:6px 10px;width:100%}.emoji-search input:focus{border-color:#1877f2}.emoji-categories{border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:2px;overflow-x:auto;padding:6px 8px}.emoji-category-btn{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:18px;padding:6px;transition:background .15s}.emoji-category-btn:hover{background:#f0f2f5}.emoji-category-btn.active{background:#e7f3ff}.emoji-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(8,1fr);max-height:240px;overflow-y:auto;padding:8px}.emoji-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:22px;padding:4px;transition:background .15s}.emoji-btn:hover{background:#f5f5f5}.share-preview{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:12px;cursor:pointer;margin-top:12px;padding:12px;transition:all .2s ease}.share-preview:hover{box-shadow:0 4px 12px #0000000d}.share-preview-user-info{align-items:center;display:flex;gap:8px;margin-bottom:6px}.share-preview .avatar{flex-shrink:0}.share-preview .avatar .avatar-placeholder,.share-preview .avatar img{border-radius:50%;font-size:14px!important;height:36px!important;max-height:36px;max-width:36px;min-height:36px;min-width:36px;width:36px!important}.share-preview-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.share-preview-name{color:#1c1e21;font-size:14px;font-weight:600}.share-preview-dot,.share-preview-time{color:#6b7280;font-size:12px}.share-preview-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#1c1e21;display:-webkit-box;font-size:14px;line-height:1.4;margin-bottom:10px;overflow:hidden}.share-preview-voice{margin-top:8px}.share-preview-media{border-radius:10px;display:flex;gap:4px;margin-top:8px;max-height:200px;overflow:hidden}.share-preview-media-item{flex:1 1}.share-preview-media-item img,.share-preview-media-item video{border-radius:10px;height:100%;object-fit:cover;width:100%}.share-preview-link{color:#65676b;font-size:13px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:14px 16px}.share-modal-footer .visibility-selector{position:relative}.share-modal-footer .visibility-toggle{align-items:center;background:#fff;border:1px solid #ddd;border-radius:20px;color:#606770;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .15s}.share-modal-footer .visibility-toggle:hover{background:#f5f5f5}.share-modal-footer .visibility-toggle svg{font-size:14px}.share-modal-footer .visibility-chevron{color:#606770;font-size:12px}.share-modal-footer .visibility-menu{background:#fff;border-radius:8px;bottom:100%;box-shadow:0 2px 12px #00000026;left:0;margin-bottom:8px;min-width:160px;overflow:hidden;position:absolute;z-index:10}.share-modal-footer .visibility-option{align-items:center;background:none;border:none;color:#1c1e21;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.share-modal-footer .visibility-option:hover{background:#f7f8f9}.share-modal-footer .visibility-option.active{background:#e7f3ff;color:#1877f2}.share-modal-footer .visibility-option svg{color:#606770;font-size:16px}.share-modal-footer .visibility-option.active svg{color:#1877f2}.share-modal-buttons{display:flex;gap:8px}.share-modal-buttons .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .15s}.share-modal-buttons .btn-text{background:#0000;color:#606770}.share-modal-buttons .btn-text:hover{background:#f2f2f2}.share-modal-buttons .btn-primary{background:#1877f2;color:#fff}.share-modal-buttons .btn-primary:hover:not(:disabled){background:#166fe5}.share-modal-buttons .btn-primary:disabled{background:#e4e6eb;color:#bcc0c4;cursor:not-allowed}@media (max-width:480px){.share-modal{border-radius:0;max-height:100%;max-width:100%}.share-modal-overlay{align-items:flex-end;padding:0}}.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:#9ca3af;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;color:#4a4a4a;transform:scale(1.05)}.action-button svg{transition:transform .2s ease}.action-button:hover svg{transform:scale(1.1)}.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:640px;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}.user-relationship-card{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:16px;color:inherit;display:flex;padding:16px 20px;text-decoration:none;transition:all .2s ease}.user-relationship-card:hover{background:#f7f8f9;box-shadow:0 2px 8px #0000000f}.user-relationship-card:active{transform:scale(.99)}.user-relationship-card:focus{box-shadow:0 0 0 2px #1877f266;outline:none}.user-relationship-card .avatar{flex-shrink:0;margin-right:12px}.user-relationship-card .user-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.user-relationship-card .user-name{color:#050505;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-relationship-card .user-username{color:#65676b;font-size:13px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-relationship-card .user-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:12px}.user-relationship-card .action-btn{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:20px;color:#050505;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;height:34px;justify-content:center;padding:0 14px;transition:all .2s ease;white-space:nowrap}.user-relationship-card .action-btn:hover:not(:disabled){background:#f2f2f2}.user-relationship-card .action-btn:disabled{cursor:not-allowed;opacity:.7}.user-relationship-card .action-btn svg{flex-shrink:0;font-size:16px}.user-relationship-card .action-btn.primary-small{background:#1877f2;border-color:#1877f2;color:#fff}.user-relationship-card .action-btn.primary-small:hover:not(:disabled){background:#166fe5;border-color:#166fe5}.user-relationship-card .action-btn .spinner{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:14px;width:14px}.user-relationship-card.skeleton{pointer-events:none}.user-relationship-card.skeleton .skeleton-avatar{animation:pulse 1.5s ease-in-out infinite;background:#e4e6eb;border-radius:50%;height:48px;width:48px}.user-relationship-card.skeleton .skeleton-info{flex:1 1}.user-relationship-card.skeleton .skeleton-name{animation:pulse 1.5s ease-in-out infinite;background:#e4e6eb;border-radius:4px;height:14px;margin-bottom:6px;width:120px}.user-relationship-card.skeleton .skeleton-username{animation:pulse 1.5s ease-in-out infinite;background:#e4e6eb;border-radius:4px;height:12px;width:80px}.user-relationship-card.skeleton .skeleton-actions{margin-left:auto}.user-relationship-card.skeleton .skeleton-button{animation:pulse 1.5s ease-in-out infinite;background:#e4e6eb;border-radius:17px;height:34px;width:80px}@media (max-width:480px){.user-relationship-card{padding:14px 16px}.user-relationship-card .avatar{margin-right:10px}.user-relationship-card .user-actions{margin-left:8px}.user-relationship-card .action-btn{font-size:13px;height:32px;padding:0 12px}.user-relationship-card .action-btn svg{font-size:14px}}.action-dropdown{display:inline-flex;position:relative}.action-dropdown .dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.action-dropdown .dropdown-trigger:hover{background:#f0f2f5}.action-dropdown .dropdown-trigger:active{background:#e4e6eb}.action-dropdown .dropdown-trigger svg{font-size:28px}.action-dropdown .dropdown-menu{background:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.action-dropdown .dropdown-item{align-items:center;background:none;border:none;color:#050505;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:left;transition:background .2s ease;width:100%}.action-dropdown .dropdown-item:hover{background:#f2f2f2}.action-dropdown .dropdown-item.danger{color:#dc3545}.action-dropdown .dropdown-item.danger:hover{background:#ffebe9}.action-dropdown .dropdown-item svg{font-size:16px}.profile-container{margin:0 auto;max-width:672px}.posts-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-post-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;padding:16px}.skeleton-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.skeleton-avatar{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6eb 50%,#f0f2f5 75%);background-size:200% 100%;border-radius:50%;height:44px;width:44px}.skeleton-user-info{flex:1 1}.skeleton-name{height:14px;margin-bottom:6px;width:140px}.skeleton-name,.skeleton-time{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6eb 50%,#f0f2f5 75%);background-size:200% 100%;border-radius:4px}.skeleton-time{height:10px;width:80px}.skeleton-content{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.skeleton-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6eb 50%,#f0f2f5 75%);background-size:200% 100%;border-radius:4px;height:12px;width:100%}.skeleton-line.short{width:60%}.skeleton-actions{border-top:1px solid #f0f2f5;display:flex;gap:24px;padding-top:12px}.skeleton-action{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f2f5 25%,#e4e6eb 50%,#f0f2f5 75%);background-size:200% 100%;border-radius:4px;height:24px;width:60px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.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:24px}.profile-header{align-items:flex-start;display:flex;gap:24px}.avatar-container{flex-shrink:0;position:relative}.avatar-container .avatar{border:4px 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:#65676b;font-size:14px;margin-bottom:0}.profile-edit-btn{background:#fff;border:1px solid var(--color-border);border-radius:20px;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.profile-edit-btn:hover{background:var(--color-hover)}.profile-message-btn{align-items:center;background:#1877f2;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:8px 20px;transition:all .2s ease}.profile-message-btn:hover{background:#166fe5}.profile-message-btn svg{font-size:16px}.profile-add-friend-btn{align-items:center;background:#1877f2;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:6px;padding:8px 20px;transition:all .2s ease}.profile-add-friend-btn:hover{background:#166fe5}.profile-add-friend-btn:active{transform:scale(.98)}.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:#1c1e21;font-size:15px;line-height:1.5;margin-top:8px}.profile-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.profile-meta-item{align-items:center;color:#65676b;display:flex;font-size:14px;gap:6px}.profile-meta-item svg{flex-shrink:0;font-size:16px}.profile-meta-item span{color:#1c1e21;font-weight:500}.profile-stats{border-top:1px solid #e4e6eb;display:flex;gap:24px;margin-top:16px;padding-top:16px}.profile-stat{color:#65676b;font-size:14px}.profile-stat strong{color:#1c1e21;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{border-top:1px solid #e4e6eb;margin-top:24px;padding-top:24px}.profile-posts-section h2{color:#1c1e21;font-size:20px;font-weight:700;margin-bottom:16px}.no-posts{align-items:center;color:#65676b;display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:40px 16px;text-align:center}.no-posts .empty-icon{color:#b0b3b8;font-size:48px;margin-bottom:12px}.no-posts .empty-title{color:#1c1e21;font-size:16px;font-weight:600;margin:0 0 4px}.no-posts .empty-desc{color:#65676b;font-size:14px;margin:0}.friends-section{border-top:1px solid #e4e6eb;margin-top:24px;padding-top:24px}.friends-section h2{color:#1c1e21;font-size:20px;font-weight:700;margin-bottom:16px}.friends-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.friend-card{align-items:center;border:1px solid #e4e6eb;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;text-decoration:none;transition:all .2s ease}.friend-card:hover{background:#f7f8f9;box-shadow:0 2px 8px #00000014}.friend-card:active{transform:scale(.99)}.friend-info{text-align:center;width:100%}.friend-name{color:#1c1e21;margin-bottom:1px}.friend-username{color:#65676b}.profile-tabs{-webkit-overflow-scrolling:touch;background:#f0f2f5;border-radius:12px;display:flex;gap:4px;margin-top:24px;overflow-x:auto;padding:4px;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:-webkit-max-content;min-width:max-content;padding:12px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.profile-tab:hover{background:#e4e6eb}.profile-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1877f2;font-weight:500}.profile-tab:not(.active){color:#65676b}.profile-tab:hover:not(.active){background:#e4e6eb}.profile-tab:focus{box-shadow:0 0 0 2px #1877f266;outline:none}.profile-tab svg{font-size:18px}.profile-tab .tab-count{color:#65676b;font-size:13px;font-weight:500}.profile-stat-clickable{background:none;border:none;border-radius:8px;color:#65676b;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.profile-stat-clickable:hover{background:#f0f2f5;color:#1877f2}.profile-stat-clickable:focus{box-shadow:0 0 0 2px #1877f266;outline:none}.profile-stat-clickable strong{color:#1c1e21;font-weight:700;margin-right:4px}.friends-list-unified{display:flex;flex-direction:column;gap:8px}.friend-card-actions{margin-top:4px;width:100%}.friend-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:100%}.friend-action-btn.message{background:#1877f2;color:#fff}.friend-action-btn.message:hover{background:#166fe5}.friend-action-btn.add{background:#e7f3ff;border:1px solid #1877f2;color:#1877f2}.friend-action-btn.add:hover{background:#d8eafd}.friend-action-btn.add:disabled{background:#f0f2f5;border-color:#e4e6eb;color:#65676b;cursor:not-allowed}.friend-action-btn:focus{box-shadow:0 0 0 2px #1877f266;outline:none}.friend-action-btn svg{font-size:14px}.view-all-friends-btn{background:#fff;border:1px solid #e4e6eb;border-radius:8px;color:#1877f2;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:16px;padding:12px;transition:all .2s ease;width:100%}.view-all-friends-btn:hover{background:#f0f2f5}.view-all-friends-btn:focus{box-shadow:0 0 0 2px #1877f266;outline:none}.no-friends{color:#65676b;flex-direction:column;padding:48px 16px;text-align:center}.no-friends,.no-friends-icon{align-items:center;display:flex;justify-content:center}.no-friends-icon{background:#f0f2f5;border-radius:50%;height:64px;margin-bottom:16px;width:64px}.no-friends-icon svg{color:#b0b3b8;font-size:32px}.no-friends-title{color:#1c1e21;font-size:16px;font-weight:600;margin:0 0 4px}.no-friends-desc{color:#65676b;font-size:14px;margin:0}@media (max-width:600px){.profile-header{align-items:center;flex-direction:column;gap:16px}.profile-header,.profile-identity{text-align:center}.profile-identity h1{font-size:22px}.friends-list{gap:10px;grid-template-columns:repeat(2,1fr)}.friend-card{padding:10px}.profile-card{padding:20px 16px}.profile-meta,.profile-stats{justify-content:center}.friends-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.friends-grid .friend-card{padding:12px 8px}.profile-tabs{gap:2px;padding:3px}.profile-tab{font-size:13px;gap:6px;padding:10px 14px}.profile-tab svg{font-size:16px}}.profile-actions-with-dropdown{align-items:center;display:flex;gap:8px}.profile-action-dropdown{display:inline-flex;position:relative}.profile-action-dropdown .profile-dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.profile-action-dropdown .profile-dropdown-trigger:hover{background:#f0f2f5}.profile-action-dropdown .profile-dropdown-trigger:active{background:#e4e6eb}.profile-action-dropdown .profile-dropdown-trigger svg{font-size:28px}.profile-action-dropdown .dropdown-menu{background:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.profile-action-dropdown .dropdown-item{align-items:center;background:none;border:none;color:#050505;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:left;transition:background .2s ease;width:100%}.profile-action-dropdown .dropdown-item:hover{background:#f2f2f2}.profile-action-dropdown .dropdown-item.danger{color:#dc3545}.profile-action-dropdown .dropdown-item.danger:hover{background:#ffebe9}.profile-action-dropdown .dropdown-item svg{font-size:16px}.confirm-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:320px;padding:24px;width:100%}.confirm-dialog-title{color:#050505;font-size:18px;font-weight:600;margin:0 0 8px}.confirm-dialog-message{color:#65676b;font-size:14px;line-height:1.4;margin:0 0 20px}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.confirm-dialog-btn.cancel{background:#fff;border:1px solid #e4e6eb;color:#050505}.confirm-dialog-btn.cancel:hover{background:#f2f2f2}.confirm-dialog-btn.confirm{background:#dc3545;border:none;color:#fff}.confirm-dialog-btn.confirm:hover{background:#c82333}.friends-container{margin:0 auto;max-width:672px;padding:0 var(--spacing-md)}.friends-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.friends-header h1{color:var(--color-text);font-size:28px;font-weight:700;margin:0}.friends-header-actions{display:flex;gap:var(--spacing-sm)}.find-friends-btn{align-items:center;background:#1877f2;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:background .2s ease}.find-friends-btn:hover{background:#166fe5}.friends-search{margin-bottom:var(--spacing-lg);position:relative}.friends-search .search-icon{color:#65676b;font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.friends-search input{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:24px;font-size:15px;outline:none;padding:12px 40px 12px 44px;transition:all .2s ease;width:100%}.friends-search input:focus{background:#fff;border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.friends-search input::placeholder{color:#8a8d91}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.clear-search:hover{background:#e4e6eb}.friends-tabs{-webkit-overflow-scrolling:touch;background:#f0f2f5;border-radius:12px;display:flex;gap:4px;margin-bottom:var(--spacing-lg);overflow-x:auto;padding:4px;scrollbar-width:none}.friends-tabs::-webkit-scrollbar{display:none}.friends-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:-webkit-max-content;min-width:max-content;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.friends-tabs .tab-btn:hover{background:#e4e6eb}.friends-tabs .tab-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1877f2}.friends-tabs .tab-btn svg{font-size:18px}.friends-tabs .tab-count{font-size:13px;font-weight:500}.friends-section{margin-bottom:var(--spacing-xl)}.section-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;gap:10px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-header .section-icon{color:#65676b;font-size:20px}.section-header h2{color:var(--color-text);flex:1 1;font-size:18px;font-weight:600;margin:0}.section-header .badge{background:#ff3b30;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.section-header .count{color:#65676b;font-size:15px;font-weight:500}.subsection-title{color:#65676b;font-size:14px;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm)}.friendship-list{display:flex;flex-direction:column;gap:8px}.friendship-list.compact{gap:6px}.friendship-card{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:12px;box-shadow:0 1px 2px #0000000a;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.friendship-card:hover{background:#f7f8f9;box-shadow:0 4px 12px #00000014}.friendship-card:active{transform:scale(.99)}.friendship-card.compact{padding:10px 16px}.friendship-card.sent-request{border-left:3px solid #f0f2f5}.friendship-card .card-link{color:inherit;gap:12px;text-decoration:none}.friendship-card .card-left,.friendship-card .card-link{align-items:center;display:flex;flex:1 1;min-width:0}.friendship-card .avatar-wrapper{flex-shrink:0}.friendship-card .user-info{flex:1 1;min-width:0}.friendship-card .user-name{color:#1c1e21;font-size:15px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friendship-card .user-username{color:#65676b;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friendship-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.btn-add-friend{align-items:center;background:#1877f2;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s ease;white-space:nowrap}.btn-add-friend:hover{background:#166fe5}.btn-add-friend svg{font-size:16px}.btn-accept{align-items:center;background:#1877f2;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;padding:8px 16px;transition:background .2s ease}.btn-accept:hover{background:#166fe5}.btn-accept svg{font-size:16px}.btn-reject{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:20px;color:#65676b;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.btn-reject:hover{background:#f0f2f5;border-color:#d0d2d5}.btn-reject svg{font-size:18px}.btn-cancel{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:20px;color:#65676b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 14px;transition:all .2s ease}.btn-cancel:hover{background:#f0f2f5;border-color:#d0d2d5}.btn-cancel svg{font-size:16px}.btn-unfriend{align-items:center;background:#0000;border:1px solid #0000;border-radius:20px;color:#65676b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 14px;transition:all .2s ease}.btn-unfriend:hover{background:#ffebe9;border-color:#ffccc7;color:#dc3545}.btn-unfriend svg{font-size:16px}.no-results{color:#65676b;padding:var(--spacing-xl);text-align:center}.no-results p{font-size:15px;margin:0}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:600px){.friends-header{align-items:flex-start;flex-direction:column}.friends-header-actions{width:100%}.find-friends-btn{flex:1 1;justify-content:center}.friendship-card{gap:8px;padding:12px}.friendship-card .card-link{align-items:center;display:flex;flex:1 1;gap:12px}.friendship-card .avatar-wrapper{flex-shrink:0}.friendship-card .user-info{flex:1 1;min-width:0}.suggested-card{flex-wrap:nowrap}.suggested-card .card-left{flex:1 1;min-width:0}.suggested-card .card-link{align-items:center;display:flex;flex:1 1;gap:10px}.suggested-card .btn-add-friend{flex:0 0 auto;height:36px;padding:8px 14px;width:auto}.friendship-actions{justify-content:flex-end;padding-left:0;width:auto}.btn-accept,.btn-add-friend,.btn-cancel,.btn-unfriend{flex:0 0 auto;justify-content:center;width:auto}.mutual-friends{font-size:11px}}.suggested-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e8e9ea;border-radius:12px;padding:var(--spacing-md)}.suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.suggestions-header h3{color:var(--color-text);font-size:16px;font-weight:600;margin:0}.suggested-section .section-header{border-bottom:none;margin-bottom:var(--spacing-sm)}.refresh-suggestions-btn{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:20px;color:#65676b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.refresh-suggestions-btn:hover{background:#f0f2f5;border-color:#d0d2d5}.refresh-suggestions-btn svg{font-size:16px}.refresh-empty-btn{align-items:center;background:#1877f2;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-top:var(--spacing-md);padding:10px 20px;transition:background .2s ease}.refresh-empty-btn:hover{background:#166fe5}.refresh-empty-btn svg{font-size:16px}.suggested-card{background:#fafbfc}.suggested-card:hover{background:#f5f6f7}.mutual-friends{color:#65676b;font-size:12px;margin:4px 0 0}.suggested.btn-add-friend{background:#0000;border:1px solid #1877f2;color:#1877f2;height:36px;padding:8px 16px}.suggested.btn-add-friend:hover{background:#e7f3ff}.suggested.btn-add-friend:active{transform:scale(.95)}.show-more-btn{background:#fff;border:1px solid #e4e6eb;border-radius:8px;color:#1877f2;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:var(--spacing-sm);padding:10px;transition:all .2s ease;width:100%}.show-more-btn:hover{background:#f0f2f5}.no-suggestions{color:#65676b;flex-direction:column;font-size:14px;min-height:300px;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.no-suggestions,.no-suggestions .empty-icon{align-items:center;display:flex;justify-content:center}.no-suggestions .empty-icon{background:#f0f2f5;border-radius:50%;height:64px;margin:0 auto var(--spacing-md);width:64px}.no-suggestions .empty-icon svg{color:#b0b3b8;font-size:32px}.no-suggestions .empty-title{color:#1c1e21;font-size:16px;font-weight:600;margin:0 0 var(--spacing-xs)}.no-suggestions .empty-desc{color:#65676b;font-size:14px;margin:0 0 var(--spacing-md)}.no-suggestions p{margin:0}.skeleton-card{align-items:center;background:#fff;border:1px solid #e4e6eb;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.skeleton-card .skeleton-avatar{animation:pulse 1.5s ease-in-out infinite;background:#e4e6eb;border-radius:50%;height:48px;width:48px}.skeleton-card .skeleton-content{flex:1 1;margin-left:12px}.skeleton-card .skeleton-line{animation:pulse 1.5s ease-in-out infinite;background:#e4e6eb;border-radius:6px;height:12px;margin-bottom:6px}.skeleton-card .skeleton-line:last-child{margin-bottom:0;width:60%}.skeleton-card .skeleton-button{animation:pulse 1.5s ease-in-out infinite;background:#e4e6eb;border-radius:18px;height:36px;width:80px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.suggestions-description{color:#65676b;font-size:13px;margin:4px 0 0}.friends-list-loading,.friendship-list.unified{display:flex;flex-direction:column;gap:8px}.friends-empty-state{color:#65676b;flex-direction:column;padding:64px 16px;text-align:center}.friends-empty-state,.friends-empty-state .empty-icon{align-items:center;display:flex;justify-content:center}.friends-empty-state .empty-icon{background:#f0f2f5;border-radius:50%;height:80px;margin-bottom:20px;width:80px}.friends-empty-state .empty-icon svg{color:#b0b3b8;font-size:36px}.friends-empty-state .empty-title{color:#1c1e21;font-size:18px;font-weight:600;margin:0 0 8px}.friends-empty-state .empty-desc{color:#65676b;font-size:14px;margin:0;max-width:280px}.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}}@media (max-width:600px){.chat-page{height:calc(100vh - 110px)}.chat-window{display:flex;flex-direction:column;height:100%}.chat-messages-container{flex:1 1;min-height:0;overflow-y:auto}.message-input-wrapper{flex-shrink:0}}.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:640px;padding:0}.search-header{margin-bottom:16px}.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:40px 20px;text-align:center}.search-load-more{padding:16px;text-align:center}.search-loading-more{color:var(--color-text-secondary);font-size:14px}.search-tabs{background:#f0f0f0;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:4px}.search-tab{background:#0000;border:none;border-radius:8px;color:#555;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.search-tab:hover:not(.active){background:#0000000d;color:#333}.search-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--color-text);font-weight:600}.search-results-list{background:#fff;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.search-section{margin-bottom:0}.search-section-title{color:#666;font-size:13px;font-weight:600;margin:16px 0 8px;padding:0 2px}.search-users-list{background:#fff;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.search-user-row{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .15s ease}.search-user-row:last-child{border-bottom:none}.search-user-row:hover{background:#f5f5f5}.search-user-row .avatar{flex-shrink:0}.search-user-row .avatar .avatar-placeholder,.search-user-row .avatar img{border-radius:50%;font-size:16px!important;height:40px!important;max-height:40px;max-width:40px;min-height:40px;min-width:40px;width:40px!important}.search-user-row-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.search-user-name{color:var(--color-text);font-size:15px;font-weight:600}.search-user-name,.search-user-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-user-username{color:#657786;font-size:13px}.search-posts-list{background:#fff;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.search-post-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 14px;transition:background .15s ease}.search-post-item:last-child{border-bottom:none}.search-post-item:hover{background:#f5f5f5}.search-post-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.search-post-header .avatar{flex-shrink:0}.search-post-header .avatar .avatar-placeholder,.search-post-header .avatar img{border-radius:50%;font-size:14px!important;height:36px!important;max-height:36px;max-width:36px;min-height:36px;min-width:36px;width:36px!important}.search-post-meta{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.search-post-author{color:var(--color-text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-post-dot{color:#657786;font-size:12px}.search-post-date{color:#657786;font-size:13px;white-space:nowrap}.search-post-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden;padding-left:48px}.search-post-media{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-left:48px}.search-post-media img,.search-post-media video{border-radius:8px;height:80px;object-fit:cover;transition:transform .2s;width:80px}.search-post-media img:hover{transform:scale(1.05)}.search-user-card,.search-users-grid{display:none}@media (max-width:480px){.search-tabs{gap:6px}.search-tab{font-size:13px}.search-tab,.search-user-row{padding:8px 12px}.search-post-item{padding:10px 12px}.search-post-content,.search-post-media{padding-left:0}.search-post-media img,.search-post-media video{height:60px;width:60px}}.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}}.legal-page{background:var(--color-bg);min-height:calc(100vh - 120px);padding:40px 20px}.legal-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 auto;max-width:700px;padding:40px}.legal-back{align-items:center;border-radius:8px;color:var(--color-secondary);display:inline-flex;font-size:14px;gap:6px;margin-bottom:20px;padding:8px 12px;text-decoration:none;transition:background .2s}.legal-back:hover{background:#0000000d}.legal-back svg{height:18px;width:18px}.legal-container h1{border-bottom:1px solid #e0e0e0;color:var(--color-text);font-size:28px;font-weight:700;margin-bottom:32px;padding-bottom:16px}.legal-content section{margin-bottom:28px}.legal-content h2{color:var(--color-text);font-size:18px;font-weight:600;margin-bottom:12px}.legal-content p{color:#65676b;font-size:15px;line-height:1.6;margin:0}.legal-updated{border-top:1px solid #e0e0e0;color:#999;font-size:13px;margin-top:40px;padding-top:20px}@media (max-width:600px){.legal-page{padding:20px 10px}.legal-container{border-radius:8px;padding:24px 16px}.legal-container h1{font-size:22px}.legal-content h2{font-size:16px}.legal-content p{font-size:14px}}
/*# sourceMappingURL=main.6b55fcbc.css.map*/