.comment-drawer-panel{transform:translateY(var(--comment-drawer-drag-offset,0));transition:transform .26s cubic-bezier(.32,.72,0,1)}.comment-drawer-panel[data-dragging=true]{transition:none}.comment-list{display:flex;flex-direction:column;gap:.75rem;min-height:0}.comment-list__scroll{display:flex;flex-direction:column;gap:.5rem;min-height:4rem}.comment-list__status{padding:1rem 0;text-align:center;color:hsl(var(--muted-foreground));font-size:.875rem}.comment-list__auth{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-bottom:1rem}.comment-list__login{padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;color:hsl(var(--primary-foreground));background:hsl(var(--primary));border-radius:9999px;text-decoration:none;transition:filter .15s ease}.comment-list__login:hover{filter:brightness(1.08)}.comment-list__items{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.comment-row{display:flex;align-items:flex-start;gap:.5rem}.comment-row[data-pending=true]{opacity:.6}.comment-row__body{flex:1;min-width:0}.comment-row__head{display:flex;align-items:baseline;gap:.5rem}.comment-row__name{font-weight:600;font-size:.85rem}.comment-row__time{font-size:.75rem;color:hsl(var(--muted-foreground))}.comment-row__text{margin:.125rem 0 0;font-size:.875rem;word-break:break-word;white-space:pre-wrap}.comment-row__delete{flex-shrink:0;padding:.25rem;color:hsl(var(--muted-foreground));background:transparent;border:none;cursor:pointer}.comment-row__delete:hover{color:hsl(var(--destructive))}.comment-list__more{align-self:center;padding:.375rem .75rem;font-size:.8rem;color:hsl(var(--muted-foreground));background:transparent;border:1px solid hsl(var(--border));border-radius:9999px;cursor:pointer}.comment-list__error{font-size:.8rem;color:hsl(var(--destructive))}.comment-list__form{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid hsl(var(--border))}.comment-list__input{flex:1;min-width:0;padding:.5rem .75rem;font-size:.875rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:9999px}.comment-list__submit{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:hsl(var(--primary-foreground));background:hsl(var(--primary));border:none;border-radius:9999px;cursor:pointer}.comment-list__submit:disabled{opacity:.5;cursor:not-allowed}