.comment-list{display:flex;flex-direction:column;gap:15px}.comment-item{display:flex;gap:15px;align-items:flex-start}.comment-avatar{flex-shrink:0;position:relative;top:8px}.comment-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.comment-content{flex:1;min-width:0;position:relative}.comment-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 15px;margin-bottom:5px}.comment-author{font-family:'Oswald',Arial,sans-serif;color:#009cd6;text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-date{font-size:.75em;color:#aaa}.comment-delete{background:none;border:none;color:#aaa;font-size:.75em;cursor:pointer;padding:2px 6px;border-radius:3px;opacity:0;transition:all .3s ease-in-out}.comment-delete:hover{color:#f32721;background:rgba(243,39,33,0.1)}.comment-content:hover .comment-delete{opacity:1}.comment-message{font-size:16px;line-height:1.5;color:#333;word-wrap:break-word;overflow-wrap:break-word;background:#f9f9f9;padding:10px 15px;border-radius:5px}.comment-message img{max-width:100%;height:auto;border-radius:3px}.comment-message a{color:#009cd6;word-break:break-all}.comment-message a:hover{text-decoration:underline}.wall .comment-item .comment-avatar img,.comment-item--dark .comment-avatar img{border:2px solid rgba(255,255,255,0.4)}.wall .comment-item .comment-message,.comment-item--dark .comment-message{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.wall .comment-item.comment-item--private,.comment-item--dark.comment-item--private{opacity:0.7}@media (max-width:576px){.comment-avatar{top:4px}.comment-message{margin-left:-60px;width:calc(100% + 70px)}}.comment-form{margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:5px}.comment-form__main{display:flex;gap:15px;align-items:flex-start}.comment-form__avatar{flex-shrink:0;width:50px;height:50px;border-radius:50%;object-fit:cover}.comment-form__input{flex:1;min-width:0}.comment-form__textarea{width:100%;min-height:80px;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;resize:vertical;transition:all .3s ease-in-out}.comment-form__textarea:focus{outline:none;border-color:#009cd6;box-shadow:0 0 0 2px rgba(0,156,214,0.2)}.comment-form__textarea::placeholder{color:#aaa}.comment-form__footer{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:10px}.comment-form__privacy{display:flex;align-items:center;gap:5px;font-size:.75em;color:#aaa;cursor:pointer}.comment-form__privacy input[type="checkbox"]{margin:0}.comment-form__submit{flex-shrink:0}.comment-form__login{text-align:center;padding:15px;background:#f9f9f9;border-radius:5px;margin-bottom:20px}.comment-form__login a{color:#009cd6;font-weight:700}.comment-form__login a:hover{text-decoration:underline}.emoji-picker-wrapper{position:relative}.emoji-picker-toggle{padding:6px 10px;font-size:16px}.emoji-picker{position:absolute;bottom:100%;right:0;margin-bottom:5px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:100;padding:15px;width:340px}.emoji-picker__grid{display:grid;grid-template-columns:repeat(9, 1fr);gap:4px}.emoji-picker__btn{background:none;border:none;font-size:24px;line-height:1.2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;border-radius:3px;transition:background .3s ease-in-out}.emoji-picker__btn:hover{background:#efefef;transform:scale(1.2)}.comment-empty{text-align:center;padding:30px;color:#aaa;font-style:italic}@media (max-width:768px){.comment-item{padding:10px;gap:10px}.comment-avatar img{width:40px;height:40px}.comment-header{flex-direction:column;gap:5px}.comment-form__avatar{width:40px;height:40px}.emoji-picker{position:fixed;bottom:auto;right:10px;left:10px;top:50%;transform:translateY(-50%);width:auto;max-width:340px;margin:0 auto}}.comment-privacy{position:absolute;top:10px;right:10px;background:#f39c12;color:#fff;font-family:'Oswald',Arial,sans-serif;font-size:.75em;padding:2px 10px;border-radius:50px;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 1px 3px rgba(0,0,0,0.15);border:none}button.comment-privacy{cursor:pointer;transition:all .3s ease-in-out}button.comment-privacy:hover{background:#d2850b}.comment-actions{margin-top:5px}.comment-toggle-privacy{background:none;border:none;color:#aaa;font-size:.75em;cursor:pointer;padding:2px 6px;margin-left:auto;border-radius:3px;transition:all .3s ease-in-out}.comment-toggle-privacy.comment-privacy{background:#f39c12;color:#fff;padding:2px 10px;border-radius:50px}.comment-toggle-privacy.comment-privacy:hover{color:#fff;background:#d2850b}.comment-toggle-privacy:hover{color:#009cd6;background:rgba(0,156,214,0.1)}.comment-item--hidden .comment-message{font-style:italic;color:#aaa !important}