.comment-wrapper{margin-top:1.7em}#comment-form{box-sizing:border-box;width:100%;margin-top:0}.form-row-top{flex-direction:row;align-items:center;gap:4px;margin-top:6px;display:flex}.form-row-input{background:color-mix(in srgb, var(--foreground) 4%, transparent);box-sizing:border-box;cursor:default;border-radius:6px;flex-direction:row;align-items:center;gap:.5em;width:100%;padding:.5rem .75rem;display:flex;box-shadow:0 1px 3px #0000000f}.form-row-input:not(.logged-in) .comment-input-header{flex-shrink:0;align-items:center;width:auto;padding-bottom:0;display:inline-flex}.form-row-input:not(.logged-in) .input{cursor:default;flex:1;height:1.5em;padding:0;line-height:1.5}.form-row-input.logged-in{cursor:default;flex-direction:column;align-items:stretch;gap:.625rem;padding:.625rem .75rem}.form-row-input.logged-in .comment-input-header{align-items:center;gap:.5em;width:100%;margin:0;padding-bottom:0;display:flex}.github-input-icon{color:var(--muted-foreground);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,transform .2s;display:inline-flex}@media (hover:hover){.github-input-icon:hover{color:var(--accent);transform:scale(1.1)}}.github-input-icon:active{color:var(--accent);transform:scale(1.1)}.comment-user-name-inline{color:var(--accent);font-size:.9375rem;font-weight:500;line-height:1.2}.comment-user-name-inline.hidden,.comment-logout-btn-inline.hidden{display:none!important}.comment-logout-btn-inline{color:var(--muted-foreground);cursor:pointer;font-size:.875rem;line-height:1.2;transition:color .2s}.comment-logout-btn-inline:hover{color:#e53e3e}.form-submit-inline{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;margin-left:auto;padding:0;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.2;transition:color .2s}.form-submit-inline:hover:not(:disabled){color:var(--accent)}.form-submit-inline:disabled{cursor:not-allowed;opacity:.5}.input{width:100%;color:var(--foreground);box-sizing:border-box;resize:none;word-break:break-all;overflow-wrap:anywhere;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:.9375rem;line-height:1.5}.input::placeholder{color:var(--muted-foreground)}.input:focus{outline:none}.comment-auth-btn{appearance:none;cursor:pointer;height:2rem;color:var(--foreground);background:0 0;border:none;border-radius:.375rem;flex-shrink:0;align-items:center;padding:0;text-decoration:none;display:inline-flex}.comment-auth-btn svg,.comment-auth-btn img{pointer-events:none;transition:color .2s,transform .2s}@media (hover:hover){.comment-auth-btn:hover svg,.comment-auth-btn:hover img{transform:scale(1.1)}}.comment-auth-btn:active svg,.comment-auth-btn:active img{transform:scale(1.1)}.oauth-expand{align-items:center;gap:6px;display:inline-flex}.oauth-expand .comment-auth-btn{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translate(-8px)}.oauth-expand.open .comment-auth-btn{opacity:1;pointer-events:auto;transform:translate(0)}.oauth-expand.open .comment-auth-btn:first-child{transition-delay:30ms}.oauth-expand.open .comment-auth-btn:nth-child(2){transition-delay:60ms}.oauth-expand.open .comment-auth-btn:nth-child(3){transition-delay:90ms}.oauth-expand.open .comment-auth-btn:nth-child(4){transition-delay:.12s}.oauth-expand.open .comment-auth-btn:nth-child(5){transition-delay:.15s}#comment-logout-btn,#form-submit{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;border-radius:6px;padding:.125rem .5rem;font-family:inherit;font-size:.9375rem;line-height:1;transition:color .2s}#comment-logout-btn:hover{color:#e53e3e}#comment-logout-btn:active{color:#c53030}#comment-logout-btn{justify-content:center;align-items:center;margin-left:-4px;padding-left:2px;padding-right:0;display:inline-flex}#form-submit{padding:0}#form-submit:hover:not(:disabled){color:var(--accent)}#form-submit:disabled,[data-reply-send]:disabled{cursor:not-allowed}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:.875rem;height:.875rem;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.list-container{flex-direction:column;gap:0;min-height:4rem;margin-top:1rem;display:flex}.comment-skeleton{flex-direction:column;gap:1.5rem;padding:.425em 0;display:flex}.sk-card{flex-direction:column;gap:.5rem;display:flex}.sk-line{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:4px;height:.75rem;animation:1.5s ease-in-out infinite comment-sk-pulse}.sk-line--name{width:30%;height:.875rem}.sk-line--body{width:100%}.sk-line--body:last-of-type{width:72%}.sk-line--meta{width:22%;height:.625rem}@keyframes comment-sk-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes comment-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.comment-card{border-radius:12px;margin:0;padding:.425em 0;transition:border-color .2s;animation:.2s ease-out comment-fade-in}.comment-header{align-items:center;gap:.25rem;width:100%;display:flex}.comment-meta{align-items:center;gap:.5rem;margin-top:.125rem;display:flex}.comment-name{color:var(--accent);font-size:1rem;font-weight:450;line-height:1.7}.comment-badge{color:var(--muted-foreground);background-color:color-mix(in srgb, var(--accent) 10%, transparent);vertical-align:middle;border-radius:3px;margin-left:0;padding:.05rem .35rem;font-size:.625rem;font-weight:600;line-height:1.4;display:inline-block}.comment-body{white-space:pre-wrap;word-break:break-word;color:var(--foreground);margin:0;font-size:.9375rem;line-height:1.7}.comment-time{color:#8491a5;font-size:.875rem}.comment-reply-btn{color:#8491a5;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.125rem .5rem;font-size:.875rem;line-height:1;transition:color .2s}.comment-reply-btn:hover{color:var(--accent)}html:lang(en) .comment-reply-btn{font-size:.75rem}.comment-replies{flex-direction:column;gap:0;margin-top:0;padding-left:2rem;display:flex}.comment-reply{border-radius:6px;margin:0;padding:.425em 0;animation:.2s ease-out comment-fade-in}.reply-arrow{vertical-align:middle;color:var(--muted-foreground);margin:0;display:inline}.reply-to-name{color:var(--muted-foreground);font-size:.9375rem;font-weight:450}.load-more-btn{border:1px dashed var(--border);width:100%;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-top:.85em;padding:.5rem;font-size:.75rem;transition:all .2s;display:flex}.load-more-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent)}.reply-input-wrap{background:color-mix(in srgb, var(--foreground) 4%, transparent);border-radius:4px;flex-direction:row;flex:1;align-items:flex-start;display:flex;box-shadow:0 1px 3px #0000000f}.reply-textarea{min-width:0;color:var(--foreground);resize:none;box-sizing:border-box;background:0 0;border:none;flex:1;padding:.5rem .5em;font-family:inherit;font-size:.875rem;line-height:1.5;overflow:hidden}.reply-textarea:focus{outline:none}.reply-textarea::placeholder{color:var(--muted-foreground)}@media (width<=640px){.comment-replies{padding-left:1rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}