.community{margin-top:16px;padding:16px;border:1px solid #29293c;border-radius:18px;background:#0b0b12}
.community-top{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.community-card{padding:13px;border:1px solid #242435;border-radius:15px;background:#11111a}
.community-label{display:block;margin-bottom:9px;color:#aaa4b4;font-size:13px;font-weight:750}
.reactions{display:flex;gap:8px;flex-wrap:wrap}
.react-btn,.star-btn{appearance:none;border:1px solid #323246;background:#171721;color:#f7f5ff;border-radius:999px;min-height:42px;padding:9px 13px;font:inherit;font-weight:780;cursor:pointer;transition:.18s ease}
.react-btn:hover,.star-btn:hover{border-color:#8b5cf6;transform:translateY(-1px)}
.react-btn.active{background:linear-gradient(90deg,rgba(139,92,246,.24),rgba(217,70,239,.18));border-color:#9f7aea}
.star-btn{padding:7px 8px;min-height:38px;font-size:22px;line-height:1;color:#777184}
.star-btn.active,.star-btn.hover{color:#f5c451;border-color:#796733;background:#1b1912}
.rating-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rating-summary{color:#aaa4b4;font-size:13px}
.comments{margin-top:14px}
.comments h3{margin:0 0 10px;font-size:19px}
.comment-form{display:grid;grid-template-columns:150px 1fr auto;gap:8px;align-items:start}
.comment-form input,.comment-form textarea{width:100%;border:1px solid #303044;background:#12121b;color:#f7f5ff;border-radius:13px;padding:11px 12px;font:inherit;outline:none}
.comment-form input:focus,.comment-form textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.comment-form textarea{min-height:46px;max-height:120px;resize:vertical}
.comment-send{border:0;border-radius:13px;padding:12px 15px;min-height:46px;background:linear-gradient(90deg,#8b5cf6,#d946ef);color:white;font:inherit;font-weight:850;cursor:pointer}
.comment-send:disabled{opacity:.55;cursor:wait}
.comment-msg{min-height:18px;margin:7px 2px 0;color:#aaa4b4;font-size:13px}
.comment-list{display:grid;gap:8px;margin-top:12px}
.comment{padding:11px 12px;border:1px solid #242435;border-radius:13px;background:#101018}
.comment-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}
.comment-name{font-weight:850}
.comment-time{color:#817b8d;font-size:12px;white-space:nowrap}
.comment-text{color:#dedbe6;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}
.comment-empty{padding:13px;color:#8e8998;text-align:center;border:1px dashed #2b2b3c;border-radius:13px}
.community-loading{opacity:.6;pointer-events:none}
@media(max-width:650px){
  .community{padding:12px;border-radius:16px}
  .community-top{grid-template-columns:1fr}
  .comment-form{grid-template-columns:1fr}
  .comment-send{width:100%}
}