.vk-comments-page{min-height:100vh;padding:34px 16px 70px;color:#173440;background:radial-gradient(circle at 10% 8%,rgba(223,181,82,.22),transparent 25%),linear-gradient(145deg,#fffaf0,#eef7f3)}.vk-comments-shell{max-width:820px;margin:auto}.vk-comments-top{display:flex;justify-content:space-between;align-items:center}.vk-comments-back{color:#73591f;text-decoration:none;font-weight:700}.vk-comments-top select{border:1px solid #dccb9e;border-radius:999px;background:#fff;padding:8px 12px}.vk-comments-page header{text-align:center;margin:35px 0 22px}.vk-comments-page header>span{font-size:30px}.vk-comments-page h1{font:700 clamp(34px,6vw,54px)/1 Georgia,serif;margin:8px 0;color:#123b46}.vk-comments-page header p{color:#65736f}.vk-comment-form{background:#fff;border:1px solid rgba(202,157,54,.35);border-radius:22px;padding:18px;box-shadow:0 14px 38px rgba(71,57,28,.08);display:grid;gap:10px}.vk-comment-form input,.vk-comment-form textarea{width:100%;box-sizing:border-box;border:1px solid #e1d8c2;border-radius:12px;padding:12px 13px;font:inherit;outline:none}.vk-comment-form input:focus,.vk-comment-form textarea:focus{border-color:#caa044}.vk-comment-form button{justify-self:start;border:0;border-radius:999px;background:linear-gradient(135deg,#123d49,#176557);color:#fff;padding:11px 17px;font-weight:800;cursor:pointer}.vk-comment-form small{color:#557068}.vk-comments-list{margin-top:18px;display:grid;gap:10px}.vk-comments-list article{background:rgba(255,255,255,.9);border:1px solid rgba(205,180,119,.3);border-radius:17px;padding:15px 17px}.vk-comments-list article>div{display:flex;gap:12px;justify-content:space-between;align-items:center}.vk-comments-list strong{color:#123b46}.vk-comments-list time{font-size:11px;color:#8b918c}.vk-comments-list p{margin:8px 0 0;line-height:1.55;color:#455c5c}.vk-comments-empty{text-align:center;color:#74817d}.vk-inline-comments{margin-left:auto;margin-right:4px;width:min(46%,440px);min-width:220px;height:38px;padding:3px 12px;box-sizing:border-box;border-left:1px solid rgba(225,188,97,.25);text-decoration:none;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(6px);transition:opacity 1.4s ease,transform 1.4s ease;color:#dbe5e7}.vk-inline-comments.show{opacity:1;transform:translateY(0)}.vk-inline-comments strong{display:block;width:100%;font-size:9px;line-height:12px;color:#e4c36f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vk-inline-comments span{display:-webkit-box;width:100%;font-size:9px;line-height:12px;color:#bfcbd0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vk-inline-comments:hover span{color:#fff}.vk-read-comments{position:absolute;right:18px;top:18px;z-index:3;border:1px solid rgba(202,157,54,.35);background:rgba(255,255,255,.86);color:#31565a;text-decoration:none;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;box-shadow:0 5px 15px rgba(48,57,46,.07)}@media(max-width:600px){.vk-comments-page{padding:24px 12px 55px}.vk-comments-list article>div{align-items:flex-start;flex-direction:column;gap:3px}.vk-read-comments{position:static;display:inline-flex;margin:0 0 10px}.vk-feeling-trigger{gap:7px!important;padding:9px 10px!important}.vk-feeling-trigger .vk-feeling-copy{max-width:42%}.vk-feeling-trigger .vk-feeling-copy strong{font-size:10px!important}.vk-inline-comments{min-width:0;width:48%;padding:2px 6px;margin-left:0}.vk-inline-comments strong,.vk-inline-comments span{font-size:7.5px;line-height:10px}.vk-feeling-arrow{flex:0 0 auto}}
/* Keep community comments visible inside the feeling bar on mobile */
@media(max-width:600px){.vk-feeling-trigger .vk-feeling-copy{max-width:40%!important;flex:0 0 40%!important}.vk-inline-comments{display:flex!important;visibility:visible!important;min-width:0!important;width:auto!important;flex:1 1 48%!important;margin-left:0!important;opacity:1}.vk-inline-comments strong,.vk-inline-comments span{display:block!important;visibility:visible!important}}

/* Desktop: always reserve and show community-comment half of feeling bar */
@media(min-width:601px){.vk-feeling-trigger{display:flex!important;align-items:center!important}.vk-feeling-trigger .vk-feeling-copy{flex:0 1 48%!important;max-width:48%!important}.vk-inline-comments{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 46%!important;width:auto!important;min-width:220px!important;margin-left:auto!important}.vk-inline-comments strong,.vk-inline-comments span{visibility:visible!important}}