@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";*{box-sizing:border-box;margin:0;font-family:Arial,sans-serif}html,body{height:100%}.app{height:100vh;display:flex}.sidebar{color:#fff;background:#5544c0;flex-direction:column;justify-content:space-between;width:70px;padding:10px 0;display:flex}.sidebar button{color:#fff;cursor:pointer;background:0 0;border:none;padding:15px;font-size:22px}.sidebar button:hover{background:#24262b}.nav-top,.nav-bottom{flex-direction:column;display:flex}.content{background:#edf9ff;flex:1}.page{height:100%;padding:20px;display:none}.page.active{display:block}.message-layout{gap:16px;height:100%;display:flex}.chat-center{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.chat-list{background:#fff;border:1px solid #e2e7f0;border-radius:12px;flex-direction:column;width:300px;padding:10px;display:flex;overflow:hidden}.contact-list-items{scrollbar-gutter:stable;flex:1;min-height:0;margin-right:-8px;padding-right:2px;overflow-y:auto}.chat-list input{width:100%;margin-bottom:10px;padding:8px}.chat-item{cursor:pointer;border-radius:5px;padding:10px}.chat-area{background:#fff;border:1px solid #e2e7f0;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{background:#fff;border-bottom:1px solid #e2e7f0;justify-content:space-between;align-items:center;height:60px;padding:0 15px;display:flex}.chat-header-contact,.chat-header-contact-static{align-items:center;gap:10px;display:inline-flex}.chat-header-contact{cursor:pointer;background:0 0;border:none;border-radius:10px;margin-left:-8px;padding:6px 8px;transition:background-color .2s}.chat-header-contact:hover{background:#eef2ff}.chat-header-contact:focus-visible{outline-offset:2px;outline:2px solid #4f8cff}.chat-header-avatar{object-fit:cover;border:1px solid #d6deee;border-radius:50%;width:34px;height:34px}.chat-header-name{color:#1f2d3d;font-size:1.06rem;line-height:1.2}.chat-actions{align-items:center;gap:8px;display:flex}.chat-action-btn{color:#5f6672;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .2s,color .2s,transform .1s;display:inline-flex}.chat-action-btn:hover{color:#2f57d8;background:#eef2ff}.chat-action-btn:active{background:#dbe4ff;transform:scale(.95)}.chat-action-btn.active{color:#2f57d8;background:#dbe4ff}.chat-action-btn:focus-visible{outline-offset:2px;outline:2px solid #4f8cff}.chat-body{scrollbar-gutter:stable;background:#f7fbff;flex:1;padding:15px 2px 15px 15px;position:relative;overflow-y:auto}.chat-info{background:#fff;border:1px solid #e2e7f0;border-radius:12px;width:320px;padding:10px}.card{background:#fff;border-radius:8px;margin:10px 0;padding:15px}#profile-popup{z-index:2000;background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#profile-popup.active{display:flex}#profile-popup.nested-modal-open{background:0 0}.hidden-by-child-modal{visibility:hidden;pointer-events:none}.comments-modal-overlay.hidden-by-child-modal{background:0 0}.popup-content{background:#fff;border-radius:10px;width:300px;padding:20px;position:relative}.popup-content .close{color:#1d2535;cursor:pointer;background:#eff2f8;border:none;border-radius:999px;width:30px;height:30px;padding:0;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}.popup-content .close:hover{background:#e5eaf4}.profile-popup-card{text-align:center;width:min(360px,92vw);padding:24px 20px 20px;position:relative}.profile-popup-card .close{color:#6d7687;font-size:18px;position:absolute;top:8px;right:10px}.profile-avatar-upload{cursor:pointer;background:0 0;border:none;border-radius:50%;width:132px;height:132px;margin:6px auto 14px;padding:0;display:block;position:relative;overflow:hidden}.profile-avatar-upload:disabled{cursor:not-allowed}.profile-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar-overlay{background:0 0;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;inset:0}.profile-avatar-plus{color:#fff;opacity:0;font-size:42px;line-height:1;transition:opacity .2s,transform .2s;transform:scale(.85)}.profile-avatar-upload:hover .profile-avatar-overlay,.profile-avatar-upload:focus-visible .profile-avatar-overlay{background:#0000006b}.profile-avatar-upload:hover .profile-avatar-plus,.profile-avatar-upload:focus-visible .profile-avatar-plus{opacity:1;transform:scale(1)}.profile-avatar-input{display:none}.profile-name{color:#1f2738;margin-bottom:4px;font-size:20px;font-weight:700}.profile-email{color:#657089;margin-bottom:8px}.profile-upload-status{color:#2f57d8;font-size:13px}.profile-upload-error{color:#b2312a;font-size:13px}.chat-input{background:#fff;border:1px solid #e2e7f0;border-radius:12px;margin:0;padding:10px;display:flex}.chat-input input{border:1px solid #ccc;border-radius:20px;outline:none;flex:1;padding:10px 14px}.chat-input input:focus{border-color:#4f8cff}.chat-input button{cursor:pointer;color:#fff;background:#4f8cff;border:none;border-radius:20px;margin-left:10px;padding:10px 16px}.chat-input button:hover{opacity:.9}.chat-input .chat-send-btn{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-left:10px;padding:0;display:inline-flex}.chat-input .chat-send-btn i{font-size:18px;line-height:1;transform:translate(-2px,2px)}.message{flex-direction:column;max-width:100%;margin-bottom:5px;display:flex}.message.me{align-items:flex-end}.message.other{align-items:flex-start}.message .username{color:#555;margin-bottom:4px;font-size:12px;font-weight:700}.message.me .username{display:none}.message .bubble{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:10px;max-width:60%;padding:10px}.message.me .bubble{color:#fff;background:#4f8cff;border-bottom-right-radius:0}.message.other .bubble{background:#fff;border-bottom-left-radius:0}.message{position:relative}.bubble-wrapper{align-items:flex-end;gap:8px;max-width:100%;display:flex}.message.me .bubble-wrapper{flex-direction:row-reverse}.message .time{color:#666;white-space:nowrap;opacity:0;pointer-events:none;margin-bottom:10px;font-size:11px;transition:opacity .15s}.message:hover .time,.message.show-time .time{opacity:1;pointer-events:auto}.message.continuous{margin-top:2px}.message.continuous .username{display:none}.timestamp{text-align:center;color:#777;margin:15px 0;font-size:12px}.typing{color:#666;margin:10px;font-style:italic}.date-divider{z-index:5;color:#777;background:#dddddd8e;border-radius:40px;justify-content:center;align-items:center;width:fit-content;margin:0 auto 10px;padding:6px 12px;font-size:12px;display:flex;position:sticky;top:0}.date-group{position:relative}.date-divider:before,.date-divider:after{content:none;display:none}.status{color:#aaa;text-align:right;margin-top:2px;font-size:11px}.chat-list .search-bar{border-bottom:1px solid #ccc;padding:10px}.chat-list .search-bar input{background:#fff;border:1px solid #ddd;border-radius:18px;outline:none;width:100%;padding:8px 12px}.chat-list .search-bar input:focus{border-color:#4f8cff}.chat-item{cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:center;padding:10px;display:flex}.chat-item:hover{background:#f5f6fa}.chat-item.active{background:#e6f0ff}.chat-item .avatar{object-fit:cover;border-radius:50%;width:45px;height:45px;margin-right:12px}.contact-details{overflow:hidden}.contact-name{font-weight:700}.contact-last-message{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.no-results{text-align:center;color:#888;padding:20px;font-size:14px}.login-page{background-image:linear-gradient(to bottom right,#a45fff,#7be2fe);flex-direction:column;justify-content:space-between;min-height:100vh;padding:32px clamp(18px,4vw,48px) 20px;display:flex}.login-shell{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(340px,420px);align-items:center;gap:clamp(24px,6vw,72px);width:min(1120px,100%);margin:0 auto;display:grid}.login-intro{color:#f4f8ff;max-width:560px}.login-hero-title{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(40px,6vw,68px);line-height:1}.login-hero-subtitle{color:#f5fbfff0;font-size:clamp(18px,2vw,24px);line-height:1.5}.login-panel{justify-content:flex-end;display:flex}.login-container{text-align:center;background:#ffffff8b;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 12px #0000001a}.login-container h1,.login-container h2{margin-bottom:24px}.login-container form{flex-direction:column;gap:15px;display:flex}.login-container input{border:1px solid #ccc;border-radius:8px;padding:12px;font-size:16px}.login-container button{color:#fff;cursor:pointer;background:#4f8cff;border:none;border-radius:8px;padding:12px;font-size:16px}.login-options{color:#888;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.link-button{color:#4f8cff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.login-footer{text-align:center;color:#f2f8ff;width:min(1120px,100%);margin:18px auto 0;font-size:14px}.login-footer p+p{margin-top:4px}.login-contact-links{align-items:center;gap:10px;margin-top:10px;display:inline-flex}.login-contact-links a{color:#fff;background:#ffffff40;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-flex}.login-contact-links a:hover{background:#fff6}.login-contact-links a:active{transform:scale(.95)}.modal-overlay{z-index:2100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:30px;position:relative}.modal-content h2{text-align:center;margin-bottom:20px}.modal-close{color:#1d2535;cursor:pointer;background:#eff2f8;border:none;border-radius:999px;width:30px;height:30px;padding:0;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}.modal-close:hover{background:#e5eaf4}.modal-content form{flex-direction:column;gap:15px;display:flex}.error-message{color:#d93025;margin-top:10px;font-size:14px}.success-message{color:#1e8e3e;margin-top:10px;font-size:14px}.setting-row{margin-top:12px}.setting-label{color:#2b3345;margin-bottom:8px;font-weight:600}.theme-options{border:1px solid #d3dae7;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.theme-option{color:#4e5a70;cursor:pointer;background:#f7f9fd;border:none;border-right:1px solid #d3dae7;padding:8px 13px;font-size:14px}.theme-option:last-child{border-right:none}.theme-option:hover{background:#eef2ff}.theme-option.active{color:#fff;background:#2f57d8}.setting-actions{text-align:center;border-top:1px solid #eee;margin-top:25px;padding-top:15px}.logout-button{color:#fff;cursor:pointer;background-color:#d93025;border:none;border-radius:5px;width:100%;padding:10px;font-size:16px;transition:background-color .2s}.logout-button:hover{background-color:#c5221f}.app-title{color:#3b327d}.home-layout{--home-scrollbar-size:12px;grid-template-columns:minmax(0,1fr) 340px;gap:12px;height:100%;display:grid}.home-feed-column{scrollbar-gutter:stable;margin-right:-9px;padding-right:3px;overflow-y:auto}.post-composer{background:#fff;border:1px solid #e2e7f0;border-radius:12px;margin-bottom:14px;padding:14px}.post-composer h3{color:#2b3345;margin-bottom:10px}.post-composer textarea{resize:vertical;border:1px solid #d3dae7;border-radius:10px;width:100%;min-height:84px;padding:10px 12px;font-size:14px}.post-composer-actions{justify-content:flex-end;margin-top:10px;display:flex}.post-composer-actions button{color:#fff;cursor:pointer;background:#2f57d8;border:none;border-radius:8px;padding:9px 16px}.post-composer-actions button:disabled{opacity:.6;cursor:not-allowed}.feed-note{color:#2a4a91;background:#edf4ff;border:1px solid #d5e4ff;border-radius:10px;margin-bottom:14px;padding:10px 12px}.feed-error{color:#9d2822;background:#ffe8e7;border:1px solid #f2bfbc;border-radius:10px;margin-bottom:14px;padding:10px 12px}.feed-list{flex-direction:column;gap:12px;padding-bottom:12px;display:flex}.feed-post{background:#fff;border:1px solid #e2e7f0;border-radius:12px;padding:14px}.feed-post-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.feed-post-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:0 0 52px;width:52px;height:52px;padding:0;overflow:hidden}.feed-post-avatar{object-fit:cover;width:100%;height:100%;display:block}.feed-post-header-text{min-width:0}.feed-post-author{color:#1f2738;font-size:18px;font-weight:700}.feed-post-meta{color:#6b7484;font-size:14px}.feed-post-content{color:#2f3748;white-space:pre-wrap;overflow-wrap:anywhere}.inline-see-more-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:700}.inline-see-more-btn:hover{text-decoration:underline}.inline-see-more-btn:focus-visible{outline-offset:2px;outline:2px solid #4f8cff}.feed-post-actions{border-top:1px solid #e2e7f0;gap:8px;margin-top:12px;padding-top:10px;display:flex}.feed-post-action-btn{color:#41506d;cursor:pointer;background:#f4f7ff;border:none;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font-size:14px;display:inline-flex}.feed-post-action-btn:hover{background:#e8eeff}.feed-post-action-btn.active{color:#2f57d8;background:#dce8ff}.feed-post-action-count{font-weight:700}.feed-placeholder{color:#6b7484;text-align:center;background:#fff;border:1px solid #e2e7f0;border-radius:12px;padding:14px}.home-contacts-column{background:#fff;border:1px solid #e2e7f0;border-radius:12px;flex-direction:column;padding:14px;display:flex;overflow:hidden}.home-contacts-column h3{color:#27304a;margin-bottom:10px}.home-contact-search{border:1px solid #d3dae7;border-radius:10px;width:100%;padding:10px 12px}.home-contact-caption{color:#667085;margin:10px 0 8px;font-size:12px}.home-contact-list{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:8px;min-height:0;margin-right:-12px;padding-right:2px;display:flex;overflow-y:auto}.home-feed-column,.home-contact-list{scrollbar-width:auto}.app.theme-light .home-feed-column,.app.theme-light .home-contact-list{scrollbar-color:#dce9ff transparent}.app.theme-dark .home-feed-column,.app.theme-dark .home-contact-list{scrollbar-color:#1a2740 transparent}.home-feed-column::-webkit-scrollbar{width:var(--home-scrollbar-size)}.home-contact-list::-webkit-scrollbar{width:var(--home-scrollbar-size)}.home-feed-column::-webkit-scrollbar-track{background:0 0}.home-contact-list::-webkit-scrollbar-track{background:0 0}.app.theme-light .home-feed-column::-webkit-scrollbar-thumb{background:linear-gradient(#e7efff,#dce9ff);border-radius:999px}.app.theme-light .home-contact-list::-webkit-scrollbar-thumb{background:linear-gradient(#e7efff,#dce9ff);border-radius:999px}.app.theme-dark .home-feed-column::-webkit-scrollbar-thumb{background:linear-gradient(#2a3d63,#1a2740);border-radius:999px}.app.theme-dark .home-contact-list::-webkit-scrollbar-thumb{background:linear-gradient(#2a3d63,#1a2740);border-radius:999px}.home-feed-column::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.home-contact-list::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.contact-list-items,.chat-body,.profile-posts-scroll{scrollbar-width:auto}.app.theme-light .contact-list-items,.app.theme-light .chat-body,.app.theme-light .profile-posts-scroll{scrollbar-color:#dce9ff transparent}.app.theme-dark .contact-list-items,.app.theme-dark .chat-body,.app.theme-dark .profile-posts-scroll{scrollbar-color:#1a2740 transparent}.contact-list-items::-webkit-scrollbar{width:12px}.chat-body::-webkit-scrollbar{width:12px}.profile-posts-scroll::-webkit-scrollbar{width:12px}.contact-list-items::-webkit-scrollbar-track{background:0 0}.chat-body::-webkit-scrollbar-track{background:0 0}.profile-posts-scroll::-webkit-scrollbar-track{background:0 0}.app.theme-light .contact-list-items::-webkit-scrollbar-thumb{background:linear-gradient(#e7efff,#dce9ff);border-radius:999px}.app.theme-light .chat-body::-webkit-scrollbar-thumb{background:linear-gradient(#e7efff,#dce9ff);border-radius:999px}.app.theme-light .profile-posts-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#e7efff,#dce9ff);border-radius:999px}.app.theme-dark .contact-list-items::-webkit-scrollbar-thumb{background:linear-gradient(#2a3d63,#1a2740);border-radius:999px}.app.theme-dark .chat-body::-webkit-scrollbar-thumb{background:linear-gradient(#2a3d63,#1a2740);border-radius:999px}.app.theme-dark .profile-posts-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#2a3d63,#1a2740);border-radius:999px}.contact-list-items::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.chat-body::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.profile-posts-scroll::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}.home-contact-item{text-align:left;cursor:pointer;background:#f9fbff;border:1px solid #e1e5ee;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.home-contact-item:disabled{cursor:not-allowed}.home-contact-item:hover{background:#eef4ff}.home-contact-main{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.home-contact-avatar{object-fit:cover;border-radius:50%;flex:0 0 52px;width:52px;height:52px}.home-contact-details{flex:1;min-width:0}.home-contact-name{color:#27304a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.home-contact-tag{color:#2a4a91;background:#dce9ff;border-radius:999px;padding:2px 7px;font-size:12px}.app.theme-dark .home-contact-tag{color:#cfe0ff;background:#1f3f86}.home-contact-email{color:#6b7484;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;display:block;overflow:hidden}.home-contact-empty{color:#6b7484;text-align:center;padding:12px 8px}.home-contact-self-section{border-top:1px solid #e2e7f0;margin-top:10px;padding-top:10px}.home-contact-item-self{background:#f4f9ff;padding:2px 0}.home-contact-item-self .home-contact-avatar{flex-basis:58px;width:76px;height:76px;padding:8px}.home-contact-item-self .home-contact-name{font-size:16px}.home-contact-item-self .home-contact-email{font-size:14px}.profile-modal-overlay{z-index:2200;background:#0c111b7a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal{background:#fff;border-radius:12px;flex-direction:column;width:min(640px,92vw);max-height:86vh;padding:18px;display:flex;position:relative;overflow:hidden}.profile-modal-close{color:#1d2535;background:#eff2f8;border:none;border-radius:999px;width:30px;height:30px;padding:0;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}.profile-modal h3{color:#1f2738;margin-bottom:4px}.profile-modal-top{text-align:center;border-bottom:1px solid #e2e7f0;padding:8px 8px 14px}.profile-modal-avatar{object-fit:cover;border-radius:50%;width:112px;height:112px;margin:0 auto 10px;display:block}.profile-modal-email{color:#667085;margin-bottom:10px}.profile-modal-actions{justify-content:center;gap:10px;margin-bottom:0;display:flex}.profile-posts-scroll{scrollbar-gutter:stable;flex:1;min-height:0;margin-right:-8px;padding-top:12px;padding-right:8px;overflow-y:auto}.profile-btn{color:#1f2738;cursor:pointer;background:#fff;border:1px solid #c8d4ef;border-radius:8px;padding:9px 14px}.profile-btn.primary{color:#fff;background:#2f57d8;border-color:#2f57d8}.profile-btn:disabled{opacity:.65;cursor:not-allowed}.profile-posts h4{color:#1f2738;margin-bottom:8px}.profile-post-item{border:1px solid #e2e7f0;border-radius:10px;margin-bottom:8px;padding:10px 11px}.profile-post-item-clickable{cursor:pointer}.profile-post-item-clickable:hover{background:#f5f8ff}.profile-post-date{color:#6b7484;margin-bottom:4px;font-size:12px}.profile-post-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.profile-modal-loading,.profile-modal-error{padding:10px 0}.profile-modal-error{color:#9d2822}.comments-modal-overlay{z-index:2300;background:#0d121e8f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.comments-modal{scrollbar-width:none;-ms-overflow-style:none;background:#f7fbff;border:1px solid #dfe6f4;border-radius:12px;flex-direction:column;width:min(760px,94vw);max-height:90vh;padding:14px;display:flex;position:relative;overflow:hidden auto}.comments-modal::-webkit-scrollbar{width:0;height:0}.comments-modal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.comments-modal-header h3{color:#1f2738}.comments-modal-close{color:#1d2535;cursor:pointer;background:#eff2f8;border:none;border-radius:999px;width:30px;height:30px;padding:0;font-size:18px;line-height:1}.comments-modal-post{margin:0}.comments-list{background:#fff;border:1px solid #e2e7f0;border-radius:12px;flex:none;min-height:auto;margin-top:12px;padding:10px;overflow:visible}.comment-item{border-radius:10px;align-items:flex-start;gap:10px;padding:8px;display:flex}.comment-item+.comment-item{margin-top:6px}.comment-item:hover{background:#f5f8ff}.comment-avatar{object-fit:cover;border-radius:50%;flex:0 0 36px;width:36px;height:36px}.comment-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:0 0 36px;width:36px;height:36px;padding:0}.comment-avatar-btn:focus-visible{outline-offset:2px;outline:2px solid #4f8cff}.comment-body{flex:1;min-width:0}.comment-header{align-items:baseline;gap:8px;display:flex}.comment-author{color:#1f2738;font-weight:700}.comment-meta{color:#6b7484;font-size:12px}.comment-content{color:#2f3748;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.comments-input{margin-top:12px}.comments-input.highlight{box-shadow:0 0 0 2px #8db1ff}.app.theme-dark .content{color:#dce5f7;background:#0f1625}.app.theme-dark .chat-list,.app.theme-dark .chat-area,.app.theme-dark .chat-header,.app.theme-dark .chat-info,.app.theme-dark .chat-input,.app.theme-dark .post-composer,.app.theme-dark .feed-post,.app.theme-dark .feed-placeholder,.app.theme-dark .home-contacts-column,.app.theme-dark .profile-modal,.app.theme-dark .popup-content,.app.theme-dark .modal-content,.app.theme-dark .profile-post-item,.app.theme-dark .comments-modal,.app.theme-dark .comments-list{color:#dce5f7;background:#131d2e;border-color:#273551}.app.theme-dark .chat-body{background:#0f1728}.app.theme-dark .card,.app.theme-dark .home-contact-item,.app.theme-dark .message.other .bubble{color:#dce5f7;background:#1a2740;border-color:#273551}.app.theme-dark .home-contact-item:hover{background:#223151}.app.theme-dark .profile-post-item-clickable:hover{background:#1b2943}.app.theme-dark .chat-item:hover,.app.theme-dark .chat-action-btn:hover,.app.theme-dark .theme-option:hover,.app.theme-dark .popup-content .close:hover,.app.theme-dark .modal-close:hover,.app.theme-dark .profile-modal-close:hover,.app.theme-dark .feed-post-action-btn:hover,.app.theme-dark .comment-item:hover,.app.theme-dark .comments-modal-close:hover{background:#253557}.app.theme-dark .chat-item.active{background:#2a3d63}.app.theme-dark .theme-options,.app.theme-dark .theme-option,.app.theme-dark .chat-list .search-bar input,.app.theme-dark .chat-input input,.app.theme-dark .post-composer textarea,.app.theme-dark .home-contact-search,.app.theme-dark .login-container input{color:#dce5f7;background:#111a2b;border-color:#304260}.app.theme-dark .theme-option.active,.app.theme-dark .chat-action-btn.active{color:#fff;background:#3e67e7}.app.theme-dark .chat-item{border-bottom-color:#273551}.app.theme-dark .home-contact-item,.app.theme-dark .contact-last-message,.app.theme-dark .contact-name,.app.theme-dark .home-contact-name,.app.theme-dark .home-contact-email,.app.theme-dark .home-contact-caption,.app.theme-dark .home-contact-empty,.app.theme-dark .feed-post-meta,.app.theme-dark .feed-post-content,.app.theme-dark .profile-email,.app.theme-dark .profile-modal-email,.app.theme-dark .profile-post-date,.app.theme-dark .timestamp,.app.theme-dark .typing,.app.theme-dark .date-divider,.app.theme-dark .message .username,.app.theme-dark .message .time,.app.theme-dark .setting-label,.app.theme-dark .app-title,.app.theme-dark .comment-meta,.app.theme-dark .comment-content{color:#b8c6df}.app.theme-dark .contact-name,.app.theme-dark .home-contact-name{color:#f1f6ff}.app.theme-dark .profile-name,.app.theme-dark .feed-post-author,.app.theme-dark .home-contacts-column h3,.app.theme-dark .post-composer h3,.app.theme-dark .profile-modal h3,.app.theme-dark .profile-posts h4,.app.theme-dark .comments-modal-header h3,.app.theme-dark .comment-author{color:#e7eefc}.app.theme-dark .date-divider{background:#263452d9}.app.theme-dark .setting-actions,.app.theme-dark .chat-header,.app.theme-dark .profile-modal-top,.app.theme-dark .home-contact-self-section,.app.theme-dark .chat-list .search-bar{border-color:#273551}.app.theme-dark .chat-header-contact:hover{background:#1f2f4b}.app.theme-dark .chat-header-avatar{border-color:#304260}.app.theme-dark .chat-header-name{color:#e7eefc}.app.theme-dark .profile-btn{color:#dce5f7;background:#1a2740;border-color:#304260}.app.theme-dark .popup-content .close,.app.theme-dark .profile-modal-close,.app.theme-dark .comments-modal-close{color:#dce5f7;background:#1a2740}.app.theme-dark .profile-btn.primary,.app.theme-dark .post-composer-actions button,.app.theme-dark .chat-input button,.app.theme-dark .chat-send-btn,.app.theme-dark .login-container button{background:#3e67e7;border-color:#3e67e7}.app.theme-dark .feed-note{color:#c9dcff;background:#1a2d4d;border-color:#34548b}.app.theme-dark .feed-post-actions{border-color:#273551}.app.theme-dark .feed-post-action-btn{color:#c9d7ef;background:#1a2740}.app.theme-dark .feed-post-action-btn.active{color:#eaf1ff;background:#2f4e9f}.app.theme-dark .comments-input.highlight{box-shadow:0 0 0 2px #4f7dff}.app.theme-dark .feed-error,.app.theme-dark .profile-modal-error,.app.theme-dark .error-message{color:#ffccd5;background:#3a1f2a;border-color:#6a3341}.app.theme-dark .success-message{color:#8ce9b7}@media (max-width:980px){.login-page{padding-top:20px}.login-shell{grid-template-columns:1fr;align-items:start;gap:20px}.login-panel{justify-content:center}.login-intro{text-align:center;margin:0 auto}.home-layout{grid-template-columns:1fr}.home-feed-column,.contact-list-items,.profile-posts-scroll{margin-right:0;padding-right:6px}.home-contacts-column{max-height:280px}}