:root{--akira-green:#7FC29B;--akira-green-dark:#5FA87D;--akira-green-light:rgba(127, 194, 155, 0.1);--bg-primary:#0D1117;--bg-secondary:#161B22;--bg-tertiary:#1C2128;--text-primary:#F0F6FC;--text-secondary:#8B949E;--border-color:#21262D;--border-light:rgba(255, 255, 255, 0.03)}.vpa-comments-toggle{display:inline-flex;align-items:center;gap:.5rem;background:rgb(127 194 155 / .08);border:1px solid rgb(127 194 155 / .25);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;font-family:inherit}.vpa-comments-toggle:hover{background:rgb(127 194 155 / .15);border-color:var(--akira-green);color:var(--akira-green)}.vpa-comments-toggle-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.vpa-comments-toggle-count{font-weight:600}.vpa-comments-section{margin:2rem 0;padding:0}.vpa-comments-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-height:none;overflow:visible;opacity:1}.vpa-comments-container.active{max-height:none;opacity:1}.vpa-comment-form{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.vpa-comment-form-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.vpa-comment-form-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.vpa-comment-form-avatar img{width:100%;height:100%;object-fit:cover}.vpa-comment-form-body{flex:1}.vpa-comment-textarea{width:100%;min-height:60px;max-height:300px;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:vertical;transition:all 0.2s ease}.vpa-comment-textarea::placeholder{color:var(--text-secondary)}.vpa-comment-textarea:focus{outline:none;border-color:var(--akira-green);background:#1a2332;box-shadow:0 0 0 3px rgb(127 194 155 / .1)}.vpa-comment-toolbar{display:flex;align-items:center;gap:.5rem;margin:1rem 0;padding:.75rem;background:var(--bg-tertiary);border-radius:6px}.vpa-comment-toolbar-button{width:32px;height:32px;padding:0;background:rgb(127 194 155 / .1);border:1px solid rgb(127 194 155 / .2);color:var(--text-primary);border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;font-family:monospace}.vpa-comment-toolbar-button:hover{background:var(--akira-green);color:var(--bg-primary);border-color:var(--akira-green)}.vpa-comment-toolbar-separator{width:1px;height:20px;background:var(--border-color);margin:0 .25rem}.vpa-comment-char-count{font-size:.8rem;color:var(--text-secondary);margin-left:auto}.vpa-comment-char-count.warning{color:#f85149}.vpa-comment-form-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.vpa-comment-post-btn,.vpa-comment-cancel-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:none;font-family:inherit}.vpa-comment-post-btn{background:linear-gradient(135deg,var(--akira-green) 0%,#6fb88e 100%);color:var(--bg-primary)}.vpa-comment-post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgb(127 194 155 / .3)}.vpa-comment-post-btn:active{transform:translateY(0)}.vpa-comment-post-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vpa-comment-cancel-btn{background:rgb(127 194 155 / .1);color:var(--text-primary);border:1px solid rgb(127 194 155 / .2)}.vpa-comment-cancel-btn:hover{background:rgb(127 194 155 / .15);border-color:var(--akira-green)}.vpa-comment-mentions-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;margin-bottom:.5rem}.vpa-comment-mentions-item{padding:.75rem 1rem;cursor:pointer;transition:background 0.2s ease;display:flex;align-items:center;gap:.75rem}.vpa-comment-mentions-item:hover,.vpa-comment-mentions-item.active{background:var(--bg-tertiary);color:var(--akira-green)}.vpa-comment-mentions-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden}.vpa-comment-mentions-avatar img{width:100%;height:100%;object-fit:cover}.vpa-comment-mentions-name{font-size:.9rem;font-weight:500}.vpa-comments-list{display:flex;flex-direction:column;gap:1.5rem}.vpa-comment{display:flex;gap:1rem;padding:1rem;border-radius:8px;background:var(--bg-tertiary);transition:all 0.2s ease;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vpa-comment:hover{background:rgb(127 194 155 / .05)}.vpa-comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.vpa-comment-avatar img{width:100%;height:100%;object-fit:cover}.vpa-comment-body{flex:1}.vpa-comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.vpa-comment-author{font-weight:600;color:var(--text-primary);text-decoration:none;transition:color 0.2s ease}.vpa-comment-author:hover{color:var(--akira-green)}.vpa-comment-role{font-size:.75rem;padding:.25rem .5rem;background:rgb(127 194 155 / .1);color:var(--akira-green);border-radius:3px}.vpa-comment-time{font-size:.85rem;color:var(--text-secondary)}.vpa-comment-content{font-size:.95rem;color:var(--text-primary);line-height:1.5;margin-bottom:.75rem;word-wrap:break-word}.vpa-comment-content .vpa-mention{color:var(--akira-green);text-decoration:none;font-weight:500;transition:color 0.2s ease}.vpa-comment-content .vpa-mention:hover{text-decoration:underline}.vpa-comment-content strong{font-weight:700}.vpa-comment-content em{font-style:italic}.vpa-comment-content code{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:3px;font-family:monospace;font-size:.85rem}.vpa-comment-actions{display:flex;align-items:center;gap:1rem;font-size:.85rem}.vpa-comment-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color 0.2s ease;padding:0;font-family:inherit;display:flex;align-items:center;gap:.25rem}.vpa-comment-action-btn:hover{color:var(--akira-green)}.vpa-comment-action-btn.liked{color:var(--akira-green)}.vpa-like-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1}.vpa-like-icon svg{width:100%;height:100%;stroke-width:2}.vpa-comment-action-btn.liked .vpa-like-icon svg{fill:var(--akira-green)}.vpa-comment-replies{margin-top:1rem;border-left:2px solid var(--border-color);padding-left:1rem;display:flex;flex-direction:column;gap:1rem}.vpa-comment.vpa-comment-reply{background:rgb(127 194 155 / .02);margin-left:0}.vpa-comment.vpa-comment-reply:hover{background:rgb(127 194 155 / .08)}.vpa-comment-reply-form{margin-top:1rem;padding:1rem;background:rgb(127 194 155 / .02);border-radius:8px}.vpa-comments-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.vpa-comments-loading::after{content:'';display:inline-block;width:20px;height:20px;margin-left:.5rem;border:3px solid rgb(127 194 155 / .2);border-top-color:var(--akira-green);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vpa-comments-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.vpa-comments-error{background:rgb(248 81 73 / .1);border:1px solid rgb(248 81 73 / .25);color:#f85149;padding:1rem;border-radius:8px;margin-bottom:1rem}.vpa-comments-login-prompt{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center}.vpa-comments-login-prompt-text{color:var(--text-secondary);margin-bottom:1.5rem}.vpa-comments-login-btn{background:linear-gradient(135deg,var(--akira-green) 0%,#6fb88e 100%);color:var(--bg-primary);padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.2s ease;display:inline-block;border:none}.vpa-comments-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgb(127 194 155 / .3)}@media (max-width:768px){.vpa-comments-container{padding:1rem}.vpa-comment-form-header{gap:.75rem}.vpa-comment-form-avatar{width:36px;height:36px}.vpa-comment-textarea{min-height:50px;padding:.75rem;font-size:.9rem}.vpa-comment-toolbar{padding:.5rem}.vpa-comment-toolbar-button{width:28px;height:28px;font-size:.75rem}.vpa-comment-form-actions{gap:.75rem;flex-wrap:wrap}.vpa-comment-post-btn,.vpa-comment-cancel-btn{flex:1;padding:.7rem 1rem;font-size:.85rem}.vpa-comment{gap:.75rem;padding:.75rem}.vpa-comment-avatar{width:36px;height:36px}.vpa-comment-replies{margin-left:0;border-left-width:1px;padding-left:.75rem}.vpa-comments-list{gap:1rem}}@media (max-width:480px){.vpa-comments-container{padding:.75rem}.vpa-comment-post-btn,.vpa-comment-cancel-btn{width:100%}.vpa-comment-form-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.vpa-comment,.vpa-comments-container,.vpa-comment-post-btn,.vpa-comment-action-btn{transition:none!important;animation:none!important}}@media print{.vpa-comment-form,.vpa-comment-form-actions{display:none!important}}