.comments{width:100%;max-width:100%;animation:fadeInComments .3s ease-in}.comments__header{margin-bottom:var(--gap-l);display:flex;align-items:center;gap:var(--gap-s);max-width:100%}.comments__title{font-size:var(--h3-size);font-weight:600;color:var(--text-color);margin:0}.comments__form{margin-bottom:var(--gap-xl)}.comments__auth-prompt{margin-bottom:var(--gap-l);padding:var(--gap-m);background:var(--card-bg-secondary);border-radius:var(--card-br-m);text-align:center;border:1px solid var(--border-color)}.comments__auth-prompt p{margin:0;color:var(--text-secondary-color);font-size:var(--p3-size)}.comments__list{max-height:2000px;overflow-y:auto;padding-right:var(--gap-xs)}.comments__list::-webkit-scrollbar{width:4px}.comments__list::-webkit-scrollbar-track{background:var(--card-bg-secondary);border-radius:2px}.comments__list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.comments__list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary-color)}.comments__empty{text-align:center;padding:var(--gap-xl) var(--gap-m);color:var(--text-secondary-color)}.comments__empty p{margin:0}.comments-loading{display:flex;flex-direction:column;align-items:center;padding:var(--gap-xl) var(--gap-m);color:var(--text-secondary-color)}.comments-loading p{margin:var(--gap-s) 0 0}.comments-loading__spinner{width:24px;height:24px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--text-color);border-radius:50%;animation:spin 1s linear infinite}.comments-error{text-align:center;padding:var(--gap-l) var(--gap-m);color:#ef4444}.comments-error p{margin:0 0 var(--gap-m)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInComments{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-form__field{position:relative;margin-bottom:var(--gap-m)}.comment-form__counter{position:absolute;bottom:8px;right:12px;font-size:var(--p4-size);color:var(--text-tertiary-color);background:var(--bg-color);padding:2px 6px;border-radius:var(--card-br-xs);pointer-events:none}.comment-form__actions{display:flex;gap:var(--gap-s);justify-content:flex-end}.comment-form .textarea{border-radius:var(--card-br-s);resize:vertical;min-height:60px;font-size:var(--p3-size);line-height:1.4}.comment-form .textarea:focus{border-color:var(--text-color)}.chat-message{margin-bottom:var(--gap-m)}.chat-message__container{display:flex;gap:var(--gap-s);align-items:flex-start}.chat-message__avatar{flex-shrink:0;margin-top:2px}.chat-message__avatar-img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-message__avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--text-color);color:var(--bg-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--p3-size)}.chat-message__content{flex:1;min-width:0}.chat-message__author{font-size:var(--p4-size);font-weight:600;color:var(--text-secondary-color);margin-bottom:2px}.chat-message__bubble{background:var(--card-bg);border-radius:12px 12px 12px 4px;padding:var(--gap-s) var(--gap-m);position:relative;max-width:100%;word-wrap:break-word}.chat-message__bubble:before{content:"";position:absolute;left:-6px;top:8px;width:0;height:0;border-style:solid;border-width:0 14px 14px 0;border-color:rgba(0,0,0,0) var(--card-bg) rgba(0,0,0,0) rgba(0,0,0,0)}.chat-message__text{color:var(--text-color);line-height:1.4;font-size:var(--p3-size);margin:0;white-space:pre-wrap;word-wrap:break-word}.chat-message__meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--gap-xs);gap:var(--gap-s)}.chat-message__time{font-size:var(--p4-size);color:var(--text-tertiary-color);white-space:nowrap}.chat-message__reply-btn{background:none;border:none;color:var(--text-secondary-color);font-size:var(--p4-size);cursor:pointer;padding:0;text-decoration:none;white-space:nowrap}.chat-message__reply-btn:hover{color:var(--text-color);text-decoration:underline}.chat-message__reply-btn:disabled{opacity:.5;cursor:not-allowed}.chat-message__reply-form{margin-top:var(--gap-m);padding:var(--gap-s);background:var(--card-bg);border-radius:var(--card-br-s);border:1px solid var(--border-color)}.chat-message__reply-indicator{font-size:var(--p4-size);color:var(--text-secondary-color);margin-bottom:var(--gap-s);padding:var(--gap-xs) var(--gap-s);background:var(--card-bg-secondary);border-radius:var(--card-br-xs);border-left:3px solid var(--text-color)}.chat-message__reply-indicator strong{color:var(--text-color)}.chat-message__replies{margin-top:var(--gap-s);margin-left:48px;position:relative}.chat-message__replies:before{content:"";position:absolute;left:-24px;top:-8px;bottom:var(--gap-m);width:2px;background:var(--border-color);border-radius:1px}@media(max-width:768px){.chat-message__replies{margin-left:32px}.chat-message__replies:before{left:-16px}}.chat-message--level-2 .chat-message__avatar-img,.chat-message--level-2 .chat-message__avatar-placeholder{width:32px;height:32px}.chat-message--level-2 .chat-message__author,.chat-message--level-2 .chat-message__text{font-size:var(--p4-size)}.chat-message--level-2 .chat-message__bubble{padding:var(--gap-xs) var(--gap-s)}.chat-message--level-2 .chat-message__replies{margin-left:40px}.chat-message--level-2 .chat-message__replies:before{left:-20px}@media(max-width:768px){.chat-message--level-2 .chat-message__replies{margin-left:28px}.chat-message--level-2 .chat-message__replies:before{left:-14px}}.chat-message--level-3 .chat-message__avatar-img,.chat-message--level-3 .chat-message__avatar-placeholder{width:28px;height:28px}.chat-message--level-3 .chat-message__bubble{background:var(--card-bg);padding:var(--gap-xs) var(--gap-s)}.chat-message--level-3 .chat-message__bubble:before{border-color:rgba(0,0,0,0) var(--card-bg) rgba(0,0,0,0) rgba(0,0,0,0)}.chat-message--level-3 .chat-message__replies{margin-left:36px}.chat-message--level-3 .chat-message__replies:before{left:-18px}@media(max-width:768px){.chat-message--level-3 .chat-message__replies{margin-left:24px}.chat-message--level-3 .chat-message__replies:before{left:-12px}}.chat-message--level-4 .chat-message__avatar-img,.chat-message--level-4 .chat-message__avatar-placeholder{width:24px;height:24px}.chat-message--level-4 .chat-message__author,.chat-message--level-4 .chat-message__text{font-size:var(--p4-size)}.chat-message--level-4 .chat-message__bubble{background:var(--card-bg-secondary);padding:var(--gap-xs) var(--gap-s)}.chat-message--level-4 .chat-message__bubble:before{border-color:rgba(0,0,0,0) var(--card-bg-secondary) rgba(0,0,0,0) rgba(0,0,0,0)}.chat-message--level-4 .chat-message__replies{margin-left:32px}.chat-message--level-4 .chat-message__replies:before{left:-16px}@media(max-width:768px){.chat-message--level-4 .chat-message__replies{margin-left:20px}.chat-message--level-4 .chat-message__replies:before{left:-10px}}.chat-message--level-5 .chat-message__avatar-img,.chat-message--level-5 .chat-message__avatar-placeholder{width:20px;height:20px}.chat-message--level-5 .chat-message__author,.chat-message--level-5 .chat-message__text{font-size:var(--p4-size)}.chat-message--level-5 .chat-message__bubble{background:var(--card-bg);padding:var(--gap-xs) var(--gap-s)}.chat-message--level-5 .chat-message__bubble:before{border-color:rgba(0,0,0,0) var(--card-bg) rgba(0,0,0,0) rgba(0,0,0,0)}.chat-message--level-5 .chat-message__replies{margin-left:0}.chat-message--level-5 .chat-message__replies:before{display:none}