/* XAM — тема в стиле социальной сети 2015 года */
:root{--bg:#fff;--panel:#fff;--panel2:#f7f7f7;--line:#dae1e8;--text:#000;--muted:#999;--cyan:#5e81a8;--violet:#2b587a;--pink:#c4383a;--green:#8ac176;--font:Tahoma,Verdana,Arial,sans-serif;
--vk-head:#597da3;--vk-head-b:#4e729a;--vk-link:#2b587a;--vk-btn:#6383a8;--vk-btn-h:#6d8cb0;--vk-hover:#e1e7ed;--vk-unread:#edf1f5;--vk-soft:#f7f7f7;--vk-sep:#e7e8ec;--vk-input:#c0cad5}
*{font-family:Tahoma,Verdana,Arial,sans-serif!important;letter-spacing:normal!important}
html,body{background:#fff;color:#000;font-size:11px}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid #9fb6cd;outline-offset:0}
a{color:var(--vk-link)}
.muted{color:#999}
.eyebrow{display:none}
*{scrollbar-color:#c3cfdb #fff!important}
*::-webkit-scrollbar{width:7px!important;height:7px!important}
*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:#fff!important}
*::-webkit-scrollbar-thumb{background:#c3cfdb!important;border:1px solid #fff!important;border-radius:4px!important}
*::-webkit-scrollbar-thumb:hover{background:#9fb6cd!important}
.primary,.details-panel .profile-message-btn,.details-panel #groupSettingsForm .primary{background:var(--vk-btn)!important;color:#fff!important;border:0!important;border-radius:2px!important;padding:7px 16px 8px!important;font-size:11px!important;font-weight:normal!important;box-shadow:none!important;min-height:0!important;transform:none!important;filter:none!important}
.primary:hover,.details-panel .profile-message-btn:hover{background:var(--vk-btn-h)!important}
.primary span{float:none;margin-left:4px}
.link-button{color:var(--vk-link);font-size:11px}
.link-button:hover{text-decoration:underline}
.auth-card input,.modal-card input,.modal-card textarea,.search-input,.details-panel #groupSettingsTitle,.details-panel #groupSettingsAvatar{background:#fff!important;border:1px solid var(--vk-input)!important;border-radius:2px!important;color:#000!important;padding:5px 6px!important;font-size:11px;box-shadow:none!important}
.auth-card input:focus,.modal-card input:focus,.modal-card textarea:focus,.search-input:focus{border-color:#a8b8c9!important;outline:0}
input[type=file]::file-selector-button,.details-panel #groupSettingsAvatar::file-selector-button{background:#dfe6ee!important;border:0!important;border-radius:2px!important;color:#45688e!important;padding:5px 10px!important;font-weight:normal!important}
input[type=file]::file-selector-button:hover{background:#d4dee9!important}
.ghost-btn{border:1px dashed #b5c3d2;color:var(--vk-link);border-radius:2px;font-weight:normal;padding:7px}
.ghost-btn:hover{background:var(--vk-soft)}
.leave-btn,.poll-close{background:#fff;border:1px solid #e3c4c5;color:var(--pink);border-radius:2px}
.leave-btn:hover{background:#fbf2f2}
.auth-wrap{background:#fff!important;justify-content:flex-start;padding:110px 18px 30px}
.auth-wrap::before{content:"";position:fixed;inset:0 0 auto 0;height:42px;background:var(--vk-head);border-bottom:1px solid var(--vk-head-b)}
.auth-wrap .brand{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100% - 32px,780px);height:42px;margin:0;z-index:1;color:#fff;gap:8px}
.brand b{font-size:16px!important;font-weight:bold;letter-spacing:1px!important}
.brand small{color:#d3dfeb!important;font-size:9px!important;margin-top:1px!important}
.brand-mark,.vk-mark{width:24px!important;height:24px!important;clip-path:none!important;background:#fff!important;color:var(--vk-head)!important;border-radius:3px;font-size:15px!important;box-shadow:none!important}
.auth-card{width:min(100%,360px);padding:20px 22px;background:var(--vk-soft)!important;border:1px solid #e4e8ed!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
.auth-card h1{font-size:13px;font-weight:bold;color:#45688e;margin:0 0 5px}
.auth-card p{font-size:11px}
.auth-card form{margin-top:14px}
.auth-card label{color:#555!important;font-size:11px!important;font-weight:bold;margin:10px 0}
.auth-card input{margin-top:4px}
.auth-card .tiny{color:#999}
.auth-foot{color:#999!important;font-size:10px!important}
.auth-foot span{color:#c5d0db}
.app-shell{background:#fff!important;grid-template-columns:minmax(0,1fr) 150px 290px minmax(0,660px) minmax(0,1fr)!important;grid-template-rows:42px minmax(0,1fr)!important}
.vk-head{grid-column:1/-1;grid-row:1;background:var(--vk-head);border-bottom:1px solid var(--vk-head-b);color:#fff;display:flex;justify-content:center;z-index:3}
.vk-head-in{width:min(100%,1100px);display:flex;align-items:center;gap:10px;padding:0 10px}
.vk-logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:bold}
.vk-mark{display:grid;place-items:center;font-weight:bold}
.vk-logo small{font-size:10px;font-weight:normal;color:#d3dfeb;margin-top:3px}
.vk-head-user{margin-left:auto;color:#fff;font-weight:bold}
.rail{grid-column:2!important;grid-row:2!important;background:#fff!important;border-right:0!important;align-items:stretch!important;padding:10px 10px 0 0!important;gap:0!important}
.rail-logo{display:none!important}
.rail-btn{width:100%!important;height:auto!important;display:flex!important;align-items:center;gap:6px;border:0!important;border-radius:0!important;background:none!important;color:var(--vk-link)!important;font-size:11px!important;text-align:left;padding:5px 6px!important}
.rail-btn:hover{background:var(--vk-hover)!important}
.rail-btn.active{font-weight:bold}
.rail-btn .ri{display:none;font-size:16px;color:#7996b5}
.rail-bottom{margin-top:8px!important;padding-top:8px;border-top:1px solid var(--vk-sep);gap:0!important}
.sidebar{grid-column:3!important;grid-row:2!important;background:#fff!important;border-left:1px solid var(--line)!important;border-right:1px solid var(--line)!important;min-height:0}
.chat-panel{grid-column:4!important;grid-row:2!important;background:#fff!important;border-right:1px solid var(--line)}
.side-head{padding:0 10px!important;height:40px;flex-shrink:0;background:var(--vk-soft);border-bottom:1px solid var(--vk-sep)}
.side-head h2{font-size:12px!important;font-weight:bold;color:#45688e;margin:0!important}
.live-dot{display:none}
.icon-btn{border:0!important;border-radius:2px!important;background:none!important;color:#7996b5!important;width:28px!important;height:28px!important;font-size:16px!important}
.icon-btn:hover{background:var(--vk-hover)!important;color:var(--vk-link)!important}
.search-box{margin:8px 10px!important;padding:4px 6px!important;background:#fff!important;border:1px solid var(--vk-input)!important;border-radius:2px!important;color:#a0aebd!important}
.search-box input{color:#000!important;font-size:11px!important}
.section-label{padding:2px 10px 6px!important;font-size:10px!important;color:#999!important}
.section-label span{color:#999!important}
.conversation-list{padding:0!important}
.conversation-item{border-radius:0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--vk-sep)!important;padding:8px 10px!important;gap:10px!important;background:#fff!important}
.conversation-item:hover{background:var(--vk-soft)!important}
.conversation-item:has(.unread){background:var(--vk-unread)!important}
.conversation-item.active{background:var(--vk-hover)!important}
.conv-top b{font-size:11px!important;color:var(--vk-link)}
.conv-time{font-size:10px!important;color:#999!important}
.conv-last{font-size:11px!important;color:#000!important;margin-top:4px!important}
.unread{background:var(--vk-btn)!important;color:#fff!important;border-radius:2px!important;font-size:9px!important;font-weight:bold}
.hide-chat-btn{background:none!important;border:0!important;color:#aab9c9!important;border-radius:2px!important}
.hide-chat-btn:hover{background:var(--vk-hover)!important;color:#45688e!important}
.side-user{background:var(--vk-soft)!important;border-top:1px solid var(--vk-sep)!important;padding:8px 10px!important}
.user-label b{color:var(--vk-link)}
.user-label small{color:#999!important;font-size:10px!important}
.avatar{border-radius:0!important;background:#dfe6ee!important;border:0!important;color:#7b93ad!important;font-weight:bold;width:50px;height:50px}
.side-user .avatar{width:30px!important;height:30px!important}
.avatar.large{width:34px!important;height:34px!important}
.person-row .avatar,.mention-item .avatar{width:34px!important;height:34px!important;border-radius:0!important}
.presence,.online-dot,.status-dot{background:#8ac176!important;box-shadow:none!important;width:6px!important;height:6px!important}
.chat-heading small.is-online{color:#999!important}
.orb{display:none}
.empty-state h1{font-size:13px!important;color:#45688e;font-weight:bold;margin:0 0 6px!important}
.empty-state p{font-size:11px!important;color:#999!important;margin:0 0 14px!important}
.chat-header{height:48px!important;background:var(--vk-soft)!important;border-bottom:1px solid var(--vk-sep)!important;padding:0 12px!important;gap:10px!important}
.chat-heading h3{font-size:11px!important;font-weight:bold;color:var(--vk-link);margin:0 0 3px!important}
.chat-heading small{font-size:10px!important;color:#999!important}
.mobile-back-btn{background:none!important;border:0!important;color:var(--vk-link)!important;border-radius:2px!important}
.pin-bar{background:#fff!important;border-bottom:1px solid var(--vk-sep)!important;padding:6px 12px!important}
.pin-body b,.reply-bar-body b{color:var(--vk-link)!important}
.pin-body span,.reply-bar-body span{color:#555!important}
.messages{padding:6px 0!important;gap:0!important;background:#fff;scroll-behavior:auto}
.message-row,.message-row.mine{max-width:100%!important;width:100%;align-self:stretch!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;padding:7px 80px 7px 12px;position:relative}
.message-row:hover{background:var(--vk-soft)}
.message-row.mine:has(.ticks:not(.read):not(.part)){background:var(--vk-unread)}
.message-avatar,.message-row.mine .message-avatar{display:grid!important;width:34px!important;height:34px!important;border-radius:0!important;font-size:11px!important}
.bubble-wrap{flex:1;min-width:0}
.sender-name{font-size:11px!important;font-weight:bold;color:var(--vk-link)!important;margin:0 0 3px!important}
.mine .bubble-wrap::before{content:var(--me-name,"Вы");display:block;font-size:11px;font-weight:bold;color:var(--vk-link);margin:0 0 3px}
.bubble,.mine .bubble{background:none!important;border:0!important;border-radius:0!important;padding:0!important;color:#000!important;font-size:11px!important;line-height:1.45!important}
.bubble a{color:var(--vk-link)!important;text-decoration:none!important}
.bubble a:hover{text-decoration:underline!important}
.bubble .fwd{color:#999!important}
.message-time{position:absolute;top:8px;right:12px;margin:0!important;font-size:10px!important;color:#999!important;white-space:nowrap}
.ticks{color:#b5c3d2!important;font-size:9px}
.ticks.read{color:var(--vk-btn)!important}
.message-actions{position:absolute!important;top:22px!important;right:8px!important;left:auto!important;opacity:0;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;gap:2px!important}
.message-row:hover .message-actions,.message-row.show-actions .message-actions{opacity:1!important;pointer-events:auto!important}
.message-actions button{background:#fff!important;border:1px solid #dae1e8!important;color:#7996b5!important;border-radius:2px!important;font-size:11px!important;padding:1px 5px!important}
.message-actions button:hover{color:var(--vk-link)!important;border-color:#b5c3d2!important}
.attachment{border-radius:0!important;margin-top:5px}
.attachment-clickable:hover{outline:0!important;opacity:.92}
.attachment-link{background:var(--vk-soft)!important;color:var(--vk-link)!important;border-radius:2px!important;padding:6px 8px!important}
.reply-quote{border-left:2px solid #c3d1e0!important;background:none!important;border-radius:0!important;padding:1px 0 1px 8px!important}
.reply-quote b{color:var(--vk-link)!important}
.reply-quote span{color:#555!important}
.reactions{margin-top:4px!important}
.mine .reactions{justify-content:flex-start!important}
.reaction{background:#fff!important;border:1px solid #dae1e8!important;color:#45688e!important;border-radius:2px!important;font-size:11px!important;padding:1px 6px!important}
.reaction span{color:#7996b5!important;font-size:10px!important}
.reaction.mine{background:var(--vk-hover)!important;border-color:#c3d1e0!important}
.day-sep span,.day-divider,.system-row span{background:none!important;border:0!important;color:#999!important;font-size:10px!important}
.day-sep{align-self:stretch!important;justify-content:center;border-bottom:1px solid var(--vk-sep);margin:4px 12px 2px!important;padding-bottom:2px}
.unread-divider{color:#5e81a8!important;font-size:10px!important;text-transform:none!important;font-weight:bold!important;padding:0 12px}
.unread-divider::before,.unread-divider::after{background:#c3d1e0!important}
.message-row.flash .bubble{animation:none}
.message-row.flash{animation:vkflash 1.8s ease}
@keyframes vkflash{0%,60%{background:#dfe6ee}100%{background:transparent}}
.message-row.mentions-me .bubble{box-shadow:none!important}
.message-row.mentions-me{background:#fdf8e4}
.mention{background:none!important;color:var(--vk-link)!important;padding:0!important;font-weight:bold}
.mention.me{background:#fbeeb8!important;color:#000!important;padding:0 2px!important}
.typing-line{color:#999!important;padding-left:56px!important;font-size:10px!important}
.composer{margin:0!important;border:0!important;border-top:1px solid var(--vk-sep)!important;border-radius:0!important;background:var(--vk-soft)!important;padding:10px 12px!important;gap:8px!important;align-items:flex-end}
.composer textarea{background:#fff!important;border:1px solid var(--vk-input)!important;border-radius:2px!important;color:#000!important;padding:6px 7px!important;font-size:11px!important;min-height:30px}
.composer textarea::placeholder{color:#999!important}
.attach-btn{width:30px!important;height:30px!important;background:none!important;color:#7996b5!important;border-radius:2px!important;font-size:20px!important}
.attach-btn:hover{background:var(--vk-hover)!important;color:var(--vk-link)!important}
.send-btn{width:auto!important;height:30px!important;padding:0 14px!important;background:var(--vk-btn)!important;color:#fff!important;border-radius:2px!important;font-size:11px!important}
.send-btn:hover{background:var(--vk-btn-h)!important}
.composer-note{margin:0!important;padding:0 12px 6px 54px;background:var(--vk-soft);color:#aaa!important;font-size:9px!important}
.reply-bar{margin:0!important;border:0!important;border-top:1px solid var(--vk-sep)!important;border-radius:0!important;background:var(--vk-soft)!important;padding:6px 12px!important}
.reply-bar+.composer{border-top:0!important}
.reply-bar button,.pin-bar button{color:#aab9c9!important}
.reply-bar button:hover,.pin-bar button:hover{color:var(--pink)!important}
.to-bottom{background:#fff!important;border:1px solid #c3d1e0!important;color:var(--vk-btn)!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;width:34px!important;height:34px!important;bottom:70px!important}
.to-bottom span{background:var(--vk-btn)!important;color:#fff!important;border-radius:2px!important;font-size:9px!important}
.chat-panel.drag-over{outline:2px dashed #9fb6cd!important}
.poll-opt{background:#fff!important;border:1px solid #dae1e8!important;border-radius:2px!important;color:#000!important;padding:6px 8px!important}
.poll-opt:not(:disabled):hover{border-color:#b5c3d2!important}
.poll-opt.sel{border-color:var(--vk-btn)!important}
.poll-bar{background:#e1e7ed!important}
.poll-mark{border-color:#b5c3d2!important;border-radius:2px!important}
.poll-opt.sel .poll-mark{background:var(--vk-btn)!important;border-color:var(--vk-btn)!important;color:#fff!important}
.poll-meta,.poll-foot,.poll-pct small{color:#999!important}
.poll-opt-row button{background:#fff!important;border:1px solid #dae1e8!important;border-radius:2px!important}
.modal{background:rgba(0,0,0,.5)!important;backdrop-filter:none!important}
.modal-card{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:0 2px 10px rgba(0,0,0,.35)!important;padding:16px 20px 20px!important;color:#000}
.modal-card h2{margin:-16px -20px 14px!important;padding:11px 50px 11px 20px;background:var(--vk-head);color:#fff;font-size:12px!important;font-weight:bold}
.modal-close{top:5px!important;right:6px!important;color:#c7d6e6!important}
.modal-close:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
.modal-card label{color:#555!important;font-size:11px!important}
.modal-card p{font-size:11px}
.modal-card label.person-row,.person-row{border-radius:0!important;border-bottom:1px solid var(--vk-sep)!important;color:#000!important;font-size:11px!important}
.modal-card label.person-row:hover{background:var(--vk-soft)!important}
.modal-card label.person-row:has(input:checked){background:var(--vk-unread)!important}
.modal-card label.person-row input[type=checkbox],.modal-card label.check-row input[type=checkbox]{width:14px!important;height:14px!important;border:1px solid #b5c3d2!important;border-radius:2px!important;background-color:#fff!important}
.modal-card label.person-row input[type=checkbox]:checked,.modal-card label.check-row input[type=checkbox]:checked{background-color:var(--vk-btn)!important;border-color:var(--vk-btn)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E")!important}
.modal-card label.check-row{color:#000!important}
.person-row b{color:var(--vk-link)}
.person-row small{color:#999!important}
.person-row button,.member-actions button,.admin-user button,.file-dl,.file-go{background:#dfe6ee!important;border:0!important;color:#45688e!important;border-radius:2px!important;padding:5px 9px!important}
.person-row button:hover,.member-actions button:hover,.admin-user button:hover,.file-dl:hover,.file-go:hover{background:#d4dee9!important}
.member-actions button.danger,.admin-user button.danger{color:var(--pink)!important;background:#f5e7e7!important}
.admin-user{border-bottom:1px solid var(--vk-sep)!important}
.fwd-preview{background:var(--vk-soft)!important;border-left:2px solid #c3d1e0!important;color:#555!important;border-radius:0!important}
.pw-box summary{color:var(--vk-link)!important}
.search-hit{border-radius:0!important;border-bottom:1px solid var(--vk-sep)!important}
.search-hit:hover{background:var(--vk-soft)!important}
.hit-top b{color:var(--vk-link)!important}
.hit-text{color:#000!important}
.popover,.mention-pop{background:#fff!important;border:1px solid #c5d0db!important;border-radius:0!important;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;padding:3px!important}
.menu-list button,.mention-item{color:#000!important;border-radius:0!important;font-size:11px!important;padding:6px 10px!important}
.menu-list button:hover,.mention-item:hover,.mention-item.active{background:var(--vk-hover)!important}
.menu-list button.danger{color:var(--pink)!important}
.emoji-pick button{border-radius:2px!important}
.emoji-pick button:hover{background:var(--vk-hover)!important}
.toast{background:#fff!important;border:1px solid #c5d0db!important;border-radius:0!important;box-shadow:0 1px 6px rgba(0,0,0,.2)!important;color:#000!important;font-size:11px!important}
.toast.error{border-color:#e3c4c5!important;color:var(--pink)!important}
.toast.success{border-color:#c3d1e0!important;color:#45688e!important}
.details-panel{background:#fff!important;border-left:1px solid var(--line)!important;box-shadow:-2px 0 8px rgba(0,0,0,.08)!important;color:#000}
.details-panel .close-details{background:none!important;border:0!important}
.details-panel .profile-card{background:none!important;border:0!important;border-bottom:1px solid var(--vk-sep)!important;border-radius:0!important;padding:20px 0!important}
.details-panel .profile-card .avatar,.profile-card .avatar{border-radius:0!important;box-shadow:none!important;width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;max-width:100px!important;max-height:100px!important;margin:0 auto 12px!important;font-size:24px!important}
.modal-card img{border-radius:0!important}
.details-panel .profile-card h3{font-size:13px!important;color:#000}
.details-panel .profile-status,.details-panel .profile-description{color:#999!important;font-size:11px!important}
.details-panel .details-label{color:#45688e!important;font-size:11px!important;font-weight:bold;border-bottom:1px solid var(--vk-sep);padding-bottom:4px;margin:16px 0 8px!important}
.details-panel .profile-info-list{background:none!important;border:0!important;padding:0!important}
.profile-info-item{border-bottom:0!important;padding:4px 0!important}
.profile-info-item span{color:#999!important;font-size:11px!important}
.profile-info-item b{font-weight:normal;color:var(--vk-link);font-size:11px!important}
.profile-member{border-radius:0!important}
.details-panel #groupSettingsForm label{color:#555!important;font-size:11px!important}
.details-tabs{background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:0!important;gap:0!important}
.details-tabs button{border-radius:0!important;color:var(--vk-link)!important;font-weight:normal!important;font-size:11px!important;padding:7px 4px!important;border-bottom:2px solid transparent!important}
.details-tabs button.active{background:none!important;border-bottom-color:var(--vk-btn)!important;color:#000!important}
.media-cell{border:0!important;border-radius:0!important;background:#eee!important}
.file-row{border-bottom:1px solid var(--vk-sep)!important}
.file-meta b{color:var(--vk-link)}
.upload-progress-row{background:var(--vk-soft)!important;border:1px solid var(--vk-sep)!important;border-radius:0!important;align-self:stretch!important;width:auto!important;margin:4px 12px}
.upload-spinner::before{background:var(--vk-soft)!important}
.upload-spinner span{color:#45688e!important}
.upload-progress-info small{color:#999!important}
.upload-progress-track{background:#dfe6ee!important;border-radius:0!important}
.upload-progress-fill{background:var(--vk-btn)!important}
@media(max-width:1000px){
 .app-shell{grid-template-columns:0 44px 250px minmax(0,1fr) 0!important}
 .rail{padding:8px 4px 0!important}
 .rail-btn{justify-content:center;padding:6px 0!important}
 .rail-btn .rl{display:none}
 .rail-btn .ri{display:inline}
 .sidebar{border-left:0!important}
}
@media(max-width:640px){
 .app-shell{grid-template-columns:0 44px minmax(0,1fr) 0 0!important;grid-template-rows:40px minmax(0,1fr)!important}
 .sidebar,.chat-panel{grid-column:3!important;border-right:0}
 .vk-head-user{display:none}
 .message-row,.message-row.mine{padding:7px 60px 7px 8px}
 .composer-note{display:none}
 .auth-wrap{padding-top:70px}
}
/* --- v2: счётчик, статус, стикеры, выделение, стена --- */
.rail-btn{position:relative}
.vk-count{margin-left:auto;color:var(--vk-link);font-weight:bold;font-size:11px}
.vk-count:empty{display:none}
.vk-btn-sec{background:#dfe6ee;color:#45688e;border:0;border-radius:2px;padding:6px 12px;font-size:11px;cursor:pointer}
.vk-btn-sec:hover{background:#d4dee9}
.vk-btn-sec.wide{display:block;width:100%;margin:0}
.vk-linkbtn{background:none;border:0;padding:0;color:var(--vk-link);font-size:11px;cursor:pointer}
.vk-linkbtn:hover{text-decoration:underline}
.my-status{display:block;margin-top:2px!important;color:#555!important;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-status:hover{background:#e9edf1}
.my-status.empty{color:#999!important;font-style:italic}
.vk-status-form{display:flex;gap:6px;padding:6px;width:min(320px,85vw)}
.vk-status-form input{flex:1;min-width:0;border:1px solid var(--vk-input);border-radius:2px;padding:5px 6px;font-size:11px}
.vk-status-form .primary{padding:5px 10px!important}
.sticker-btn{font-size:18px!important}
.vk-stickers{display:grid;grid-template-columns:repeat(4,72px);gap:2px;padding:4px;max-height:min(330px,60vh);overflow-y:auto}
.vk-stickers button{width:72px;height:72px;padding:4px;border:0;background:none;border-radius:3px;cursor:pointer}
.vk-stickers button:hover{background:var(--vk-hover)}
.vk-stickers img{width:64px;height:64px;display:block}
.bubble img.sticker{width:128px;height:128px;display:block;margin-top:2px}
.message-row.vk-sel,.message-row.vk-sel:hover{background:#dae2ec!important}
.message-row.vk-sel::after{content:"✓";position:absolute;left:2px;top:9px;width:12px;height:12px;line-height:12px;font-size:9px;text-align:center;color:#fff;background:var(--vk-btn);border-radius:2px}
@media(hover:hover){.message-row{cursor:default}.chat-view .messages .message-row:not(.system-row){cursor:pointer}}
.vk-selbar{height:48px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--vk-soft);border-bottom:1px solid var(--vk-sep)}
.vk-sel-count{font-weight:bold;color:#45688e}
.vk-sel-x{border:0;background:none;color:#aab9c9;font-size:13px;cursor:pointer;padding:2px 4px}
.vk-sel-x:hover{color:#45688e}
.vk-sel-acts{margin-left:auto;display:flex;gap:6px}
.chat-view.vk-selecting .chat-header{display:none!important}
.vk-page{padding-top:28px}
.vk-page-top{display:flex;gap:12px;align-items:flex-start}
.details-panel .vk-page-ava,.vk-page-ava{width:100px!important;height:100px!important;font-size:26px!important;flex-shrink:0}
.vk-page-info{min-width:0;flex:1;padding-top:2px}
.vk-page-name b{display:block;font-size:13px;color:#000;overflow-wrap:anywhere}
.vk-online{display:block;color:#999;font-size:10px;margin-top:2px}
.vk-status{margin-top:8px;color:#000;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.vk-status-own{cursor:pointer;padding:2px 3px;margin-left:-3px}
.vk-status-own:hover{background:#e9edf1}
.vk-status.empty{color:#999;font-style:italic}
.vk-page-actions{margin:12px 0 4px}
.vk-info{margin-top:10px!important;border-top:1px solid var(--vk-sep)!important;padding-top:6px!important}
.vk-info .profile-info-item{justify-content:flex-start!important;gap:6px!important}
.vk-info .profile-info-item span{width:70px;flex-shrink:0}
.vk-info .profile-info-item b{text-align:left!important;color:#000!important}
.vk-wall{margin-top:14px}
.vk-wall-head{font-weight:bold;color:#45688e;border-bottom:1px solid var(--vk-sep);padding-bottom:5px;margin-bottom:8px}
.vk-wall-head span{font-weight:normal;color:#999;margin-left:6px}
.vk-wall-form{background:var(--vk-soft);border:1px solid var(--vk-sep);padding:8px;margin-bottom:6px}
.vk-wall-form textarea,.vk-comment-form textarea{display:block;width:100%;resize:vertical;min-height:32px;border:1px solid var(--vk-input);border-radius:2px;padding:5px 6px;font-size:11px;background:#fff;color:#000}
.vk-wall-row{display:flex;align-items:center;gap:8px;margin-top:6px}
.vk-attach{color:var(--vk-link);cursor:pointer;font-size:11px}
.vk-attach:hover{text-decoration:underline}
.vk-file-name{flex:1;min-width:0;color:#999;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-wall-row .primary{margin-left:auto;padding:5px 12px!important}
.vk-stale{background:#fdf8e4;border:1px solid #f0e2b0;padding:5px 8px;margin-bottom:6px;font-size:11px}
.vk-empty{color:#999;text-align:center;padding:18px 0}
.vk-post{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--vk-sep)}
.vk-ulink{cursor:pointer;text-decoration:none}
.vk-p-ava{width:40px!important;height:40px!important;font-size:12px!important}
.vk-c-ava{width:26px!important;height:26px!important;font-size:9px!important}
.vk-post-main{flex:1;min-width:0}
.vk-post-head{display:flex;align-items:flex-start;gap:6px}
.vk-name{color:var(--vk-link);font-weight:bold}
.vk-name:hover{text-decoration:underline}
.vk-x{margin-left:auto;border:0;background:none;color:#c5ced8;cursor:pointer;font-size:11px;padding:0 2px}
.vk-x:hover{color:#45688e}
.vk-post-text{margin-top:3px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.vk-post-text a,.vk-c-text a{color:var(--vk-link);text-decoration:none}
.vk-post-img{display:block;max-width:100%;max-height:300px;margin-top:6px;cursor:zoom-in}
.vk-post-foot{display:flex;align-items:center;gap:6px;margin-top:6px;color:#999;font-size:10px}
.vk-date{color:#999;font-size:10px}
.vk-dot{color:#ccc}
.vk-like{margin-left:auto;border:0;background:none;color:#7996b5;font-size:11px;cursor:pointer;padding:2px 4px;border-radius:2px;white-space:nowrap}
.vk-like:hover{background:var(--vk-hover)}
.vk-heart{color:#c5d0db}
.vk-like.on{color:#45688e}
.vk-like.on .vk-heart{color:#e2445c}
.vk-comments{margin-top:4px}
.vk-comment{display:flex;gap:7px;padding:6px 0 4px;border-top:1px solid #f0f2f5}
.vk-c-main{flex:1;min-width:0;line-height:1.4;overflow-wrap:anywhere}
.vk-c-foot{display:flex;gap:8px;margin-top:2px}
.vk-comment-form{display:flex;gap:6px;align-items:flex-start;margin-top:6px;padding-top:6px;border-top:1px solid #f0f2f5}
.vk-comment-form.hidden{display:none}
.vk-comment-form textarea{flex:1;min-height:26px}
.vk-comment-form .primary{padding:5px 10px!important}
.vk-more{display:block;width:100%;margin:8px 0;padding:7px;border:0;background:var(--vk-soft);color:var(--vk-link);cursor:pointer;font-size:11px}
.vk-more:hover{background:var(--vk-hover)}
.profile-member[data-uid] .member-meta b,.profile-member[data-uid] .avatar,.message-avatar,.sender-name{cursor:pointer}
#peopleResults .person-row{cursor:pointer}
#peopleResults .person-row:hover{background:var(--vk-soft)}
@media(max-width:1000px){
 .vk-count{position:absolute;top:0;right:2px;margin:0;background:var(--vk-btn);color:#fff;border-radius:2px;padding:0 3px;font-size:9px;line-height:13px}
}
@media(max-width:640px){
 .vk-sel-acts .vk-btn-sec{padding:6px 8px}
 .vk-page-ava{width:80px!important;height:80px!important}
}
.details-tabs:empty{display:none!important}
.vk-page{padding-top:20px}
/* --- v3: разделы, друзья, новости, ответы, фото, всплывашки --- */
.chat-panel.vk-section-open>:not(#vkSection){display:none!important}
.vk-section{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff}
.vk-section.hidden{display:none!important}
.vk-sec-head{display:flex;align-items:flex-end;gap:8px;min-height:40px;padding:0 12px;background:var(--vk-soft);border-bottom:1px solid var(--vk-sep);flex-shrink:0}
.vk-sec-back{display:none;border:0;background:none;color:var(--vk-link);font-size:24px;line-height:1;padding:0 6px 8px;cursor:pointer}
.vk-sec-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 20px}
.vk-tabs{display:flex;gap:2px;flex-wrap:wrap;min-width:0}
.vk-tab{border:0;background:none;padding:12px 10px 9px;color:var(--vk-link);font-size:11px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.vk-tab:hover{background:#eceff2}
.vk-tab.active{color:#000;border-bottom-color:var(--vk-btn)}
.vk-tab span{color:#999;margin-left:3px}
.vk-tab .vk-tab-badge{background:var(--vk-btn);color:#fff;border-radius:2px;padding:0 4px;font-weight:bold}
.vk-sound{margin-left:auto;padding-bottom:12px!important;white-space:nowrap}
.vk-sub-head{font-weight:bold;color:#45688e;border-bottom:1px solid var(--vk-sep);padding:10px 0 5px;margin-bottom:2px}
.vk-fsearch{margin-bottom:6px}
.vk-fsearch input{width:100%;border:1px solid var(--vk-input);border-radius:2px;padding:6px 8px;font-size:11px}
.vk-frow{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--vk-sep)}
.vk-fr-ava{width:80px!important;height:80px!important;font-size:20px!important}
.vk-fr-main{flex:1;min-width:0;padding-top:2px}
.vk-fr-sub{color:#999;font-size:10px;margin-top:3px}
.vk-fr-status{color:#000;margin-top:5px;overflow-wrap:anywhere}
.vk-fr-acts{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;padding-top:2px}
.vk-friend-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.vk-friend-row .primary,.vk-friend-row .vk-btn-sec{flex:1;min-width:0;padding:6px 10px!important}
.vk-friend-row .vk-btn-sec[disabled]{opacity:1;cursor:default}
.vk-counters{display:flex;margin:10px 0 2px;border-top:1px solid var(--vk-sep);border-bottom:1px solid var(--vk-sep)}
.vk-counters a{flex:1;text-align:center;padding:7px 2px;color:#999;cursor:pointer;font-size:10px}
.vk-counters a:hover{background:var(--vk-soft)}
.vk-counters b{display:block;color:#45688e;font-size:14px;margin-bottom:1px}
.vk-block{margin-top:12px}
.vk-block-head{display:block;font-weight:bold;color:#45688e;border-bottom:1px solid var(--vk-sep);padding-bottom:5px;margin-bottom:8px;cursor:pointer}
.vk-block-head:hover{text-decoration:underline}
.vk-block-head span{font-weight:normal;color:#999;margin-left:4px}
.vk-friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 4px}
.vk-fcell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.vk-fcell span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--vk-link);font-size:10px}
.vk-f-ava{width:50px!important;height:50px!important;font-size:14px!important}
.vk-photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.vk-photo-strip img{width:100%;aspect-ratio:1;object-fit:cover;display:block;cursor:zoom-in}
.vk-online.mobile::after,.vk-fr-sub.mobile::after{content:"";display:inline-block;width:6px;height:10px;margin-left:4px;border:1.5px solid #9fb6cd;border-radius:2px;vertical-align:-1px}
.presence.mobile{width:6px!important;height:9px!important;border-radius:2px!important;background:none!important;border:1.5px solid #8ac176!important}
.vk-shared{color:#999;font-weight:normal}
.vk-pin-label{color:#999;font-size:10px;margin-bottom:3px}
.vk-pin-label::before{content:"📌 "}
.vk-repost{margin-top:6px;padding:2px 0 2px 10px;border-left:2px solid #dae1e8}
.vk-repost-gone{color:#999;font-style:italic}
.vk-repost-head{display:flex;gap:7px;align-items:center;margin-bottom:3px}
.vk-r-ava{width:30px!important;height:30px!important;font-size:10px!important}
.vk-foot-right{margin-left:auto;display:flex;gap:2px;align-items:center}
.vk-foot-right .vk-like{margin-left:0}
.vk-share{border:0;background:none;color:#7996b5;font-size:11px;cursor:pointer;padding:2px 4px;border-radius:2px;filter:grayscale(1);opacity:.6}
.vk-share:hover{background:var(--vk-hover);opacity:1}
.vk-share.on{filter:none;opacity:1;color:#45688e}
.vk-post.vk-flash{animation:vkflash 1.8s ease}
.vk-post.vk-pinned{border-bottom:1px solid #c3d1e0}
.vk-share-preview{background:var(--vk-soft);border-left:2px solid #c3d1e0;padding:8px 10px;margin:0 0 10px;line-height:1.4;overflow-wrap:anywhere}
.vk-sec-body .vk-posts{max-width:560px}
.vk-sec-body .vk-wall-form{max-width:560px}
.vk-sec-body .vk-post-img{max-height:420px}
.vk-sec-body .vk-p-ava{width:50px!important;height:50px!important}
.vk-ph-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.vk-upload{cursor:pointer;display:inline-block}
.vk-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.vk-album{cursor:pointer;display:block}
.vk-album-cover{position:relative;display:block;aspect-ratio:4/3;background:#e7ebf0;overflow:hidden}
.vk-album-cover img{width:100%;height:100%;object-fit:cover;display:block}
.vk-album-empty{position:absolute;inset:0;display:grid;place-items:center;color:#a0aebd}
.vk-album-title{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:6px;padding:6px 8px;background:rgba(0,0,0,.55);color:#fff;font-weight:bold}
.vk-album-title em{font-style:normal;font-weight:normal;color:#ddd}
.vk-album:hover .vk-album-title{background:rgba(0,0,0,.7)}
.vk-ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px}
.vk-ph{position:relative;aspect-ratio:1;background:#eee;overflow:hidden}
.vk-ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.vk-ph-x{position:absolute;top:4px;right:4px;border:0;background:rgba(0,0,0,.55);color:#fff;border-radius:2px;font-size:10px;padding:2px 5px;cursor:pointer;opacity:0}
.vk-ph:hover .vk-ph-x{opacity:1}
.vk-ph-cap{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:rgba(0,0,0,.5);color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-ans{display:flex;gap:10px;align-items:flex-start;padding:10px 8px;border-bottom:1px solid var(--vk-sep);cursor:pointer}
.vk-ans:hover{background:var(--vk-soft)}
.vk-ans.vk-ans-new{background:var(--vk-unread)}
.vk-ans-ava{width:50px!important;height:50px!important}
.vk-ans-main{flex:1;min-width:0;line-height:1.45;overflow-wrap:anywhere}
.vk-ans-main .vk-date{margin-top:3px}
.vk-ans-quote{margin-top:4px;color:#000;background:#fff;border-left:2px solid #c3d1e0;padding:3px 8px}
.vk-ans-acts{display:flex;gap:6px;margin-top:6px}
.vk-ans-img{width:60px;height:60px;object-fit:cover;flex-shrink:0}
.vk-popups{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}
.vk-popup{pointer-events:auto;position:relative;display:flex;gap:10px;align-items:flex-start;width:min(300px,calc(100vw - 32px));padding:10px 26px 10px 10px;background:rgba(242,245,248,.97);border:1px solid #c5d0db;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;line-height:1.4;animation:vkpop .25s ease;transition:opacity .4s}
.vk-popup.out{opacity:0}
.vk-popup:hover{background:#fff}
.vk-popup-ava{width:42px!important;height:42px!important;font-size:12px!important}
.vk-popup-body{flex:1;min-width:0;overflow-wrap:anywhere}
.vk-popup-body b{color:var(--vk-link)}
.vk-popup-text{color:#000;margin-top:2px;max-height:3.9em;overflow:hidden}
.vk-popup-x{position:absolute;top:4px;right:4px;border:0;background:none;color:#aab9c9;cursor:pointer;font-size:11px}
@keyframes vkpop{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.rail-btn .vk-count{order:3}
@media(max-width:640px){
 .vk-sec-back{display:block}
 .vk-sec-body{padding:10px}
 .vk-fr-ava{width:56px!important;height:56px!important}
 .vk-frow{flex-wrap:wrap}
 .vk-fr-acts{flex-direction:row;width:100%;justify-content:flex-end}
 .vk-popups{left:8px;bottom:8px}
 .vk-sound{display:none}
}
.vk-post-foot{flex-wrap:wrap;row-gap:2px}
.vk-post-foot .vk-date{white-space:nowrap}
.details-panel .vk-like-label{display:none}
.details-panel .vk-foot-right{margin-left:auto}
/* --- v4: окна в стиле ВК 2015 и адаптив --- */
.modal{background:rgba(0,0,0,.55)!important;padding:40px 16px!important;align-items:flex-start!important;overflow-y:auto}
.modal-card.vk-box{display:flex;flex-direction:column;width:min(100%,460px)!important;max-height:calc(100dvh - 80px)!important;overflow:hidden!important;padding:0!important;margin:0 auto;border-radius:0!important;box-shadow:0 2px 10px rgba(0,0,0,.35)!important}
.vk-box-small{width:min(100%,410px)!important}
.vk-box-title{flex-shrink:0;padding:11px 44px 11px 18px;background:#597da3;border-bottom:1px solid #4e729a;color:#fff;font-weight:bold;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-box .modal-close{position:absolute!important;top:4px!important;right:6px!important;z-index:2;width:30px!important;height:30px!important;color:#c7d6e6!important;font-size:18px!important;background:none!important}
.vk-box .modal-close:hover{color:#fff!important;background:rgba(255,255,255,.12)!important}
.vk-box #modalContent,.vk-box-body{flex:1;min-height:0;overflow-y:auto;padding:16px 18px;line-height:1.45}
.vk-box-body p{margin:0;font-size:11px}
.vk-box-input{display:block;width:100%;border:1px solid var(--vk-input);border-radius:2px;padding:6px 7px;font-size:11px;resize:vertical;color:#000;background:#fff}
.vk-box-foot{flex-shrink:0;display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;background:var(--vk-soft);border-top:1px solid var(--vk-sep)}
.vk-box-foot .primary,.vk-box-foot .vk-btn-sec{width:auto!important;margin:0!important;padding:7px 16px 8px!important}
.vk-box-foot .vk-btn-sec{order:-1}
.primary.vk-danger{background:#c4473b!important}
.primary.vk-danger:hover{background:#d0574b!important}
.vk-confirm{z-index:80!important;align-items:flex-start!important;padding-top:20vh!important}
.vk-box #modalContent>p:first-child{margin-top:0}
.vk-box #modalContent h3{font-size:12px;color:#45688e;margin:14px 0 8px}
.vk-box #modalContent label{display:block;font-weight:bold;color:#555!important;margin:12px 0 0}
.vk-box #modalContent label input,.vk-box #modalContent label textarea{margin-top:5px!important;font-weight:normal}
.vk-box #modalContent>input,.vk-box #peopleSearch{display:block;width:100%;margin:10px 0 6px;padding:6px 7px!important;border:1px solid var(--vk-input)!important;border-radius:2px!important;font-size:11px}
.vk-box .people-results{margin-top:8px;border-top:1px solid var(--vk-sep)}
.vk-box .person-row{padding:8px 4px!important;gap:10px!important}
.vk-box .person-row .avatar{width:34px!important;height:34px!important}
.vk-box .person-row b{font-size:11px}
.vk-box .person-row button{margin-left:auto}
.vk-box .vk-form-btn{width:auto!important;display:block;margin:14px 0 0 auto!important}
.vk-box .avatar-edit-preview{display:flex;justify-content:flex-start;margin:0 0 6px}
.vk-box .avatar-edit-preview img,.vk-box .avatar-edit-preview .avatar{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important;border-radius:0!important;margin:0!important;object-fit:cover}
.vk-box .pw-box{margin:16px 0 4px;padding-top:10px;border-top:1px solid var(--vk-sep)}
.vk-box .pw-box summary{font-size:11px}
.vk-box .admin-user{grid-template-columns:1fr auto;padding:8px 0!important}
.vk-box .admin-user b{color:var(--vk-link);font-size:11px}
.vk-box .admin-user small{color:#999!important;font-size:10px}
.vk-box .poll-form-label{font-weight:bold;color:#555!important;margin:14px 0 4px}
.vk-box .poll-opt-row input{padding:6px 7px!important}
.vk-box .poll-opt-row button{height:30px!important;width:30px!important;margin-top:5px!important}
.vk-box .check-row{font-weight:normal!important;color:#000!important;display:flex!important;align-items:center;gap:8px}
.vk-box .fwd-preview,.vk-box .vk-share-preview{margin:0 0 10px}
.vk-box .muted{font-size:11px}
.media-viewer{background:rgba(0,0,0,.88)!important;backdrop-filter:none!important}
.media-viewer-toolbar{background:rgba(0,0,0,.45)!important;border:0!important;border-radius:0!important;color:#fff}
.media-viewer-toolbar span{color:#ddd!important}
.media-viewer-toolbar a{color:#c7d6e6!important}
.media-viewer-toolbar button,.media-zoom-controls button,.media-zoom-controls span{background:rgba(255,255,255,.08)!important;border:0!important;border-radius:2px!important;color:#fff!important}
.media-viewer-toolbar button:hover,.media-zoom-controls button:hover{background:rgba(255,255,255,.18)!important}
.media-viewer-stage{background:none!important;border:0!important;border-radius:0!important}
.gallery-nav{background:rgba(0,0,0,.35)!important;border:0!important;border-radius:2px!important;color:#fff!important}
.gallery-bar{background:rgba(0,0,0,.55)!important;border:0!important;border-radius:2px!important}
.gallery-bar button{background:rgba(255,255,255,.12)!important;border:0!important;color:#fff!important;border-radius:2px!important}
.gallery-pos{color:#ddd!important}
@media(max-width:640px){
 .modal{padding:0!important;align-items:stretch!important}
 .modal-card.vk-box{width:100%!important;max-width:none!important;height:100dvh;max-height:100dvh!important;box-shadow:none!important}
 .vk-confirm{padding:0 12px!important;align-items:center!important}
 .vk-confirm .modal-card.vk-box{height:auto;max-height:80dvh!important}
 .vk-box-title{padding:13px 48px 13px 14px;font-size:13px}
 .vk-box .modal-close{top:6px!important;right:6px!important;width:36px!important;height:36px!important}
 .vk-box #modalContent,.vk-box-body{padding:14px}
 .vk-box-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
 .vk-box-foot .primary,.vk-box-foot .vk-btn-sec{flex:1;padding:10px 12px!important;font-size:12px!important}
 .vk-box .person-row{padding:10px 4px!important}
 .vk-box .admin-user{grid-template-columns:1fr}
 .vk-box .admin-user>div:last-child{display:flex;gap:6px}
 .vk-box-input,.vk-box #modalContent input,.vk-box #modalContent textarea,.vk-status-form input,.vk-fsearch input,.vk-wall-form textarea,.vk-comment-form textarea,.composer textarea,.search-box input{font-size:16px!important}
}
.modal{z-index:50!important}
.vk-confirm{z-index:85!important}
.toast{z-index:120!important}
.vk-popups{z-index:110}
.vk-box #modalContent label.person-row{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;font-weight:normal!important;color:#000!important;padding:7px 4px!important}
.vk-box #modalContent label.person-row span{font-weight:bold;color:var(--vk-link)}
.vk-box #modalContent label.check-row{margin:10px 0 0!important}
@media(max-width:640px){
 .vk-sec-head{align-items:stretch;padding:0 6px 0 0}
 .vk-sec-back{align-self:center;padding:0 8px}
 .vk-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1}
 .vk-tabs::-webkit-scrollbar{display:none}
 .vk-tab{padding:12px 8px 9px}
 .rail-btn .vk-count{top:-3px!important;right:-1px!important}
}
.auth-card input{font-weight:normal!important}
@media(max-width:640px){.auth-card input{font-size:16px!important;padding:8px 9px!important}}
#codeLabel input{letter-spacing:6px;font-size:16px!important;font-weight:bold!important;text-align:center}
.auth-card .link-button+.link-button{margin-top:8px}
#authForgot{margin-top:12px}
/* ===================== v7: ближе к скриншотам ===================== */
:root{--vk-head:#4a76a8;--vk-head-b:#4a76a8;--vk-btn:#5181b8;--vk-btn-h:#5b88bd;--vk-link:#2a5885;--vk-page:#edeef0;--vk-card:0 1px 0 0 #d7d8db,0 0 0 1px #e3e4e8;--vk-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Open Sans","Helvetica Neue",Arial,sans-serif}
*{font-family:var(--vk-font)!important}
html,body{font-size:13px;background:var(--vk-page)}
.vk-drawer-me,.vk-shade,.vk-burger,.vk-mtitle,.vk-mact{display:none}
.vk-hbtn{border:0;background:none;color:#fff;cursor:pointer;display:grid;place-items:center;position:relative;padding:0}

/* ---- шапка ---- */
.vk-head{background:var(--vk-head)!important;border-bottom:0!important}
.vk-head-in{width:min(100%,1175px)!important;padding:0!important;gap:0!important}
.vk-logo{width:165px;flex-shrink:0;gap:8px!important;font-size:17px!important;letter-spacing:.5px}
.vk-logo small{display:none}
.vk-hsearch{position:relative;width:295px;height:28px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#224b7a;border-radius:14px;color:#a8bdd6;flex-shrink:0}
.vk-hsearch svg{width:15px;height:15px;flex-shrink:0}
.vk-hsearch input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:#fff;font-size:13px}
.vk-hsearch input::placeholder{color:#a8bdd6}
.vk-hsearch input::-webkit-search-cancel-button{filter:invert(1)}
.vk-hsearch:focus-within{background:#fff;color:#828a99}.vk-hsearch:focus-within input{color:#000}.vk-hsearch:focus-within input::placeholder{color:#93a3b5}
.vk-hresults{position:absolute;top:34px;left:0;width:360px;max-height:430px;overflow-y:auto;background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 0 0 1px #d3d9de,0 10px 30px rgba(0,0,0,.12);z-index:90;padding:4px 0}
.vk-hresults.hidden{display:none}
.vk-hr-head{padding:8px 14px 4px;color:#828a99;font-size:12px}
.vk-hr-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 14px;border:0;background:none;text-align:left;cursor:pointer}
.vk-hr-row:hover{background:#f0f2f5}
.vk-hr-row b{display:block;color:#2a5885;font-size:13px}.vk-hr-row small{display:block;color:#828a99;font-size:12px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.vk-hr-ava{width:34px!important;height:34px!important;border-radius:50%!important;font-size:11px!important}
.vk-hr-empty{padding:14px;color:#828a99;text-align:center}
.vk-bell{width:48px;height:42px;margin-left:12px;opacity:.85}.vk-bell:hover{opacity:1;background:rgba(0,0,0,.06)}
.vk-bell svg{width:22px;height:22px}
.vk-bell-n{position:absolute;top:7px;right:9px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:#ff734c;color:#fff;font-size:10px;line-height:15px;font-weight:bold;text-align:center}
.vk-bell-n:empty{display:none}
.vk-head-user{margin-left:auto!important;display:flex;align-items:center;gap:9px;height:42px;padding:0 12px 0 14px;border:0;background:none;color:#fff!important;font-weight:600!important;font-size:13px;cursor:pointer}
.vk-head-user:hover,.vk-head-user[aria-expanded=true]{background:rgba(0,0,0,.08)}
.vk-head-ava{width:28px!important;height:28px!important;border-radius:50%!important;font-size:10px!important;background:#dfe6ee!important}
.vk-caret{font-size:9px;opacity:.75}
.vk-head-pop{min-width:200px}
.vk-head-menu button{font-size:13px!important;padding:8px 14px!important}
.vk-menu-sep{height:1px;background:#e7e8ec;margin:4px 0}

/* ---- каркас: карточки на сером фоне ---- */
.app-shell{background:var(--vk-page)!important;grid-template-columns:minmax(0,1fr) 165px 310px minmax(0,700px) minmax(0,1fr)!important;row-gap:15px}
.rail{background:none!important;padding:0 15px 0 0!important}
.rail-btn{gap:10px!important;padding:6px 8px!important;font-size:13px!important;color:#2a5885!important;border-radius:3px!important}
.rail-btn:hover{background:#e1e5eb!important}
.rail-btn.active{font-weight:600}
.rail-btn .ri{display:inline-flex!important;color:#6b8ab3;flex-shrink:0}
.rail-btn .ri svg{width:20px;height:20px}
.rail .vk-count{margin-left:auto!important;background:#dfe5ec!important;color:#55677d!important;border-radius:9px!important;padding:0 7px!important;font-size:11px!important;line-height:18px!important;font-weight:600!important;position:static!important}
.rail-bottom{border-top:1px solid #dce1e6!important}
.sidebar{border:0!important;border-radius:4px 0 0 0;box-shadow:var(--vk-card);background:#fff!important;overflow:hidden}
.chat-panel{border:0!important;border-left:1px solid #e7e8ec!important;border-radius:0 4px 0 0;box-shadow:var(--vk-card);background:#fff!important;overflow:hidden}
.side-head,.section-label,.side-user{display:none!important}

/* ---- список диалогов ---- */
.search-box{margin:0!important;height:52px;padding:0 10px 0 16px!important;border:0!important;border-bottom:1px solid #e7e8ec!important;border-radius:0!important;gap:10px!important;color:#828a99!important;flex-shrink:0}
.search-box>span{font-size:16px}
.search-box input{font-size:13px!important}
.search-box #newChatBtn{width:32px!important;height:32px!important;font-size:22px!important;color:#828a99!important;flex-shrink:0}
.conversation-item{padding:9px 15px!important;gap:12px!important;border-bottom:0!important;background:#fff!important}
.conversation-item:has(.unread){background:#fff!important}
.conversation-item:hover{background:#f5f7fa!important}
.conversation-item .avatar{width:50px!important;height:50px!important;border-radius:50%!important;position:relative;overflow:visible!important;font-size:15px!important}
.conversation-item .avatar img{border-radius:50%}
.conversation-item .presence{display:none!important}
.conversation-item:has(.conv-top b .presence) .avatar::after{content:"";position:absolute;right:1px;bottom:1px;width:9px;height:9px;border-radius:50%;background:#8ac176;border:2px solid #fff}
.conversation-item:has(.conv-top b .presence.mobile) .avatar::after{width:7px;height:10px;border-radius:2px;background:#fff;border:2px solid #8ac176;box-shadow:0 0 0 2px #fff}
.conv-top b{color:#000!important;font-size:13px!important;font-weight:600}
.conv-time{font-size:12px!important;color:#939393!important}
.conv-last{font-size:13px!important;color:#656565!important;margin-top:6px!important}
.conv-you{color:#939393}
.unread{min-width:19px!important;height:19px!important;border-radius:10px!important;background:#a1aebd!important;font-size:11px!important;padding:0 6px!important}
.mention-badge{background:#5181b8!important}
.conversation-item.active{background:#5e81a8!important}
.conversation-item.active .conv-top b,.conversation-item.active .conv-last,.conversation-item.active .conv-time,.conversation-item.active .conv-you{color:#fff!important}
.conversation-item.active .avatar::after{border-color:#5e81a8!important}
.conversation-item.active .unread{background:#fff!important;color:#5e81a8!important}
.conversation-item.active .hide-chat-btn{color:#dbe5f1!important}
.conversation-list.vk-only-unread .conversation-item:not(:has(.unread)){display:none!important}
.vk-list-foot{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 10px 0 16px;border-top:1px solid #e7e8ec;background:#fafbfc}
.vk-list-foot .vk-linkbtn{font-size:13px;color:#2a5885}
.vk-list-foot .icon-btn{color:#99a2ad!important}

/* ---- шапка чата ---- */
.chat-header{height:54px!important;background:#fff!important;border-bottom:1px solid #e7e8ec!important;padding:0 10px 0 20px!important}
#peerAvatar{display:none!important}
.chat-heading{cursor:pointer;display:flex;align-items:baseline;gap:9px;min-width:0}
.chat-heading h3{font-size:14px!important;font-weight:600!important;color:#000!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-heading small{font-size:12.5px!important;color:#939393!important;white-space:nowrap}
.chat-heading small.is-online{color:#939393!important}
.chat-heading:hover h3{text-decoration:underline}
#chatSearchBtn,#chatInfoBtn{display:none!important}
.vk-more-btn{font-size:14px!important;letter-spacing:1px;color:#99a2ad!important;width:40px!important}

/* ---- сообщения ---- */
.messages{padding:10px 0!important}
.message-row,.message-row.mine{padding:8px 80px 8px 20px!important;gap:12px!important}
.message-avatar,.message-row.mine .message-avatar{width:36px!important;height:36px!important;border-radius:50%!important;font-size:12px!important}
.message-avatar img{border-radius:50%}
.sender-name,.mine .bubble-wrap::before{font-size:13px!important;font-weight:600!important;color:#2a5885!important;margin:0 0 3px!important}
.bubble,.mine .bubble{font-size:13px!important;line-height:1.46!important}
.message-time{top:9px!important;right:20px!important;font-size:12px!important;color:#939393!important}
.attachment{border-radius:4px!important;max-width:min(420px,100%)!important;max-height:340px!important}
.reply-quote span,.reply-quote b{font-size:12.5px!important}
.day-sep span,.day-divider,.system-row span{font-size:12px!important}
.typing-line{padding-left:68px!important;font-size:12.5px!important;color:#828a99!important;height:20px!important}
.typing-line:not(:empty)::before{content:"•••";letter-spacing:2px;margin-right:6px;color:#b3bfcc}
.message-actions{top:26px!important;right:16px!important}

/* ---- поле ввода ---- */
.composer{display:grid!important;grid-template-columns:52px auto auto auto 1fr auto 52px;grid-template-rows:auto auto;column-gap:4px!important;row-gap:8px!important;align-items:center!important;padding:14px 20px 12px!important;background:#fafbfc!important;border-top:1px solid #e7e8ec!important}
.vk-c-me,.vk-c-peer{width:40px!important;height:40px!important;border-radius:50%!important;font-size:12px!important;cursor:pointer;align-self:start}
.vk-c-me{grid-column:1;grid-row:1}
.vk-c-peer{grid-column:7;grid-row:1;justify-self:end}
.composer #messageInput{grid-column:2/7;grid-row:1;min-height:40px!important;padding:10px 12px!important;font-size:13px!important;border:1px solid #d3d9de!important;border-radius:6px!important;background:#fff!important}
.composer #attachBtn{grid-column:2;grid-row:2}
.composer #pollBtn{grid-column:3;grid-row:2}
.composer #stickerBtn{grid-column:4;grid-row:2}
.vk-qemoji{grid-column:5;grid-row:2;justify-self:end;display:flex;gap:2px}
.vk-qemoji button{border:0;background:none;font-size:18px;width:30px;height:30px;border-radius:4px;cursor:pointer;opacity:.8;padding:0}
.vk-qemoji button:hover{opacity:1;background:#e5ebf1}
.composer .send-btn{grid-column:6;grid-row:2;height:32px!important;padding:0 18px!important;border-radius:4px!important;font-size:13px!important;font-weight:500!important;background:var(--vk-btn)!important}
.composer .attach-btn{width:32px!important;height:32px!important;color:#828a99!important}
.composer-note{display:none!important}
.reply-bar{padding:8px 20px 8px 72px!important}

/* ---- общие размеры текста ---- */
.vk-sec-body,.vk-page,.vk-post-text,.vk-c-main,.vk-fr-main,.vk-ans-main,.profile-info-item b,.profile-info-item span,.menu-list button,.vk-box #modalContent,.vk-box-body p{font-size:13px!important}
.vk-name,.vk-page-name b{font-size:13px!important;font-weight:600!important}
.vk-date,.vk-online,.vk-fr-sub{font-size:12px!important}
.vk-tab{font-size:13px!important}
.vk-btn-sec,.primary,.vk-linkbtn,.vk-like,.vk-share{font-size:12.5px!important}
.vk-p-ava,.vk-c-ava,.vk-r-ava,.vk-fr-ava,.vk-f-ava,.vk-ans-ava,.vk-popup-ava,.person-row .avatar,.mention-item .avatar{border-radius:50%!important}
.vk-p-ava img,.vk-c-ava img,.vk-r-ava img,.vk-fr-ava img,.vk-f-ava img,.vk-ans-ava img,.vk-popup-ava img,.person-row .avatar img{border-radius:50%}
.vk-page-ava{border-radius:4px!important}
.vk-sec-head{background:#fff!important;border-bottom:1px solid #e7e8ec!important;min-height:48px!important}
.vk-tab{padding:15px 12px 12px!important}
.vk-tab.active{border-bottom-color:#5181b8!important}

/* ---- планшет ---- */
@media(min-width:641px) and (max-width:1000px){
 .app-shell{grid-template-columns:0 56px 270px minmax(0,1fr) 0!important}
 .rail{padding:0 8px 0 0!important}
 .rail-btn{justify-content:center!important;padding:7px 0!important}
 .rail-btn .rl{display:none!important}
 .rail .vk-count{position:absolute!important;top:0!important;right:0!important;padding:0 4px!important;line-height:15px!important;font-size:9px!important;background:#5181b8!important;color:#fff!important}
 .vk-logo{width:56px}.vk-logo-t{display:none}
 .vk-hsearch{width:255px}
 .message-row,.message-row.mine{padding:8px 64px 8px 14px!important}
}

/* ===================== телефон: как iOS-приложение ===================== */
@media(max-width:640px){
 html,body{background:#fff}
 .app-shell{grid-template-columns:0 0 minmax(0,1fr) 0 0!important;grid-template-rows:44px minmax(0,1fr)!important;row-gap:0!important;background:#fff!important}
 .app-shell.chat-open:has(.chat-panel:not(.vk-section-open)){grid-template-rows:0 minmax(0,1fr)!important}
 .app-shell.chat-open:has(.chat-panel:not(.vk-section-open)) .vk-head{display:none!important}
 .vk-head{background:linear-gradient(#618ab8,#47709f)!important;border-bottom:1px solid #3a5f8a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
 .vk-head-in{width:100%!important;padding:0 7px!important;justify-content:space-between;position:relative}
 .vk-logo,.vk-hsearch,.vk-bell,.vk-head-user{display:none!important}
 .vk-burger,.vk-mact{display:grid!important;width:40px;height:31px;border:1px solid rgba(0,0,0,.28)!important;border-radius:5px;background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.05))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(255,255,255,.12)}
 .vk-burger svg,.vk-mact svg{width:20px;height:20px}
 .vk-burger-n{position:absolute;top:-8px;left:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(#f56565,#d72c2c);border:1.5px solid #fff;color:#fff;font-size:11px;line-height:15px;font-weight:bold;box-shadow:0 1px 2px rgba(0,0,0,.35)}
 .vk-burger-n:empty{display:none}
 .vk-mtitle{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:18px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.3)}

 /* выезжающее меню */
 .rail{position:fixed!important;top:0;bottom:0;left:0;width:min(280px,82vw);z-index:75;background:#343f4b!important;transform:translateX(-102%);transition:transform .22s ease;padding:0!important;overflow-y:auto;display:flex!important;flex-direction:column;gap:0!important;box-shadow:2px 0 12px rgba(0,0,0,.35)}
 .app-shell.vk-drawer-open .rail{transform:none}
 .vk-shade{position:fixed;inset:0;z-index:74;background:rgba(0,0,0,.45)}
 .app-shell.vk-drawer-open .vk-shade{display:block}
 .vk-drawer-me{display:flex!important;align-items:center;gap:10px;padding:12px 14px;background:#2b343e;border-bottom:1px solid #222a33;color:#fff;cursor:pointer}
 .vk-dm-ava{width:40px!important;height:40px!important;border-radius:5px!important;font-size:13px!important}
 .vk-drawer-me b{flex:1;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .vk-dm-arrow{color:#8593a3;font-size:22px}
 .rail-btn{width:100%!important;justify-content:flex-start!important;gap:14px!important;padding:12px 16px!important;color:#eef2f6!important;font-size:17px!important;font-weight:500!important;border-radius:0!important;border-bottom:1px solid #2b343e!important;box-shadow:0 1px 0 rgba(255,255,255,.04)}
 .rail-btn:hover,.rail-btn.active{background:#3d4957!important}
 .rail-btn .ri{color:#93a2b3!important}
 .rail-btn .ri svg{width:22px;height:22px}
 .rail-btn .rl{display:inline!important}
 .rail .vk-count{position:static!important;margin-left:auto!important;background:#5c6977!important;color:#fff!important;border-radius:11px!important;padding:0 9px!important;line-height:22px!important;font-size:14px!important}
 .rail-bottom{border-top:0!important;margin-top:auto!important;padding-top:0!important}

 .sidebar,.chat-panel{grid-column:3!important;border-radius:0!important;box-shadow:none!important;border:0!important}
 .vk-sec-back{display:none!important}

 /* список диалогов */
 .search-box{height:44px;padding:7px 8px!important;background:#d0d7df!important;border-bottom:1px solid #b7c0ca!important}
 .search-box>span{display:none}
 .search-box input{height:30px;background:#fff!important;border-radius:15px;padding:0 12px 0 30px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238e98a3' stroke-width='2'%3E%3Ccircle cx='8.5' cy='8.5' r='5'/%3E%3Cpath d='m12.5 12.5 4 4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:10px center!important;background-size:15px!important}
 .search-box #newChatBtn{display:none!important}
 .conversation-item{padding:8px 10px!important;gap:10px!important;border-bottom:1px solid #e3e7eb!important}
 .conversation-item .avatar,.conversation-item .avatar img{border-radius:6px!important}
 .conversation-item .avatar{width:54px!important;height:54px!important}
 .conv-top b{font-size:16px!important;font-weight:700!important}
 .conv-time{color:#4f78a6!important;font-size:13px!important}
 .conv-last{font-size:14.5px!important;color:#6d7885!important;margin-top:4px!important}
 .conversation-item.active{background:#fff!important}
 .conversation-item.active .conv-top b{color:#000!important}.conversation-item.active .conv-last{color:#6d7885!important}.conversation-item.active .conv-time{color:#4f78a6!important}
 .conversation-item.active .avatar::after{border-color:#fff!important}
 .unread{background:#5181b8!important}
 .vk-list-foot{height:42px}

 /* шапка чата как синяя панель */
 .chat-header{height:44px!important;padding:0 7px!important;gap:6px!important;position:relative;background:linear-gradient(#618ab8,#47709f)!important;border-bottom:1px solid #3a5f8a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
 .mobile-back-btn{display:inline-flex!important;align-items:center;width:auto!important;height:31px!important;padding:0 9px 0 6px!important;border:1px solid rgba(0,0,0,.28)!important;border-radius:5px!important;background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.05))!important;color:#fff!important;font-size:22px!important;line-height:1}
 .mobile-back-btn::after{content:"Сообщ.";font-size:13px;font-weight:700;margin-left:3px}
 .chat-heading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:48%;flex-direction:column;align-items:center;gap:0!important;text-align:center}
 .chat-heading h3{color:#fff!important;font-size:16px!important;font-weight:700!important;text-shadow:0 -1px 0 rgba(0,0,0,.3);max-width:100%}
 .chat-heading small,.chat-heading small.is-online{color:#dce7f3!important;font-size:12px!important}
 .header-actions{margin-left:auto;order:2}
 .vk-more-btn{color:#fff!important;width:30px!important}
 #peerAvatar{display:grid!important;order:3;width:32px!important;height:32px!important;border-radius:5px!important;font-size:11px!important;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
 #peerAvatar img{border-radius:5px}
 .pin-bar{padding:6px 10px!important}

 /* пузыри */
 .messages{background:#dde4ec!important;padding:10px 8px!important;gap:8px!important}
 .message-row,.message-row.mine{width:auto!important;max-width:84%!important;padding:0!important;gap:6px!important;background:none!important}
 .message-row{align-self:flex-start!important;flex-direction:row!important;align-items:flex-end!important}
 .message-row.mine{align-self:flex-end!important;flex-direction:row-reverse!important}
 .message-row:hover{background:none!important}
 .message-row.mine .message-avatar,.chat-view:not(.vk-group) .message-avatar{display:none!important}
 .message-avatar{width:30px!important;height:30px!important;border-radius:5px!important}
 .bubble-wrap{background:#fff;border:1px solid #c6d0da;border-radius:16px;padding:6px 11px 4px;box-shadow:0 1px 0 rgba(0,0,0,.06);min-width:60px}
 .message-row.mine .bubble-wrap{background:#d3e2f4;border-color:#b0c6df}
 .mine .bubble-wrap::before{display:none!important}
 .chat-view:not(.vk-group) .sender-name{display:none!important}
 .sender-name{font-size:12.5px!important;margin-bottom:1px!important}
 .bubble,.mine .bubble{font-size:15px!important;line-height:1.36!important}
 .message-time{position:static!important;margin:2px 0 0!important;text-align:right;font-size:11px!important;color:#8798ab!important}
 .message-row.has-sticker .bubble-wrap{background:none;border:0;box-shadow:none;padding:0}
 .message-row.vk-sel .bubble-wrap{background:#bcd1ea!important}
 .message-row.vk-sel::after{display:none}
 .message-row.mentions-me .bubble-wrap{border-color:#e8c766}
 .attachment{border-radius:10px!important}
 .reactions{margin-top:3px!important}
 .day-sep{border:0!important;margin:4px auto!important}
 .day-sep span,.system-row span{background:rgba(70,90,115,.18)!important;color:#fff!important;border-radius:10px!important;padding:2px 10px!important;font-weight:600}
 .unread-divider{padding:0!important}
 .typing-line{padding-left:14px!important;background:#dde4ec}
 .message-row .message-actions{top:-30px!important;right:auto!important;left:0!important}
 .message-row.mine .message-actions{left:auto!important;right:0!important}

 /* поле ввода */
 .composer{display:flex!important;align-items:flex-end!important;gap:6px!important;padding:6px 7px!important;background:linear-gradient(#f4f6f8,#e4e9ee)!important;border-top:1px solid #b8c3ce!important}
 .vk-c-me,.vk-c-peer,.vk-qemoji{display:none!important}
 .composer #messageInput{min-height:34px!important;padding:7px 13px!important;border:1px solid #aebbc8!important;border-radius:17px!important;font-size:16px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
 .composer .attach-btn{width:34px!important;height:34px!important;border-radius:50%!important}
 .composer #attachBtn{background:linear-gradient(#5d8ac0,#3f6ba3)!important;color:#fff!important;font-size:20px!important}
 .composer .send-btn{height:34px!important;padding:0 12px!important;border-radius:17px!important;background:linear-gradient(#5d8ac0,#3f6ba3)!important;font-weight:700!important;font-size:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
 .reply-bar{padding:6px 10px!important}

 /* страница и новости */
 .vk-counters{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;border:0!important;margin:10px 0!important}
 .vk-counters a{background:#eef1f4;border-radius:6px;padding:9px 2px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.3px}
 .vk-counters b{font-size:20px!important;color:#2b3a4b!important}
 .vk-post-foot .vk-like,.vk-post-foot .vk-share{border:1px solid #d3dae2!important;border-radius:5px!important;background:#f6f8fa!important;padding:4px 9px!important;opacity:1!important;filter:none!important}
 .vk-foot-right{gap:6px!important}
 .vk-sec-head{min-height:44px!important}
}
.vk-head .vk-burger,.vk-head .vk-mact{display:none}
.composer #pollBtn{filter:grayscale(1);opacity:.55;font-size:17px!important}
.composer #pollBtn:hover{opacity:.9}
@media(max-width:640px){.vk-head .vk-burger,.vk-head .vk-mact{display:grid!important}}
@media(max-width:640px),(hover:none){.message-row:not(.show-actions) .message-actions{opacity:0!important;pointer-events:none!important}}
@media(max-width:640px){.messages .message-avatar{background:#b6c5d6!important;color:#fff!important}}
.vk-wall-form textarea,.vk-comment-form textarea,.vk-fsearch input,.vk-status-form input{font-size:13px!important}
.auth-wrap{background:var(--vk-page)!important}
.auth-card{background:#fff!important;border:0!important;border-radius:4px!important;box-shadow:var(--vk-card)!important}
.auth-card h1{font-size:15px!important;color:#000!important;font-weight:600!important}
.auth-card label{font-size:13px!important;font-weight:500!important}
.auth-card input{font-size:13px!important;padding:8px 10px!important;border-color:#d3d9de!important;border-radius:4px!important}
.auth-card .primary{padding:9px 16px!important;font-size:13px!important;border-radius:4px!important}
.auth-card p,.auth-card .link-button{font-size:12.5px!important}
@media(max-width:640px){.auth-wrap::before{background:linear-gradient(#618ab8,#47709f)!important}}
.conversation-item .avatar img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;display:block}
.avatar img{object-fit:cover}
.avatar{position:relative}
.avatar>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;display:block}
/* ===================== v8: плавные анимации ===================== */
:root{--vk-ease:cubic-bezier(.2,.8,.2,1)}
@keyframes vkFade{from{opacity:0}to{opacity:1}}
@keyframes vkFadeOut{from{opacity:1}to{opacity:0}}
@keyframes vkFadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes vkBoxIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes vkBoxOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px) scale(.98)}}
@keyframes vkSheetIn{from{transform:translateY(100%)}to{transform:none}}
@keyframes vkSheetOut{from{transform:none}to{transform:translateY(100%)}}
@keyframes vkPopIn{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}
@keyframes vkPanelIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes vkMsgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes vkToastIn{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes vkSlideL{from{transform:translateX(35%);opacity:.4}to{transform:none;opacity:1}}
@keyframes vkSlideR{from{transform:translateX(-18%);opacity:.5}to{transform:none;opacity:1}}
@keyframes vkDots{0%,100%{opacity:.35}50%{opacity:1}}

/* наведение и нажатия */
.rail-btn,.conversation-item,.vk-hr-row,.menu-list button,.vk-tab,.vk-like,.vk-share,.vk-more,.vk-ans,.search-hit,.person-row,.message-row,.vk-qemoji button,.vk-stickers button,.emoji-pick button,.icon-btn,.attach-btn,.vk-album-title,.vk-counters a,.vk-head-user,.vk-bell,.vk-hsearch,.chat-heading h3,.vk-status-own,.my-status{transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease,box-shadow .15s ease}
.primary,.vk-btn-sec,.send-btn,.vk-burger,.vk-mact,.mobile-back-btn{transition:background-color .15s ease,filter .15s ease,transform .1s ease}
.primary:active,.vk-btn-sec:active,.send-btn:active,.vk-burger:active,.vk-mact:active,.mobile-back-btn:active{transform:scale(.97)}
.vk-ph img,.vk-album-cover img,.vk-photo-strip img{transition:transform .25s var(--vk-ease),opacity .2s}
.vk-ph:hover img,.vk-album:hover .vk-album-cover img{transform:scale(1.04)}
.vk-photo-strip img:hover{opacity:.88}
.vk-heart{display:inline-block}
.message-actions{transition:opacity .15s ease}
.bubble-wrap{transition:background-color .15s ease}

/* окна */
.modal:not(.hidden){animation:vkFade .18s ease}
.modal:not(.hidden) .vk-box{animation:vkBoxIn .22s var(--vk-ease)}
.modal.vk-closing{animation:vkFadeOut .15s ease forwards;pointer-events:none}
.modal.vk-closing .vk-box{animation:vkBoxOut .15s ease forwards}
.vk-confirm:not(.hidden){animation:vkFade .15s ease}
.vk-confirm:not(.hidden) .vk-box{animation:vkBoxIn .18s var(--vk-ease)}
#popover,.vk-hresults:not(.hidden){animation:vkPopIn .14s var(--vk-ease);transform-origin:top right}
.toast:not(.hidden){animation:vkToastIn .25s var(--vk-ease)}
.details-panel:not(.hidden){animation:vkPanelIn .24s var(--vk-ease)}
.media-viewer:not(.hidden){animation:vkFade .2s ease}
.media-viewer:not(.hidden) .media-viewer-stage{animation:vkBoxIn .25s var(--vk-ease)}

/* содержимое */
.vk-sec-body{animation:vkFadeUp .22s var(--vk-ease)}
.messages.vk-fadein{animation:vkFade .22s ease}
.message-row.vk-new,.system-row.vk-new,.upload-progress-row{animation:vkMsgIn .28s var(--vk-ease)}
.typing-line:not(:empty)::before{display:inline-block;animation:vkDots 1.1s ease-in-out infinite}
.vk-popup{animation:vkPopIn .25s var(--vk-ease)!important}
.vk-popup.out{transition:opacity .35s ease,transform .35s ease;transform:translateX(-12px)}

@media(max-width:640px){
 .modal:not(.hidden):not(.vk-confirm) .vk-box{animation:vkSheetIn .28s var(--vk-ease)}
 .modal.vk-closing:not(.vk-confirm) .vk-box{animation:vkSheetOut .18s ease forwards}
 .app-shell.chat-open .chat-panel{animation:vkSlideL .26s var(--vk-ease)}
 .app-shell:not(.chat-open) .sidebar{animation:vkSlideR .24s var(--vk-ease)}
 .app-shell.vk-drawer-open .vk-shade{animation:vkFade .2s ease}
 .rail{transition:transform .26s var(--vk-ease)!important}
 .details-panel:not(.hidden){animation:vkSlideL .26s var(--vk-ease)}
}

/* если в системе включено «уменьшить движение» */
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}